/*=================Header===================*/



html{

    scroll-behavior: smooth;

}



body.logged-in header {

    top: 30px;

}



@media screen and (max-width: 768px){

    body.logged-in header {

        top: 50px;

    }

}



header.site-header {

    color: white;

    position:fixed;

    top: 0;

    width: 100%;

    max-height: 95px;

    transition:all .5s ease;

    -webkit-transition:all .5s ease;

    -moz-transition:all .5s ease;

    -ms-transition:all .5s ease;

    z-index: 20;



}



@media screen and (max-width:  768px){

    body.home header.site-header{

        padding: 20px 0 10px;

    }

}

#top-menu{

    list-style: none;

    padding: 0;

    position:relative;

    bottom:0;

    transition: all .3s ease;

    -webkit-transition:all .3s ease;

    -moz-transition:all .3s ease;

    -ms-transition:all .3s ease;

    margin: 0;

}



ul#top-menu li {

    display: inline-block;

    padding: 0 15px;

}



ul#top-menu li a{

    color: white;

    text-transform: uppercase;

    font-weight: 500;

}



nav.header-navigation {

    margin-top: 15px;

     transition:all .5s ease;

    -webkit-transition:all .5s ease;

    -moz-transition:all .5s ease;

    -ms-transition:all .5s ease;

}



li.current_page_item a {

    color: #fff !important;

    border-bottom: 2px solid white;

    /*text-shadow: 1px 1px 0px black;*/

}



.logo{

   position: relative;

    bottom:0; 

    transition:all .5s ease;

    -webkit-transition:all .5s ease;

    -moz-transition:all .5s ease;

    -ms-transition:all .5s ease;

}



.logo img {

    max-width: 100%;

    max-height: 45px;

    transition:all .5s ease;

    -webkit-transition:all .3s ease;

    -moz-transition:all .3s ease;

    -ms-transition:all .3s ease;

}

img.logo {
    max-width: 640px;
}


body:not(.home) header{

    margin-bottom:20px;

}



.mobile-nav i {

    color: #c89f4a;

    font-size: 30px;

    position:relative;

     transition:all .5s ease;

    -webkit-transition:all .5s ease;

    -moz-transition:all .5s ease;

    -ms-transition:all .5s ease;

}



.force-show{

    display:block !important;

}





.home .site-header .logo {

    display: none;

}



.home .site-header.under-fold .logo{

    display: block;

}



/*header under-fold styles*/



header.under-fold {

    max-height: 65px; 

}



header.under-fold .logo {

    /*bottom: 18px;*/

}



header.under-fold .logo img {

    max-height: 44px;

}



header.under-fold .logo-text{

   opacity: 0;

}



.home header.site-header.under-fold {

    background: #333333;

}



body:not(.home) header.site-header{

    background: #333333;

}



/*mobile slide out*/

.mobile-slide-out {

    position: fixed;

    top: 0;

    left: 0;

    width: 0;

    background: rgba(0, 0, 0, 0.90);

    height: 100%;

    z-index: 200;

    overflow: hidden;

    transition: all .3s ease;

}



.mobile-slide-out.expanded {

    width: 50%;

}



.mobile-slide-out i {

    color: white;

    font-size: 25px;

    position: absolute;

    top: 3px;

    right: 10px;

}



/*==============Home Page================*/



/*Hero Section*/

.hero-banner {

    overflow: hidden;

    background-attachment: fixed !important;

    background-position: top center;

    background-size: cover !important;

    background-repeat: no-repeat;

    padding: 21vh 0;

}





.hero-banner img {

    margin-bottom: 30px;

}



.inner-wrapper {

    min-height: 918px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.hero-heading {

    color: #fff;

    font-family: 'Cormorant Garamond', 'Montserrat', sans-serif;

    font-size: 65px;

    margin: 0;

    filter: drop-shadow(5px 5px 2px black);

    text-transform: uppercase;

}





.hero-subheading {

    color: white;

    letter-spacing: 9px;

    font-size: 41px;

    margin: 0;

    filter: drop-shadow(5px 5px 2px black);

}



.hero-subheading span {

    color: #27A2D9;

}



.hero-banner i {

    color: white;

    font-size: 41px;

    position: relative;

    top: 0;

    transition: all .3s ease;

}



.hero-banner .inner-wrapper i:hover{

    top:10px;

}



/*.hero-content-wrap {

    background: rgb(0 0 0 / 53%);

}*/



.hero-buttons {

    margin: 1rem;

}





/*Home Page Content*/





#hero {

  height: 895px;

  overflow: hidden;

  position: relative;

}



