@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 100;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 900;
}

/* light-blue - #0693F7 */


html{
    scroll-behavior: smooth;
}
body{
   /* font-family: 'Poppins', sans-serif;*/
   font-family: Montserrat;
    font-size: 18px; 
    font-weight: 400;
    color: #000;
    padding-top: 107px;
}

p{line-height: 1.95;;}

a{-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; text-decoration:none;}
a:hover{color: #AB7E18; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/

.bg-grey{background-color: #656565!important; }
.bg-brand{background-color: #AB7E18;}
.bg-black{background-color: #000;}
.bg-light{background-color: #f0f0f0!important;}

.btn-brand{background-color: #0693F7;  transition: all 0.52s ease-out; color: #FFF; font-size: 18px; font-weight:500; padding: 13px 28px; display: inline-block; border: 0;font-family: Montserrat;}
.btn-brand:hover{background-color: #000; color: #0693F7!important; }

.text-brand{color:#0693F7!important;}
.text-black{color:#000!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{color: inherit;} */

.fw-li{font-weight: 300;}
.fw-re{font-weight: 400;}
.fw-me{font-weight: 500;}
.fw-sb{font-weight: 600;}
.fw-bo, strong{font-weight: 700;}


.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}
.fs-28{font-size: 28px;}
.fs-30{font-size: 30px;}
.fs-32{font-size: 32px;}
.fs-34{font-size: 34px;}
.fs-45{font-size:45px;}
.fs-50{font-size: 50px;}
.fs-56{font-size: 56px;}


.ls-2{letter-spacing: 2px;}
.ls-5{letter-spacing: 5px;}

.accordion_head{font-size: 29px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
.accordion_head:hover{cursor: pointer;}
.accordion_head .plusminus{background-color: #656565; color: #FFF; width: 40px;  height: 40px; text-align: center;}
.accordion_body{display: none; border-bottom: 1px solid #656565!important; border-top: 1px solid #656565; }

.customList li{margin-bottom: 15px; margin-left: -10px;}

.bg-nav {
    background-color: #ffffff;
}
.pull-right{float:right;}
.home{background: white;padding-bottom: 35px;}
.home-details{padding: 15px;height: 240px;}
    .home-details h4{font-size: 17px;font-weight: bold;}
    .home-details h4 a{color:black}
    .home-details p{font-size: 14px;padding-top: 10px;}
    .btn-arrow{color: #fff;
        background-color: #0693F7;
        border-color: #0693F7;
        padding: 7px 15px;
        font-size: 14px;}
.arrow{
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #FFF;
    border-right: 5px solid #FFF;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}                  
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}
  


/* Navigation */

.img-logo{width: 320px; height: auto;}
#topNavigation .-link{display: inline-block; color: #FFF; padding: 10px 15px; font-size: 18px;}
#topNavigation .-link:hover{color: #000;}

/* 
#welcomeSlider .carousel-item{ background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: calc(100vh - 255px);} 
 background-color: rgba(255,255,255, .7);

*/
#welcomeSlider .carousel-indicators li{width: 15px; height: 15px; border-radius: 50%; opacity: 1;}
#welcomeSlider .carousel-indicators .active{background-color: #000;}

#welcomeSlider #slide1{background-image: url('../images/hero/slider-1.jpg');}
#welcomeSlider #slide2{background-image: url('../images/hero/slider-2.jpg');}
#welcomeSlider #slide3{background-image: url('../images/hero/slider-3.jpg');}

#welcomeSlider .caption{font-weight: 700;text-align: left;top:9%;line-height: 1.3;  position: absolute; left: 5%; color: #FFF;  z-index: 99; font-size: 70px; padding: 40px 30px 40px; text-shadow: 2px 2px 5px #333;}
#welcomeSlider .caption p{font-size: 20px;width: 500px;font-weight: 500;}
#welcomeSlider .btn-wrapper {position: absolute; left: 0; bottom: 80px; z-index: 95; width:100%; text-align: center;}
#welcomeSlider .btn-brand {border: 4px solid #FFF; font-size: 19px; padding: 10px 15px; }

#map{width: 100%; height: 650px;}
.img-gal-thumb:hover,.activeImg{filter: grayscale(1);}
footer{background-color: #ffffff; padding: 30px;}
footer .img-logo{width: 230px;}
.ren-wrap {
    min-height:158px;
}

  
#registrationForm .form-control{border: none; border-bottom: 1px solid #000; border-radius: 0; margin-bottom: 50px; font-size: 18px; font-weight: 300;}
#registrationForm .form-control:focus{outline: none;  box-shadow: none;}
#registrationForm .form-control::placeholder { color: #000; opacity: 1; font-weight: 300; }
#registrationForm .form-control:-ms-input-placeholder { color: #000;}
#registrationForm .form-control::-ms-input-placeholder { color: #000;}

#registrationForm  select {
    display: block;
   line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    margin: 0;
    font-weight: 300;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    color: #000;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236D470F%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.navbar{padding: 0;}
.nav-wraper {
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 9999;
}
.navbar-brand{padding: 0;}
     .nav-link {
        display: inline-block;
    color: black;
    padding: 35px 15px 10px 15px;
    font-size: 18px;
    
    
    }
    .dropdown-menu .activeNav{color:#0693F7;}
    .dropdown-toggle::after{display: none;}
    /* .activeNav{color:#0693F7!important;} */
    .nav-link span{padding: 30px 10px;}
    .activeNav span{border-top: 13px solid #0693F7;}
    .nav-item{font-weight: 400;}
    .collapse.show {
        display: block;
    }
    #topNavigation .nav-link:hover {
        color: #0693F7;
    }
    #topNavigation .dropdown-menu {
        font-size: 16px;
        padding: 10px;
        transition: all .25s ease-in-out;
        margin-top: 40px;
        position: absolute;
  background-color: #fff;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);/*Adds a drop shadow*/
  z-index: 1;
  border-radius: 0;
    }
    .dropdown-menu:before {
        content:''; 
    position: absolute; 
    top: 0;
    left: 22%;
    margin-left: -15px;
    margin-top:-15px; 
    width: 0;
    z-index:1;
    height: 0;
    border-bottom: solid 15px #FFF; 
    border-left: solid 17px transparent; 
    border-right: solid 17px transparent;
    -webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.5));
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,.5));
      } 
    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }
    .dropdown-menu.show {
        display: block;
    }
    .open>.dropdown-menu {
        display: block;
    }
    .dropdown-item{padding: .40rem 1rem;}
    
    
    .dropdown-item:focus, .dropdown-item:hover {
        color: #0693F7;
         background-color: white;
    }
    
    .navbar-toggler {
        color: rgba(0,0,0,.5);
        border-color: #ffffff;
    }
.bg{
    background-image: url(../images/bg.png);
    background-size: cover;
}
#sideNav .navbar-nav {
    flex-direction: column;
    padding: 20px 0 20px;
}
#sideNav .navbar-nav .nav-item {
    transition: all .15s linear;
    margin-top: 20px;
}
#sideNav .navbar-nav .activeNav, #sideNav .navbar-nav .nav-link:hover {
    color:#0693F7!important;
}

#sideNav .navbar-nav .nav-link {
    color: #000000;
    font-size: 16px;
    padding: 10px 15px;
}
#sideNav {
    /* background-color: #000; */
    padding: 0;
}
.border-left-black{border-left:1px solid black}
.dotborder-left{background-image: linear-gradient(black 33%, rgba(0,0,0,0) 0%);
    background-size: 2px 6px;
    background-repeat: repeat-y;}
    #hero {
        background-image: url(/images/inside-hero.jpg);
    }
    #hero-media {
        background-image: url(/images/hero-media.jpg);
    }
    #hero-gallery {
        background-image: url(/images/hero-gallery.jpg);
    }
    #hero-story {
        background-image: url(/images/hero-story.jpg);
    }
    #hero-clients {
        background-image: url(/images/hero-clients.jpg);
    }
    #hero-contact {
        background-image: url(/images/hero-contact.jpg);
    }
    .hero {
        height: 600px;
        position: relative;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 300px;
    }
    /* .hero .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.6) );
    } */
    .hero-caption {
        position: absolute;
    left: 8%;
    /* width: 100%; */
    top: 41%;
    line-height: 1;
    color: #fff;
    text-shadow: 2px 2px 5px #1a1a1a;
    font-weight: 600;
    font-size: 88px;
    letter-spacing: 3px;
    }
    .hero-caption span{font-size: 62px;}
    .img-plus {
        position: absolute;
        right: 12px;
    bottom: 24px;
    }
