/* webfonts */
/*cmdesign*/
/*fff*/



@font-face {
  font-family: 'Soehne';
  src: url('/wp-content/themes/chskitts-theme/assets/webfonts/test-soehne-extraleicht.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'Soehne';
  src: url('/wp-content/themes/chskitts-theme/assets/webfonts/test-soehne-leicht.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Soehne';
  src: url('/wp-content/themes/chskitts-theme/assets/webfonts/test-soehne-buch.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Soehne';
  src: url('/wp-content/themes/chskitts-theme/assets/webfonts/test-soehne-halbfett.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'SoehneBreit';
  src: url('/wp-content/themes/chskitts-theme/assets/webfonts/test-soehne-breit-buch.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'heldane';
  src: url('/wp-content/themes/chskitts-theme/assets/webfonts/heldane-display-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'heldane';
  src: url('/wp-content/themes/chskitts-theme/assets/webfonts/test-heldane-display-regular-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

.test-italic {
  font-family: 'heldane';
  font-style: italic;
}



/* ==========================================================================
Base
========================================================================== */
html {
    height: 101%;
    font-size: 16px;
    background: #fff;
}
body {
    font-family: 'Soehne';
    font-weight: 300;
    font-style: normal;
    min-height: 100%;
    background: #00263A;
    background-color: #00263A;
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;

}

body.loaded{
    overflow: auto
}

body.body-hero-ready{
    background-color: #ffffff;
    transition: background-color 400ms ease;
}


/* ==========================================================================
global type
========================================================================== */
h1, h2, h3, h4 {
    padding: 0px 0 0px;
    color: #000000;
}




h1, 
h1.property-title.heading-font,
.es-single .es-price-container,
.es-single--xl .es-price {
color: #041C2C;
text-align: center;
font-family: "heldane", serif;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 33px; /* 110% */
letter-spacing: 0.3px;
}


h1 span {
    font-family: "heldane", serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}


h2 {
  color: #243746;
font-family: "heldane", serif;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 37px;
text-align: center;
}

h2 span {
    font-family: "heldane", serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}

a {
    color: #E7503E;
}
a:hover {
    color: #7e2920;
}

h3 {
    color: #243746;
font-family: "heldane", serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
text-align: left;
margin-top:60px;
}

p {
font-family: 'Soehne';
color: #00263A;
font-size: 18px;
font-style: normal;
font-weight: 300;
text-align: left;

}

    .footer-copy p{
            color: rgba(255,255,255,0.8);
            font-size: 10px ;
            line-height: 1.6 ;
            padding: 12px 0px;
        }

ol {
    list-style: inside decimal;
}
ul {
    list-style: outside disc;
    margin: 20px 0;
    /*margin-left: 14px;*/
}

ul ul{
    margin-left: 50px;
}
ol, ul, dl {
    /*padding: 5px 0 12px 12px;*/
    vertical-align: baseline;
}

ul li {
    font-family: 'Soehne';
color: #00263A;
font-size: 18px;
font-style: normal;
font-weight: 300;

    margin-left: 40px;
    padding: 0em 0 8px 3px;
    vertical-align: baseline;
}
ul li ul {
    margin-top: 6px;
    margin-left: 0px;
}


ol li {
    font-size: 0.9em;
    line-height: 1.2em;
    margin-right: 20px;
    padding: 0em 0 0.5em 1.7em;
    vertical-align: baseline;
}
ol li li {
    font-size: 1.0em;
}

ul.slides-container li {
    margin-left: 0px;
}

#myVideo {
    width: 100vw;
    height: 70vh!important;
    object-fit: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url('/wp-content/uploads/2026/04/poster-20.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
}

#intro .setHeightChild {

    padding: 0px 40px;
}

.splash-full-width img{
    width: 1400px;
    margin-left: -150px;
}



/* ==========================================================================
structure
========================================================================== */
#outerWrap {
    position: relative;
    height: auto;
    overflow: hidden;
}

section {
    width: 100%;
    background-color: none;
    z-index: 500;
    position: relative;
}

.noPad {
    padding-left: 0px;
    padding-right: 0px;
}

.splashContent #slides #myVideo{
    /* width: 100%!important;
    height: auto!important; */
    top:0px!important;
    object-fit: cover;
}



.splashContent #slides img  {

    /*width: 100%!important;
    height: auto!important; */
    top:0px!important;
    /*left: 0px!important;*/
}

.mobile--quote{
    display: none;
}

@media (max-width: 767px) {
    .mobile--quote{
        display: block;
    }
}

@keyframes animation {
    10% {
        opacity: 0.9;
    }
    30% {
        opacity: 0.86;
    }
    60% {
        opacity: 0.8;
    }
    80% {
        opacity: 0.75;
    }
}
/*---------*/

body.loaded #outerWrap, body.loaded #pageWrap, body.loaded section, .no-js section {
    opacity: 1;

}

.row {
    margin: 0 auto;
}

#goldBalls{
    width: 100px;
    height: 26px;
}

table.iconHorizontal{
    width: 60%;
    margin: -20px auto 20px auto;
}

table.iconHorizontal td{
    padding: 0px 5px 0px 5px;
    justify-content: center;
    text-align: center;
}



.csstransitions .transparent-gradient{
    -webkit-transition: opacity 1500ms, ease 1500ms;
    -moz-transition: opacity 1500ms, ease 1500ms;
    -ms-transition: opacity 1500ms, ease 1500ms;
    -o-transition: opacity 1500ms, ease 1500ms;
    transition: opacity 1500ms, ease 1500ms;
    transition-delay: 1s;
    opacity: 0;
}

.csstransitions .loaded .transparent-gradient {

    opacity: 1;
}

/* --- single property css for pluggin-----*/

body.single-properties article {
    opacity: 0;
    transition: opacity 1.5s ease;
}

body.single-properties.loaded article {
    opacity: 1;
}

body.single-properties article{

    padding: 100px 100px;
}

body.single-properties .es-breadcrumbs,
body.single-properties .es-property_section--basic-facts .es-property-section__title,
.es-powered {
    display: none;
}

.es-single .es-price-container {
    text-align: center;
}

body.single-properties .es-listing__terms{
    display: none;
}

body.single-properties .es-entity-field--date_added{
    display: none;
}

body.single-properties .es-listing__meta div {
font-size: 24px;
}

body.single-properties .es-listing__meta {
    text-align: center;
    margin-bottom: 20px;
}

.es-property-custom-row {
    font-size: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center; /* 👈 centers horizontally */
    align-items: center;
    text-align: center;
}

.es-property-custom-row__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 20px;
}

/* --- END single property css for pluggin END-----*/

.csstransitions .footNav{
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
   
}

#gform_confirmation_wrapper_2.gform-theme {
    text-align: center!important;
    font-size: 28px!important;
    font-family: "heldane", serif!important;

}

