/* 
red : # 77B49C
grey: #484c4c 

*/
html{  scroll-behavior: smooth;}

body{font-family: 'Poppins', sans-serif; font-size: 19px; font-weight:300; color: #333333; padding-top: 112px;}
a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #77B49C; text-decoration: none;}

h1{font-size: 24px;  }

/*COMMOM STYLES*/

.bg-grey{background-color: #484c4c!important; }
.bg-brand{background-color: #77B49C!important;}
.bg-red{background-color: #F6F5F4!important;}

.btn-brand{background-color: #77B49C;  transition: all 0.32s ease-out; color: #FFF; border-radius: 25px; font-weight: 600; font-size: 18px; padding: 10px 20px; letter-spacing: 1.5px; }
.btn-brand:hover{background-color: #484c4c; color: #FFF!important;}

.text-brand{color:#77B49C!important;}
.text-black{color:#000!important;}
.text-grey{color: #999999!important;}



.has-bg{background-position: center; background-size: cover; }


.img-linked{-webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; -ms-transition:  all 0.42s ease-out; transition: all 0.42s ease-out;}
.img-linked:hover{transform: scale(.96); cursor: pointer;}
.text-linked{color: inherit;}
.text-linked:hover{text-decoration: underline;}


.lh-2{line-height: 2;}
.lh-3{line-height: 3;}

.fw-sb{font-weight: 600;}

.fs-13{font-size: 13px;}
.fs-17{font-size: 17px;}
.fs-21{font-size: 21px;}
.fs-24{font-size: 24px;}
.fs-34{font-size: 34px;}
.fs-38{font-size: 38px;}

@media screen and (max-width: 767px){
    body{padding-top: 45px;}
    .fs-38{font-size: 30px;}
    .fs-34{font-size: 28px;}
    .fs-24{font-size: 22px;}
    .fs-21{font-size: 19px;}
}

@media screen and (max-width: 576px){
    body{padding-top: 124px;}
    .fs-38{font-size: 26px;}
    .fs-34{font-size: 24px;}
    .fs-24{font-size: 16px;}
    .fs-21{font-size: 17px;}

}



/* NAVIGATION*/
.nav-links{color: #77B49C; font-size: 23px; font-weight: 400; letter-spacing: 1px; text-align: center; display: block;}
.nav-links:hover, .is-active{color: #f5aec0!important;}


.img-logo{z-index: 999;  border-radius: 50%; position: absolute; top:80%; left: 50%; transform: translate(-50%, -50%); transition: all 0.32s ease-out}
.img-logo:hover{transform: translate(-50%, -50%) scale(1.1);}



.nav-wrapper{background-color: #FFF; padding-top: 30px;}

@media screen and (max-width: 767px){
    .nav-wrapper{ padding-top: 15px;}
    .img-logo{border: none; margin-top: 10px; margin-bottom: 10px; width: 120px; top: -12px;}
    /* .img-logo:hover{transform: scale(1.1);} */
    .nav-links{font-size: 14px;}
    .nav-wrapper .col{width: 25%; margin: 0; padding-top: 0!important;}
}


@media screen and (max-width: 576px){
    .nav-wrapper .col{padding-left: 5px; padding-right: 5px; width: auto; padding-top: 80px!important;}
    .nav-links{font-size: 12px;} 
     .img-logo{ margin-top: 10px; width: 90px; top: 33px;}

}


/*WELCOME PAGE*/
/* .hero-wrapper{position: relative; height: calc(100vh - 112px); width: 100%; background-image: url('/images/hero.jpg'); background-position: center; background-size: cover;} */
  .hero-video-wrapper {
    height: calc(100vh - 112px);
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 650px;
    z-index: 100;
}
#hero-video {
     min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200%;
    transform: translate(-50%, -50%);
    z-index: -10;
}
 
#heroCaption{position: absolute; left: 5%; bottom: 10%;}
#heroCaption h1{font-size: 95px; color:#FFF; text-shadow: 1px 1px 11px #000;}

#testimonials{background-image: url('/images/bg_testimonials.jpg'); padding: 150px 50px;}
#testimonials .carousel{background-color: rgba(255,255,255,.85); padding: 25px;}
#testimonials .carousel .carousel-item p{min-height: 150px;}
#testimonials .carousel-indicators li{background-color: #f5aec0;}

#gallery{ background: url(/images/bg-gallery-top.png) top no-repeat, url(/images//bg-gallery-right.png) right no-repeat, url(/images//bg-gallery-bottom.png)left  bottom no-repeat;;}

/* #galleryCarousel .carousel-indicators{position: relative;} */
#galleryCarousel{margin-top: 50px;}
#galleryCarousel-indicators{overflow-x: scroll; margin: 25px 0; position: relative; display: block; white-space: nowrap; }
#galleryCarousel-indicators li{width: 100px; height: 100px; background-color: #f5aec0; display: inline-block; background-position: center; background-size: cover;}
.container-area{background-color: #F6F5F4; background-image: linear-gradient(#F6F5F4 ,#FFF 25%);}


@media screen and (max-width: 767px){
    .hero-video-wrapper {height: auto; min-height: auto;}
    #hero-video { position: relative; top:180px;  max-width: 100%;}
    #heroCaption h1 {font-size: 46px;}
    #galleryCarousel{margin-top: 15px;}
}



@media screen and (max-width: 576px){
        #hero-video { position: relative; top:102px;  max-width: 100%;}
    #heroCaption h1 {font-size: 36px;}
    #testimonials{padding: 30px 0;}

}