﻿

/*--------------------------------------------------------------
   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
--------------------------------------------------------------*/

/* main */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-width:none;height: 100%;}
body{margin:0;padding:0;letter-spacing:0px;overflow: auto !important;height: 100%;}
svg:not(:root){overflow:hidden}
.clear{clear:both}
.hideclear{display:none}
.row:after{content:"";display:table;clear:both}

#viewport{overflow:auto;position:relative;min-height:auto!important;width:auto}
#content{overflow:auto;width:auto;min-height:auto;height:auto}
.white{color:#fff}
.black{color:#2c3437}
.green{color:#27ac6b}
.text-black{color:rgba(44,52,55,0.8)}
.bg-white{background:#fff}
.bg-black{background:#2c3437}
.bg-green{background:#27ac6b}
.bg-grey{background:#F4F4F4}
.dark-green{background:#1E8754}
.subtitle{font-size:25px!important;margin-bottom:30px;font-family:'dharma-gothic-e',sans-serif!important;text-transform:uppercase}
.content-btn{font-family:'dharma-gothic-e',sans-serif!important;text-transform:uppercase}


/* typography */
h1,h2,h3,h4,h5,h6,p,strong{margin:0;padding:0;font-style:normal;font-weight:400;letter-spacing:normal}
h1{font-size:60px;line-height:60px;font-family:'dharma-gothic-e',sans-serif;text-transform:uppercase;margin-bottom:60px}
h2{font-size:30px;line-height:30px;font-family:'dharma-gothic-e',sans-serif;text-transform:uppercase}
p{font-size:17px;line-height:30px;font-family:'acumin-pro',sans-serif}
a{font-size:17px;font-family:'dharma-gothic-e',sans-serif;text-decoration:none;transition:.5s ease}
strong{font-size:17px;font-family:'acumin-pro',sans-serif!important}
i{font-size:15px;transition:.5s ease}






/*--------------------------------------------------------------
   HEADER
--------------------------------------------------------------*/

/* default */
.header-wrap{border-bottom:1px solid rgba(0,0,0,.1)}
.top-header{border-bottom:1px solid rgba(0,0,0,.1);display:block;overflow:auto}
.top-header a{font-family:'acumin-pro',sans-serif!important;border-right:1px solid rgba(0,0,0,.1);padding:10px 20px;display:inline-block;font-size:14px;margin-left:-4px}
.top-header a:hover{background:#F4F4F4}
.top-header i{color:#27ac6b!important}
.top-header .fa-location-dot{margin:0 10px 0 5px;font-size:17px!important}
.left-header{float:left}
.right-header{float:right}
.logo-wrap{padding:20px 0 20px 50px}
.logo-wrap img{width:130px}
.nav-wrap{float:left;margin-right:35px}
.nav-contact{float:right;height:104px;padding:0 60px;display:flex;justify-content:center;align-items:center;font-size:23px!important;color:#fff!important}
.nav-contact i{margin-right:15px}
.nav-contact:hover{background:#1E8754}


/* navigation */
.mobile-main-nav,#menu-button{display:none}
.primary{padding:0;display:block;width:auto;background:transparent;text-align:center}
.primary ul{margin:0;padding:0}
.primary ul li{display:inline-block;list-style-type:none}
.primary ul li a{color:#2c3437;padding:40px 25px;display:block;text-transform:uppercase;font-size:23px!important}
.primary ul li a:hover{opacity:.6}


/* burger */
.menu{background-color:rgba(255,255,255,.1);border:none;cursor:pointer;display:flex;padding:8.5px 8px 8.5px 10px;margin:0!important;transition:.3s ease;border-left:1px solid rgba(255,255,255,.3)}
.menu svg{width:60px;height:50px;border-radius:0!important}
.stroke{fill:none;stroke:#2c3437!important;stroke-width:5;transition:stroke-dasharray 600ms cubic-bezier(0.4,0,0.2,1),stroke-dashoffset 600ms cubic-bezier(0.4,0,0.2,1)!important}
.stroke1{stroke-dasharray:60 207;stroke-width:5}
.stroke2{stroke-dasharray:60 60;stroke-width:5}
.stroke3{stroke-dasharray:60 207;stroke-width:5}
.opened .stroke1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:5}
.opened .stroke2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:5}
.opened .stroke3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:5}






/*--------------------------------------------------------------
   HOME
--------------------------------------------------------------*/

/* hero */
.hero-section{position:relative;display:block;overflow:auto}
.hero-banner{position:absolute;left:0;right:0;bottom:0;z-index:9}
.hero-banner-inner{background:rgba(39,172,107,0.85);padding:0 150px;position:relative;display:flex;align-items:center;height:150px;overflow: hidden;}
.hero-banner-inner h1{line-height:0!important;margin:0!important}
.banner-btn{position:absolute;right:-60px;top:0;bottom:0;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);transform:skew(-20deg);width:40%;background:rgba(25,114,71,0.5);transition:.3s ease}
.banner-btn span{-webkit-transform:skew(20deg);-moz-transform:skew(20deg);-o-transform:skew(20deg);transform:skew(20deg);line-height:0!important;font-size:30px!important;text-transform:uppercase;margin:5px 10px 0 0}
.banner-btn i{margin-left:20px;position:absolute;top:-9px}
.banner-btn:hover{background:rgba(25,114,71,.7)}
.banner-btn:hover i{margin-left:30px}


/* gallery */
.slider-wrap{position:relative;z-index:-1}
.gallery{position:absolute;width:auto}
.gallery-cell{width:100%;background:transparent;counter-increment:gallery-cell;margin-bottom:-12px;z-index:-99999999999999999999!important}
.gallery-cell img{width:100%;object-fit:cover;transition:.6s ease;height:750px}
.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;background:#16171E;margin-top:30px;transition:.3s ease-in-out}
.flickity-button:hover{cursor:pointer;background:#262733}
.flickity-button:focus{outline:none}
.flickity-button:disabled{cursor:auto;pointer-events:none}
.flickity-prev-next-button{width:40px;height:40px;border-radius:50px}
.flickity-prev-next-button.previous{display:none}
.flickity-prev-next-button.next{display:none}
.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%;filter:invert(1)}
.flickity-page-dots{display:none}
.flickity-page-dots .dot{display:none}


/* about */
.about-section{position:relative}
.about-section h2 {font-size: 50px; padding-bottom: 4rem;}
.about-banner-section{height:800px}
.about-text{display:block;overflow:auto;width:100%;height:100%;transition:.3s ease;transform:translate(0)}
.about-text-inner{position:absolute;top:100px;left:150px;right:150px;width:auto;max-width:750px}
.about-banner{position:absolute;z-index:99;top:0;left:0;bottom:0;right:0}
.section-parallax{position:relative;width:100%;height:100%;overflow:hidden}
.parallax-content{background-size:cover;position:relative;background-position:20%;background-repeat:no-repeat;width:100%;height:120%}
.content-btn{padding:20px 25px 20px 0;margin-top:40px;display:flex;justify-content:center;align-items:center;font-size:23px;width:200px}
.content-btn span{position:relative}
.content-btn i{margin-left:20px;font-size:13px!important;position:absolute;top:6px}
.content-btn:hover{background:#1E8754}
.content-btn:hover i{margin-left:25px}


/* links */
.link-box-wrap{margin:20px 0}
.link-box{float:left;width:33.33%}
.link-box-inner{margin:10px;transition:.3s ease}
.link-box-image{height:650px}
.box-title{position:relative;display:flex;align-items:center;height:80px}
.box-title h2{margin-left:30px!important}
.box-title i{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;height:80px;padding:0 50px}
.link-box-inner:hover i{padding:0 55px;background:#1E8754}


/* location */
.location-section{display:block;overflow:hidden}
.location-section h2 {font-size: 50px; padding-bottom: 4rem;}
.location-left{float:left;width:50%}
.location-left-inner{display:block;overflow:auto}
.location-right{float:right;width:50%;position:relative;height:850px}
.location-right-inner{position:absolute;top:0;left:0;right:0;bottom:0}
.map{height:100%}
.location-text{padding:20px;margin:5px 0}
.location-text i{margin-right:10px}
.location-text a:hover{opacity:.8}






/*--------------------------------------------------------------
   SUBPAGES
--------------------------------------------------------------*/

/* base */
.content-padding{padding:100px 150px}
.sub-content-padding{padding:100px 150px}
.content-wrap{padding:70px 100px 100px;box-shadow:0 3px 10px 0 rgba(0,0,0,.04);display:block;overflow:auto;margin-bottom:30px}
.content-wrap p{width:auto;max-width:900px}


/* contact */
.contact-no{font-family:'acumin-pro',sans-serif!important}
.form-inner{margin-top:80px}
.map{height:450px}






/*-------------------------------------------------------------- 
   FOOTER
--------------------------------------------------------------*/

.footer-wrap{border-top:1px solid rgba(0,0,0,.1);position:relative}
.footer-wrap p{font-family:'dharma-gothic-e',sans-serif!important;font-size:30px!important;text-transform:uppercase}
.footer-left{float:left;width:49.8%}
.footer-left-inner{padding:100px 150px 0}
.footer-left-inner a{display:block;font-size:30px!important;padding-bottom:30px;text-transform:uppercase}
.footer-left-inner a:hover{opacity:.6}
.footer-logo img{width:100px;position:absolute;bottom:50px;left:150px}
.footer-logo{opacity:1!important}
.footer-right{float:right;width:50%;border-left:1px solid rgba(0,0,0,.1)}
.footer-right i{font-size:20px!important}
.footer-right p{margin-top:30px;transition:.5s ease}
.footer-right-top,.footer-right-bottom{height:50%;position:relative;padding:150px 80px 50px 80px}
.footer-icon{position:absolute;top:0;right:0;padding:35px 50px;transition:.5s ease}
.footer-icon i{transform:rotate(45deg)}
.footer-right-top{border-bottom:1px solid rgba(0,0,0,.1)}
.footer-right-top:hover p{opacity:.6}
.footer-right-bottom:hover p{opacity:.6}
.footer-right-top:hover .footer-icon{background:#1E8754;padding:35px 55px}
.footer-right-bottom:hover .footer-icon{background:#1E8754;padding:35px 55px}






/*--------------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------------*/

@media screen and (max-width:1600px){
    
/* typography */   
h1{font-size:50px;line-height:60px;margin-bottom:30px}
h2{font-size:25px;line-height:25px}    
p{font-size:16px;line-height:25px}
a,strong{font-size:16px}
input,textarea,textarea_comment,select{font-size:15px} 
.CaptchaMessagePanel{font-size:15px} 
.subtitle{font-size:20px!important;margin-bottom:25px}     

    
/* about */  
.about-banner-section{height:700px}
.about-text-inner{top:80px;left:100px;right:100px;bottom:80px;max-width:auto}    
    
    
/* links */    
.link-box-image{height:500px}  

    
/* subpages */    
.content-padding{padding:80px 100px}    
.sub-content-padding{padding:80px 100px}    
.content-wrap{padding:50px 80px 80px} 
.map{height:300px}  
    
    
/* footer */     
.footer-left-inner{padding:80px 100px 0}
.footer-logo img{bottom:40px;left:100px}
.footer-right-top,.footer-right-bottom{padding:130px 50px 30px 50px} 
.footer-wrap p{font-size:25px!important}
.footer-left-inner a{font-size:25px!important;padding-bottom:25px}
.footer-right i{font-size:18px!important}    
}






@media screen and (max-width:1350px){
    
/* hero */
.gallery-cell img{height:650px}    
.hero-banner-inner h1{display:none}
.banner-btn{right:0;left:0;-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);transform:skew(0deg);width:100%}
.banner-btn span{-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);transform:skew(0deg)}  
    
   
/* links */    
.link-box-wrap{margin:0}
.link-box{float:none;width:100%}
.link-box-inner{margin:10px 0}
.link-box-image{height:250px}
    
    
/* location */
.location-right{height:600px}
}





@media screen and (max-width:1020px){ 
    
/* typography */     
h1{font-size:35px;line-height:40px;margin-bottom:30px}    
.subtitle{font-size:18px!important;margin-bottom:15px}    
    
    
/* header */  
.top-header{text-align:right} 
.top-header a{border-left:1px solid rgba(0,0,0,.1);border-right:none}    
.top-header i{font-size:13px!important}    
.top-header span{display:none} 
.top-header .fa-location-dot{margin:0;font-size:13px!important}    
.logo-wrap{padding:18px 0 0 15px}
.logo-wrap img{width:70px}     
.nav-wrap,.nav-contact{display:none}    
#menu-button{display:block;float:right;overflow:hidden}
.mobile-main-nav{display:block;position:fixed;top:0;bottom:0;left:-350px;width:300px;height:100vh;background:#fff;z-index:500;box-shadow:0px 9px 26px -7px rgb(0 0 0 / 15%);overflow:scroll}
.mobile-main-nav ul{list-style:none;padding:0px!important;padding-inline-start:0px!important;margin:0!important;background:#fff;overflow:scroll} 
.mobile-main-nav li{position:relative;padding:none!important;transition:.3s ease-in-out}
.mobile-main-nav a{position:relative;display:block;font-size:18px!important;border-bottom:1px solid rgba(0,0,0,.07);color:#2c3437!important;text-decoration:none;font-family:'dharma-gothic-e',sans-serif!important;padding:20px;text-transform:uppercase}       
.mobile-main-nav a:hover{color:#27ac6b!important;background:#FBFBFB!important}     
    

/* hero */    
.gallery-cell img{height:250px}     
.hero-banner-inner{padding:0 30px;height:70px}
.banner-btn span{font-size:25px!important;margin:0}
.banner-btn i{margin-left:15px;top:-8px}
.banner-btn:hover{background:rgba(25,114,71,.7)}
.banner-btn:hover i{margin-left:20px}    
    
    
/* about */
.about-banner-section{height:500px}
.about-text-inner{top:60px;left:40px;right:40px;bottom:60px;max-width:600px}
.content-btn{padding:17px 25px 17px 0;font-size:20px;width:170px}
.content-btn i{margin-left:15px;font-size:12px!important;top:5px}
.content-btn:hover i{margin-left:20px}  
    

/* location */
.location-left{float:none;width:100%}
.location-right{float:none;width:100%;height:250px}
.location-text{padding:15px;margin:0}     
    
    
/* subpages */   
.content-padding{padding:60px 40px}      
.sub-content-padding{padding:50px 20px}    
.content-wrap{padding:30px} 
.map{height:250px}    
    
    
/* footer */    
.footer-wrap p{font-size:20px!important}
.footer-left{float:none;width:100%}
.footer-left-inner{padding:60px 40px 90px}
.footer-left-inner a{font-size:20px!important;padding-bottom:20px}
.footer-logo img{width:70px;bottom:30px;left:40px}
.footer-right{display:none}
}






@media screen and (max-width:940px){ 

/* contact */     
.contact-section{padding:60px 40px}    
.form-wrap{margin-top:50px;padding:30px}
.form-inner{margin-top:60px}
  
    
/* links */     
.link-box-image{height:150px}
.box-title{height:60px}
.box-title h2{margin-left:20px!important}
.box-title i{height:60px;padding:0 30px}
.link-box-inner:hover i{padding:0 35px}    
}






@media screen and (max-width:450px){ 
    
/* typography */      
h1{font-size:35px;line-height:35px} 
   
    
/* about */     
.about-banner-section{height:600px}    

    
/* contact */     
.contact-section{padding:80px 30px}   
.form-inner{margin-top:40px}           
} 






    
    