.gform-theme--framework .gform_validation_errors {
  display: none !important;
}

.row .modNoimgCopy.photolargeBG a.btn{
    color: #ffffff;
    background-color: rgba(0,0,0,0.00);
    border: solid 1px #ffffff!important;
    border-radius: 0px!important;
    text-transform: uppercase;
    font-weight: bold;
}

.csstransitions .row .modNoimgCopy.photolargeBG {
    opacity: 0;
    height: 360px;
    margin: 0 20px;
    background: center / cover no-repeat url('/wp-content/uploads/2026/03/painting-sunset.jpg');
}

.csstransitions .row .modNoimgCopy.photolargeBG.tranny {
    opacity: 1;
    transition: opacity 1.5s ease 1s;
}

.csstransitions .row .modNoimgCopy.photolargeBG .texthold{

    padding-top: 100px;
    padding-bottom: 0px;
    opacity: 0

}

.csstransitions .row .modNoimgCopy.photolargeBG .texthold {
    opacity: 0;
    padding: 30px 0 30px;
    margin-top: 0;
    transform: translateY(40px);
    transition: opacity 1.5s ease 1.5s, transform 1.2s ease 1s, padding 1.5s ease 1.2s;
}

.csstransitions .row .modNoimgCopy.photolargeBG .texthold.tranny {
    opacity: 1;
    padding: 0 0 60px;
    transform: translateY(0);
}

.row .modNoimgCopy.photolargeBG .texthold p {
    color: #f6efea;
    font-family: "heldane", serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: 0.41px;
    text-align: left;
}

.photolargeBG .caption{

      font-family: 'SoehneBreit';
      color: #fff;
      font-size: 15px;
      text-align: left;
      text-transform: uppercase;
      margin: 16px 0px 0px;
      line-height: 40px;
letter-spacing: 2px;

}

.mobile--quote--box .caption{

    font-family: 'SoehneBreit';
    font-size: 12px;;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0px 0px;
}



.formContain {

    padding-bottom: 80px;

}

.formContain p{
    font-family: 'SoehneBreit';
    font-size: clamp(10px, 2.5vw, 14px);
}

/*generic animations*/

.fadeUp {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1.5s ease 1s, transform 1.5s ease 1s;
}

.fadeUp.tranny {
    opacity: 1;
    transform: translateY(0);
}

.fadeUpStill{
    opacity: 0;
  
    transition: opacity 1.5s ease 1s;

}
.fadeUpStill.tranny {
    opacity: 1;

}

.csstransitions #splash .splash-full-width {
    transition: 
        opacity 2s ease 0.5s,
        padding 3s ease 1.2s;
    opacity: 0;
}

.csstransitions .loaded #splash .splash-full-width {
    opacity: 1;
}

/* ==========================================================================
New animation CSS - 2026
========================================================================== */

/* intro copy */

.row .introContent h1,
.row .introContent p {
  opacity: 0;
}

.row .introContent h1 {
    transform: translateY(30px);
  transition: opacity 1000ms ease 400ms, transform 1000ms ease 400ms;
}

.row .introContent p {
  transform: translateY(80px);
  transition: opacity 1400ms ease 400ms, transform 1400ms ease 400ms;
}

.row .introContent.tranny h1 {
    transform: translateY(0);
  opacity: 1;
  margin: 0px 0px 20px;
}

.row .introContent.tranny p {
  opacity: 1;
  transform: translateY(0);
}

/*single headlines*/

.singleHead {
padding: 40px 0px 30px;
width: 100%;
max-width: 1150px;
margin: 0 auto;
}

 .singleHead p{
    text-align: center;
 } 

 .singleHeadPrivacy {
    padding: 20px 0px 30px;
width: 100%;
max-width: 900px;
margin: 0 auto;
 }

.row .singleHead .uptitle{
  opacity: 0;
}

.row .singleHead h2{
     opacity: 0;

}

  .uptitle{
        color: #243746;
text-align: center;
font-family: "SoehneBreit";
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 14px; /* 545.455% */
letter-spacing: 7.7px;
    }

      p.contactInfoBox--note{
        margin-top: 10px;
        margin-bottom: 40px;
        margin-left: 0px;
    }

    p.contactInfoBox--note strong{
        font-weight: 700;
    }

.row .singleHead .uptitle{
    transform: translateY(0px);
  transition: opacity 1600ms ease 400ms, transform 1600ms ease 400ms;
}

.row .singleHead h2{
  transform: translateY(40px);
  transition: opacity 1400ms ease 400ms, transform 1400ms ease 400ms;
  margin-top: 5px;
}

.row .singleHead.tranny .uptitle {
    transform: translateY(0);
  opacity: 1;
}

.row .singleHead.tranny h2 {
  opacity: 1;
  transform: translateY(0);
}

    h2.gform_title{
        display: none!important;
    }


    .singleHead__mobile-line{
            display: block;
            width: 70px;
            height: 3px;
            margin: 16px auto 0;
            background-color: #E7503E;
            transform: translateY(30px);
            opacity: 0;
        }

        .singleHead__mobile-line.tranny{
            opacity: 1;
                transform: translateY(-5px);
                transition: opacity 1.5s ease .6s, transform 1.5s ease .6s;


        }

.wpcp-swiper-wrapper {
    margin-bottom: 0px!important;
}

    .singleHead.short-bottom{
        padding-top: 0px;
        padding-bottom: 20px;
    }



/*=============*/

.wpcpro-wrapper .wpcp-carousel-section.nav-bottom-right:not(.wpcp_swiper_vertical) {
    padding-bottom: 0px!important;
}

.wpcpro-wrapper .wpcp-carousel-section.nav-bottom-right .wpcp-prev-button {
right: 40px!important;
z-index: 1000!important;
}

.wpcpro-wrapper .wpcp-carousel-section .wpcp-next-button{
    z-index: 1000!important;
}





  .footer-meta{
        max-width: 940px;
        margin: 0 auto 12px;
        padding: 0 0px;
    }

    .footer-meta p{
        color: rgba(255,255,255,0.8);
        font-family: "Soehne", sans-serif;
        font-size: 11px;
        line-height: 1.6;
        margin: 0;
        text-align: left;
    }

  .csstransitions .footMover {
    opacity: 0;
    transform: translateY(0);
    padding: 0px 40px 40px;
    background-color: #00263A;
}

.csstransitions .footMover.tranny {
    transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
    opacity: 1;
    transform: translateY(0);
}

