body {
    font-family: 'Kumbh Sans', sans-serif;
}
.text-russetRed {
    color: #9d352d !important;
    color: hsl(4, 55%, 40%);
    color: rgba(157,53,45,1);
}
.text-terrain {
    color: hsl(160.2, 37.4%, 55.5%);
    color: #b89c63;
    color: rgba(184,156,99,1);
}
.text-slate {
    color: hsl(60, 7%, 75%);
    color: #c5c5bc;
    color: rgba(197,197,188,1);
}
.text-sunlight {
    color: #fabe55;
    color: rgba(250,190,85,1);
    color: hsl(38, 94%, 66%);
}
.text-asphalt {
    color: hsl(0, 0%, 13%);
    color: #212121;
    color: rgba(33,33,33,1);
}
.text-offWhitePure {
    color: hsl(120, 11%, 96%);
    color: #f5f7f5;
    color: rgba(245,247,245,1);
}
.text-powderCoatWhite {
    color: hsl(0, 0%, 100%);
    color: #ffffff;
    color: rgba(255,255,255,1);
}
.text-millingtonGold {
    color: hsl(40.2,37.4%,55.5%);
    color: #B89C63;
    color: rgba(184,156,99,1);
}
.bg-russetRed {
    background-color: #9d352d;
    background-color: hsl(4, 55%, 40%);
    background-color: rgba(157,53,45,1);
}
.bg-terrain {
    background-color: hsl(160.2, 37.4%, 55.5%);
    background-color: #b89c63;
    background-color: rgba(184,156,99,1);
}
.bg-slate {
    background-color: hsl(60, 7%, 75%);
    background-color: #c5c5bc;
    background-color: rgba(197,197,188,1);
}
.bg-sunlight {
    background-color: #fabe55;
    background-color: rgba(250,190,85,1);
    background-color: hsl(38, 94%, 66%);
}
.bg-asphalt {
    background-color: hsl(0, 0%, 13%);
    background-color: #212121;
    background-color: rgba(33,33,33,1);
}
.bg-offWhitePure {
    background-color: hsl(120, 11%, 96%);
    background-color: #f5f7f5;
    background-color: rgba(245,247,245,1);
}
.bg-powderCoatWhite {
    background-color: hsl(0, 0%, 100%);
    background-color: #ffffff;
    background-color: rgba(255,255,255,1);
}

.bg-millingtonGold {
    background-color: hsl(40.2,37.4%,55.5%);
    background-color: #B89C63;
    background-color: rgba(184,156,99,1);
}

.russetRed-bullet {
    color: #9d352d !important;
    font-weight: 700;
}

/*  
--------------------------------------------------
Slick Carousel (1.8.1)      
-------------------------------------------------- 
*/

.component:not(.usn_cmp_herobanner) .slick-slider .slick-list,
.component:not(.usn_cmp_herobanner) .slick-slider .slick-track {
    display: flex;
}

html[dir="ltr"] .usn_cmp_herobanner .slick-slider .slick-autoplay-toggle-button { 
    right: 0;
}

html[dir="rtl"] .usn_cmp_herobanner .slick-slider .slick-autoplay-toggle-button { 
    left: 0;
}

.usn_cmp_herobanner .slick-slider .slick-autoplay-toggle-button,
.usn_cmp_herobanner .slick-slider .slick-prev,
.usn_cmp_herobanner .slick-slider .slick-next { 
    color: rgba(var(--true-white), 1);
    background:transparent;
    box-shadow: none;
}

html.no-touch .usn_cmp_herobanner .slick-slider .slick-autoplay-toggle-button:hover,
html.no-touch .usn_cmp_herobanner .slick-slider .slick-prev:hover,
html.no-touch .usn_cmp_herobanner .slick-slider .slick-next:hover { 
    color: rgba(var(--true-white), 1);
    opacity:0.7;
    background:transparent;
    box-shadow: none;
}

@media (min-width:1200px) { 
    .usn_cmp_herobanner .slick-slider .slick-autoplay-toggle-button,
    .usn_cmp_herobanner .slick-slider .slick-prev,
    .usn_cmp_herobanner .slick-slider .slick-next { 
        width:60px; height:60px;
    }

    .usn_cmp_herobanner .slick-slider .slick-prev i.icon,
    .usn_cmp_herobanner .slick-slider .slick-next i.icon { 
        font-size: 40px;
    }

}

/* Slick dots */

