﻿
/*--------------------------------------------------------------
   RESET
--------------------------------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
pre{white-space:pre-wrap}
small{font-size:80%}






/*--------------------------------------------------------------
   BASE
--------------------------------------------------------------*/

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:'AirbnbCerealBook',sans-serif!important;margin:0;padding:0;letter-spacing:0px}
svg:not(:root){overflow:hidden;display:inline-block}
.clear{clear:both}
.hideclear{display:none}
.row:after{content:"";display:table;clear:both}
::-webkit-scrollbar{width:15px}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#E2E2E2;border-radius:50px}






/*--------------------------------------------------------------
   TYPOGRAPHY
--------------------------------------------------------------*/

@font-face{font-family:'AirbnbCerealBook';src:local('AirbnbCerealBook'), url("../webfonts/AirbnbCerealBook.ttf")format('opentype')}
@font-face{font-family:'AirbnbCerealMedium';src:local('AirbnbCerealMedium'), url("../webfonts/AirbnbCerealMedium.ttf")format('opentype')}
@font-face{font-family:'AirbnbCerealBlack';src:local('AirbnbCerealBlack'), url("../webfonts/AirbnbCerealBlack.ttf")format('opentype')}
@font-face{font-family:'AirbnbCerealExtraBold';src:local('AirbnbCerealExtraBold'), url("../webfonts/AirbnbCerealExtraBold.ttf")format('opentype')}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1{font-size:75px;color:#235393;font-family:'AirbnbCerealBlack',sans-serif!important}
h2{font-size:45px;color:#235393;font-family:'AirbnbCerealExtraBold',sans-serif!important;margin-bottom:20px}
h3{font-size:30px;color:#fff;font-family:'AirbnbCerealExtraBold',sans-serif!important;margin-bottom:20px}
p{margin:0;font-weight:200;font-size:16px;color:#232323;line-height:30px}
a{text-decoration:none;font-weight:200;transition:.3s ease}
i{transition:.3s ease}






/*--------------------------------------------------------------
   TRANSITION
--------------------------------------------------------------*/

@keyframes fadein {
from{opacity:0;transform:scale(.99, .99)}
to {opacity:1;transform:scale(1, 1)}}
@-moz-keyframes fadein {
from{opacity:0;transform:scale(.99, .99)}
to {opacity:1;transform:scale(1, 1)}}
@-webkit-keyframes fadein {
from{opacity:0;transform:scale(.99, .99)}
to {opacity:1;transform:scale(1, 1)}}
@-o-keyframes fadein {
from{opacity:0;transform:scale(.99, .99)}
to {opacity:1;transform:scale(1, 1)}}
@keyframes grow {
from{transform:scale(0)}
to {transform:scale(1)}}
@-moz-keyframes grow {
from{transform:scale(0)}
to {transform:scale(1)}}
@-webkit-keyframes grow {
from{transform:scale(0)}
to {transform:scale(1)}}
@-o-keyframes grow {
from{transform:scale(0)}
to {transform:scale(1)}}






/*--------------------------------------------------------------
   PAGE LOAD
--------------------------------------------------------------*/

#loader{z-index:1001;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}
#loader img{top:50%;left:50%;width:100%;animation-name:grow;animation-duration:1.5s}
#loader-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;}
#loader-wrapper .loader-section{position:fixed;top:0;width:51%;bottom:0;background:#fff;z-index:1000}
#loader-wrapper .loader-section.section-left{left:0}
#loader-wrapper .loader-section.section-right{right:0}
.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.loaded #loader{opacity:0}
.loaded #loader{opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left{-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000)}
.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 0.3s 1s ease-out;transition:all 0.3s 1s ease-out}






/*--------------------------------------------------------------
   HEADER
--------------------------------------------------------------*/

/* layout */
.header-wrap{display:block;overflow:auto;padding:15px 30px;border-bottom:1px solid #F1F1F1;position:relative;background:#fff}
.header-left{float:left;width:40%}
.header-center{float:left;width:20%}
.header-right{float:left;width:40%}


/* icons */
.header-left-wrap img{height:40px;transition:.3s ease}
.phone-icon{position:absolute;top:30px;left:30px}
.location-icon{position:absolute;top:30px;left:80px}
.phone-icon:hover, .location-icon:hover{top:25px}


/* logo */
.header-center-wrap{text-align:center}
.header-center-wrap img{width:auto;max-width:140px}


/* search */
.header-right-wrap{text-align:right;margin-top:15px}
.btn-success{background:transparent!important;border:none!important;display:inline-block}
.btn-success i{font-size:12px;background:#f92b2b;border-radius:50px;padding:15px;color:#fff;cursor:pointer}
.btn-success i:hover{box-shadow: inset 0 0 0 1px #f92b2b;background:transparent;color:#f92b2b}


/* menu */
.navigation{width:100%;border-bottom:1px solid #F1F1F1;background:#fff}
.primary{padding:0;display:block;width:100%;max-width:1200px;margin:0 auto;position:relative;background:transparent}
.primary ul{margin:0;padding:0}
.primary ul li{display:inline-block;list-style-type:none;width:25%;margin-right:-3px}
.primary ul li a{color:#232323;font-size:15px;text-decoration:none;padding:30px 0;display:block;position:relative;text-align:center}	
.nav-border{border-left:1px solid #F1F1F1}	
.primary ul li svg{height:20px;fill:#232323;position:absolute;top:30px}
.home{margin-left:90px}
.inv{margin-left:70px}
.finance{margin-left:80px}
.contact-us{margin-left:85px}
.primary ul li a:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2.5px;left:50%;position: absolute;background:#f92b2b;transition:width 0.4s ease 0s,left 0.4s ease 0s;width:0}
.primary ul li a:hover:after{width:100%;left:0}
.primary ul li li a:after{height:0px;left:0%;background:transparent;transition:none;width:0}
.primary ul li li a:hover:after{width:0%}


/* mobile menu */
.mobile{display:none;float:right;margin-top:30px}
.overlay{height:100%;width:0;position:fixed;z-index:999;top:0;left:0;background:#f92b2b;overflow-x:hidden;transition:0.5s}
.overlay-content{position:relative;top:23%;width:100%;text-align:center;margin-top:30px}
.overlay a{padding:20px 0;font-size:36px;color:#fff;display:block}
.overlay a:hover, .overlay a:focus{padding:20px 0 20px 15px}
.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}
.open-menu{padding:60px 30px 46px 30px;background:#f92b2b;cursor:pointer}
.open-menu img{width:30px}






/*--------------------------------------------------------------
   DEFAULT
--------------------------------------------------------------*/

/* hero layout */
.home-section-wrap{width:1200px}
.home-menu{float:left;width:300px;background:#fff;height:100vh}
.home-text{float:right;width:900px;height:100vh;background:#F1F1F1}
.cutout{position:absolute;top:180px;right:0;width:1200px}


/* menu */
.home-menu a{display:block;padding:30px 30px 30px 50px;color:#232323}
.home-menu span{margin-left:55px}
.home-menu svg{height:20px;fill:#232323;position:absolute}
.menu-border{border-bottom:1px solid #F1F1F1}
.selected{border-left:3px solid #f92b2b}
.selected-dot{position:absolute;background:#f92b2b;border-radius:50px;width:7px;height:7px;border:10px solid #F1F1F1;left:285px;top:155px}
.hover-bar{position:relative}
.hover-bar a:hover{padding-left:60px;color:#232323;}
.hover-bar:after{background:none repeat scroll 0 0 transparent;left:0;content:"";display:block;width:2.5px;bottom:50%;position:absolute;background:#FB8383;transition:height 0.4s ease 0s, bottom 0.4s ease 0s;height:0}	
.hover-bar:hover:after{height:100%;bottom:0}


/* intro */
.home-text-wrap{margin:60px}
.home-text-wrap p{margin:20px 0}
.btn-section{margin-top:50px}
.btn-section a{color:#232323;padding:20px 15px 20px 30px;background:#fff;border-radius:50px}
.btn-section i{font-size:10px;margin-left:30px;color:#fff;background:#f92b2b;padding:13px 13px 10px 13.5px;border-radius:50px}
.btn-section a:hover i{margin-left:40px;box-shadow: inset 0 0 0 1px #f92b2b;background:transparent;color:#f92b2b}


/* gallery */
.gallery{position:absolute;width:auto;max-width:1500px}
.gallery-cell{width:32.5%;margin-right:10px;margin-bottom:10px;background:transparent;counter-increment:gallery-cell}
.gallery-cell img{width:100%;object-fit:cover;transition:.6s ease;border-radius:4px;height:450px}
.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:none}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-button{position:absolute;border-color:transparent;box-shadow: inset 0 0 0 1px #f92b2b;background:transparent;color:#f92b2b}
.flickity-button:hover{cursor:pointer}
.flickity-button:focus{outline:none}
.flickity-button:disabled{cursor:auto;pointer-events:none}
.flickity-button-icon{fill:currentColor}
.flickity-prev-next-button{width:40px;height:40px;border-radius:50px}
.flickity-prev-next-button.previous{right:55px}
.flickity-prev-next-button.next{right:10px}
.flickity-rtl .flickity-prev-next-button.previous{appearance:none!important}
.flickity-rtl .flickity-prev-next-button.next{left:auto;right:10px}
.flickity-prev-next-button .flickity-button-icon{position:absolute;right:35%;top:35%;width:30%;height:30%}
.flickity-page-dots .dot{display:none}


/* gallery text */
.slider-section{position:relative;z-index:1}
.slider-section:before{position:absolute;z-index:-1;top:0;left:0;width:900px;height:700px;margin-left:300px;content:"";background-color:#F1F1F1}
.slider-text{width:900px;height:380px;background:#F1F1F1;margin-left:300px;border-bottom-left-radius:40px;border-bottom-right-radius:40px}
.slider-text-wrap{margin:80px 50px 0 50px}
.btn-margin{display:inline-block;width:190px}
.btn-section2{margin-top:50px;display:inline-block}
.btn-section2 a{color:#232323;padding:20px 15px 20px 30px;background:#fff;border-radius:50px}
.btn-section2 i{font-size:10px;margin-left:30px;color:#fff;background:#f92b2b;padding:13px 13px 10px 13.5px;border-radius:50px}
.btn-section2 a:hover i{margin-left:40px;box-shadow:inset 0 0 0 1px #f92b2b;background:transparent;color:#f92b2b}


/* location */
.location-section{position:relative;background:#f92b2b;padding:100px 50px;margin-top:200px}
.location-wrap{width:500px}
.location-section h2, .location-section p{color:#fff!important}
.location-left{float:left}
.location-right{float:right}
.location-right a{color:#fff;font-family:'AirbnbCerealExtraBold',sans-serif!important}
.google-map{position:absolute;right:0;top:-80px;width:60%;height:550px}
.map-iframe{border-bottom-left-radius:40px;border-top-left-radius:40px}
.hours{margin:70px 0 20px 0;color:#fff!important}
.hour-row{background:#B40505;padding:10px 15px;border-radius:7px;width:280px;display:block;overflow:auto}
.hour-row2{padding:13px 15px;width:280px;display:block;overflow:auto}
.hour-left{float:left}
.hour-right{float:right}


/* thank you */
.thankyou-section{padding:0 15px}
.thankyou-wrapper{display:block;overflow:auto;margin:70px auto;width:auto;max-width:1100px;background:#fff;border-radius:40px;padding:250px 50px}






/*--------------------------------------------------------------
   FOOTER
--------------------------------------------------------------*/

.footer-wrap{position:relative;display:block;overflow:auto;border-top:1px solid #F1F1F1;padding:40px 50px;background:#fff}
.footer-left{margin-top:10px}
.footer-right img{height:40px;transition:.3s ease}
.footer-location-icon{position:absolute;top:37px;right:30px}
.footer-phone-icon{position:absolute;top:37px;right:80px}
.footer-phone-icon:hover, .footer-location-icon:hover{top:32px}






/*--------------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------------*/


@media screen and (max-width:1850px){ 
.home-text-wrap p{width:550px}
.cutout{width:1000px}    
}



@media screen and (max-width:1550px){         
h1{font-size:55px}    
.home-section-wrap{width:950px}
.home-menu{width:250px}
.home-text{width:700px}
.cutout{top:180px;width:900px}
.home-menu a{padding:30px}
.home-menu span{margin-left:45px}
.selected-dot{left:235px}
.hover-bar a:hover{padding-left:40px}      
.gallery{max-width:1300px}   
.gallery-cell img{height:370px}    
.slider-section:before{width:700px;margin-left:250px}    
.slider-text{width:700px;height:380px;margin-left:250px}    
.google-map{width:50%}    
}



@media screen and (max-width:1470px){     
.cutout{width:750px}
.home-text-wrap p{width:500px}
.btn-section{margin-top:50px}  
}



@media screen and (max-width:1240px){ 
    
/* header */    
.header-wrap{padding:15px 0 15px 15px}    
.header-right, .header-left, .navigation, .home-menu{display:none} 
.header-center{float:left}
.header-left-wrap img{height:33px}    
.phone-icon{top:42px;right:150px;left:auto}
.location-icon{top:42px;right:110px;left:auto} 
.phone-icon:hover, .location-icon:hover{top:42px}    
.mobile{display:block}  
.home-section-wrap{width:100%}
.home-text{width:100%;height:550px;margin-bottom:100px}
.home-text-wrap{margin:55px 30px 45px 30px}
.thankyou-wrapper{padding:200px 15px;margin:40px auto}    
    
    
/* gallery */    
.gallery{margin:0 14px}    
.gallery-cell{width:24%}   
.gallery-cell img{height:270px}   
.slider-section:before{width:100%;height:auto;margin-left:0;background-color:#fff}
.slider-text-wrap{margin:70px 15px 45px 15px}    
.slider-text{width:100%;height:auto;padding:0;background:#fff;margin-left:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.btn-section2 a{background:#f1f1f1}
    
    
/* location */    
.location-section{padding:45px 15px;margin-top:100px}
.location-wrap{width:100%;max-width:700px;margin-bottom:370px}
.hour-row{width:auto}
.hour-row2{width:auto}    
.google-map{width:100%;top:auto;left:0;right:0;bottom:0;height:350px}
.map-iframe{border-bottom-left-radius:0;border-top-left-radius:0}
    
    
/* footer */    
.footer-wrap{padding:25px 15px}
.footer-right img{height:33px}
.footer-location-icon{top:27px;right:15px}
.footer-phone-icon{top:27px;right:53px}    
.footer-phone-icon:hover, .footer-location-icon:hover{top:27px}    
} 



@media screen and (max-width:1100px){  
h1{font-size:40px}     
h2{font-size:25px;margin-bottom:15px}     
h3{font-size:18px}    
p{font-size:15px;line-height:30px} 
.footer-left p{font-size:13px!important} 
input,textarea,textarea_comment,select{font-size:13px} 
.CaptchaMessagePanel{font-size:13px} 
.flickity-prev-next-button{width:30px;height:30px} 
.flickity-prev-next-button.previous{right:43px}    
.btn-margin{width:160px}
.btn-section2{margin-top:30px}
.btn-section2 a{font-size:13px;padding:15px 10px 15px 25px}
.btn-section2 i{font-size:8px;margin-left:25px;padding:11px 13px 11px 13.5px}
.btn-section2 a:hover i{margin-left:35px}  
.btn-section{margin-top:35px}
.btn-section a{font-size:13px;padding:15px 10px 15px 25px}
.btn-section i{font-size:8px;margin-left:25px;padding:11px 13px 11px 13.5px}
.btn-section a:hover i{margin-left:35px}     
}



@media screen and (max-width:1050px){ 
.cutout{display:none}
.btn-section{margin-top:50px} 
.home-text{width:100%;height:auto;margin-bottom:50px;padding-bottom:30px}
.home-text-wrap p{width:auto}
.hide-break{display:none}
}



@media screen and (max-width:800px){  
.gallery-cell{width:31%}     
.gallery-cell img{height:150px} 
.location-wrap{margin-bottom:270px}    
.google-map{height:250px} 
}



@media screen and (max-width:600px){     
.header-center-wrap img{max-width:100px}
.mobile{margin-top:17px}
.open-menu{padding:62px 20px 33px 20px}  
.overlay a{font-size:30px}
.overlay .closebtn{font-size:40px;top:13px;right:35px}     
.phone-icon{top:34px;right:123px}
.location-icon{top:34px;right:85px} 
.phone-icon:hover, .location-icon:hover{top:34px}   
}



    
    