.csstransitions .footLogoHolder{
       padding: 90px 10px 100px;
        position: relative;
        font-size: 11px;
        text-align: center;
        font-weight: bold;
         opacity: 0;
        transform: translateY(40px);

    }

.csstransitions .footLogoHolder.tranny {
    transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
    opacity: 1;
    transform: translateY(0);
     }




.footLogoHolder img{
  
    width: 150px;
    height:auto
}

.footBorder{
    max-width: 750px; 
    margin: auto; 
    display: block; 

}

.row .modNoimgCopy {
    text-align: center;

}
.row .modNoimgCopy .texthold {
    position: relative;

}
.row .modNoimgCopy .texthold h2 {
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: bold;
    padding-top: -50px;
    padding-bottom: 0;
    opacity: 0;
}
.csstransitions .row .modNoimgCopy .texthold.tranny h2 {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
    top: 0px;
    padding-top: 0px;
}
.row .modNoimgCopy .texthold h3 {
    font-family: "heldane", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 11vw;
    color: #ffffff;
    opacity: 0;
    top: 50px;
    ;
    padding-top: 50px;
    padding-bottom: 50px;
}
.csstransitions .row .modNoimgCopy .texthold.tranny h3 {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
    top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.row .modNoimgCopy .texthold p {
    display: block;
    max-width: 800px;
    font-size: 24px;
    margin: auto;
    color: #ffffff;
    transform: translateY(-35px);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.row .modNoimgCopy .texthold.tranny p {
    transform: translateY(0);
    opacity: 1;
}



.nav{
    font-family: "heldane", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    z-index: 1000;
    top:80px;
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Adjust horizontal positioning */
    display: none;
    text-transform: uppercase;
    width: 100%;

}

   .singleHead.onlyFlag h2 {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 71px;
        position: relative;
        /*gap: 0.35em;*/
    }

    .singleHead.onlyFlag h2::before,
    .singleHead.onlyFlag h2::after {
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background-color: #E7503E;
    }

    .singleHead.onlyFlag h2::before{
        margin-right: 20px;
        margin-left: 20px;
    }

    .singleHead.onlyFlag h2::after{
        margin-left: 20px;
        margin-right: 20px;
    }


.nav ul li{
    font-size: 14px;
    padding: 0px 25px 0px 25px;
}
.nav ul li ul.sub-menu{
    list-style-type: none;
    display: block;
    opacity: 0;
    padding-top: 10px;
}

.nav ul li:hover ul.sub-menu{
    -webkit-transition: opacity 1000ms ease, padding 1000ms ease;
    -moz-transition: opacity 1000ms ease, padding 1000ms ease;
    -ms-transition: opacity 1000ms ease, padding 1000ms ease;
    -o-transition: opacity 1000ms ease, padding 1000ms ease;
    transition: opacity 1000ms ease, padding 1000ms ease;
    padding-top: 0px;
    opacity: 1;
}

.nav ul li ul.sub-menu li{
    padding: 0px 0px 15px 0px;
    max-width: 120px;
    list-style:none;
    float: none!important;
    text-align: center
}

.nav ul li ul.sub-menu li a{
    padding: 0px;
}

.nav ul, .top_nav ul, .gallery_nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;

}

.nav li, .top_nav li {
    float: left;

}

.nav li a, .top_nav li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 20px;
    text-decoration: none;
}

.verDashLine{
    display: none;
}

.nav li a:hover, .top_nav li a:hover {
    text-decoration: underline;

}

.nav.footer li{

    padding: 0px 5px 0px 5px;
    width: 140px;
    text-align: center;
}

/* liuttle nav dividers*/


.nav.footer{

    font-family: "heldane", serif;
    font-weight: 300;
    font-style: normal;
    font-optical-sizing: auto;
    width:fit-content;

    font-size: 14px;
    color: #987959;
    margin: auto;
    opacity: 1;
}

.nav.footer li a{

    color: #987959;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.nav.footer li a:hover{
    text-decoration: underline;
}


.mobile--quote--box{
width: 285px;
margin: auto;
padding: 60px 0px;
}

.row.mobile--quote p{

color: #041C2C;
text-align: center;
font-family: "heldane", serif;
font-size: 25px;
font-style: normal;
font-weight: 300;
line-height: 33px; /* 132% */
letter-spacing: 0.25px;

}

    .paraHead{
         padding: 20px 0px 40px;
         width: 100%;
    
    }

    .paraHead .uptitle{
        text-align: left;
        font-size: 12px;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .paraHead h2{
        color: #041C2C;
font-family: "heldane", serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.4px;
text-align: left;
margin-top: 10px;

    }

.paraHead p{

font-family: "Soehne";
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.16px;
text-align: left;
margin-right: 10px;
}



/* ==========================================================================
Homepage splash
========================================================================== */
#splash {
    position: relative;
    z-index: 10;
}

#splash .splashContent {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -moz-backface-visibility: hidden;

}

/* The outer hero must be a positioning context and have a stable size */
#splash .splashContent {
    position: relative;
    width: 100%;
    overflow: clip;
    height: 70vh;
   /* min-height: max(420px, 100vh);*/
}



#splash .hsCaption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 80%;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    top: 100px;
    
}

#splash .hsCaptionText {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    overflow: hidden;
    flex: 0 0 auto;
    margin-top: 62px;
}

#splash .splashContent.short {
height: auto;
min-height: auto;
}

.heroDividerWrap {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
}

.heroDivider {
    display: block;
    width: 1px;
    height: 160px;
    background-color: #ffffff;
    margin-top: 250px;
}

  .horFootNav{
        max-width: 1060px; margin: auto; display: block; height: 1px; background-color: #E7503E; opacity: 1
    }

.csstransitions .heroDivider{
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 700ms ease 1600ms, transform 700ms ease 1600ms;
}

.csstransitions .loaded .heroDivider{
    opacity: 1;
    transform: translateY(0);
}

/* headline over video fading out after 5second*/

.hsCaptionText,
.heroDividerWrap {
  opacity: 1;
}

.fade-caption {
  animation: fadeOut 1s ease forwards;
  animation-delay: 7s;
}

@keyframes fadeOut {
  to {
    opacity: 0;
  }
}

#scrrollQ {
  transition: opacity 0.2s linear;
}