@media (min-width:992px) {
    .usn_cmp_herobanner .slick-slider ul.slick-dots { 
        margin:0; 
        padding:0;
        position:absolute; 
        bottom:48%; 
        left:5%;
        transform: translateX(-5%);
        /*bottom:var(--base-half-spacing); 
        left:50%;
        transform: translateX(-50%);*/
    }
    
    .usn_cmp_herobanner .slick-slider ul.slick-dots li {
        display: block !important;
        margin-bottom: .5rem;
    }
    
    .usn_cmp_herobanner .slick-slider ul.slick-dots li > button { 
        background: rgba(var(--true-white), 1);
    }

    .usn_cmp_herobanner .slick-slider .slick-dots li.slick-active > button {
        background: rgba(var(--base-highlight), 1);
    }
}
/*  
---------------------------------------------------
Body - Large Breakpoint
---------------------------------------------------  
*/


body.transparent-header-lg.full-page:not(.no-header):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header + #site-content > .component:first-of-type:not(.usn_cmp_herobanner):not(.p-0) { 
    padding-top: calc(var(--pc-spacing_md) + var(--large-header));
}

body.transparent-header-lg:not(.no-header):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header + #site-content > .component.pt-0:first-of-type:not(.usn_cmp_herobanner),
body.transparent-header-lg:not(.no-header):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header + #site-content > .component.p-0:first-of-type:not(.usn_cmp_herobanner) { 
    margin-top: var(--large-header);
}


body.transparent-header-lg:not(.full-page):not(.no-header):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header + #site-content > .component:first-of-type:not(.usn_cmp_herobanner) { 
    margin-top: var(--large-header);
}

/* Faux header background when transparent header used on non full-page content, except banners */

body.transparent-header-lg:not(.full-page):not(.no-header):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header + #site-content > .component:first-of-type:not(.usn_cmp_herobanner)::before { 
    content: "";
    position: absolute; top: calc(var(--large-header) * -1); left: 0; right: 0;
    width: 100%; height: var(--large-header);
    background: rgba(var(--header-bg-color1), 1); 
}

body.transparent-header-lg:not(.full-page):not(.no-header):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header.header-bg-linear + #site-content > .component:first-of-type:not(.usn_cmp_herobanner)::before { 
    background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

body.transparent-header-lg:not(.full-page):not(.no-header):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header.header-bg-radial + #site-content > .component:first-of-type:not(.usn_cmp_herobanner)::before { 
    background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

/*  
---------------------------------------------------
Body - Small Breakpoint
---------------------------------------------------  
*/

body.transparent-header-sm.full-page:not(.no-header) header#site-header + #site-content > .component:first-of-type:not(.usn_cmp_herobanner):not(.p-0) { 
    padding-top: calc(var(--pc-spacing) + var(--small-header));
}
body.transparent-header-sm:not(.no-header) header#site-header + #site-content > .component.pt-0:first-of-type:not(.usn_cmp_herobanner),
body.transparent-header-sm:not(.no-header) header#site-header + #site-content > .component.p-0:first-of-type:not(.usn_cmp_herobanner) { 
    margin-top: var(--small-header);
}

body.transparent-header-sm:not(.full-page):not(.no-header) header#site-header + #site-content > .component:first-of-type:not(.usn_cmp_herobanner) { 
    margin-top: var(--small-header);
}

/* Faux header background when transparent header used on non full-page content, except banners */
body.transparent-header-sm:not(.full-page):not(.no-header) header#site-header + #site-content > .component:first-of-type:not(.usn_cmp_herobanner)::before { 
    content: "";
    position: absolute; top: calc(var(--small-header) * -1); left: 0; right: 0;
    width: 100%; height: var(--small-header);
    background: rgba(var(--header-bg-color1), 1); 
}
body.transparent-header-sm:not(.full-page):not(.no-header) header#site-header.header-bg-linear + #site-content > .component:first-of-type:not(.usn_cmp_herobanner)::before { 
    background: linear-gradient(var(--header-bg-angle), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}
body.transparent-header-sm:not(.full-page):not(.no-header) header#site-header.header-bg-radial + #site-content > .component:first-of-type:not(.usn_cmp_herobanner)::before { 
    background: radial-gradient(farthest-side at var(--header-bg-start-perc) var(--header-bg-stop-perc), rgba(var(--header-bg-color1), 1) 0%, rgba(var(--header-bg-color2), 1) 100%);
}

/*  
---------------------------------------------------
Banner - Large Breakpoint
---------------------------------------------------  
*/