.btn-home{border: 1px solid black;
    border-radius: 14px;
    padding: 25px 35px;
    font-size: 20px;
    letter-spacing: .5px;
    color: #ffffff;
    background-color: black;
    font-size: 22px;
    font-weight: 500;}
    .btn-home:hover{color:#0693F7}

.pr-5{padding-right: 3rem;}
.pl-5{padding-left: 3rem;}
.pr-6{padding-right: 4rem;}
.pl-6{padding-left: 4rem;}
.py-6{padding-left: 4rem;padding-right: 4rem;}
hr{opacity: 1;}
.text-right{text-align: right;}


    #welcomeCarousel .carousel-item {
        height: calc(81vh - 70px);
        width: 100%;
        background-image: url("/images/hero/homepage-hero.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        animation-name: homepagehero;
        animation-duration: 7s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
      }
      #welcomeCarousel #hero-1 {
        background-image: url("/images/hero-1.jpg");
      }
      #welcomeCarousel #hero-2 {
        background-image: url("/images/hero/slider-2.jpg");
      }
      #welcomeCarousel #hero-3 {
        background-image: url("/images/hero/slider-3.jpg");
      }
      #welcomeCarousel #hero-4 {
        background-image: url("/images/hero/slider-4.jpg");
      }

.body-height {
    min-height:51vh;
}    
.img-circle{position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 110px;}
    @media screen and (max-width: 767px){
        .fs-12{font-size: 12px;}
         .fs-16{font-size: 16px;}
         .fs-34{font-size: 28px;}
         .fs-50{font-size: 40px;}
         .fs-56{font-size: 46px;}
       
     }
     
     @media screen and (max-width: 576px){
         .fs-12{font-size: 12px;}
         .fs-16{font-size: 16px;}
         .fs-34{font-size: 22px;}
         .fs-50{font-size: 32px;}
         .fs-56{font-size: 35px;}
     }

 @media screen and (max-width: 767px){
    .img-logo{width: 175px;}
    /* #welcomeSlider .carousel-item{ height: 450px;} */
    #welcomeSlider .btn-wrapper{display: none;}
    #welcomeSlider .caption{font-size: 24px;  padding: 20px; max-width: 375px;}
    #welcomeSlider .caption p{font-size: 17px;width: 400px;}
    .img-gal-thumb{width: 23%; margin-top: 5px; text-align: center;}
    .home-details{height: 245px!important;}
    #sideNav .navbar-nav .nav-item{text-align: center;}
    #sideNav .navbar-toggler{margin-right: auto!important;
        margin-left: auto!important;}
        body{padding-top: 50px;}
 }
 
 @media screen and (max-width: 576px){
     .img-logo{width: 125px;}
     #topNavigation .-link{padding: 10px 4px; font-size: 14px;}
       /* #welcomeSlider .carousel-item{ height: 275px;} */
     #welcomeSlider .caption{ font-size: 25px; top: 50px;  padding: 10px; max-width: 255px; }
     #welcomeSlider .caption p{font-size: 16px;width: 300px;}
     footer .img-logo{width: 130px;}
     .home-details{height: 150px!important;}
 }
 
 @media screen and (max-width:350px){
     #topNavigation .-link{padding: 10px 3px; font-size: 11px;}
 
 }
 @media screen and (max-width:450px){
    .home-details{height: 210px!important;}

}