#splash .hsCaptionText .HLline1 {
color: #FFF;
text-align: center;
text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
font-family: "heldane", serif;
font-size: 37px;
font-style: normal;
font-weight: 300;
line-height: 38px;

}
.csstransitions #splash .hsCaptionText .HLline1 {
    -webkit-transition: opacity 2000ms ease 1000ms, padding 2000ms ease 1000ms;
    -moz-transition: opacity 2000ms ease 1000ms, padding 2000ms ease 1000ms;
    -ms-transition: opacity 2000ms ease 1000ms, padding 2000ms ease 1000ms;
    -o-transition: opacity 2000ms ease 1000ms, padding 2000ms ease 1000ms;
    transition: opacity 2000ms ease 1000ms, padding 2000ms ease 1000ms;
    opacity: 0;
    padding-top: 40px;

}

.csstransitions .loaded #splash .hsCaptionText .HLline1 {
    padding-top: 0px;
    opacity: 1;

}

.csstransitions #loadingIcons {
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    opacity: 1;
    position: absolute;
    top:50%;
    left:auto;
    margin-top: -50px;
    margin-left:auto;
    z-index: 1000;
    width: 100%;

}

.csstransitions .loaded #loadingIcons {

    opacity: 0;
}

.loader-flag{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.loader-flag img{
    display: block;
}

.loader-flag__line{
    display: block;
    width: 200px;
    height: 2px;
    background-color: #E7503E;
    opacity: 0;
    transform: scaleX(0.05);
    animation: loaderLineSweep 3.2s ease-in-out infinite;
}

.loader-flag__line--left{
    transform-origin: right center;
    margin-right: 20px;
}

.loader-flag__line--right{
    transform-origin: left center;
    animation-delay: 0.2s;
    margin-left: 20px;
}

@keyframes loaderLineSweep{
    0%{
        transform: scaleX(0.05);
        opacity: 0;
    }
    20%{
        opacity: 1;
    }
    70%{
        transform: scaleX(1);
        opacity: 1;
    }
    100%{
        transform: scaleX(1);
        opacity: 0;
    }
}

@media (max-width: 767px) {
    .loader-flag{
        gap: 12px;
    }

    .loader-flag img{
        width: 72px;
        height: auto;
    }

    .loader-flag__line{
        width: 120px;
    }

    .loader-flag__line--left{
        margin-right: 12px;
    }

    .loader-flag__line--right{
        margin-left: 12px;
    }
}

.csstransitions .header-logo{
    position: absolute;
    top:40px;
    left: 50%;
    margin-left: -100px;
    width: 200px;

    color: #ffffff;
    -webkit-transition: opacity 900ms ease 2000ms, transform 900ms ease 2000ms;
    -moz-transition: opacity 900ms ease 2000ms, transform 900ms ease 2000ms;
    -ms-transition: opacity 900ms ease 2000ms, transform 900ms ease 2000ms;
    -o-transition: opacity 900ms ease 2000ms, transform 900ms ease 2000ms;
    transition: opacity 900ms ease 2000ms, transform 900ms ease 2000ms;
    opacity: 0;
    transform: translateY(15px);
    z-index: 1000;
}

.csstransitions .loaded .header-logo {

    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 767px) {
    .csstransitions .header-logo{
        top: 72px;
        margin-left: -70px;
        width: 140px;
    }

    .csstransitions .header-logo img{
        width: 140px;
    }
}

.csstransitions .nav{
    -webkit-transition: opacity 1500ms, ease 1500ms;
    -moz-transition: opacity 1500ms, ease 1500ms;
    -ms-transition: opacity 1500ms, ease 1500ms;
    -o-transition: opacity 1500ms, ease 1500ms;
    transition: opacity 1500ms, ease 1500ms;
    opacity: 0;
}

.csstransitions .loaded .nav{

    opacity: 1;
}

.HLline1 img {
    width: 40vw;
    height: auto;
}

#content {
    position: relative;

    z-index: 50;
    top: 50px;
    margin-bottom: 0px;
    opacity: 0;
    border-top: 0px solid #ffffff;

}
.csstransitions .loaded #content {
    -webkit-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    -moz-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    -ms-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    -o-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    opacity: 1;
    top: 20px;
    margin-bottom: 0px;
}

body.home.loaded #content{

    top:0px;
    margin-bottom: 0px;
}

.no-js #content, .lt-ie9 #content {
    top: -100px;
    margin-bottom: -100px;
}
/* ==========================================================================
Homepage Intro
========================================================================== */



#intro {
    padding-top: 60px;
    padding-bottom: 50px;
}
#intro {
    text-align: center;
    -webkit-transition: opacity 1500ms ease;
    -moz-transition: opacity 1400ms ease;
    -ms-transition: opacity 1500ms ease;
    -o-transition: opacity 1500ms ease;
    transition: opacity 1500ms ease;
    opacity: 1;
}

#intro .setHeightChild {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    /*height: 580px;*/
}

.csstransitions #intro.tranny {
    opacity: 1;
}

#intro h2 {
    font-size: 8vw;
    padding-bottom: 10px;
    margin-top: 30px;
}
#intro h3 {
    font-size: 1.4em;
    padding-bottom: 10px;
    margin-top: 50px;
}

.qbox{
    display: none;
    width: 480px;
}

   .singleHead.onlyFlag{
        padding-top: 0px;
        padding-bottom: 0px;
     }

      .singleHead.onlyFlag img{
        width: 50px;
        height: auto;

      }

/* ==========================================================================
Homepage callouts
========================================================================== */
/*blue mod half*/
.calloutGrid.moduleHalfBlue .calloutTextContent {
    background-color: #F6EFEA;
    text-align: left;

   
}

.calloutGrid.moduleHalfBlue .calloutTextContent .coTextWrap h2 {
  color: #041C2C;
  font-family: "heldane", serif;
  font-weight: 300;
  letter-spacing: 0.43px;
  text-align: left;

  font-size: clamp(27px, 2.5vw, 43px);
    line-height: clamp(32px, 3vw, 46px);
}
.calloutGrid.moduleHalfBlue .calloutTextContent .coTextWrap p {
    color: #041C2C;
font-family: "Soehne";
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.16px;
text-align: left;
margin-right: 30px;
}
.calloutGrid.moduleHalfBlue .calloutTextContent .coTextWrap p a {
    color: #fff;
    text-decoration: underline;
    text-transform: none;
    font-style: italic;
}

.testWidther{
    padding: 0px 0px;
}

.moduleHalfBlue .calloutRow .calloutTextContent a.btn, .moduleHalfBlue .calloutRowFlip .calloutTextContent a.btn {
    margin: 30px 0px 0px;
}
/*grey mod*/

/* first gallery mod on home page*/

.galleryBound {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}


.slides-navigation {
    top: 93%;
}