.component.usn_cmp_herobanner .item.item_short-banner,
.component.usn_cmp_herobanner .item.item_short-banner .container,
.component.usn_cmp_herobanner .item.item_short-banner .row,
.component.usn_cmp_herobanner .item.item_short-banner .image,
.component.usn_cmp_herobanner .item.item_short-banner .image .video {
    height: var(--short-banner);
    height: calc(var(--short-banner) - var(--large-header));
    min-height: calc(var(--short-bannerPX) - var(--large-header));
}

body.header-11-lg .component.usn_cmp_herobanner .item.item_short-banner,
body.header-11-lg .component.usn_cmp_herobanner .item.item_short-banner .container,
body.header-11-lg .component.usn_cmp_herobanner .item.item_short-banner .row,
body.header-11-lg .component.usn_cmp_herobanner .item.item_short-banner .image,
body.header-11-lg .component.usn_cmp_herobanner .item.item_short-banner .image .video,
body.header-12-lg .component.usn_cmp_herobanner .item.item_short-banner,
body.header-12-lg .component.usn_cmp_herobanner .item.item_short-banner .container,
body.header-12-lg .component.usn_cmp_herobanner .item.item_short-banner .row,
body.header-12-lg .component.usn_cmp_herobanner .item.item_short-banner .image,
body.header-12-lg .component.usn_cmp_herobanner .item.item_short-banner .image .video,
body.header-15-lg .component.usn_cmp_herobanner .item.item_short-banner,
body.header-15-lg .component.usn_cmp_herobanner .item.item_short-banner .container,
body.header-15-lg .component.usn_cmp_herobanner .item.item_short-banner .row,
body.header-15-lg .component.usn_cmp_herobanner .item.item_short-banner .image,
body.header-15-lg .component.usn_cmp_herobanner .item.item_short-banner .image .video,
body.header-16-lg .component.usn_cmp_herobanner .item.item_short-banner,
body.header-16-lg .component.usn_cmp_herobanner .item.item_short-banner .container,
body.header-16-lg .component.usn_cmp_herobanner .item.item_short-banner .row,
body.header-16-lg .component.usn_cmp_herobanner .item.item_short-banner .image,
body.header-16-lg .component.usn_cmp_herobanner .item.item_short-banner .image .video,
body.no-header .component.usn_cmp_herobanner .item.item_short-banner,
body.no-header .component.usn_cmp_herobanner .item.item_short-banner .container,
body.no-header .component.usn_cmp_herobanner .item.item_short-banner .row,
body.no-header .component.usn_cmp_herobanner .item.item_short-banner .image,
body.no-header .component.usn_cmp_herobanner .item.item_short-banner .image .video,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_short-banner,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_short-banner .container,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_short-banner .row,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_short-banner .image,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_short-banner .image .video { 
    height: var(--short-banner); 
    min-height: var(--short-bannerPX);
}

.component.usn_cmp_herobanner .item.item_medium-banner,
.component.usn_cmp_herobanner .item.item_medium-banner .container,
.component.usn_cmp_herobanner .item.item_medium-banner .row,
.component.usn_cmp_herobanner .item.item_medium-banner .image,
.component.usn_cmp_herobanner .item.item_medium-banner .image .video {
    height: var(--medium-banner);
    height: calc(var(--medium-banner) - var(--large-header));
    min-height: calc(var(--medium-bannerPX) - var(--large-header));
}