#content {

  background-color: #130d0a;

}



.layer {

  background-position: bottom center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  height: 800px;

  position: fixed;

  z-index: -1;

}



#hero-mobile {

  display: none;

  background: url(../images/hero-mobile.jpg) no-repeat center bottom/cover;

  height: 320px;

}



div#hero-mobile {

    position: relative;

}

div#hero-mobile .logo-sm {

    max-width: 285px;

    position: absolute;

    top: 2%;

    left: 50%;

    transform: translateX(-50%);

}



.first-section {

  padding: 50px 0 20px 0;

}



.text-header {

  font-size: 50px;

  text-align: center;

}



h1 {

  line-height: 120%;

  margin-bottom: 30px;

}



p {

  color: #222;

  font-size: 18px;

  line-height: 150%;

}



#hero img.logo-lg {

    max-width: 600px;

    position: absolute;

    right: 50%;

    top: 12%;

    transform: translateX(50%);

}



#hero,

.layer {

  min-height: 895px;

}



.layer-bg {

background: rgb(189,246,254);

    background: linear-gradient(

93deg, rgba(189,246,254,1) 41%, rgba(98,230,255,1) 94%);

}



.layer-1 {

  background-image: url("../images/mountian-2-sm.png");

  /*background-position: left bottom;*/

}



.layer-2 {

  background-image: url("../images/mountian-1-sm.png");

}



#hero i {

    position: absolute;

    top: 51%;

    left: 50%;

    transform: translateX(-50%);

    color: white;

    font-size: 35px;

    border: 3px solid white;

    border-radius: 33px;

    padding: 5px;

    width: 46px;

    height: 46px;

    cursor: pointer;

    transition: all .3s ease;

}



#hero i:hover {

    top: 52%;

}



@media only screen and (max-width: 768px) {

  #hero {

    display: none;

  }



  #hero-mobile {

    display: block;

  }

}

.tutorial-link {

  color: #fff;

  font-size: 18px;

  text-decoration: underline;

}

.tutorial-link:hover {

  color: #ede0d5;

}



.home-content {

    background-size: cover;

    background-color: white;

}



.container-fluid.cta-sec {

    padding: 0;

}





.cta-wrap{

    overflow: hidden;

    text-align: center;

    transition: all .5s ease;

    min-height: 350px;

    border-left: 3px solid black;

    border-right: 3px solid black;

    display:block;

    

}





.cta-wrap .cta-text {

    background: rgba(0, 0, 0, .3);

    padding: 15px;

}



/*#ctaRow > div:nth-child(2) > a > div{

    background: rgba(68, 111, 152, 0.65);

}



#ctaRow > div:nth-child(3) > a > div{

    background: rgb(200 159 74 / 65%);

}



#ctaRow > div:nth-child(4) > a > div{

    background: rgba(3, 34, 64, .65);

}*/



.cta-wrap:hover {

   

}



.cta-wrap span {

    font-size: 26px;

    color: white;

    font-weight: 500;

    letter-spacing: 9px;

    text-transform: uppercase;

}



.cta-wrap img {

    margin: 0 auto;

     transition:all .5s ease;

    -webkit-transition:all .5s ease;

    -moz-transition:all .5s ease;

    -ms-transition:all .5s ease;



}



.cta-wrap:hover img{

    

}



.cta-text {

    min-height: 350px;

    display: flex;

    justify-content: center;

    align-items: center;

    transition:all .5s ease;

    -webkit-transition:all .5s ease;

    -moz-transition:all .5s ease;

    -ms-transition:all .5s ease;

    position:relative;

    top:0;

    left:0;

}



.cta-wrap:hover .cta-text {

    min-height: 70px;

}





.cta-wrap span::before {

    content: '';

    background: white;

    height: 2px;

    width: 0;

    left: 0;

    position: absolute;

     transition:all .5s ease;

    -webkit-transition:all .5s ease;

    -moz-transition:all .5s ease;

    -ms-transition:all .5s ease;

    opacity: 0;

}



.cta-wrap:hover .cta-text span::before {

    opacity: 1;

    width: 100%;

}



.logo-row {

    background-position: center;

    background-attachment: fixed;

    padding: 50px 0;

}



.fifty-fifty-sec {

    position: relative;

    padding: 0;

    box-shadow: 0px -7px 29px 3px black;

}



.fifty-fifty-sec .row {

    position: relative;

}



