:root {

  --green: #50B848;
  --Villages-Blue-1: #495965;
  --yellow: #FFDD00;
  --Text-Grey: #9D9D9D;

}

html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Montserrat', sans-serif;
    color: #4A5056;
    color: var(--Text-Grey);
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 36.824px; /* 184.122% */
}


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: var(--Text-Grey); text-decoration: none;}

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

/*COMMOM STYLES*/
.ff-mo{font-family: 'Montserrat';}


.heading1{
    font-size: 85px;
    font-style: normal;
    font-weight: 700;
    line-height: 77.321px; /* 90.966% */
}

.heading2{
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 66px; /* 183.333% */
}


.heading3{
    font-size: 62px;
    font-style: normal;
    font-weight: 500;
    line-height: 84px; /* 183.333% */
}


.fw-bl{font-weight: 700;}
.fw-bo{font-weight: 600;}
.fw-me{font-weight: 500;}
.fw-re{font-weight: 400;}
.fw-li{font-weight: 300;}
.fw-th{font-weight: 200;}

.fs-40{font-size: 40px;}
.fs-36{font-size: 36px;}
.fs-14{font-size: 14px;}


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

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




@media screen and (min-width:768px){
    .mt-md-lg{margin-top: 60px!important;}
    .mb-md-lg{margin-bottom: 60px!important;}

    .mt-md-xl{margin-top: 100px!important;}
    .mb-md-xl{margin-bottom: 100px!important;}
  
}

.bg-grey{background-color: #484c4c!important; }
.bg-brand{background-color: #da1f31;}

.text-brand{color:#da1f31!important;}
.text-black{color:#000!important;}
.text-54565A{color:#54565A!important;}
.text-village-blue{color: var(--Villages-Blue-1);}

.btn-brand{background-color: #da1f31; border:none; display: inline-block;  transition: all 0.32s ease-out; color: #FFF; font-weight: bold; font-size: 14px; padding: 15px 25px; letter-spacing: 1.5px; }
.btn-brand:hover{background-color: #484c4c; color: #FFF!important;}



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


.img-linked{
    -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;
}
.img-linked:hover{
    transform: scale(.95);
    cursor: pointer;
}

.text-linked{color: inherit;}
.text-linked:hover{color: inherit; text-decoration: underline;}

.btn-register{
    border-radius: 40.519px;
    background: #54565A;
    color: #FFF;
    text-align: center;
    font-size: 26.05px;
    font-style: normal;
    font-weight: 700;
    line-height: 43.514px; /* 167.037% */
    padding: 9.004px 40.519px;
}

.btn-submit{
    border-radius: 24px;
    background: var(--Villages-Blue-1, #495965);
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px; /* 95% */
    padding: 16px 24px 16px 32px;
    outline: none;
    transition: all 0.3s ease-in-out;

}
.btn-submit:hover{
    background: #000000;
    color: #FFF;
    text-decoration: none;
}

#lifestyleModal .modal-dialog{max-width: 430px;}

footer{
    background: #D9D9D9; 
    padding-top: 20px;
    padding-bottom: 50px;
   
}

.footer-text{
    color: #54565A;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px; /* 133.333% */
}
a.footer-text:hover{
    color: #000000;
}

/* Navigation */




@media screen and (max-width: 767px){
   body{
       font-size: 16px;
       line-height: 22px; /* 125% */
   }
    .heading1{
       font-size: 32px;
       line-height: 36px;}
    .heading2{
         font-size: 24px;
         line-height: 32px;
    }

    .fs-40{font-size: 26px;}
    .fs-36{font-size: 22px;}
}


@media(min-width:768px) and (max-width: 991px){
    .heading1{
       font-size: 55px;
       line-height: 65px;}
}

@media(min-width:992px) and (max-width: 1200px){
    .heading1{
       font-size: 65px;
       line-height: 70px;}
}


@media screen and (min-width:992px){
   
}


.showMore{
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 49%;
    z-index: 15;
     -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out; 
    -moz-animation: bounce 2s infinite ease-in-out; 
    animation: bounce 2s infinite ease-in-out;
}



@-webkit-keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

@keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

.registrationForm  label{
    color: #000;
    font-size: 16.273px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.953px;
    text-transform: uppercase;
}
.registrationForm .form-control{border-radius: 0; border: 0.904px solid #827C7C;; margin-bottom: 27px;  height: 40px;}
.registrationForm .form-control::placeholder { color: #827C7C; opacity: 1; }
.registrationForm .form-control:-ms-input-placeholder { color: #827C7C;}
.registrationForm .form-control::-ms-input-placeholder { color: #827C7C;}
.registrationForm  select {
    display: block;
   line-height: 1.3;  
    padding: .6em 1.4em .5em .8em;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    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%;
}

.disclaimer-text{font-size: 14px!important; font-weight: 300!important; text-transform: none!important; letter-spacing: normal!important; line-height: 1.5!important;}

#map{width: 100%; height: 650px;}


#heroSlider .scrollImg{position: absolute;width: 100%; left: 0; bottom: 0; z-index: 10;  height: 100px; }
.icon-scroll,
.icon-scroll:before{
  position: absolute;
  left: 50%;
}

.icon-scroll{
  width: 40px;
  height: 70px;
  margin-left: -20px;
  top: 50%;
  margin-top: -35px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}

.icon-scroll:before
{
  content: '';
  width: 8px;
  height: 8px;
  background: #83C02F;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll{
  0%{opacity: 1;}
  100%{opacity: 0; transform: translateY(46px);}
}










.heroBlock{
    height: 100Vh;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-image: url('../images/hero.jpg');
    padding: 0;
    margin: 0;
    position: relative;
}

.heroBlock .wrapper{
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%);
}
.heroBlock .wrapper p{
    max-width: 450px;
}
.belonging-naturally-wrapper{bottom: 10%; left: 50%;}

#eQcarousel .carousel-control-prev-icon {
    background-image: url('../images/misc/prev.png');
}

#eQcarousel .carousel-control-next-icon {
    background-image: url('../images/misc/next.png');
}

#eQcarousel   .carousel-control-next,
#eQcarousel   .carousel-control-prev{
    opacity: 1;
}
#eQcarousel   .carousel-control-next
{
    justify-content: end;
}

#eQcarousel   .carousel-control-prev{
    justify-content: start;
}




@media screen and (min-width:768px){
    #eQcarousel  .carousel-control-next-icon, 
    #eQcarousel .carousel-control-prev-icon{
        width: 70px;
        height: 70px;
    }

    #eQcarousel   .carousel-control-next
    {
        right: -75px;
    }

    #eQcarousel   .carousel-control-prev{
        left: -75px;
    }
}