body.header-11-lg .component.usn_cmp_herobanner .item.item_medium-banner,
body.header-11-lg .component.usn_cmp_herobanner .item.item_medium-banner .container,
body.header-11-lg .component.usn_cmp_herobanner .item.item_medium-banner .row,
body.header-11-lg .component.usn_cmp_herobanner .item.item_medium-banner .image,
body.header-11-lg .component.usn_cmp_herobanner .item.item_medium-banner .image .video,
body.header-12-lg .component.usn_cmp_herobanner .item.item_medium-banner,
body.header-12-lg .component.usn_cmp_herobanner .item.item_medium-banner .container,
body.header-12-lg .component.usn_cmp_herobanner .item.item_medium-banner .row,
body.header-12-lg .component.usn_cmp_herobanner .item.item_medium-banner .image,
body.header-12-lg .component.usn_cmp_herobanner .item.item_medium-banner .image .video,
body.header-15-lg .component.usn_cmp_herobanner .item.item_medium-banner,
body.header-15-lg .component.usn_cmp_herobanner .item.item_medium-banner .container,
body.header-15-lg .component.usn_cmp_herobanner .item.item_medium-banner .row,
body.header-15-lg .component.usn_cmp_herobanner .item.item_medium-banner .image,
body.header-15-lg .component.usn_cmp_herobanner .item.item_medium-banner .image .video,
body.header-16-lg .component.usn_cmp_herobanner .item.item_medium-banner,
body.header-16-lg .component.usn_cmp_herobanner .item.item_medium-banner .container,
body.header-16-lg .component.usn_cmp_herobanner .item.item_medium-banner .row,
body.header-16-lg .component.usn_cmp_herobanner .item.item_medium-banner .image,
body.header-16-lg .component.usn_cmp_herobanner .item.item_medium-banner .image .video,
body.no-header .component.usn_cmp_herobanner .item.item_medium-banner,
body.no-header .component.usn_cmp_herobanner .item.item_medium-banner .container,
body.no-header .component.usn_cmp_herobanner .item.item_medium-banner .row,
body.no-header .component.usn_cmp_herobanner .item.item_medium-banner .image,
body.no-header .component.usn_cmp_herobanner .item.item_medium-banner .image .video,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_medium-banner,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_medium-banner .container,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_medium-banner .row,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_medium-banner .image,
body.transparent-header-lg .component.usn_cmp_herobanner .item.item_medium-banner .image .video { 
    height: var(--medium-banner); 
    min-height: var(--medium-bannerPX);
}

.component.usn_cmp_herobanner .item.item_takeover-banner,
.component.usn_cmp_herobanner .item.item_takeover-banner .container,
.component.usn_cmp_herobanner .item.item_takeover-banner .row,
.component.usn_cmp_herobanner .item.item_takeover-banner .image,
.component.usn_cmp_herobanner .item.item_takeover-banner .image .video {
    height: var(--takeover-banner);
    height: calc(var(--takeover-banner) - var(--large-header));
}

body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video {
    height: var(--takeover-banner);
    height: calc(var(--takeover-banner) - var(--large-header) - 30px);
}

body.header-11-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
body.header-11-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.header-11-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.header-11-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.header-11-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.header-12-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
body.header-12-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.header-12-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.header-12-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.header-12-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.header-15-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
body.header-15-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.header-15-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.header-15-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.header-15-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.header-16-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
body.header-16-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.header-16-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.header-16-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.header-16-lg.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video { 
    height: var(--takeover-banner);
    height: calc(var(--takeover-banner) - 30px);
}

body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner,
body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .container,
body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .row,
body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image,
body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_banner .item.item_takeover-banner .image .video,
body.header-11-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner,
body.header-11-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.header-11-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.header-11-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.header-11-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.header-12-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner,
body.header-12-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.header-12-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.header-12-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.header-12-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.header-15-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner,
body.header-15-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.header-15-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.header-15-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.header-15-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.header-16-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner,
body.header-16-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.header-16-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.header-16-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.header-16-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner,
body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner,
body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.transparent-header-lg:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image .video { 
    height: var(--takeover-banner);
}

body.browser-ios.transparent-header-lg .component.usn_cmp_herobanner .item.item_takeover-banner,
body.browser-ios.transparent-header-lg .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.browser-ios.transparent-header-lg .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.browser-ios.transparent-header-lg .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.browser-ios.transparent-header-lg .component.usn_cmp_herobanner .item.item_takeover-banner .image .video {
    height: var(--takeover-banner);
    height: calc(var(--takeover-banner) - 30px);
}

.component.usn_cmp_banner .item .info,
.component.usn_cmp_herobanner .item .info {
    padding: 90px var(--base-half-spacing);
}

body.transparent-header-lg:not(.no-header) .component.usn_cmp_herobanner .item.item_short-banner .info,
body.transparent-header-lg:not(.no-header) .component.usn_cmp_herobanner .item.item_medium-banner .info { 
    padding-top: calc(var(--large-header) + 90px);
}

/*  
---------------------------------------------------
Banner - Small Breakpoint
---------------------------------------------------  
*/

body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner,
body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image .video,
body.transparent-header-sm:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner,
body.transparent-header-sm:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.transparent-header-sm:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.transparent-header-sm:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.transparent-header-sm:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image .video { 
    height: var(--takeover-banner);
}

