/* Show it is fixed to the top */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
    font-family: 'Avenir LT Std 55 Roman';
    src: url('AvenirLTStd-Heavy.eot');
    src: url('AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
        url('AvenirLTStd-Heavy.woff2') format('woff2'),
        url('AvenirLTStd-Heavy.woff') format('woff'),
        url('AvenirLTStd-Heavy.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir LT Std 45 Book';
    src: url('AvenirLTStd-Book.eot');
    src: url('AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
        url('AvenirLTStd-Book.woff2') format('woff2'),
        url('AvenirLTStd-Book.woff') format('woff'),
        url('AvenirLTStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body { min-height: 75rem;font-family: 'Montserrat', sans-serif;;line-height: 28px;color: #425466;font-size: 18px;}
 .bd-placeholder-img { font-size: 1.125rem;  text-anchor: middle;  -webkit-user-select: none; -moz-user-select: none; user-select: none; }

a{color: #425466; text-decoration: none}
main { min-height: 500px;}
.btn-primary { background: rgb(53,223,195);background: linear-gradient(90deg, rgba(53,223,195,1) 0%, rgba(68,169,250,1) 100%); border: none;box-shadow: 1px -1px 14px -2px rgba(0,0,0,0.75);-webkit-box-shadow: 1px -1px 14px -2px rgba(0,0,0,0.75);-moz-box-shadow: 1px -1px 14px -2px rgba(0,0,0,0.75); }
.navbar-nav li{}
.banner { background: url("../images/banner.png") top center no-repeat; min-height: 720px; max-height: 720px; display: block; background-size: cover; position: relative; z-index: -1;margin-top: -205px;padding-top: 215px; }
.page-title1 {font-family: 'Avenir LT Std 55 Roman'; font-size: 52px; color: #000; text-align: center; margin: 0 0 45px; text-transform: uppercase; position: relative;}
.abotLeft { background-color: #f4f4f4; padding:40px 50px;font-family: 'Avenir LT Std 45 Book';}
.abotLeft h2 { font-size: 30px; margin-bottom: 25px}
.abotLeft h2 span{ font-size: 30px;font-family: 'Avenir LT Std 55 Roman'; }
.abotLeft p { font-size: 18px;font-family: 'Avenir LT Std 45 Book';line-height: 28px; text-align: center;}
.about{ padding: 90px 0; font-family: 'Avenir LT Std 45 Book'; color: #000000}
.p-t-130 { padding-top: 130px;}
.about img { max-width: 100%}

.photography { background-color: #f4f4f4; text-align: center; background-image: url("../images/photography-bg.png"); background-repeat: no-repeat; background-position: right bottom}
.dj { background-color: #f4f4f4; text-align: center; background-image: url("../images/dj-bg.png"); background-repeat: no-repeat; background-position: right bottom}
.videography {text-align: center; background-image: url("../images/videography-bg.png"); background-repeat: no-repeat; background-position: left bottom}
.subTitle { font-size: 24px;}
.subTitle span{ font-size: 24px;font-family: 'Avenir LT Std 55 Roman'; font-weight: bold}
.boxShadow {box-shadow: 1px 1px 46px 8px rgba(0,0,0,0.15);
-webkit-box-shadow: 1px 1px 46px 8px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 46px 8px rgba(0,0,0,0.15); max-width: 100%; margin-bottom: 50px;}
.bigBtn { background-color: #dd003a; padding: 20px 50px; font-size: 26px; color: #fff; text-decoration: none; font-family: 'Avenir LT Std 55 Roman'; border-radius:40px; margin: 50px auto 0; clear: both; display: inline-block; transition:.3s  }
.bigBtn img{ margin-right: 15px;word-wrap: break-word; }
.bigBtn:hover { background-color: #ac002d; color: #fff;}
.m-t-50 { margin-top: 70px;}
.footer-title { font-size: 24px; letter-spacing: 10px;}
h1 {font-size: 54px; margin: 20px;}
.max600 {max-width: 700px; margin: 0 auto; font-size: 24px; margin-top: 40px;}
.max600 img { margin-bottom:10px; }
.max600 .col-md-6 { margin-bottom: 20px;}
.max600 a {color: #fff;}

* {scrollbar-width: thin; scrollbar-color: #0196f4 #40465e;}
*::-webkit-scrollbar { width: 5px; }
*::-webkit-scrollbar-track { background: #40465e; }
*::-webkit-scrollbar-thumb {background-color: #0196f4; border-radius: 5px; border: 5px solid #0196f4;}

::selection { background-color: #0196f4; color: #ffffff }

footer { background: url("../images/footer-bg.png") center center no-repeat; padding: 100px 0; color: #fff; background-color: #000; min-height: 450px; text-align: center}

.max1000 { max-width: 1000px; margin: 0 auto;}
.logowhite {display: none;}
.logoone {display: block;}
.header_area .logo {max-width:360px; float: left; position: relative; z-index: 9;padding: 46px 0;}
 
@media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
  }
 @media (max-width: 767px) {
	 .banner h1, .banner-inner h1  {  font-size: 29px;  font-weight: bold;  color: #fff;  line-height: 33px;  padding-top:0px;text-align: center;}
	 .banner {min-height: 560px;max-height: 560px;}
	 .logo img { max-width: 100%}
	 .page-title1 { font-size: 42px;margin: 0 0 25px;}
	 .abotLeft {padding: 20px; }
	 .p-t-130 {padding-top: 30px;}
	 .about { padding: 32px 0;}
	 .bigBtn {padding: 20px;font-size: 19px;margin: 20px auto 0;}
	 .m-t-50 { margin-top: 20px;}
	 footer {padding: 50px 0;}
	 .boxShadow {margin-bottom: 20px;}
	 
}


@media screen and (min-width: 320px) {
.header_area.fix {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #ffffff;
    z-index: 991;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    box-shadow: 1px 1px 7px rgba(165, 165, 165, 0.31);
    padding: 0px 0;
	}
	
	.header_area.fix .nav-menu > li > a{ color: #333;}
	.header_area.fix .nav-menu > li > a.active { color: #36dcc7;}
	.header_area.fix .logowhite {display: block;}
	.header_area.fix .logoone {display: none;}
	.header_area.fix .nav-toggle:before { background-color: #333; box-shadow: 0 0.5em 0 0 #333, 0 1em 0 0 #333;}
}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}