/****************************
 * Header
*****************************/
.site-banner {
    position:relative; z-index:5; padding-top:50px;
}

/* Breadcrumbs */
.site-breadcrumbs {font-size:14px;}
.site-breadcrumbs a {text-transform:lowercase; color:#0a312c;}
.site-breadcrumbs a:hover, .site-breadcrumbs a:focus {color:var(--twc-color-secondary);}
.breadcrumb-sep {padding:0 15px; position:relative;}
.breadcrumb-sep:before {
    font-family:var(--twc-font-icomoon); content:"\e92f";
    font-size:8px; font-weight:700; color:var(--twc-color-secondary); line-height:1;
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
}
.breadcrumb_last {color:rgba(10, 49, 44, .5); display:inline-block;}

/* Content */
.site-banner-content {
    --twc-spacing-heading:50px;
}
.site-banner-content a:not([class*="btn_"]) {color:var(--twc-color-secondary); font-weight:700; text-decoration:underline;}
.site-banner-content a:not([class*="btn_"]):hover {color:var(--twc-color-primary);}

/* Banner image */
.site-banner__inner.has-image {
    margin-right:calc(-1 * var(--twc-gap-side)); padding-right:var(--twc-gap-container);
    display:flex; align-items:center;
}
.has-image .site-banner-content {width:50%;}
.has-image .site-banner-content__inner {max-width:553px; padding-right:20px;}
.has-image .site-banner-images {width:50%;}
.has-image .site-banner-image_wrapper {position:relative;}
.has-image .site-banner-image {position:absolute;}
.has-image .site-banner-images img {border-radius:20px;}

/* Option has 4 images */
.total-images-4 .site-banner-image_wrapper {aspect-ratio:100/97;}
.total-images-4 .site-banner-image:nth-child(1) {
    top:0; left:0;
    width:calc(60% - var(--twc-gap-container)); height:calc(47.5% - var(--twc-gap-container));
}
.total-images-4 .site-banner-image:nth-child(2) {
    top:var(--twc-gap-container); right:0;
    width:40%; height:calc(65.5% - 2 * var(--twc-gap-container));
}
.total-images-4 .site-banner-image:nth-child(3) {
    bottom:0; left:0;
    width:calc(60% - var(--twc-gap-container)); height:52.5%;
}
.total-images-4 .site-banner-image:nth-child(4) {
    bottom:0; right:0;
    width:40%; height:34.5%;
}

/* Option has 3 images */
.total-images-3 .site-banner-image_wrapper {aspect-ratio:618/624;}

/* Large image left */
.style-large-image-left .total-images-3 .site-banner-image:nth-child(1) {
    top:0; left:0;
    width:calc(60% - var(--twc-gap-container)); height:100%;
}
.style-large-image-left .total-images-3 .site-banner-image:nth-child(2) {
    top:var(--twc-gap-container); right:0;
    width:40%; height:calc(62.5% - 2 * var(--twc-gap-container));
}
.style-large-image-left .total-images-3 .site-banner-image:nth-child(3) {
    bottom:0; right:0;
    width:40%; height:37.5%;
}


/* Large image right */
.style-large-image-right .total-images-3 .site-banner-image:nth-child(1) {
    top:var(--twc-gap-container); left:0;
    width:40%; height:calc(62.5% - 2 * var(--twc-gap-container));
}
.style-large-image-right .total-images-3 .site-banner-image:nth-child(2) {
    bottom:0; left:0;
    width:40%; height:37.5%;
}
.style-large-image-right .total-images-3 .site-banner-image:nth-child(3) {
    top:0; right:0;
    width:calc(60% - var(--twc-gap-container)); height:100%;
}

/* Option has 2 images */
.total-images-2 .site-banner-image_wrapper {display:flex;}
.total-images-2 .site-banner-image {position:relative; width:50%;}
.total-images-2 .site-banner-image:nth-child(1) {padding-right:calc(var(--twc-gap-container) / 2);}
.total-images-2 .site-banner-image:nth-child(2) {padding-left:calc(var(--twc-gap-container) / 2);}

/* Option has 1 image */
.total-images-1 .site-banner-image {position:relative; aspect-ratio:4/3;}

/* Option no banner */
.site-banner__inner.no-image {--twc-spacing-145:55px;}

/* Home page */
body.home .site-banner-content__logo-intro img {height:125px;}
body.home .site-banner-content {--twc-spacing-heading:30px; transform:translateX(calc(-1 * var(--twc-gap-container)));}
body.home .site-banner__inner.has-image {align-items:flex-start;}

/* Button */
body.home .site-banner-content__buttons {transform:translateX(calc(-1 * var(--twc-gap-container)));}
.site-banner-content__buttons {padding-top:var(--twc-spacing-default);}
.site-banner-content__buttons .button-scroll-down {
    --btn-size:61px;
    --btn-icon-size:16px;
    font-size:0; background:rgba(0, 0, 0, 0);
    display:inline-block; position:relative;
    width:var(--btn-size); height:var(--btn-size); margin-right:30px;
    border-radius:50%; border:1px solid #588e8b;
    transition:var(--twc-transition);
}
.site-banner-content__buttons .button-scroll-down:before {
    font-family:var(--twc-font-icomoon); content:"\e929";
    font-size:var(--btn-icon-size); color:#588e8b; font-weight:700; line-height:1;
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
    transition:var(--twc-transition);
}
.site-banner-content__buttons .button-scroll-down:after {
    content:""; display:block;
    width:1px; height:90px; background:rgba(88, 142, 139, .5);
    position:absolute; top:100%; left:50%; transform:translateX(-50%);
}
.site-banner-content__buttons .button-scroll-down:hover {
    background:var(--twc-color-primary);
    border-color:var(--twc-color-primary);
}
.site-banner-content__buttons .button-scroll-down:hover:before {color:#fff;}
.site-banner-content__buttons .button-intro {
    --btn-color:var(--twc-color-primary);
    --btn-border-color:rgba(33, 83, 76, .5);
}
@media only screen and (min-width:1920px) {
    body.home .site-banner-content {transform:translateX(-100px);}
    body.home .site-banner-content__buttons {transform:translateX(0);}
    .site-banner-content__buttons .button-scroll-down:after {display:none;}
}


/****************************
 * Header - Responsive
*****************************/
@media only screen and (max-width:1439px) {
    /* Home page */
    body.home .site-banner-content {transform:translateX(0);}
    body.home .site-banner-content__buttons {transform:translateX(0);}
}
@media only screen and (max-width:1180px) {
    /* Home page */
    body.home .site-banner-content {transform:translateX(0);}
    body.home .site-banner-content__buttons {transform:translateX(0);}

    /* Button */
    .site-banner-content__buttons {padding-top:var(--twc-spacing-40);}
    .site-banner-content__buttons .button-scroll-down:after {display:none;}
}
@media only screen and (max-width:768px) {
    .site-banner {padding-top:35px;}
    .site-banner-content {--twc-spacing-heading:20px;}
    .site-banner-content__inner {text-align:center;}

    /* Option has image */
    .site-banner__inner.has-image {flex-direction:column;}
    .has-image .site-banner-content {width:100%; margin-bottom:var(--twc-spacing-70);}
    .has-image .site-banner-content__inner {max-width:100%; padding-right:0;}
    .has-image .site-banner-images {
        width:calc(100% + 2 * var(--twc-gap-container));
        overflow:hidden;
    }
    .has-image .site-banner-image_wrapper {margin-left:-30px; margin-right:-30px;}

    /* Option has 1 image */
    .total-images-1 .site-banner-image {aspect-ratio:16/9;}

    /* Home page */
    body.home .has-image .site-banner-images {margin-left:calc(-1 * var(--twc-gap-container));}

    /* Button */
    .site-banner-content__buttons {justify-content:center;}
    .site-banner-content__buttons .button-scroll-down {display:none;}
}
@media only screen and (max-width:768px) {
    .site-banner-content br {display:none;}
}