body.browser-ios.transparent-header-sm .component.usn_cmp_herobanner .item.item_takeover-banner,
body.browser-ios.transparent-header-sm .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.browser-ios.transparent-header-sm .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.browser-ios.transparent-header-sm .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.browser-ios.transparent-header-sm .component.usn_cmp_herobanner .item.item_takeover-banner .image .video {
    height: var(--takeover-banner);
    height: calc(var(--takeover-banner) - 110px);
}

@media (min-width:0) and (max-width:575px) {
    .component.usn_cmp_herobanner .item.item_scale-banner .inner,
    .component.usn_cmp_herobanner .item.item_scale-banner .info {
        position: relative!important;
    }

    .component.usn_cmp_herobanner .item.item_scale-banner .info {
        padding: var(--base-half-spacing); 
    }

    .component.usn_cmp_herobanner .slides .item.item_scale-banner .info {
        padding-bottom: calc(var(--base-spacing) * 2);
    }

    .component.usn_cmp_herobanner .item.item_scale-banner .inner::before {
        display: none;
    }
}

@media (min-width:768px) {

    body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
    body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
    body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
    body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
    body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video {
        height: var(--takeover-banner);
        height: calc(var(--takeover-banner) - var(--small-header) - 35px);
    }

    body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
    body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
    body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
    body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
    body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video { 
        height: var(--takeover-banner);
        height: calc(var(--takeover-banner) - 35px);
    }

    body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner,
    body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .container,
    body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .row,
    body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image,
    body.no-header:not(.browser-ios) .component.usn_cmp_herobanner .item.item_takeover-banner .image .video { 
        height: var(--takeover-banner);
    }

}

/*  
---------------------------------------------------
Banner 
---------------------------------------------------  
*/

/* Component only */
.component.usn_cmp_herobanner {
    padding: 0 !important;
    margin: calc(var(--large-header) - calc(var(--large-header) * 2) - 41px) 0 0;
    overflow: hidden;
    z-index: 801;
}

.component.usn_cmp_herobanner .item {
    position: relative;
}

.component.usn_cmp_herobanner .item.item_scale-banner,
.component.usn_cmp_herobanner .item.item_scale-banner .image,
.component.usn_cmp_herobanner .item.item_scale-banner .image .video {
    height: auto!important;
}

.component.usn_cmp_herobanner .item.item_scale-banner .container,
.component.usn_cmp_herobanner .item.item_scale-banner .row {
    height: 100%;
}

.component.usn_cmp_herobanner .item.item_short-banner,
.component.usn_cmp_herobanner .item.item_short-banner .container,
.component.usn_cmp_herobanner .item.item_short-banner .row,
.component.usn_cmp_herobanner .item.item_short-banner .image,
.component.usn_cmp_herobanner .item.item_short-banner .image .video {
    height: var(--short-banner);
    height: calc(var(--short-banner) - var(--small-header));
    min-height: calc(var(--short-bannerPX) - var(--small-header));
}

body.no-header .component.usn_cmp_herobanner .item.item_short-banner,
body.no-header .component.usn_cmp_herobanner .item.item_short-banner .container,
body.no-header .component.usn_cmp_herobanner .item.item_short-banner .row,
body.no-header .component.usn_cmp_herobanner .item.item_short-banner .image,
body.no-header .component.usn_cmp_herobanner .item.item_short-banner .image .video {
    height: var(--short-banner);
    min-height: var(--short-bannerPX);
}

.component.usn_cmp_herobanner .item.item_medium-banner,
.component.usn_cmp_herobanner .item.item_medium-banner .container,
.component.usn_cmp_herobanner .item.item_medium-banner .row,
.component.usn_cmp_herobanner .item.item_medium-banner .image,
.component.usn_cmp_herobanner .item.item_medium-banner .image .video {
    height: var(--medium-banner);
    height: calc(var(--medium-banner) - var(--small-header));
    min-height: calc(var(--medium-bannerPX) - var(--small-header));
}

body.no-header .component.usn_cmp_herobanner .item.item_medium-banner,
body.no-header .component.usn_cmp_herobanner .item.item_medium-banner .container,
body.no-header .component.usn_cmp_herobanner .item.item_medium-banner .row,
body.no-header .component.usn_cmp_herobanner .item.item_medium-banner .image,
body.no-header .component.usn_cmp_herobanner .item.item_medium-banner .image .video {
    height: var(--medium-banner);
    min-height: var(--medium-bannerPX);
}