@media screen and (max-width: 1060px){
    .hero-caption{font-size: 50px;}
}
@media (min-width:993px) and (max-width:1200px) {
    .home-details {
        height: 270px;
    }
    .fs-14 {
        font-size: 13px;
    }
}
@media (min-width:1299px) and (max-width:1450px){

body{padding-top: 105px;}
}
@media (min-width:1090px) and (max-width:1298px){

    body{padding-top: 100px;}
    }
    @media (min-width:993px) and (max-width:1089px){

        body{padding-top: 80px;}
        }
@media screen and (max-width: 992px){
    .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .flex {
        flex-direction: column;
      }
    .navbar-toggler:focus, .navbar-toggler:active {
        outline: none;
        box-shadow: none;
      }
      #topNavigation .dropdown-menu {text-align: center;}
      .swap{flex-direction: column-reverse!important;}      
      .home-details {
        height: 200px;
    }
    #welcomeSlider .caption{font-size: 31px;} 
    .dotborder-left{background-image: none;}
    .border-left-black{border: none;}
    .activeNav span{border-top: none;}
    .activeNav{color:#0693F7}
    }

  @media (max-width: 800px) {
      #welcomeCarousel .carousel-item{height: 350px;}
}
    @media screen and (min-width: 768px)
    {
        
       .dropdown-menu {
             margin-top: 0;
               }
          .navbar-expand-md .navbar-nav .nav-link {
             padding-right: 1.5rem;
             padding-left: 1.5rem;
            }
            .pl-0 {
                padding-left: 0!important;
            }
            .pr-0 {
                padding-right: 0!important;
            }
            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 1rem;
                padding-left: 1rem;
            }
            
    }
    @media screen and (min-width: 992px)
    {
        .text-md-left {
            text-align: left!important;
        }
        #topNavigation {
            padding-bottom: 0;
            padding-right: 50px;
        }
}