.mobilespace {
    display: block;
    height: 25px;
}
.calloutGrid {
    position: relative;
    z-index: 50;
    padding: 0px 0;
}
.calloutGrid .row {
    display: block;
    position: relative;
    z-index: 80;
}
.calloutGrid .calloutImage {
    position: relative;
    height: 425px;
    z-index: 100;
    overflow: hidden;
    padding: 0px 20px;
}
.calloutGrid .calloutImage {
    top: 0px;
    opacity: 0;
    background-color: #F6EFEA;
}
.csstransitions .calloutGrid .calloutImage.tranny {
    transition: opacity 1s ease;
    opacity: 1;
    top: 0; /* only keep if needed for positioning */
}
.calloutGrid .calloutImage div {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 100;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.coTextWrap {
    transform: translateX(-15px);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
}





.csstransitions .calloutGrid .coTextWrap.tranny {
  transform: translateY(0);
    opacity: 1;
    padding-top: 0px;
    padding-left: 35px;
    opacity: 1;
}

.csstransitions .coTextWrap {
    padding-right: 15px;
    padding-top: 0px;
    padding-left: 35px;
    position: relative;
    z-index: 150;
    margin-top: 20px;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 1s ease 1s, opacity 1s ease 1s;
    /*margin-bottom: 70px;*/
}

.calloutGrid .calloutTextContent {
    padding-top: 0px;
    padding-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 130;
}

.calloutGrid .calloutTextContent h3 {
    padding-bottom: 5px;
    color: #000000;
}

.calloutGrid .coTextWrap {
    padding-right: 15px;
    position: relative;
    z-index: 150;
}

/* callout styles 111 */

a.btn {
    display: block;
    color: #ffffff;
    margin: 10px auto;
    padding: 15px 55px;
    border: solid 0px #E7503E;
    border-radius: 25px;
    width: auto;
    font-size: 16px;
    position: relative;
    text-decoration: none;
    line-height: 2;

}

a.btn.homeL{
    width: 175px;
    padding: 15px 25px;
}

a.btn:hover {
    color: #ffffff;

}

a.btn::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    width:auto;
    height: 1px;
    background-color: #041C2C; /* Adjust color as needed */
    transform: translateY(500%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    opacity: 0; /* Initially set opacity to 0 */
}

a.btn.homeL::after {
    left: 35px;
    right: 35px;
}

a.btn:hover::after {
    transform: translateY(0);
    opacity: .8; /* Fade in the underline on hover */
}

.calloutGrid .calloutRow .calloutTextContent a.btn, .calloutGrid .calloutRowFlip .calloutTextContent a.btn, a.btn.single, .paraHead a.btn.single{
    display: table;
    color: #041C2C;
text-align: center;
font-family: "heldane", serif;
    font-weight: 300;
    font-style: italic;
    font-style: normal;
    margin: 0px;
    padding: 0px 0px;
    border-radius: 0px;
    font-size: 18px;
    text-transform: none;


}

.footMover a{
    color: #fff;
} 

/* ==========================================================================
iPhone 6 aand 6+ adjustments
========================================================================== */

@media only screen and (orientation:landscape) {
    /* Styles for Landscape screen */
    #content {
        position: relative;
        z-index: 50;
        top: 0;
        margin-bottom: -0px;
        opacity: 1;
    }
}
/* =========== Approx iPhone 4 Landscape =========== */
@media only screen and (min-width : 30em) {
    /* ==========================================================================
    Homepage splash @30em
    ========================================================================== */

    /* ==========================================================================
    Map @30em
    ========================================================================== */

    /* ==========================================================================
    Homepage callouts @30em
    ========================================================================== */
    .calloutGrid .calloutImage {
        height: 300px;
    }
    .calloutGrid .calloutImage div {
        background-position: center top;
     
    }
}
/* =========== Approx iPad Portait, Sidr menu no longer active =========== */
@media only screen and (min-width: 48em) {
    /* ==========================================================================
    header bar @48em
    ========================================================================== */
 

    #splash .splashContent {
    position: relative;
    height: 100vh; }

    #splash .splashContent.short {
        height: auto;
    }

   .calloutGrid .calloutRow .calloutTextContent a.btn, .calloutGrid .calloutRowFlip .calloutTextContent a.btn, a.btn.single, .paraHead a.btn.single{
        font-size: 24px;

    }

    h1 {
color: #041C2C;
text-align: center;
font-family: "heldane", serif;
font-size: 49px;
font-style: normal;
font-weight: 400;
line-height: 51px; /* 104.082% */
letter-spacing: 0.49px;
}