.ff-img-left::before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 50%;

    background: lightgray;

    content: '';

    z-index: 0;

}



.ff-img-right::before {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 50%;

    right: 0;

    background: lightgray;

    content: '';

    z-index: 0;

}



/*.ff-heading {

    border-bottom: 2px solid;

}*/



@media screen and (max-width:768px){

    .ff-img-left::before,

    .ff-img-right::before {

        position:static;

        display:block;

        width: 100%;

        height: 300px;

    }

}



.ff-left-inner, .ff-right-inner {

    min-height: 24rem;

    flex-direction: column;

    justify-content: center;

    padding: 20px;

}



.ff-right-inner{

    box-shadow: -4px 4px 25px black;

}



.ff-left-inner{

        box-shadow: 4px -4px 25px black;

}



.ff-button-wrapper a {

    padding: 5px 15px;

    margin: 0 2px;

}









.container-fluid.lower-banner-sec {

    padding: 0;

}





div#lowerBanner .row {

    padding: 250px 80px;

}



.banner-header {

    font-family: 'Cormorant Garamond', 'Montserrat', sans-serif;

    font-size: 60px;

    font-weight: 800;

    margin: 0;

    line-height: 1;

    margin-bottom: 20px;



}



.lower-banner-sec .btn {

    font-size: 28px;

    padding: 10px 40px;

}



/*============Page Content=================*/

main#main {

    margin-top: 60px;

    min-height: 675px;

}





blockquote {

    background-color: rgba(0, 0, 0, 0.17);

    margin: 0 20px 30px 0;

}



a.fancybox img {

    display: block;

    margin: 0 auto;

}





.mapContainer {

    position: relative;

    height: 400px;

    overflow:hidden;

    border: 5px solid #7A9E8E;

    margin-bottom: 20px;

}



/* 16x9 Aspect Ratio */

.mapContainer-16x9 {

    padding-bottom: 56.25%;

}



/* 4x3 Aspect Ratio */

.mapContainer-4x3 {

    padding-bottom: 75%;

}



.mapContainer iframe {

    position: absolute;

    top:0;

    left: 0;

    width: 100%;

    height: 100%;

    border: none;

}





.gallery {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    padding: 30px 0;

}



.gallery figure {

    border: 5px solid black

    border-radius: 5px;

    margin: 20px 10px;

}





.content-wrap {

    background: rgba(255, 255, 255, 0.6);

    padding: 30px;

    border-radius: 5px;

    min-height: 665px;

}



body.error404 main#main {

    background: rgba(255, 255, 255, 0.631);

}







.search-container iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.search-container {

    position: relative;

    height: 0;

    overflow: hidden;

    padding-bottom: 100%;

    text-align: center;

}



.post-template-default main#main,

.blog main#main {

    margin-top: 135px;

    min-height: 675px;

}



a.blog-title {

    color: #182845;

}



.blog h2{

    margin-bottom:  15px;

}



/*====================Social Section==================*/





/*Structure Helpers*/



.top20 {

    padding-top:20px;

}



.bottom20 {

    padding-bottom: 20px;

}



.row.no-gutters {

  margin-right: 0;

  margin-left: 0;

}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*=" col-"] {

  padding-right: 0;

  padding-left: 0;

}



.hero-banner .container-fluid{

    margin-left: -15px;

    margin-right: -15px;

}







/*=========================Footer=============================*/



footer{

    background:#333333;

    padding-bottom: 30px;

}



footer ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



#footer-menu li {

    display: inline-block;

    padding: 0 20px;

}



footer .btn {

    padding: 11px;

    border-radius: 4px;

    border: 2px solid white;

    background: #2495CC;

    font-weight: 600;

}



.footer-logo {

    margin-top: 8px;

}



.footer-form h4 {

    font-size: 18px;

    margin-bottom: 10px;

}



.footer-form p{

    margin: 0;

    font-size: 17px;

}



div#nf-form-2-cont input {

    height: 60px;

    padding: 0 7px;

    background: rgba(255, 255, 255, 0.2);

    border: none;

    font-size: 20px;

    font-weight: 100;

}



input#nf-field-8 {

    background: #8CC63F !important;

    color: white;

    width: 100%;

    text-transform: uppercase;

}



div#nf-form-2-cont .nf-field-container {

    margin-bottom: 0;

}



.footer-form-wrap {

    padding: 2% 0 0;

    background: rgba(0, 0, 0, 0.85);

    color: white;

}