.component.usn_cmp_herobanner .item.item_takeover-banner,
.component.usn_cmp_herobanner .item.item_takeover-banner .container,
.component.usn_cmp_herobanner .item.item_takeover-banner .row,
.component.usn_cmp_herobanner .item.item_takeover-banner .image,
.component.usn_cmp_herobanner .item.item_takeover-banner .image .video {
    height: var(--takeover-banner);
    height: calc(var(--takeover-banner) - var(--small-header));
}

body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video {
    height: var(--takeover-banner);
    height: calc(var(--takeover-banner) - var(--small-header) - 110px);
}

body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner,
body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .container,
body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .row,
body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image,
body.no-header.browser-ios .component.usn_cmp_herobanner .item.item_takeover-banner .image .video { 
    height: calc(var(--takeover-banner) - 110px);
}

.component.usn_cmp_herobanner .item:not(.item_scale-banner) .image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat; background-position: center;
}

.component.usn_cmp_herobanner .item .image img { 
    position:relative;
    z-index:1;
}

.component.usn_cmp_herobanner .item .image .video { 
    z-index:2;
}

.component.usn_cmp_herobanner .item:not(.item_scale-banner) .image .video .video-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100%; height:100%;
    transform: translate(-50%, -50%);
}

.component.usn_cmp_herobanner .item.item_scale-banner .image picture + .video,
.component.usn_cmp_herobanner .item.item_scale-banner .image img + .video { 
    position: absolute;
    top: 0;
    right:0;
    left: 0;
}

.component.usn_cmp_herobanner .item:not(.item_scale-banner) .inner,
.component.usn_cmp_herobanner .item.item_scale-banner .image + .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.component.usn_cmp_herobanner .item .inner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0.55;
}

.component.usn_cmp_herobanner .item .info {
    position: relative;
    height: 100%;
    padding: 70px var(--base-half-spacing);
    z-index: 2;
}

.component.usn_cmp_herobanner .item .info .d-table {
    height: 100%;
}

.component.usn_cmp_herobanner .item .info .d-table,
.component.usn_cmp_herobanner .item .info .d-table-cell{
    width: 100%;
}

.component.usn_cmp_herobanner .item .row.info_align-middle .info .d-table-cell {
    vertical-align: middle;
}

.component.usn_cmp_herobanner .item .row.info_align-bottom .info .d-table-cell{
    vertical-align: bottom;
}


/*  
---------------------------------------------------
Banner Info Column
---------------------------------------------------  
*/

@media (min-width:0) and (max-width:575px) {
    .component.usn_cmp_herobanner .item .info.col { 
        flex: 0 0 var(--banner-col);
        -ms-flex: 0 0 var(--banner-col);
        max-width:var(--banner-col);
    }
}

@media (min-width:576px) {
    .component.usn_cmp_herobanner .item .info.col { 
        flex: 0 0 var(--banner-col_sm);
        -ms-flex: 0 0 var(--banner-col_sm);
        max-width:var(--banner-col_sm);
    }
}

@media (min-width:768px) {
    .component.usn_cmp_herobanner .item .info.col { 
        flex: 0 0 var(--banner-col_md);
        -ms-flex: 0 0 var(--banner-col_md);
        max-width:var(--banner-col_md);
    }
}

@media (min-width:992px) {
    .component.usn_cmp_herobanner .item .info.col { 
        flex: 0 0 var(--banner-col_lg);
        -ms-flex: 0 0 var(--banner-col_lg);
        max-width:var(--banner-col_lg);
    }
}

@media (min-width:1200px) {
    .component.usn_cmp_herobanner .item .info.col { 
        flex: 0 0 var(--banner-col_xl);
        -ms-flex: 0 0 var(--banner-col_xl);
        max-width:var(--banner-col_xl);
    }
}

@media (min-width: 1200px) {
    /*.usn_cmp_tabheadingwithbackground {
        padding-top:200px !important;
    }*/
    section.content:not(.usn_cmp_herobanner) {
        padding: var(--pc-spacing_xl) 0;
    }
}
@media (min-width: 992px) {
    /*.usn_cmp_tabheadingwithbackground {
        padding-top:200px !important;
    }*/
    section.content:not(.usn_cmp_herobanner) {
        padding: var(--pc-spacing_lg) 0;
    }
}
@media (min-width: 768px) {
    section.content:not(.usn_cmp_herobanner) {
        padding: var(--pc-spacing_md) 0;
    }
}
@media (min-width: 576px) {
    section.content:not(.usn_cmp_herobanner) {
        padding: var(--pc-spacing_sm) 0;
    }
}