.splash-full-width img{
    width: 100%;
    margin-left: 0px;
}


    .mobilespace {
        display: block;
        height: 0px;
    }

    .testWidther{
        padding: 0px 80px;
        max-width: 560px;
        width: 100%;
        margin: auto;
    }

     .testWidther--long{
        max-width: 630px;
     }

    .verDashLine{
        display: block;
    }

     .singleHeadPrivacy {
    padding: 40px 0px 30px;

 }

    .splashContent #slides #myVideo {
        /* width: 100%;
        height: 100% !important; */
        object-fit: cover;
        height: 100vh!important;
    }



    

    .splashContent #slides img  {
        /*width: 100%; */
        height: 100% !important;
        object-fit: cover;
    }

    .horFootNav{
        max-width: 940px;
        margin: auto;
        display: block;
        height: 1px;
        background-color: #E7503E;
        opacity: 1;
    }

    .footer-meta{
        max-width: 940px;
        margin: 0 auto 16px;
        padding: 0 0px;
    }

    .footer-meta p{
        color: rgba(255,255,255,0.8);
        font-family: "Soehne", sans-serif;
        font-size: 11px;
        line-height: 1.6;
        margin: 0;
        text-align: left;
    }

    .footer-copy{
        max-width: 940px;
        margin: 18px auto 0;
        padding: 0 0px 0px;
    }

    .footer-copy p{
        color: rgba(255,255,255,0.8) !important;
        font-family: "Soehne", sans-serif;
        font-size: 10px;
        line-height: 1.6;
        margin: 0;
    }

    .csstransitions .footNav{
        padding-top: 0px;
        padding-bottom: 160px;
        display: block;
        opacity: 1
    }

    .csstransitions .footNav.tranny{

  
        opacity: 1;
        padding-top: 0px;
        padding-bottom: 100px;

    }

    .csstransitions #splash .hsCaptionText .HLline1 {
        -webkit-transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
        -moz-transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
        -ms-transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
        -o-transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
        transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
        opacity: 0;
        padding-top: 100px;

    }

    .csstransitions .loaded #splash .hsCaptionText .HLline1 {
        padding-top: 0px;
        opacity: 1;

    }



    .footerInfo{
        color: #b88d66;
        font-size: 20px;
        line-height: 32px;
        text-align: left;
        padding-right: 15px;
        padding-top: 0px;
    }

    .footerInfo img{margin-top: 0px;}

    .csstransitions .header-logo, body.home .header-logo{
        position: absolute;
        top: 60px;
        left: 50%;
        margin-left: -207px;
        width: 415px;
    }

    .csstransitions .header-logo a img, body.home .header-logo a img{

        width: 415px;
        height:auto;
    }

    .csstransitions .row .modNoimgCopy.photolargeBG{
         margin: 0 0px;

        height: 740px;

    }

    .csstransitions #loadingIcons {

        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -ms-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        opacity: 1;
        position: absolute;
        top:50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -380px;
        z-index: 1000;
        width: 750px;

    }

    table.iconHorizontal{
        width: 150px; margin: 20px auto 40px auto;
    }
    table.iconHorizontal td{
        padding: 0px 20px 0px 20px;
    }

    .nav{
        display: block;
    }



    .transparent-gradient {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
        position: absolute;
        top:0px;
        width: 100%;
        height: 263px;
        z-index: 100;
    }

    .slides-navigation {
        top: 48%;
    }

    .calloutGrid.moduleHalfBlue .calloutTextContent .coTextWrap p {
        font-size: 16px;
        line-height: 27px;
        margin-right: 0px;
    }

        .footer-copy p{
        color: rgba(255,255,255,0.8) !important;
        font-family: "Soehne", sans-serif;
        font-size: 10px;
        line-height: 1.6;
        margin: 0;
        padding: 0px 0px;
    }

    /* ==========================================================================
    Homepage splash @48em
    ========================================================================== */

    .row .introContent p {
        font-size: 24px;
    }

    h1 {
  color: #041C2C;
text-align: center;
font-family: "heldane", serif;
font-size: 49px;
font-style: normal;
font-weight: 300;
line-height: 51px; /* 104.082% */
letter-spacing: 0.49px;
    }

    h2 {
        font-size: 54px;
        margin-top:0px;
    }

    #splash .hsCaption {
        bottom: 100px;
        height: 80%;
        top: unset;
    }

    #splash .hsCaptionText {
        top: 20%
    }

    .csstransitions #splash .hsCaptionText .HLline1 {
        font-size: 83px;
        line-height: 82px; /* 98.795% */
        margin-left: 0px;
    }
    .HLline1 img {
        width: 274px;
        height: auto;
    }

    #content {
        position: relative;
        z-index: 50;
        top: 0px;
        margin-bottom: 0px;
        opacity: 0;
    }
    .csstransitions .loaded #content {
        -webkit-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -moz-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -ms-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -o-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        opacity: 1;
        top: 22px;
        margin-bottom: 0px;
    }

    .csstransitions body.home.loaded #content{
        top: 0px;
    }

  .csstransitions .footMover {
    opacity: 0;
    transform: translateY(0);
    padding: 0px 40px 40px;
    
}

.csstransitions .footMover.tranny {
    transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
    opacity: 1;
    transform: translateY(0);
}

.csstransitions .footLogoHolder{
       padding: 130px 10px;
        position: relative;
        font-size: 11px;
        text-align: center;
        font-weight: bold;
         opacity: 0;
        transform: translateY(40px);

    }

.csstransitions .footLogoHolder.tranny {
    transition: opacity 1s ease 0.5s, transform 1s ease 0.5s;
    opacity: 1;
    transform: translateY(0);
     }

    .footLogoHolder img{
   
        width: 219px;
        height: 158px;
    }

    /* ==========================================================================
    Homepage Intro @48em
    ========================================================================== */
    #intro {
        max-width:1110px; 
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        padding: 120px 0px 140px;
    }

    #intro .setHeightChild {
        padding-top: 0px;
        padding-bottom: 0px;
        /* height: 500px;*/
    }

    #intro h2 {
        font-size: 48px;
        padding-bottom: 10px;
        margin-top: 30px;
    }
    #intro p {
    color: #041C2C;