div#nf-form-2-cont input::placeholder {

    color: white;

}



.widget_text.chw-widget {

    margin-bottom: 15px;

}



h2.chw-title {

    color: white;

    margin-bottom: 10px;

    border-bottom: 2px solid;

    font-size: 23px;

}



/*=========================Widgets=============================*/



div#contact-widget-area ul {

    text-align: center;

    list-style: none;

    padding: 0;

}



div#contact-widget-area a:hover {

    color: black

}



div#contact-widget-area a {

    color: black;

}



div#contact-widget-area ul li {

    margin: 20px;

}



div#contact-widget-area {

    border: 2px solid black;

    margin-bottom: 40px;

    border-radius: 5px;

    background: rgba(0, 0, 0, 0.12);

    padding: 15px;

}





input#nf-field-4 {

    display: block;

    width: 100%;

    border: 3px solid black;

    color: white;

    background: #174571;

    font-size: 25px;

    border-radius: 4px;

}



input#nf-field-4:hover {

    background: #286090;

}



div#form-widget-area {

    background: rgba(0, 0, 0, 0.12);

    border: 2px solid black;

    padding: 20px;

    margin-bottom: 20px;

    border-radius: 5px;

}



div#nf-form-1-cont input {

    height: 50px;

    padding: 0 10px;

    border-radius: 5px;

}



textarea#nf-field-3 {

    padding: 10px;

    border-radius: 5px;

}



.chw-widget ul li {

    font-size: 20px;

}



.chw-widget ul li.has-label strong {

    font-size: 25px;

}



div#contact-widget-area ul li {

    margin: 9px 20px 0px;

}



figure.wp-block-image img {

    max-width: 100%;

    height: auto;

    border: 4px solid #182845;

}



.chw-widget .btn {

    width: 100%;

    margin-bottom: 15px;

}



/*Media Queries*/



@media (max-width: 1200px) { 





}



@media (max-width: 1200px) and (min-width:991px) { 

    .hero-sec .cta-title {

    font-size: 22px;

    }

    .cta-wrap span {

    font-size: 17px;

    }



}



@media (max-width: 992px) { 

    nav.header-navigation {

        background: rgba(0, 0, 0, 0.65);

        text-align: center;

    }

    ul#top-menu li {

        display:inline-block; 

        margin-top: 7px;

        padding: 0 8px;

    }

    ul#top-menu li a{

        color:white;

        font-size: 12px;

    }



    nav.header-navigation {

        margin-top: -20px;

    }



    header.under-fold ul#top-menu {

    bottom: inherit;

    }



    header.under-fold nav.header-navigation {

    margin-top: -56px;

    }



    .banner-header{

        font-size: 40px;

    }



    div#lowerBanner .row {

        padding: 250px 0px 250px 30px;

    }





}



@media (max-width: 990px) and (min-width: 768px){

    .cta-wrap span {

    font-size: 25px;

    }

}



@media (max-width: 768px) { 

    .nf-form-cont .one-fourth {

        width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

    }

    .hero-banner .inner-wrapper {

        min-height: inherit;

    }



    .hero-banner {

        min-height: inherit;

    }



    .hero-banner img {

        max-width: 200px;

    }



    .thumbnail{

        border:none;

        background-color:transparent;

    }



    .cta-wrap .cta-text {

        border-bottom: 6px solid black;

    }



    div#ctaRow {

        border-bottom: none;

    }



    .ff-left-inner, .ff-right-inner {

        padding-bottom: 30px;

    }



    ul#top-menu li {

        display:block; 

        padding: 0 25px;

    }

    ul#top-menu li a{

        font-size: 24px;

    }



    header.under-fold {

        padding-top: 15px;

    }



    nav.mobile-slide-navigation {

        padding-top: 20px;

    } 



    .hero-content-wrap {

        margin-top: 90px;

        margin-bottom: 50px;

    }



    .hero-heading {

        font-size: 45px;

    }

    .hero-subheading {

        font-size: 30px;

    }



    footer .row {

        text-align: center;

    }

    footer ul {

        margin-bottom: 15px;

    }



 }



 @media (max-width: 550px){

    li.blocks-gallery-item {

    width: 100% !important;

    }

 }



 @media (max-width: 480px) { 

    .super-sm-full{

        width:100% !important;

    }

    .lower-banner-sec .btn {

        font-size: 16px;

    }



    p.logo-subfont {

        line-height: 10px;

    }



    ul#top-menu li a{

        font-size: 15px;

    }

    

    



 }