/****************************
 * Header
*****************************/
.site-banner {
    --banner-width-red:69px;
    --banner-width-yellow:95px;
    --banner-width-content:471px;
    z-index:5;
}
.site-banner-content__wrapper {
    max-width:calc(var(--banner-width-content) + var(--twc-gap-container));
    padding-right:var(--twc-gap-container); font-size:var(--twc-size-18);
}


/* Breadcrumbs */
.site-breadcrumbs {
    font-size:var(--twc-size-15); font-weight:400; color:rgba(35, 31, 32, .3);
    padding-top:var(--twc-spacing-65);
}
.site-breadcrumbs a {color:var(--twc-color-black);}
.site-breadcrumbs a:hover, .site-breadcrumbs a:focus {color:var(--twc-color-primary);}
.site-breadcrumbs a:focus-visible {
    outline:2px solid var(--twc-color-secondary); border-radius:3px; transition:none;
}
.breadcrumb-sep {padding:0 20px; position:relative;}
.breadcrumb-sep:before {
    font-family:var(--twc-font-icomoon); content:"\e92f";
    font-size:7px; color:var(--twc-color-secondary); line-height:1;
    position:absolute; top:45%; left:50%; transform:translate(-50%, -50%);
}
.breadcrumb_last {display:inline-block;}

/* Style has banner */
.banner-has-image {display:flex;}
.banner-has-image .site-banner-breadcrumbs-title .container {padding:0 0 0 var(--twc-gap-side);}
.banner-has-image .site-banner-image__item:before,
.banner-has-image .site-banner-image__item:after {content:""; display:block; position:absolute;}
.banner-has-image .site-banner-image__item:before {
    width:var(--banner-width-yellow); height:var(--banner-width-yellow); background:var(--twc-color-secondary);
}
.banner-has-image .site-banner-image__item:after {
    width:var(--banner-width-red); height:var(--banner-width-red); background:var(--twc-color-primary);
}

/* Style default */
.banner-default-style.banner-no-image {--twc-spacing-heading:30px; --banner-width-content:100%;}
.banner-default-style.banner-no-image .site-banner-content__wrapper {padding-right:0;}
.banner-default-style.banner-has-image {
    --banner-width-red:0px;
    --banner-width-yellow:0px;
}
.banner-default-style.banner-has-image .site-banner-image__item {aspect-ratio:525/401;}
.banner-default-style.banner-has-image .site-banner-breadcrumbs-title,
.banner-default-style.banner-has-image .site-banner-image {width:50%;}

/* Style has image + 2 shape */
.banner-have-red-orange-square-style.banner-has-image .site-banner-breadcrumbs-title {width:52%;}
.banner-have-red-orange-square-style.banner-has-image:not(.total-images-2) .site-banner-content__wrapper {--twc-spacing-75:0px;}
.banner-have-red-orange-square-style.banner-has-image .site-banner-image {
    width:48%;
    padding:var(--banner-width-yellow) var(--banner-width-yellow) var(--banner-width-red) var(--banner-width-red);
}
.banner-have-red-orange-square-style.banner-has-image .site-banner-image__item {aspect-ratio:525/401;}
.banner-have-red-orange-square-style.banner-has-image .site-banner-image__item:before {bottom:100%; left:100%;}
.banner-have-red-orange-square-style.banner-has-image .site-banner-image__item:after {top:100%; right:100%;}


/* Style has form */
.banner-have-red-orange-square-style.total-images-2 {
    --banner-width-red:118px;
    --banner-width-yellow:39px;
    --banner-width-content:631px;
    --twc-spacing-heading:35px;
}
.banner-have-red-orange-square-style.total-images-2 .site-banner-breadcrumbs-title {width:66%;}
.banner-have-red-orange-square-style.total-images-2 .site-banner-image {
    width:34%; position:relative;
    padding:var(--banner-width-red) var(--banner-width-red) 0 var(--banner-width-yellow);
}
.banner-have-red-orange-square-style.total-images-2 .site-banner-image__item:first-child {aspect-ratio:326/292;}
.banner-have-red-orange-square-style.total-images-2 .site-banner-image__item:first-child:before {
    top:100%; left:auto; bottom:auto; right:100%;
}
.banner-have-red-orange-square-style.total-images-2 .site-banner-image__item:first-child:after {
    top:auto; left:100%; bottom:100%; right:auto;
}
.banner-have-red-orange-square-style.total-images-2 .site-banner-image__item:nth-child(2) {
    width:var(--banner-width-red); aspect-ratio:118/243;
    margin-left:auto; transform:translateX(var(--banner-width-red));
}
.banner-have-red-orange-square-style.total-images-2 .site-banner-image__item:nth-child(2):before,
.banner-have-red-orange-square-style.total-images-2 .site-banner-image__item:nth-child(2):after {display:none;}
.banner-has-form .easy-select {
    --es-select-w:100%;
    --es-dropdown-w:100%;
}
.banner-has-form .easy-select-current {border:none;}
.banner-has-form .gform_wrapper .easy-select-current .easy-select-option {display:flex;}

/* Content right */
.banner-has-content-right {--twc-spacing-default:var(--twc-spacing-75);}
.banner-has-content-right .site-banner-content {display:flex;}
.banner-has-content-right .site-banner-content__wrapper {width:42%; --twc-spacing-75:0px;}
.banner-has-content-right .site-banner-content-right {width:58%;}