font-family: "Soehne";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 30px;
letter-spacing: 0.18px;
text-align: center;
    }

    

    #intro p span{
        font-weight: 500;
    }

    .heightDiv.regular--80px{
        height: 80px;

    }

    .singleHead{
        padding: 130px 0px 70px;
        width: 100%;
        max-width: 1150px;
        margin: 0 auto;
    }


 .singleHead.short-top-70{
     padding-top: 90px;
 }

    .singleHead.short-top{
        padding-top: 0px;
        padding-bottom: 40px;
    }

     .singleHead.short-bottom{
        padding-top: 70px;
        padding-bottom: 40px;
    }

     .singleHead.onlyFlag{
        padding-top: 80px;
        padding-bottom: 80px;
     }

        .singleHead.onlyFlag img{
        width: 50px;
        height: auto;

      }

    .singleHead h2 {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 71px;
        position: relative;
        /*gap: 0.35em;*/
    }

    .singleHead h2::before,
    .singleHead h2::after {
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background-color: #E7503E;
    }

    .singleHead h2::before {
        margin-right: 50px;
    }

    .singleHead h2::after {
        margin-left: 50px;
    }

    .singleHead h2 em {
       margin: 0 0.25em;
    }

    .singleHead__mobile-line{
        display: none;
    }

    @media (max-width: 767px) {
        .singleHead h2 {
            display: block;
            text-align: center;
            line-height: 1.3;
            margin: 0 auto;
        }

        .singleHead--no-lines + .singleHead__mobile-line,
        .singleHead--short.onlyFlag + .singleHead__mobile-line{
            display: none;
        }
    }

    .formContain{
        max-width: 1000px;
        width: 100%;
        margin: auto;
        padding-top: 20px;
        padding-bottom: 200px;
    }

    h2.gform_title{
        display: none!important;
    }

    .uptitle{
        color: #243746;
text-align: center;
font-family: "SoehneBreit";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 375% */
letter-spacing: 11.2px;
    }

    .singleHead--wide{
    max-width: 1400px;
    padding-left: 30px;
    padding-right: 30px;
}

 .singleHead--short{
    max-width: 700px;
}

    .singleHead--no-lines h2::before,
    .singleHead--no-lines h2::after{
        display: none;
    }

    .qbox{
    display: block;
}

    .paraHead{
         padding: 50px 60px 40px;
         width: 100%;
         max-width: 1200px;
         margin: 0 auto;
    }

    .paraHead.bottom-90{
        padding-bottom: 90px;;
    }

    .paraHead .uptitle{
        text-align: left;
        font-size: 14px;
        margin-bottom: 30px;
    }

    .paraHead h2{
        color: #041C2C;
font-family: "heldane", serif;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 51px; /* 127.5% */
letter-spacing: 0.4px;
text-align: left;

    }

    .paraHead p{
  color: #041C2C;
font-family: "Soehne";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 27px;
letter-spacing: 0.16px;
text-align: left;

    }

    p.contactInfoBox--note{
        margin-top: 50px;
        margin-left: 100px;
    }

    p.contactInfoBox--note strong{
        font-weight: 700;
    }


    /* ==========================================================================
    Homepage callouts @48em
    ========================================================================== */
    .calloutGrid .calloutRow:nth-child(even) .calloutImage {
        float: right;
    }
    .calloutGrid .calloutRowFlip:nth-child(odd) .calloutImage {
        float: right;
    }
    .calloutGrid p {
        font-size: 1em;
        line-height: 1.6em;
        margin: 0 0px;
    }

    .calloutGrid a {
        color: #034584;
        font-family: "heldane", serif;
        font-style: normal;
        font-weight: 700;
        font-size: 1em;
        text-transform: uppercase;
    }

    .bgcover {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .calloutGrid .calloutImage {
        height: 380px;
        padding: 0px;
    }
    .calloutGrid .calloutTextContent {
        display: table;
        height: 380px;
        vertical-align: middle;
        padding: 0;
        width: 100%;
        padding-top: 0px;
    }
    .calloutGrid .coTextWrap {
        padding-top: 135px;
        padding-left: 35px;
        margin-left: auto;
        margin-right: auto;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .row .modNoimgCopy .texthold h3 {
        font-size: 55px;
    }
    .csstransitions .row .modNoimgCopy .texthold.tranny h3 {
        -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        opacity: 1;
        top: 0px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .row .modNoimgCopy .texthold h2 {
        font-size: 18px;
        letter-spacing: 0px;
        font-weight: bold;
        padding-top: -50px;
        padding-bottom: 0;
        opacity: 0;
    }

    /* ==========================================================================
    Learn more buttons @48em
    ========================================================================== */

}
/* ===== == = === bootstrap "medium" viewport breakpoint ipad=== = == ===== */
@media only screen and (min-width: 62em) {
    /* ==========================================================================
    header bar @62em
    ========================================================================== */



    /* ==========================================================================
    Homepage Intro @62em
    ========================================================================== */
    #intro .setHeightChild, #teamCall .setHeightChild {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .home #intro .setHeightChild {
        padding: 0px
    }
  
    /* ==========================================================================
    Homepage callouts @62em
    ========================================================================== */

    .calloutGrid .calloutImage {
        height: 550px;
    }
    .calloutGrid .calloutTextContent {
        height: 550px;
    }

    /* ==========================================================================
    Connect Page Contact Form @48em
    ========================================================================== */

}
/* ==========================================================================
ipad last ditch effors @64
========================================================================== */

/* ===== == = === arbitrary breakpoint === = == ===== */
@media only screen and (min-width: 69em) {
    /* ==========================================================================
    header bar @69em
    ========================================================================== */

    /* ==========================================================================
    Homepage Intro @69em
    ========================================================================== */
    .home #intro .setHeightChild {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    /* ==========================================================================
    Homepage callouts @69em
    ========================================================================== */

    .calloutGrid .calloutImage {
        height: 555px;
    }
    .calloutGrid .calloutTextContent {
        height: 555px;
    }
    /* ==========================================================================
    Homepage gallery @69em
    ========================================================================== */

  
}
/* ===== == = ===1269px - bootstrap "large" viewport breakpoint === = == ===== */
@media only screen and (min-width: 75em) {
    /* ==========================================================================
    Helper classes
    ========================================================================== */
    .bgcover {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }


    /* ==========================================================================
    bootstrap col width helpers for IE8
    ========================================================================== */

    /* Clearing floats ------------------------------------------------------------------*/
    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    html[xmlns] .clearfix {
        display: block;
    }
    * html .clearfix {
        height: 1%;
        clear: both;
    }
    /*footer addons*/

    /* ==========================================================================
    super wide - 1900px
    ========================================================================== */
}

/*form stuff*/


.gform_wrapper .gf-two-col-row {
  display: flex !important;
  flex-wrap: wrap;
  gap: 100px;
}

.gform_wrapper .gf-two-col {
  flex: 1 1 0 !important;
  min-width: 0;
  box-sizing: border-box;
}

@media (max-width: 767px) {

.gform_wrapper .gf-two-col-row {
      gap: 50px;
}


  .gform_wrapper .gf-two-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.gform_wrapper .gf-two-col .gfield {
  width: 100%;
  margin-bottom: 16px;
  box-sizing: border-box;
}

.gform_wrapper .gfield {
  margin-bottom: 24px !important;
}

/*had to add this to bring remove space under for wierd checkboc background*/
.gform_wrapper #field_2_30{
     margin-bottom: -24px !important;
}

.gform_wrapper .gf-two-col .ginput_container,
.gform_wrapper .gf-two-col input,
.gform_wrapper .gf-two-col select,
.gform_wrapper .gf-two-col textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"] {
  border: none !important;
  border-bottom: 1px solid #041c2c !important;
  border-radius: 0 !important;
  background-color: #F6F1ED;
  box-shadow: none !important;
  text-align: left;
  padding-left: 10px !important;
  font-family: 'SoehneBreit', 'Soehne', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}

.gform_wrapper select {
  border: none !important;
  border-radius: 25px !important;
  background-color: #F6F1ED !important;
  box-shadow: none !important;
  min-height: calc(2.75rem) !important;
  height: calc(2.75rem) !important;
  line-height: calc(2.75rem) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 15px !important;
  text-indent: 15px;
  font-family: 'SoehneBreit', 'Soehne', sans-serif !important;
  font-size: calc(1em - 1pt) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: #041c2c;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.gform_wrapper select option {
  font-family: 'SoehneBreit', 'Soehne', sans-serif !important;
  font-size: calc(1em - 1pt) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

.gform_wrapper select option[value=""],
.gform_wrapper select option[disabled] {
  font-family: 'SoehneBreit', 'Soehne', sans-serif;
  font-size: calc(1em - 1pt);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(4, 28, 44, 0.7);
}

.gform_wrapper textarea,
.comment-form textarea {
  border: none !important;
  border-radius: 25px !important;
  background-color: #F6F1ED !important;
  box-shadow: none !important;
  padding-top: 2px;
  font-family: 'SoehneBreit', 'Soehne', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}

.gform-theme--foundation .gfield textarea.small,.gform-theme--foundation .gfield textarea.medium {
text-indent: 10px!important;
}

.gform_wrapper textarea.gf-single-line-textarea {
  min-height: 2.75rem !important;
  height: 12.75rem !important;
  line-height: 1.4;
  resize: none;
  overflow-y: hidden;
 text-indent: 10px!important;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="password"]:focus {
  outline: none !important;
  box-shadow: none !important;
  border-bottom-color: #041c2c !important;
}

.gform_wrapper select:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.gform_wrapper textarea:focus,
.comment-form textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
  text-transform: uppercase;
  font-family: 'SoehneBreit', 'Soehne', sans-serif;
  font-size: calc(1em - 1pt);
  letter-spacing: 0.05em;
  color: #7a7a7a !important;
}

.gform_wrapper textarea::placeholder {
  text-indent: 10px;
}

.gform_wrapper input::placeholder {
  text-align: left !important;
}

.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label {
  font-family: 'SoehneBreit', 'Soehne', sans-serif;
  font-size: calc(1em - 1pt);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.gform_wrapper .gfield_consent_label {
  font-family: 'Soehne', sans-serif !important;
  font-size: 16px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  font-weight: 300 !important;
  padding-right: 40px !important;
  display: inline-block;
}

.gform_wrapper #gfield_2_47 label,
.gform_wrapper #label_2_47_1 {
  font-family: 'Soehne', sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: calc(1em + 2pt) !important;
  font-weight: 300 !important;
  padding-right: 70px;
}

.gform_wrapper #gfield_2_46,
.gform_wrapper #field_2_46 {
  background-color: #F6F1ED !important;
  padding: 20px 30px 25px 30px;
  border-radius: 25px;
  margin-top: -40px;
  margin-bottom: -8px;
}


.gform_wrapper .gform_footer {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

@media (max-width: 767px) {
  .gform_wrapper .gform_footer {
    justify-content: center;
  }
}

.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button {
  background-color: #E7503E !important;
  border: none;
  color: #ffffff;
  font-family: 'SoehneBreit', 'Soehne', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 17px !important;
  letter-spacing: 0.12em !important;
  padding: 14px 80px !important;
  border-radius: 25px !important;
  cursor: pointer;
}

.gform_wrapper #field_2_46 input[type="checkbox"] {
  background-color: #F6F1ED;
  border-radius: 0;
  border: 1px solid #041c2c;
  opacity: 0.25;
}

.gform_wrapper #field_2_46 input[type="checkbox"]:checked {
  opacity: 0.8;
}

.gform_wrapper #field_2_46 legend.gfield_label {
  display: block;
  padding-top: 60px !important;
  margin-bottom: -8px !important;
}

.gform_wrapper .gfield_checkbox .gfield_label,
.gform_wrapper .gfield_radio .gfield_label {
  font-family: 'SoehneBreit', 'Soehne', sans-serif;
  font-size: calc(1em - 1pt);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.gform_wrapper .gfield_checkbox legend,
.gform_wrapper .gfield_radio legend {
  font-family: 'SoehneBreit', 'Soehne', sans-serif !important;
  font-size: calc(1em - 1pt) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.gform_wrapper legend.gfield_label {
  font-family: 'SoehneBreit', 'Soehne', sans-serif !important;
  font-size: calc(1em - 1pt) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.gform_wrapper input::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder {
  text-transform: uppercase;
  font-family: 'SoehneBreit', 'Soehne', sans-serif;
  font-size: calc(1em - 1pt);
  letter-spacing: 0.05em;
  color: #7a7a7a !important;
}

.gform_wrapper textarea::-webkit-input-placeholder {
  text-indent: 10px;
}

.gform_wrapper input::-webkit-input-placeholder {
  text-align: left !important;
}

.gform_wrapper input::-moz-placeholder,
.gform_wrapper textarea::-moz-placeholder {
  text-transform: uppercase;
  font-family: 'SoehneBreit', 'Soehne', sans-serif;
  font-size: calc(1em - 1pt);
  letter-spacing: 0.05em;
  color: #7a7a7a !important;
}

.gform_wrapper textarea::-moz-placeholder {
  text-indent: 10px;
}

.gform_wrapper input::-moz-placeholder {
  text-align: left !important;
}

.gform_wrapper input:-ms-input-placeholder,
.gform_wrapper textarea:-ms-input-placeholder {
  text-transform: uppercase;
  font-family: 'SoehneBreit', 'Soehne', sans-serif;
  font-size: calc(1em - 1pt);
  letter-spacing: 0.05em;
  color: #7a7a7a !important;
}

.gform_wrapper textarea:-ms-input-placeholder {
  text-indent: 10px;
}

.gform_wrapper input:-ms-input-placeholder {
  text-align: left !important;
}

.gform_wrapper input::-ms-input-placeholder,
.gform_wrapper textarea::-ms-input-placeholder {
  text-transform: uppercase;
  font-family: 'SoehneBreit', 'Soehne', sans-serif;
  font-size: calc(1em - 1pt);
  letter-spacing: 0.05em;
  color: #7a7a7a !important;
}

.gform_wrapper textarea::-ms-input-placeholder {
  text-indent: 10px;
}

.gform_wrapper input::-ms-input-placeholder {
  text-align: left !important;
}

.gform-theme--foundation .gform_fields{
    grid-template-columns:repeat(1,1fr)!important;
}


/* desktop wrapper */
.my-gallery-wrap {
    max-width: 1300px;
    margin: 0 auto;
}

/* mobile: full width + portrait crop */
@media (max-width: 767px) {
    .my-gallery-wrap {
        width: 100%;
        max-width: none;
    }

    /* adjust selectors to WP Carousel output */
    .my-gallery-wrap .wpcp-slide-image,
    .my-gallery-wrap .swiper-slide img,
    .my-gallery-wrap .slick-slide img {
        width: 100%;
        height: 400px;
        /*aspect-ratio: 3 / 4;*/
        object-fit: cover;
        object-position: center;
        display: block;
    }



 [id^="slides-"] {
        height: 400px !important;
        overflow: hidden;
    }

    [id^="slides-"] .slides-container,
    [id^="slides-"] .slides-container li {
        height: 400px !important;
    }

    [id^="slides-"] .slides-container img {
        height: 100% !important;
        width: auto !important;
        max-width: none !important;
        left: 0px!important;
        top: 0px!important;
    }


}


.estatik-2col .es-properties.js-es-properties {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
}

.estatik-2col .es-properties__search {
    flex: 0 0 400px !important;
    width: 400px !important;
    max-width: 400px !important;
    min-width: 300px !important;
}

.estatik-2col .es-search {
    width: 100% !important;
}

.estatik-2col .es-properties__wrapper,
.estatik-2col .es-properties__inner,
.estatik-2col .es-listings,
.estatik-2col .es-property-list,
.estatik-2col .js-es-listings {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    clear: none !important;
    float: none !important;
}