/* Has red square */
.banner-has-a-red-square-style.banner-has-image {
    --banner-width-red:95px;
    --banner-width-content:585px;
}
.banner-has-a-red-square-style.banner-has-image .site-banner-breadcrumbs-title {width:57%;}
.banner-has-a-red-square-style.banner-has-image .site-banner-content__wrapper {--twc-spacing-75:0px;}
.banner-has-a-red-square-style.banner-has-image .site-banner-image {
    width:43%;
    padding:var(--banner-width-red) var(--banner-width-red) 0 0;
}
.banner-has-a-red-square-style.banner-has-image .site-banner-image__item {aspect-ratio:525/346;}
.banner-has-a-red-square-style.banner-has-image .site-banner-image__item:before {display:none;}
.banner-has-a-red-square-style.banner-has-image .site-banner-image__item:after {
    top:auto; left:100%; bottom:100%; right:auto;
}

/* No image + 2 shape */
.banner-have-red-orange-square-style.banner-no-image {
    --banner-width-red:65px;
    --banner-width-content:calc(100% - var(--banner-width-yellow) - var(--banner-width-red));
}
.banner-have-red-orange-square-style.banner-no-image:before,
.banner-have-red-orange-square-style.banner-no-image:after {
    content:""; display:block; position:absolute;
}
.banner-have-red-orange-square-style.banner-no-image:before {
    width:var(--banner-width-red); height:var(--banner-width-red); background:var(--twc-color-primary);
    top:var(--banner-width-yellow); right:var(--banner-width-yellow);
}
.banner-have-red-orange-square-style.banner-no-image:after {
    width:var(--banner-width-yellow); height:var(--banner-width-yellow); background:var(--twc-color-secondary);
    top:0; right:0;
}
.banner-have-red-orange-square-style.banner-no-image .site-breadcrumbs {--twc-spacing-65:50px;}


/****************************
 * Header - Responsive
*****************************/
@media only screen and (max-width:1180px) {
    .site-banner {
        --banner-width-red:55px;
        --banner-width-yellow:80px;
    }
}
@media only screen and (max-width:1024px) {
    /* Style has form */
    .total-images-2 .site-banner-breadcrumbs-title {width:55%;}
    .total-images-2 .site-banner-image {width:45%;}
    .banner-has-form .easy-select {
        --gf-field-height:54px;
        --es-option-h:50px;
    }
    .banner-has-form .easy-select-current .easy-select-option:after {right:20px;}

    /* Style has form */
    .banner-have-red-orange-square-style.total-images-2 {
        --banner-width-red:100px;
    }

    /* Has red square */
    .banner-has-a-red-square-style.banner-has-image {
        --banner-width-red:75px;
    }
}
@media only screen and (max-width:768px) {
    .site-banner {--banner-width-content:100%;}
    .site-breadcrumbs {--twc-spacing-30:15px;}
    .site-banner-content__wrapper {padding-right:0;}
    .site-banner-content__wrapper br {display:none;}

    /* Style has banner */
    .banner-has-image {flex-direction:column;}
    .banner-has-image .site-banner-breadcrumbs-title .container {padding:0 var(--twc-gap-container);}

    /* Style has image + 2 shape */
    .banner-have-red-orange-square-style.banner-has-image .site-banner-breadcrumbs-title {width:100%; margin-bottom:var(--twc-spacing-30);}
    .banner-have-red-orange-square-style.banner-has-image .site-banner-image {
        width:100%; max-width:500px; margin-left:auto; margin-right:auto;
    }

    /* Content right */
    .banner-has-content-right .site-banner-content {flex-direction:column;}
    .banner-has-content-right .site-banner-content__wrapper {width:100%;}
    .banner-has-content-right .site-banner-content-right {width:100%;}

    /* Has red square */
    .banner-has-a-red-square-style.banner-has-image {--banner-width-content:100%;}
    .banner-has-a-red-square-style.banner-has-image .site-banner-breadcrumbs-title {width:100%; margin-bottom:30px;}
    .banner-has-a-red-square-style.banner-has-image .site-banner-image {
        width:100%; max-width:500px; margin-left:auto; margin-right:auto;
    }

    /* No image + 2 shape */
    .banner-have-red-orange-square-style.banner-no-image {
        --banner-width-red:45px;
        --banner-width-content:100%;
    }
    .banner-have-red-orange-square-style.banner-no-image .site-breadcrumbs {
        --twc-spacing-65:calc(var(--banner-width-red) + var(--banner-width-yellow) + 20px);
    }

    /* Style default + has image */
    .banner-default-style.banner-has-image .site-banner-breadcrumbs-title,
    .banner-default-style.banner-has-image .site-banner-image {width:100%;}
}
@media only screen and (max-width:767px) {
    .banner-has-form .easy-select {--gf-field-height:50px;}
}

@media only screen and (max-width:480px) {
    .site-banner {
        --banner-width-red:40px;
        --banner-width-yellow:60px;
    }

    /* Style has form */
    .banner-have-red-orange-square-style.total-images-2 {
        --banner-width-red:80px;
    }
    /* Has red square */
    .banner-has-a-red-square-style.banner-has-image {--banner-width-red:60px;}

}