/* Normal Weight */
@font-face {
    font-family: 'DINPro';
    src: url('/fonts/DINPro.otf');
    font-weight: 400;
    font-style: normal;
}

/* Light Weight */
@font-face {
    font-family: 'DINPro-Light';
    src: url('/fonts/DINPro-Light.otf');
    font-weight: 300;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: 'DINPro-Bold';
    src: url('/fonts/DINPro-Bold.otf');
    font-weight: 600;
    font-style: normal;
}

/*
--------------------------------------------------

Typography 2.0 - copied from typography.css with everything but font-family removed

-------------------------------------------------- 
*/


/* Body */

body,
input, textarea, label, .control-label, .form-control {
    font-family: 'DINPro';
}

/* h1 */

h1 {
    font-family: 'DINPro';
}

/* h2 */

h2 {
    font-family: 'DINPro';
}

/* h3 */

h3 {
    font-family: 'DINPro';
}

/* h4 */

h4 {
    font-family: 'DINPro';
}


/* h5 */

h5 {
    font-family: 'DINPro';
}

/* h6 */

h6 {
    font-family: 'DINPro';
}


/* p.heading, span.heading */

p.heading, span.heading {
    font-family: 'DINPro';
}


    /* p.heading.sm, span.heading.sm */

    p.heading.sm, span.heading.sm {
        font-family: 'DINPro';
    }

    /* p.heading.lg, span.heading.lg  */

    p.heading.lg, span.heading.lg {
        font-family: 'DINPro';
        font-weight: 600;
    }

/* .intro */

.intro {
    font-family: 'DINPro';
}


    /* .intro.sm */

    .intro.sm {
        font-family: 'DINPro';
    }

    /* .intro.lg */

    .intro.lg {
        font-family: 'DINPro';
    }

/* .secondary-heading */

.secondary-heading {
    font-family: 'DINPro';
}


    /* .secondary-heading.sm */

    .secondary-heading.sm {
        font-family: 'DINPro';
    }

    /* .secondary-heading.lg */

    .secondary-heading.lg {
        font-family: 'DINPro';
    }
/* blockquote, blockquote p.quote, .quote */

blockquote, blockquote p.quote, .quote {
    font-family: 'DINPro';
}

    /* blockquote p.quote.sm, .quote.sm */

    blockquote p.quote.sm, .quote.sm {
        font-family: 'DINPro';
    }

    /* blockquote p.quote.lg, .quote.lg */

    blockquote p.quote.lg, .quote.lg {
        font-family: 'DINPro';
    }

/* btn */

.btn {
    font-family: 'DINPro-Bold';
}

    /* .btn.btn-sm */

    .btn.btn-sm {
        font-family: 'DINPro-Bold';
    }

    /* .btn.btn-lg */

    .btn.btn-lg {
        font-family: 'DINPro-Bold';
    }


/* Navigations */

/* Main Navigation */

nav.main > ul {
    font-family: 'DINPro';
}

/* Secondary Navigation */

nav.secondary > ul {
    font-family: 'DINPro';
}

@media (min-width:992px){
    nav.secondary > ul {
        display: flex;
        display: -ms-flexbox;
        flex-direction: row;
        -ms-flex-direction: row;
        max-width: 1350px;
        margin: 0 auto;
    }
}

    /* Navigation Dropdowns */

    nav.main > ul ul,
    nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a {
        font-family: 'DINPro';
    }

/* Sub Navigation */

nav.sub > ul {
    font-family: 'DINPro';
}

/* Footer Navigation */

nav.footer-navigation > ul {
    font-family: 'DINPro';
}

/* Breadcrumb Navigation */

.breadcrumb-trail ol.breadcrumb {
    font-family: 'DINPro';
}

/* Anchor Navigation Component */

.component.usn_cmp_anchornavigation ul.nav {
    font-family: 'DINPro';
}

/* Accordion / Tabs */

.repeatable .tab {
    font-family: 'DINPro';
}

/* Logo */

header#site-header #logo.no-image span {
    font-family: 'DINPro';
}








/* CONTAINER */
@media(max-width:767px){
.container {
    width: 90%;
}
}






/* IMAGE SIZING */
section.content.component.usn_cmp_text img {
    width: auto;
    margin-right: 20px;
}
/* TODO check with SWR*/
section.content.component:not(.usn_cmp_banner):not(.usn_cmp_gallery) img {
    width: auto;
    margin-right: 20px;
    /*width: 100%;
    height: auto;*/
}



/*homepage header*/


/*html.nav-down:not(.reached-top) header#site-header, 
html.nav-up:not(.reached-top) header#site-header, 
html.nav-down:not(.reached-top) header#site-header.header-bg-solid, 
html.nav-up:not(.reached-top) header#site-header.header-bg-solid {
    background: rgba(var(--header-bg-color1), 1);
}*/




@media(min-width:992px) {
    html body.header-05-lg.homepage header#site-header,
    html.nav-down:not(.reached-top) body.header-05-lg.homepage header#site-header,
    html.nav-up:not(.reached-top) body.header-05-lg.homepage header#site-header,
    html.nav-down:not(.reached-top) body.header-05-lg.homepage header#site-header.header-bg-solid
    html.nav-up:not(.reached-top) body.header-05-lg.homepage header#site-header.header-bg-solid {
        background: rgba(0, 0, 0, 0.4);
    }
}

/*body.header-05-lg.homepage main{*/
/*    margin-top: -280px;*/
/*}*/

/*body.header-05-lg.homepage header#site-header nav.secondary {*/
/*    background-color: transparent;*/
/*}*/
/*body.header-05-lg.homepage header#site-header nav.secondary ul li a{*/
/*    color: white;*/
/*}    */

/*body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {*/
/*    min-height: 50px;*/
/*    height: 50px;*/
/*    padding-left: 60px;*/
/*    background-color: white;*/
/*    color: black;*/
/*}*/

/*body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {*/
/*     background-color: white; */
/*     color: black; */
/*         border: solid 1px black;*/
/*    border-right: none;*/
/*}*/

/*body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn:hover {*/
/*     background-color: white; */
/*     color: black; */
/*     border: solid 1px black;*/
/*    border-right: none;*/
/*}*/

/*@media (min-width: 992px) {*/
/*  body.homepage nav.main {*/
/*    background: transparent; */
/*  }*/
/*    body.homepage nav.main li a {*/
/*      color: #ffffff; */
/*    }*/
/*  body.homepage nav.main li a:hover {*/
/*    color: #ffffff;*/
/*    } */
/*    body.homepage header#site-header nav.main {*/
/*        border-top: none;*/
/*    }*/

/*}*/

/*html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header {*/
/*    top: -200px;*/
/*}*/
/*html.nav-up body.header-05-lg.show_header-on-scroll-lg.homepage header#site-header nav.main {*/
/*    background-color: black;*/
/*}*/

/*html.nav-up body.header-05-lg.show_header-on-scroll-lg.homepage header::after {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 80px;*/
/*    position: absolute;*/
/*    top: 200px;*/
/*    right: 0;*/
/*    left: 0;*/
/*    background-color: #000000;*/
/*}*/


/*body{*/
/*    line-height:1em;*/
/*}*/

.dropdown.category button, .dropdown.filter button {
    /* width: 100%; */
    border-color: #ffdc00;
    background: #ffdc00;
    font-weight: normal;
}

.btn, button.btn,
.download-link a, .download-link a:hover,
.download-link-middle-align a, .download-link-middle-align a:hover,
.download-button a, .download-button a:hover,
.investor-pod-button a, .investor-pod-button a:hover {
    position: relative;
    text-align: center;
    font-weight: bold;
    box-shadow: none;
    white-space: normal;
    font-size: 2.08333vw;
    padding: 1.4vw 2.08333vw 1.4vw 2.08333vw;
    border-width: 0.15625vw;
    -webkit-border-radius: 2.39583vw;
    -moz-border-radius: 2.39583vw;
    -ms-border-radius: 2.39583vw;
    border-radius: 2.39583vw;
    line-height: 1;
}

/*.btn, button.btn,
.download-link a, .download-link a:hover,
.download-link-middle-align a, .download-link-middle-align a:hover,
.download-button a, .download-button a:hover,
.investor-pod-button a, .investor-pod-button a:hover {
    position: relative;
    text-align: center;
    font-weight: bold;
    box-shadow: none;
    white-space: normal;
    font-size: 32px;
    padding: 20px 32px 18px 32px;
    border-width: 3px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    line-height: 1;
}*/


@media(max-width:991px) {
    .btn, button.btn,
    .download-link a, .download-link a:hover,
    .download-link-middle-align a,
    .download-link-middle-align a:hover,
    .download-button a, .download-button a:hover,
    .investor-pod-button a, .investor-pod-button a:hover {
        font-size: 32px;
        padding: 20px 32px 17px 32px;
        border-width: 3px;
        -webkit-border-radius: 36.8px;
        -moz-border-radius: 36.8px;
        -ms-border-radius: 36.8px;
        border-radius: 36.8px;
    }
}
    @media(min-width:1740px) {
        .btn, button.btn,
        .download-link a, .download-link a:hover,
        .download-link-middle-align a, .download-link-middle-align a:hover,
        .download-button a, .download-button a:hover,
        .investor-pod-button a, .investor-pod-button a:hover {
            font-size: 36px;
            padding: 22px 36px 19px 36px;
            border-width: 3px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -ms-border-radius: 40px;
            border-radius: 40px;
        }
    }


    .btn-yellow {
        background: #ffdc00;
        border-color: #ffdc00;
        color: #1F2123;
    }

        .btn-yellow:hover {
            background: white;
            border-color: #ffdc00;
            color: #1F2123;
        }

    div.share-page .btn-yellow {
        background: #ffdc00;
        border-color: #ffdc00;
        color: #1F2123;
        /* padding: 14px 26px;*/
        /*border-width: 3px;
    margin-left: 20px;*/
    }

    div.share-page:hover .btn-yellow {
        background: #ffffff;
        color: white;
    }

    .btn-default,
    .download-link a,
    .download-link-middle-align a,
    .download-button a,
    .investor-pod-button a {
        background: white;
        border-color: #ffdc00;
        color: #1F2123;
    }

        .btn-default:hover, .download-link a:hover, .download-link-middle-align a:hover, .download-button a:hover, .investor-pod-button a:hover {
            background: #ffdc00;
            border-color: #ffdc00;
            color: #1F2123;
        }

        /* download buttons */

        .btn-default,
        .download-link a,
        .download-link a:hover,
        .download-link-middle-align a,
        .download-link-middle-align a:hover,
        .download-button a,
        .download-button a:hover,
        .investor-pod-button a,
        .investor-pod-button a:hover {
            /* background: white;
        border: solid #ffdc00 2px;
        color: #1F2123;*/
            margin-top: 20px;
            margin-bottom: 20px;
        }

    /*.btn-default:hover,
        .download-link a:hover,
        .download-link-middle-align a:hover,
        .download-button a:hover,
        .investor-pod-button a:hover {
            background: #ffdc00;
        }*/

    .download-share-buttons {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

@media(max-width:991px) {
    .btn.btn-download {
        font-size: 24px;
    }
}


    /*------RESOURCE CENTRE ---------------*/


    .resource-centre .categories {
        color: #1F2123;
        font-weight: bold;
        /*font-size: 0.9375vw; */
        font-size: 14px
    }

    @media (min-width: 1920px) {
        .resource-centre .categories {
            /*font-size: 18px; */
        }
    }

    @media (max-width: 991px) {
        .resource-centre .categories {
            /*font-size: 15.23077px; */
        }
    }

    .resource-centre .categories span {
        color: #555C64;
        font-weight: normal;
    }

    .resource-centre .date {
        color: #1F2123;
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 20px;
    }

    .resource-centre {
        line-height: 1.3em;
        font-family: 'DINPro';
    }






    .dropdown {
        display: inline-block;
        /*margin-bottom: 1.04167vw;*/
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 25px;
        text-align: left;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
    }


    .dropdown .dropdown-menu > li > a {
        color: #1F2123;
        white-space: normal;
        padding-left: 1em;
        text-indent: -1em;
        line-height: 1em;
        padding-bottom: 0;
        padding-top: 13px;
    }

        .dropdown .dropdown-menu > li > a:hover,
        .dropdown .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5;
        }


    /*@media (min-width: 1920px) {
        .dropdown {
            margin-bottom: 20px;
        }
    }

    @media (max-width: 767px) {
        .dropdown {
            margin-bottom: 10px;
        }
    }*/

    .dropdown.category, .dropdown.filter {
        /*width: 100%;*/
        /*display: block;*/
        /*height: 45px;*/
    }

        .dropdown.category button, .dropdown.filter button {
            /*width: 100%;*/
            border-color: #ffdc00;
            background: #ffdc00;
            font-weight: bold;
        }

    .dropdown.filter {
        display: inline-block;
        /*width: 100%;*/
    }

        .dropdown.filter button, .dropdown.filter ul {
            width: 100%;
        }

    .dropdown.show ul {
        /*top: vw(70px);*/
       /* z-index: 1001;*/
        /*width: max-content;*/
    /*    margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;*/
    }

.dropdown.show ul {
    z-index: 1001;
    width: 100%;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

ul.dropdown-menu.show {
    z-index: 1001;
    width: 100%;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .dropdown .dropdown-menu {
        background: #ffdc00;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-bottom-left-radius: 15px;
        -ms-border-bottom-left-radius: 15px;
        border-bottom-left-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-bottom-right-radius: 15px;
        -ms-border-bottom-right-radius: 15px;
        border-bottom-right-radius: 15px;
        border: 0;
        top: initial;
    }

        .dropdown .dropdown-menu > li {
            padding: 3px 4px;
        }

            .dropdown .dropdown-menu > li > a {
                color: #1F2123;
                white-space: normal;
                padding-left: 1em;
                text-indent: -1em;
            }

                .dropdown .dropdown-menu > li > a > span {
                    display: block;
                    /*border-bottom: 1px solid white;*/
                    padding: 0 12px 8px 12px;
                }

            .dropdown .dropdown-menu > li:last-child > a > span {
                border: 0;
            }


    @media (max-width: 767px) {
        .dropdown.filter button {
            margin-top: 0;
        }
    }

    .dropdown.dropdown-white.filter button {
        border-color: #ffdc00;
        background: #ffffff;
        color: #000000;
        font-weight: bold;
    }

/*    .dropdown.dropdown-white.filter button {
        border-color: #ffdc00;
        background: #ffffff;
        font-weight: bold;
    }*/

        .dropdown.dropdown-white.filter button:hover {
            background: #ffdc00;
        }



.btn.btn-matrix, .btn.btn-matrix:hover {
    /*width: 100%;*/
    display: inline-block;
    background: #ffdc00;
    color: #1F2123;
}
@media(max-width:991px) {
    .btn.btn-matrix, .btn.btn-matrix:hover {
        font-size: 24px;
    }
}

.container.matrix-download-buttons {
    text-align: center; 
}

@media(max-width:991px) {
    .container.matrix-download-buttons .dropdown.filter,
    .container.matrix-download-buttons .btn.btn-download {
        width: 49%;
    }
        .container.matrix-download-buttons .dropdown.filter .btn.btn-matrix{
            width:100%;
        }
    .container.matrix-download-buttons .btn.btn-download {
        padding: 20px 12px 17px 12px;
    }
}

@media(max-width:767px) {
    .container.matrix-download-buttons .dropdown.filter,
    .container.matrix-download-buttons .dropdown.filter .btn.btn-matrix,
    .container.matrix-download-buttons .btn.btn-download {
        width: 100%;
    }
}
         @media(min-width:992px) {
    .container.matrix-download-buttons {
        padding-left: 0;
        text-align: left;
    }
}

    .dropdown.filter button .ion-chevron-down:before {
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\f3d0";
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857;
        color: #333333;
        white-space: nowrap;
    }

    .dropdown .dropdown-menu > li {
        padding: 3px 4px;
        width: max-content;
        min-width: 100%;
    }

.item.item_block.usn_cmp_productorapplicationpagetop.col-xl-6.col-md-6.order-md-2.order-2.col-12 {
    position: relative;
    z-index: auto;
    overflow: visible;
}




    .promoted-resources {
        background-color: #ffdc00;
        padding-top: 20px;
        margin: 2.08333vw auto;
    }

    #promoted-resources-list > div a .type, #resources-list > div a .type, .related-resources > div a .type, #image-library-list > div a .type {
        color: #1F2123;
        line-height: 1;
        font-weight: bold;
        font-size: 26px;
    }

    #promoted-resources-list > div a .date,
    #resources-list > div a .date,
    .related-resources > div a .date,
    #image-library-list > div a .date {
        display: block;
        color: #1F2123;
        font-weight: 300;
        line-height: 1;
        /*font-size: 1.30208vw;*/
        /*float: right;*/
    }

    #promoted-resources-list > div a .details,
    #resources-list > div a .details,
    .related-resources > div a .details,
    #image-library-list > div a .details {
        margin-top: 30px;
    }

        #promoted-resources-list > div a .details i,
        #resources-list > div a .details i,
        .related-resources > div a .details i,
        #image-library-list > div a .details i {
            float: right;
            margin-top: 4px;
        }

    #promoted-resources-list > div a img,
    #resources-list > div a img,
    .related-resources > div a img,
    #image-library-list > div a img {
        width: 100%;
        height: auto;
        margin: 15px 0;
    }

    .promoted-resources h1, .promoted-resources h2, .promoted-resources h3, .promoted-resources h4, .promoted-resources h5, .promoted-resources p.heading, .promoted-resources h6, .promoted-resources .sub-heading {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .resourceitem {
        margin-top: 20px;
        margin-bottom: 20px;
    }


        .resourceitem .title {
            line-height: 1.5em;
            font-family: "DINPro";
            font-weight: 300;
            font-size: 24px;
        }

        .resourceitem a {
            text-decoration: none !important;
        }

    .download-div {
        margin: 30px 0;
    }






    /* 
    Share Page
*/
    .share-page {
        display: inline-block;
        overflow: visible;
        position: relative;
        top: 0;
        right: 0;
        /*margin-right: 110px;*/
        cursor: pointer;
        margin-top: 10px;
    }

        .share-page .share-sheet {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            align-items: center;
            z-index: 1000;
            text-align: center;
            vertical-align: middle;
        }

            .share-page .share-sheet ul {
                line-height: 0;
                margin: 0 0.3125vw;
                padding: 0;
                display: flex;
                width: 100%;
                justify-content: space-evenly;
            }

                .share-page .share-sheet ul li {
                    display: inline-block;
                    position: relative;
                    cursor: pointer;
                }

                    .share-page .share-sheet ul li span {
                        display: block;
                        float: left;
                        text-indent: -9999px;
                        width: 30px;
                        height: 30px;
                        background-image: url("/images/xaar/social.png");
                        background-repeat: no-repeat;
                        background-size: 30px auto;
                    }

                    .share-page .share-sheet ul li.facebook span {
                        background-position: left top;
                    }

                    .share-page .share-sheet ul li.twitter span {
                        background-position: left -30px;
                    }

                    .share-page .share-sheet ul li.linkedin span {
                        background-position: left -60px;
                    }

        .share-page:hover .share-sheet {
            display: flex;
        }

        .share-page:hover span {
            background: white;
            color: white;
        }

    .content-icons.icons-right {
        text-align: right;
    }

        .content-icons.icons-right .share-page {
            overflow: visible;
            position: relative;
            margin-left: 110px;
            margin-right: 0;
            cursor: pointer;
        }

            .content-icons.icons-right .share-page .share-sheet {
                left: -102px;
                border: 2px solid #003b4a;
                -webkit-border-top-right-radius: 0;
                -moz-border-top-right-radius: 0;
                -ms-border-top-right-radius: 0;
                border-top-right-radius: 0;
                -webkit-border-bottom-right-radius: 0;
                -moz-border-bottom-right-radius: 0;
                -ms-border-bottom-right-radius: 0;
                border-bottom-right-radius: 0;
                -webkit-border-top-left-radius: 7px;
                -moz-border-top-left-radius: 7px;
                -ms-border-top-left-radius: 7px;
                border-top-left-radius: 7px;
                -webkit-border-bottom-left-radius: 7px;
                -moz-border-bottom-left-radius: 7px;
                -ms-border-bottom-left-radius: 7px;
                border-bottom-left-radius: 7px;
            }

                .content-icons.icons-right .share-page .share-sheet ul {
                    margin: 0 6px 0 0;
                }

                    .content-icons.icons-right .share-page .share-sheet ul li {
                        margin: 0 0 5px 7px;
                    }

    .content-icons.no-label .share-page {
        width: auto;
    }

        .content-icons.no-label .share-page span.text {
            display: none;
        }

    .content-icons.no-label.icons-right .share-page .share-sheet {
        left: -121px;
    }

    .heading .share-page, .news-icons .share-page {
        position: absolute;
        right: 0;
        bottom: 5px;
        font-size: 50px;
        cursor: pointer;
        margin: 0;
        z-index: 900;
    }

        .heading .share-page span.text, .news-icons .share-page span.text {
            display: none;
        }

        .heading .share-page .share-sheet, .news-icons .share-page .share-sheet {
            top: 13px;
            left: -121px;
            border: 2px solid #003b4a;
            -webkit-border-top-right-radius: 0;
            -moz-border-top-right-radius: 0;
            -ms-border-top-right-radius: 0;
            border-top-right-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            -moz-border-bottom-right-radius: 0;
            -ms-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
            -webkit-border-bottom-left-radius: 7px;
            -moz-border-bottom-left-radius: 7px;
            -ms-border-bottom-left-radius: 7px;
            border-bottom-left-radius: 7px;
            -webkit-border-top-left-radius: 7px;
            -moz-border-top-left-radius: 7px;
            -ms-border-top-left-radius: 7px;
            border-top-left-radius: 7px;
        }

            .heading .share-page .share-sheet ul, .news-icons .share-page .share-sheet ul {
                line-height: 0;
                margin: 0 6px 0 0;
                padding: 0;
            }

                .heading .share-page .share-sheet ul li, .news-icons .share-page .share-sheet ul li {
                    display: inline-block;
                    position: relative;
                    margin: 5px 0 5px 7px;
                    cursor: pointer;
                }

    .news-icons .share-page {
        line-height: 1;
        right: 6px;
    }

        .news-icons .share-page .share-sheet {
            top: 6px;
        }

    @media (min-width: 768px) and (max-width: 991px) {
        .heading .share-page {
            font-size: 36px;
        }

            .heading .share-page .share-sheet {
                top: 5px;
                left: -102px;
                width: 104px;
            }

                .heading .share-page .share-sheet ul {
                    margin-left: 2px;
                }

                    .heading .share-page .share-sheet ul li {
                        margin: 3px 0 3px 4px;
                    }

                        .heading .share-page .share-sheet ul li span {
                            width: 26px;
                            height: 26px;
                            background-size: 26px auto;
                        }

                        .heading .share-page .share-sheet ul li.facebook span {
                            background-position: left top;
                        }

                        .heading .share-page .share-sheet ul li.twitter span {
                            background-position: left -26px;
                        }

                        .heading .share-page .share-sheet ul li.linkedin span {
                            background-position: left -52px;
                        }
    }

    @media (max-width: 991px) {
        .content-icons.icons-right .share-page .share-sheet {
            top: 0;
            left: -121px;
        }

        .content-icons .share-page {
            margin: 0;
        }

            .content-icons .share-page i {
                z-index: 1100;
            }

            .content-icons .share-page .share-sheet {
                top: 0px;
                left: 59px;
            }
    }

    @media (max-width: 767px) {
        .heading .share-page {
            font-size: 33px;
        }

            .heading .share-page .share-sheet {
                top: 5px;
                left: -90px;
                width: 92px;
            }

                .heading .share-page .share-sheet ul {
                    margin-left: 2px;
                }

                    .heading .share-page .share-sheet ul li {
                        margin: 3px 0 4px 4px;
                    }

                        .heading .share-page .share-sheet ul li span {
                            width: 22px;
                            height: 22px;
                            background-size: 22px auto;
                        }

                        .heading .share-page .share-sheet ul li.facebook span {
                            background-position: left top;
                        }

                        .heading .share-page .share-sheet ul li.twitter span {
                            background-position: left -22px;
                        }

                        .heading .share-page .share-sheet ul li.linkedin span {
                            background-position: left -44px;
                        }
    }

    .button-bars .share-page .share-sheet {
        width: 100%;
        height: 56px;
        top: 0;
        left: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-top-left-radius: 0;
        -ms-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
        -ms-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-bottom-left-radius: 15px;
        -ms-border-bottom-left-radius: 15px;
        border-bottom-left-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-bottom-right-radius: 15px;
        -ms-border-bottom-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

        .button-bars .share-page .share-sheet ul {
            display: block;
            margin: auto;
            padding-top: 3px;
            width: 132px;
        }

            .button-bars .share-page .share-sheet ul li {
                margin: 3px 2px 4px 2px;
            }

                .button-bars .share-page .share-sheet ul li span {
                    width: 40px;
                    height: 40px;
                    background-size: 40px auto;
                }

                .button-bars .share-page .share-sheet ul li.facebook span {
                    background-position: left top;
                }

                .button-bars .share-page .share-sheet ul li.twitter span {
                    background-position: left -40px;
                }

                .button-bars .share-page .share-sheet ul li.linkedin span {
                    background-position: left -80px;
                }

    @media (min-width: 768px) {
        .heading .share-page {
            display: none;
        }
    }

    /*
    Don't show the "Share this page"
*/
    .row.share-hide .share-page {
        display: none;
    }

    /*
    Only show the "Share this page" next to the heading
*/
    .row.share-heading .content-icons .share-page {
        display: none;
    }

    .row.share-heading .heading .share-page {
        display: block !important;
    }

    .alignright {
        text-align: right;
    }

    .Blue Button {
        background-color: #3a2f73;
        -moz-border-radius: 28px;
        -webkit-border-radius: 28px;
        border-radius: 28px;
        border: 1px solid #3a2f73;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 16px;
        padding: 16px 31px;
        text-decoration: none;
    }

        .Blue Button:hover {
            background-color: #009cd9;
        }

        .Blue Button:active {
            position: relative;
            top: 1px;
        }

    @media (max-width: 767px) {
        iframe[src*="investis.com"] {
            height: 1200px;
        }
    }





















    /*------GATED ----------*/
    .gated-access-bar {
        padding: 0;
    }

        .gated-access-bar input.input-validation-error {
            background: #DDBFC1;
        }

    .gated-access-block {
        margin: 1em 0;
    }

    /*@media (min-width: 1920px) {
        .gated-access-block {
            margin: 0 0 40px 0;
        }
    }*/

    .gated-access-form {
        display: none;
        z-index: -1;
        padding: 1.04167vw 1.04167vw 1.04167vw 1.04167vw;
        background: #E7E7E7;
    }

    @media (min-width: 1920px) {
        .gated-access-form {
            padding: 20px 20px 20px 20px;
        }
    }

.gated-access-form input,
.gated-access-block input {
    margin: 0 0 1.04167vw 0;
    border-color: #ccc;
}
    .gated-access-form input::placeholder,
    .gated-access-block input::placeholder {
        color: #999;
    }


    @media (min-width: 1920px) {
        .gated-access-form input {
            margin: 0 0 20px 0;
        }
    }

    .gated-access-form input.input-validation-error {
        background: #DDBFC1;
    }

    .gated-access-form .btn, .gated-access-form .download-link a, .download-link .gated-access-form a, .gated-access-form .download-link-middle-align a, .download-link-middle-align .gated-access-form a, .gated-access-form .download-button a, .download-button .gated-access-form a, .gated-access-form .investor-pod-button a, .investor-pod-button .gated-access-form a {
        width: 100%;
    }

        .gated-access-form .btn i, .gated-access-form .download-link a i, .download-link .gated-access-form a i, .gated-access-form .download-link-middle-align a i, .download-link-middle-align .gated-access-form a i, .gated-access-form .download-button a i, .download-button .gated-access-form a i, .gated-access-form .investor-pod-button a i, .investor-pod-button .gated-access-form a i {
            display: none;
        }

    .gated-access-form.submitting .btn span, .gated-access-form.submitting .download-link a span, .download-link .gated-access-form.submitting a span, .gated-access-form.submitting .download-link-middle-align a span, .download-link-middle-align .gated-access-form.submitting a span, .gated-access-form.submitting .download-button a span, .download-button .gated-access-form.submitting a span, .gated-access-form.submitting .investor-pod-button a span, .investor-pod-button .gated-access-form.submitting a span {
        display: none;
    }

    .gated-access-form.submitting .btn i, .gated-access-form.submitting .download-link a i, .download-link .gated-access-form.submitting a i, .gated-access-form.submitting .download-link-middle-align a i, .download-link-middle-align .gated-access-form.submitting a i, .gated-access-form.submitting .download-button a i, .download-button .gated-access-form.submitting a i, .gated-access-form.submitting .investor-pod-button a i, .investor-pod-button .gated-access-form.submitting a i {
        display: inline;
    }

    .gated-access-form input#gac_optin {
        /* min-height: 40px; */
        /* display: block; */
        width: 49px;
        height: 49px;
        /* padding: 6px 12px; */
        font-size: 25px;
        line-height: 1.42857;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        /* margin-right: 70px; */
        margin-left: 0;
        float: left;
    }

    .gated-access-content {
        display: none !important;
    }

/*a.video-overlay:not(.gated-access-video) {
    display: none;
}*/
a.video-overlay.gated-access-video {
    display: block;
}
    /*.btn-yellow {
    background: #ffdc00;
    border-color: #ffdc00;
    color: #1F2123;
}*/


    @media (min-width: 1024px) {
        section.content.usn_cmp_banner .homepage-clippedcarousel {
            padding-bottom: 60px !important;
        }
    }

    section.content.usn_cmp_banner .homepage-clippedcarousel .item.medium-banner {
        padding-bottom: 60px;
        background-color: white;
        height: 550px;
    }

    section.content.usn_cmp_banner .homepage-clippedcarousel .image {
        width: 100%;
        height: 550px;
    }

    section.content.usn_cmp_banner .homepage-clippedcarousel img {
        width: 46%;
        height: auto;
        object-fit: contain;
        -webkit-clip-path: polygon(0 0, 0 100%, 40% 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 40% 100%, 100% 0);
        transform: translateY(20px);
    }

    @media (max-width: 991px) {
        section.content.usn_cmp_banner .homepage-clippedcarousel .container {
            width: 100%;
           max-width: 100%;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel .image {
            width: 100%;
            height: 500px;
            overflow: hidden;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel img {
            height: 100%;
            object-fit: cover;
            transform: translateY(10px);
        }
    }

section.content.usn_cmp_banner .homepage-clippedcarousel h3 {
    font-weight: 700;
    font-size: 70px;
    font-family: 'DINPro-Bold';
    line-height: 76px;
    margin-top: -40px;
    text-shadow: 0px 0px 1px #1f2123;
    line-height: 1.1;
}

    section.content.usn_cmp_banner .homepage-clippedcarousel .background {
        height: 500px;
    }


    section.content.usn_cmp_banner .homepage-clippedcarousel .text {
        font-size: 30px;
        padding-left: 100px;
        padding-top: 10px;
        line-height: 1.4; /*42px;*/
    }

        section.content.usn_cmp_banner .homepage-clippedcarousel h3.c5-text, section.content.usn_cmp_banner .homepage-clippedcarousel .text.c5-text, section.content.usn_cmp_banner .homepage-clippedcarousel p.heading.main.c5-text {
            color: white;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel h3.c3-text, section.content.usn_cmp_banner .homepage-clippedcarousel .text.c3-text, section.content.usn_cmp_banner .homepage-clippedcarousel p.heading.main.c3-text {
            color: #181818;
        }


section.content.usn_cmp_banner .homepage-clippedcarousel .info p.link {
    margin: 24px 0 0;
    padding-left: 100px;
    padding-top: 0;
    padding-bottom: 0;
}

        section.content.usn_cmp_banner .homepage-clippedcarousel .info p.link a {
            border-radius: 30px;
            background-color: #1d2124;
            color: white;
            border-color: #1d2124;
            padding: 12px;
            font-size: 16px;
        }

            section.content.usn_cmp_banner .homepage-clippedcarousel .info p.link a:hover {
                background-color: #ffdc00;
                border-color: #ffdc00;
            }

    section.content.usn_cmp_banner .homepage-clippedcarousel .slick-next.slick-arrow, section.content.usn_cmp_banner .homepage-clippedcarousel .slick-prev.slick-arrow {
        display: none !important;
    }

    section.content.usn_cmp_banner .homepage-clippedcarousel ul.slick-dots {
        position: absolute;
        right: 100px;
        bottom: 65px;
        /* left: 0; */
        width: 100%;
        margin: 0;
        text-align: right;
        padding: 0 13.02083vw;
        display: block;
    }

        section.content.usn_cmp_banner .homepage-clippedcarousel ul.slick-dots li {
            margin: 0 2px;
            display: inline-block;
            width: 24px;
            height: 24px;
        }

            section.content.usn_cmp_banner .homepage-clippedcarousel ul.slick-dots li button {
                border-radius: 50%;
                width: 24px;
                height: 24px;
            }

            section.content.usn_cmp_banner .homepage-clippedcarousel ul.slick-dots li button {
                background-color: #c0e7d4;
            }

            section.content.usn_cmp_banner .homepage-clippedcarousel ul.slick-dots li.slick-active button {
                background-color: #000000;
            }

    section.content.usn_cmp_banner .homepage-clippedcarousel div.background.lightgreygreen a,
    section.content.usn_cmp_banner .homepage-clippedcarousel div.background.greygreen a,
    section.content.usn_cmp_banner .homepage-clippedcarousel div.background.pale a,
    section.content.usn_cmp_banner .homepage-clippedcarousel div.background.vpale a {
        color: #ffffff;
    }


    @media (min-width:1200px) {
        section.content.usn_cmp_banner .homepage-clippedcarousel .text-left {
            margin-left: 33.33333%;
        }
    }

    @media (max-width: 1460px) {
        section.content.usn_cmp_banner .homepage-clippedcarousel h3 {
            font-size: 60px;
            /*font-weight: 700;*/
/*            margin-top: -40px;*/
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel .text {
            font-size: 26px;
        }
    }

    @media (max-width: 1200px) {
        section.content.usn_cmp_banner .homepage-clippedcarousel h3 {
            font-size: 50px;
            /*font-weight: 700;*/
            margin-top: -40px;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel .text {
            font-size: 24px;
        }
    }

    @media (max-width: 991px) {
        section.content.usn_cmp_banner .homepage-clippedcarousel .item.medium-banner {
            padding-bottom: 0;
        }

        section.content.apc.usn_cmp_banner .homepage-clippedcarousel .item.medium-banner .info {
            position: absolute;
            top: 0;
            padding: 30px 0 50px;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel h3 {
            font-size: 7vw;
            /*font-weight: 700;*/
            margin-top: 0;
            padding-left: 160px;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel .text {
            /*font-size: 16px;*/
            padding: 10px 0px 0 240px;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel .info p.link {
            padding-left: 240px;
        }
    }

    @media (max-width: 767px) {
        section.content.usn_cmp_banner .homepage-clippedcarousel .item.medium-banner {
            padding-bottom: 0;
        }

        section.content.apc.usn_cmp_banner .homepage-clippedcarousel .item.medium-banner .info {
            position: absolute;
            top: 0;
            padding: 30px 0 50px;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel h3 {
            font-size: 8vw;
            font-weight: 700;
            margin-top: 30px;
            padding-left: 80px;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel .text {
            font-size: 22px;
            padding: 20px 10px 0 40%;
            line-height: 1.48;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel .info p.link {
            padding-left: 40%;
        }
    }

    @media (max-width: 650px) {
        section.content.usn_cmp_banner .homepage-clippedcarousel h3 {
            font-size: 9.5vw;
            font-weight: 700;
            margin-top: 30px;
            padding-left: 20px;
            line-height: 1.1;
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel .text {
            font-size: 19px;
            padding: 20px 0 0 29%
        }

        section.content.usn_cmp_banner .homepage-clippedcarousel .info p.link {
            padding-left: 37%;
        }
    }


    .component.usn_cmp_banner .homepage-clippedcarousel .item:not(.item_scale-banner_overlap) .info {
        padding-top: 0px;
        padding-bottom: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    /*-------- HOMEPAGE GREY ICON PODS ------------- */

    /*div.item.item_header-above div.image {*/
    /*    height: 138px;*/
    /*    width: auto;*/
    /*}*/
    /*div.item.item_header-above div.image img {*/
    /*    height: 138px;*/
    /*    width: auto;*/
    /*}*/

    section.usn_cmp_pods.homepagepodsection .item {
        text-align: center;
    }

        section.usn_cmp_pods.homepagepodsection .item .heading {
            font-size: 2vw;
            font-weight: 700;
            color: #053a4a;
        }

        section.usn_cmp_pods.homepagepodsection .item .image {
            /*margin: 35px 0;*/
            /*height: 209px;*/
            /*vertical-align: middle;*/
            /*display: table-cell;*/
            padding: 35px 0;
        }

        section.usn_cmp_pods.homepagepodsection .item .text {
            display: block;
            margin: 0 40px 30px 40px;
        }

        
            section.usn_cmp_pods.homepagepodsection .item img {
            overflow: hidden;
            height: 139px;
            filter: invert(45%) sepia(4%) saturate(222%) hue-rotate(227deg) brightness(94%) contrast(86%);
        }

    section.usn_cmp_pods.homepagepodsection a.btn.btn-sm.btn-default, section.usn_cmp_pods.homepagepodsection .btn-group-sm > a.btn.btn-default, section.usn_cmp_pods.homepagepodsection .download-link .btn-group-sm > a, .download-link section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-link-middle-align .btn-group-sm > a, .download-link-middle-align section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-button .btn-group-sm > a, .download-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .investor-pod-button .btn-group-sm > a, .investor-pod-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-link a.btn-sm, .download-link section.usn_cmp_pods.homepagepodsection a.btn-sm, section.usn_cmp_pods.homepagepodsection .download-link .download-link-middle-align .btn-group-sm > a, .download-link .download-link-middle-align section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-link .download-button .btn-group-sm > a, .download-link .download-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-link .investor-pod-button .btn-group-sm > a, .download-link .investor-pod-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-link a.btn-sm:hover, .download-link section.usn_cmp_pods.homepagepodsection a.btn-sm:hover, section.usn_cmp_pods.homepagepodsection .download-link .btn-group-sm > a:hover, .download-link section.usn_cmp_pods.homepagepodsection .btn-group-sm > a:hover, section.usn_cmp_pods.homepagepodsection .download-link-middle-align a.btn-sm, .download-link-middle-align section.usn_cmp_pods.homepagepodsection a.btn-sm, section.usn_cmp_pods.homepagepodsection .download-link-middle-align .download-link .btn-group-sm > a, .download-link-middle-align .download-link section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-link-middle-align .download-button .btn-group-sm > a, .download-link-middle-align .download-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-link-middle-align .investor-pod-button .btn-group-sm > a, .download-link-middle-align .investor-pod-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-link-middle-align a.btn-sm:hover, .download-link-middle-align section.usn_cmp_pods.homepagepodsection a.btn-sm:hover, section.usn_cmp_pods.homepagepodsection .download-link-middle-align .btn-group-sm > a:hover, .download-link-middle-align section.usn_cmp_pods.homepagepodsection .btn-group-sm > a:hover, section.usn_cmp_pods.homepagepodsection .download-button a.btn-sm, .download-button section.usn_cmp_pods.homepagepodsection a.btn-sm, section.usn_cmp_pods.homepagepodsection .download-button .download-link .btn-group-sm > a, .download-button .download-link section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-button .download-link-middle-align .btn-group-sm > a, .download-button .download-link-middle-align section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-button .investor-pod-button .btn-group-sm > a, .download-button .investor-pod-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .download-button a.btn-sm:hover, .download-button section.usn_cmp_pods.homepagepodsection a.btn-sm:hover, section.usn_cmp_pods.homepagepodsection .download-button .btn-group-sm > a:hover, .download-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a:hover, section.usn_cmp_pods.homepagepodsection .investor-pod-button a.btn-sm, .investor-pod-button section.usn_cmp_pods.homepagepodsection a.btn-sm, section.usn_cmp_pods.homepagepodsection .investor-pod-button .download-link .btn-group-sm > a, .investor-pod-button .download-link section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .investor-pod-button .download-link-middle-align .btn-group-sm > a, .investor-pod-button .download-link-middle-align section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .investor-pod-button .download-button .btn-group-sm > a, .investor-pod-button .download-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a, section.usn_cmp_pods.homepagepodsection .investor-pod-button a.btn-sm:hover, .investor-pod-button section.usn_cmp_pods.homepagepodsection a.btn-sm:hover, section.usn_cmp_pods.homepagepodsection .investor-pod-button .btn-group-sm > a:hover, .investor-pod-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a:hover {
        color: #053a4a;
        border-radius: 30px;
    }

    @media (max-width: 1300px) {
        section.usn_cmp_pods.homepagepodsection .item .heading {
            font-size: 2.5vw;
            font-weight: 700;
        }
    }

    @media (max-width: 1024px) {
        section.usn_cmp_pods.homepagepodsection .item .heading {
            font-size: 24px;
            font-weight: 700;
        }

        section.usn_cmp_pods.homepagepodsection .item .image {
            margin: 35px 0;
        }

        section.usn_cmp_pods.homepagepodsection .item .text {
            display: block;
            margin: 0 20px 30px 20px;
            font-size: 16px;
        }

        section.usn_cmp_pods.homepagepodsection .item a.btn.btn-default, section.usn_cmp_pods.homepagepodsection .item .download-link a, .download-link section.usn_cmp_pods.homepagepodsection .item a, section.usn_cmp_pods.homepagepodsection .item .download-link a:hover, .download-link section.usn_cmp_pods.homepagepodsection .item a:hover, section.usn_cmp_pods.homepagepodsection .item .download-link-middle-align a, .download-link-middle-align section.usn_cmp_pods.homepagepodsection .item a, section.usn_cmp_pods.homepagepodsection .item .download-link-middle-align a:hover, .download-link-middle-align section.usn_cmp_pods.homepagepodsection .item a:hover, section.usn_cmp_pods.homepagepodsection .item .download-button a, .download-button section.usn_cmp_pods.homepagepodsection .item a, section.usn_cmp_pods.homepagepodsection .item .download-button a:hover, .download-button section.usn_cmp_pods.homepagepodsection .item a:hover, section.usn_cmp_pods.homepagepodsection .item .investor-pod-button a, .investor-pod-button section.usn_cmp_pods.homepagepodsection .item a, section.usn_cmp_pods.homepagepodsection .item .investor-pod-button a:hover, .investor-pod-button section.usn_cmp_pods.homepagepodsection .item a:hover {
            padding: 16px;
            font-size: 16px;
        }
    }

    @media (max-width: 991px) {
        section.usn_cmp_pods.homepagepodsection .item:nth-child(2n+1) {
            clear: none !important;
        }
    }

    @media (max-width: 640px) {
        section.usn_cmp_pods.homepagepodsection .item {
            padding: 30px;
            width: 100% !important;
        }

            section.usn_cmp_pods.homepagepodsection .item .heading {
                font-size: 34px;
                font-weight: 700;
            }

            section.usn_cmp_pods.homepagepodsection .item .image {
                margin: 0;
            }

            section.usn_cmp_pods.homepagepodsection .item .image img {
                height: 139px;
                width: auto;
            }

            section.usn_cmp_pods.homepagepodsection .item .text {
                display: block;
                margin: 0 0px 30px 0px;
            }

            section.usn_cmp_pods.homepagepodsection .item a.btn.btn-default, section.usn_cmp_pods.homepagepodsection .item .download-link a, .download-link section.usn_cmp_pods.homepagepodsection .item a, section.usn_cmp_pods.homepagepodsection .item .download-link a:hover, .download-link section.usn_cmp_pods.homepagepodsection .item a:hover, section.usn_cmp_pods.homepagepodsection .item .download-link-middle-align a, .download-link-middle-align section.usn_cmp_pods.homepagepodsection .item a, section.usn_cmp_pods.homepagepodsection .item .download-link-middle-align a:hover, .download-link-middle-align section.usn_cmp_pods.homepagepodsection .item a:hover, section.usn_cmp_pods.homepagepodsection .item .download-button a, .download-button section.usn_cmp_pods.homepagepodsection .item a, section.usn_cmp_pods.homepagepodsection .item .download-button a:hover, .download-button section.usn_cmp_pods.homepagepodsection .item a:hover, section.usn_cmp_pods.homepagepodsection .item .investor-pod-button a, .investor-pod-button section.usn_cmp_pods.homepagepodsection .item a, section.usn_cmp_pods.homepagepodsection .item .investor-pod-button a:hover, .investor-pod-button section.usn_cmp_pods.homepagepodsection .item a:hover {
                font-size: 16px;
            }
    }

    section.content.homepage-updates {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 100px;
    }

        section.content.homepage-updates.background:not([class*="nobackground"]) {
            margin-top: 0;
            margin-bottom: 0;
            padding-bottom: 100px;
        }

    input:-webkit-autofill,
    input:-webkit-autofill:focus {
        transition: background-color 600000s 0s, color 600000s 0s;
    }

    input[data-autocompleted] {
        background-color: transparent !important;
    }


    /*section.black-yellow .item.item_overlay .inner .image.c1-bg::before {*/
    /*    background: #1F2123;*/
    /*}*/
    /*section.black-yellow .item.item_overlay .inner a:hover .image.c1-bg::before {*/
    /*    background: #ffdc00;*/
    /*}*/

    /*section.black-yellow .item p.heading.lg.c1-heading {*/
    /*    color: white!important;*/
    /*}*/
    /*section.black-yellow .item.item_overlay .inner a:hover p.heading.lg.c1-heading {*/
    /*    color: #1F2123!important;*/
    /*}*/

    section.usn_cmp_subpagelisting .item.item_overlay .inner .image.c1-bg::before {
        background: #1F2123;
    }

.item.item_overlay .image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out 0s;
}

    section.usn_cmp_subpagelisting .item.item_overlay .inner a:hover .image.c1-bg::before {
        background: #ffdc00;
        opacity: 0.8;
    }

    section.usn_cmp_subpagelisting .item p.heading.lg.c1-heading {
        color: white !important;
    }

    section.usn_cmp_subpagelisting .item.item_overlay .inner a:hover p.heading.lg.c1-heading {
        color: #1F2123 !important;
    }

    section.usn_cmp_pods .item.item_overlay .inner .image.c1-bg::before {
        background: #1F2123;
    }

section.usn_cmp_pods .item.item_overlay .inner a:hover .image.c1-bg::before {
    background: #ffdc00;
    opacity: 0.8;
}

    section.usn_cmp_pods .item p.heading.lg.c1-heading {
        color: white !important;
    }

    section.usn_cmp_pods .item.item_overlay .inner a:hover p.heading.lg.c1-heading {
        color: #1F2123 !important;
    }





    /*indented */
    p.larger-indented {
        font-size: 20px;
        padding-left: 0px;
    }

    .indented {
        padding-left: 0;
    }

    @media (min-width: 768px) {
        p.larger-indented {
            font-size: 36px;
            padding-left: 10px;
        }

        .indented {
            padding-left: 10px;
        }
    }

    @media (min-width: 992px) {
        p.larger-indented {
            font-size: 36px;
            padding-left: 60px;
        }

        .indented {
            padding-left: 60px;
        }
    }

/* PLUS LIST */

h2.plus-list-h {
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 17.5px;
}

ul.plus-list {
    padding-left: 30px;
    list-style-type: none;
    font-size: 26px;
}

@media (min-width: 768px) {
    h2.plus-list-h {        
        padding-left: 20px;
    }
    ul.plus-list {
        padding-left: 30px;
    }
}

@media (min-width: 992px) {
    h2.plus-list-h {
        padding-left: 60px;
    }

    ul.plus-list {
        padding-left: 80px;
        font-size: 30px;
    }
    
    
}

@media (min-width: 1200px) {
    ul.plus-list {
        font-size: 30px;
       /* padding-left: 20px;*/
    }
}

ul.plus-list li {
    margin: 15px 0;
}

    ul.plus-list li:before {
        position: absolute;
        margin-left: -1em;
        font-weight: normal;
        font-size: 30px;
        margin-top: -0.15em;
        content: "\002B";
        color: #003b4a;
    }

@media (min-width: 992px) {
    ul.plus-list li:before {
        margin-top: 0;
        margin-left: -1.4em;
    }
}

    /* COLUMNS IN TABS AND ACCORDIONS */

    /*div.tab-pane.multi-col {*/
    /*    display: grid;*/
    /*    grid-auto-flow: column;*/
    /*    grid-auto-columns: 1fr;*/
    /*    grid-gap: 55px;*/
    /*}*/

    div.tab-pane.multi-col {
        display: grid;
        gap: 1em;
    }

    @media (min-width: 35em) {
        div.tab-pane.multi-col {
            grid-auto-flow: column;
            grid-auto-columns: 1fr;
            grid-gap: 55px;
        }
    }

/*    .repeatable.tab-basic .repeatable-content {
        border: none;
        background-color: #e7e7e7;
    }*/

    .repeatable.tabbed .tab {
        display: inline-block;
        margin-right: 2px;
        /*width: 24.6%;*/
        flex-grow: 1;
    }

    .repeatable.tab-basic .tab .nav-link {
        border: none;
    }

    .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) {
        background: white;
    }

    .repeatable.tab-basic .tab .nav-link.active::after {
        background: none;
    }

    .repeatable.tabbed.tab-basic .tab .nav-link {
/*        font-size: 16px;*/
        border-right: solid 1px #003b4a;
        font-weight: 600;
        text-align: center;
        /*font-size: 1.3vw;*/
    }

    /*@media(max-width:767px) {
        .repeatable.tabbed.tab-basic .tab .nav-link {
            font-size: 2.7vw;
        }
    }*/

    .repeatable.tabbed.tab-basic .tab:last-of-type .nav-link {
        border-right: none;
    }

    .c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) {
        background: white;
    }

    section.usn_cmp_accordiontab .container-fluid {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    section.usn_cmp_accordiontab .tab-content > .tab-pane {
        max-width: 1350px;
        margin: 0 auto;
    }

    section.usn_cmp_accordiontab nav.tabs {
        max-width: 1350px;
        margin: 0 auto;
    }

    .repeatable.tabbed.tab-basic .tab .nav-link.active::after {
        content: none;
    }

    .repeatable.tabbed.tab-basic .tab .nav-link.active {
        border-bottom-color: transparent !important;
        background-color: #e7e7e7;
        border-right: none;
    }

    .repeatable.tabbed .tab {
        margin-right: 0;
    }
@media(max-width: 767px) {
    /*.repeatable.accordion.tab-basic .repeatable-content .text table{
        width: 100%!important;
    }*/
    .repeatable.accordion.tab-basic .repeatable-content .text table td {
        padding: 5px;
    }
}



    /* FORMS */

    /* 
        Xaar Form
    */
    .xaar-form .contour, .booking-form {
        font-size: 1.30208vw;
    }

    @media (min-width: 1920px) {
        .xaar-form .contour, .booking-form {
            font-size: 25px;
        }
    }

    @media (max-width: 991px) {
        .xaar-form .contour, .booking-form {
            font-size: 21.15385px;
        }
    }

    .xaar-form label, .booking-form label {
        font-weight: normal !important;
        margin-top: 5px;
    }

    .xaar-form input:not([type="submit"]), .xaar-form input.text, .xaar-form textarea, .xaar-form select, .booking-form input:not([type="submit"]), .booking-form input.text, .booking-form textarea, .booking-form select {
        /*-webkit-appearance: none;*/
        border: 0;
        padding-left: 1.5625vw;
        width: 100%;
        max-width: none !important;
        background: #E7E7E7;
        margin-top: 0;
        border-radius: 0;
    }

        .xaar-form input:not([type="submit"]):focus, .xaar-form input.text:focus, .xaar-form textarea:focus, .xaar-form select:focus, .booking-form input:not([type="submit"]):focus, .booking-form input.text:focus, .booking-form textarea:focus, .booking-form select:focus {
            outline: none;
        }

    .xaar-form select, .booking-form select {
        display: block;
        font-size: 16px;
        font-family: sans-serif;
        font-weight: 700;
        color: #444;
        line-height: 1.3;
        padding: .6em 1.4em .5em .8em;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #E7E7E7;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath d='M256,298.3L256,298.3L256,298.3l174.2-167.2c4.3-4.2,11.4-4.1,15.8,0.2l30.6,29.9c4.4,4.3,4.5,11.3,0.2,15.5L264.1,380.9 c-2.2,2.2-5.2,3.2-8.1,3c-3,0.1-5.9-0.9-8.1-3L35.2,176.7c-4.3-4.2-4.2-11.2,0.2-15.5L66,131.3c4.4-4.3,11.5-4.4,15.8-0.2L256,298.3 z'/%3E%3C/svg%3E");
        background-repeat: no-repeat, repeat;
        background-position: right .7em top 50%, 0 0;
        background-size: .65em auto, 100%;
    }

        .xaar-form select::-ms-expand, .booking-form select::-ms-expand {
            display: none;
        }

        .xaar-form select:hover, .booking-form select:hover {
            border-color: #888;
        }

        .xaar-form select:focus, .booking-form select:focus {
            border-color: #aaa;
            box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
            box-shadow: 0 0 0 3px -moz-mac-focusring;
            color: #222;
            outline: none;
        }

        .xaar-form select option, .booking-form select option {
            font-weight: normal;
        }

    .xaar-form input[type="checkbox"], .xaar-form input[type="radio"], .booking-form input[type="checkbox"], .booking-form input[type="radio"] {
        width: auto;
    }

    .xaar-form input:not([type="submit"]), .xaar-form select, .booking-form input:not([type="submit"]), .booking-form select {
        height: 3.64583vw;
        min-height: 36px;
        margin: 0;
    }

    .xaar-form textarea, .booking-form textarea {
        min-height: 100px;
    }

    .xaar-form .row-fluid, .booking-form .row-fluid {
        margin: 0 -6px;
    }

    .xaar-form .contour:after, .booking-form .contour:after {
        content: "";
        clear: both;
    }

    .xaar-form .radiobuttonlist label, .xaar-form .checkbox label, .booking-form .radiobuttonlist label, .booking-form .checkbox label {
        display: inline-block;
        padding: 5px 0 0 36px;
    }

        .xaar-form .radiobuttonlist label:before, .xaar-form .checkbox label:before, .booking-form .radiobuttonlist label:before, .booking-form .checkbox label:before {
            content: " ";
            display: inline-block;
            width: 30px;
            height: 30px;
            font-size: 22px;
            padding: 4px 6px 4px 6px;
            background: #E7E7E7;
            color: #ffdc00;
            position: absolute;
            top: 0.67708vw;
            left: 0;
        }

    @media (min-width: 1920px) {
        .xaar-form .radiobuttonlist label:before, .xaar-form .checkbox label:before, .booking-form .radiobuttonlist label:before, .booking-form .checkbox label:before {
            top: 13px;
        }
    }

    .xaar-form .radiobuttonlist input, .xaar-form .checkbox input, .booking-form .radiobuttonlist input, .booking-form .checkbox input {
        display: none !important;
    }

        .xaar-form .radiobuttonlist input[type=radio]:checked + label:before, .xaar-form .checkbox input[type=radio]:checked + label:before, .booking-form .radiobuttonlist input[type=radio]:checked + label:before, .booking-form .checkbox input[type=radio]:checked + label:before {
            content: "\f111";
            display: inline-block;
            font-family: "FontAwesome";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .xaar-form .radiobuttonlist.checked label:before, .xaar-form .checkbox.checked label:before, .booking-form .radiobuttonlist.checked label:before, .booking-form .checkbox.checked label:before {
        content: "\f111";
        display: inline-block;
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .xaar-form .radiobuttonlist, .booking-form .radiobuttonlist {
        display: block;
        width: 100%;
    }

        .xaar-form .radiobuttonlist label, .booking-form .radiobuttonlist label {
            position: relative;
            top: 0;
            left: 0;
        }

            .xaar-form .radiobuttonlist label:before, .booking-form .radiobuttonlist label:before {
                top: 0.46875vw;
            }

    @media (min-width: 1920px) {
        .xaar-form .radiobuttonlist label:before, .booking-form .radiobuttonlist label:before {
            top: 9px;
        }
    }

    .xaar-form .btn,
    .xaar-form .download-link a,
    .download-link .xaar-form a,
    .xaar-form .download-link-middle-align a,
    .download-link-middle-align .xaar-form a,
    .xaar-form .download-button a,
    .download-button .xaar-form a,
    .xaar-form .investor-pod-button a,
    .investor-pod-button .xaar-form a,
    .booking-form .btn,
    .booking-form .download-link a,
    .download-link .booking-form a,
    .booking-form .download-link-middle-align a,
    .download-link-middle-align .booking-form a,
    .booking-form .download-button a,
    .download-button .booking-form a,
    .booking-form .investor-pod-button a,
    .investor-pod-button .booking-form a {
        border: 3px solid #ffdc00;
    }

    .xaar-form div.dropdown, .booking-form div.dropdown {
        width: 100%;
    }

    .umbracoform .xaar-form input:not([type="submit"]), .umbracoform .xaar-form input.text, .umbracoform .xaar-form textarea, .umbracoform .xaar-form select {
        background-color: white;
    }

    .umbracoform .xaar-form .radiobuttonlist label:before, .umbracoform .xaar-form .checkbox label:before {
        background-color: white;
        color: #ffdc00;
    }

    .umbracoform .xaar-form .btn,
    .umbracoform .xaar-form .download-link a,
    .download-link .umbracoform .xaar-form a,
    .umbracoform .xaar-form .download-link-middle-align a,
    .download-link-middle-align .umbracoform .xaar-form a,
    .umbracoform .xaar-form .download-button a,
    .download-button .umbracoform .xaar-form a,
    .umbracoform .xaar-form .investor-pod-button a,
    .investor-pod-button .umbracoform .xaar-form a {
        border: 3px solid #ffffff
    }

    /* --- SALESFORCE FORM ---*/
    section.content.component.usn_cmp_salesforceformcode.base-bg.base-bg-solid {
        background-color: #E7E7E7;
    }


    /*div.salesforce-bg {
  background-color: #E7E7E7; }*/

    /*section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form {
  margin-bottom: 30px;
  background-color: #E7E7E7;
   }*/
    section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form input,
    section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form select,
    section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form textarea {
        background-color: white;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form label {
        margin: 0;
    }

    section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form select[multiple] {
        height: auto;
        background-image: none;
    }

section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form input[type="checkbox"] {
    appearance: auto;
    width: 13px;
    height: 13px;
    min-height: 0;
    margin: 0;
    margin-left: 10px;
    margin-bottom: 20px;
    background-color: white;
}

    section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form input[type="submit"] {
        position: relative;
        text-align: center;
        font-weight: bold;
        background: white;
        color: #1F2123;
        box-shadow: none;
        white-space: normal;
        font-size: 2.08333vw;
        padding: 1.37453vw 2.08333vw 1.59422vw 2.08333vw;
        border: 3px solid #ffdc00;
        -webkit-border-radius: 2.39583vw;
        -moz-border-radius: 2.39583vw;
        -ms-border-radius: 2.39583vw;
        border-radius: 2.39583vw;
        line-height: 1;
        -webkit-appearance: button;
        cursor: pointer;
    }

    @media (max-width: 991px) {
        section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form input[type="submit"] {
            font-size: 32px;
            padding: 20.835px 32px 24.165px 32px;
            border-width: 3px;
            -webkit-border-radius: 36.8px;
            -moz-border-radius: 36.8px;
            -ms-border-radius: 36.8px;
            border-radius: 36.8px;
        }
    }

    section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form p.salesforce-intro {
        margin: 30px 0;
    }

    section.usn_cmp_salesforceformcode.findoutmore.xaar-form {
        background-color: white;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    div.container div.col-sm-6 section.usn_cmp_salesforceformcode div.salesforceforms div.container {
        width: 100%;
        max-width: 1640px;
        padding: 20px 2.60417vw;
    }

    @media (min-width: 1920px) {
        div.container div.col-sm-6 section.usn_cmp_salesforceformcode div.salesforceforms div.container {
            padding: 20px 50px;
        }
    }



section.usn_cmp_salesforceformcode input,
section.usn_cmp_salesforceformcode select,
section.usn_cmp_salesforceformcode textarea {
    background-color: white;
    margin-top: 5px;
    margin-bottom: 5px;
}

section.usn_cmp_salesforceformcode label {
    margin: 0;
}

section.usn_cmp_salesforceformcode select[multiple] {
    height: auto;
    background-image: none;
}

section.usn_cmp_salesforceformcode input[type="checkbox"] {
    height: unset;
    min-height: 0;
    margin: 0;
    margin-left: 10px;
    margin-bottom: 20px;
    background-color: white;
}

section.usn_cmp_salesforceformcode input[type="submit"] {
    position: relative;
    text-align: center;
    font-weight: bold;
    background: white;
    color: #1F2123;
    box-shadow: none;
    white-space: normal;
    font-size: 2.08333vw;
    padding: 1.37453vw 2.08333vw 1.59422vw 2.08333vw;
    border: 3px solid #ffdc00;
    -webkit-border-radius: 2.39583vw;
    -moz-border-radius: 2.39583vw;
    -ms-border-radius: 2.39583vw;
    border-radius: 2.39583vw;
    line-height: 1;
    -webkit-appearance: button;
    cursor: pointer;
}

@media (max-width: 991px) {
    section.usn_cmp_salesforceformcode input[type="submit"] {
        font-size: 32px;
        padding: 20.835px 32px 24.165px 32px;
        border-width: 3px;
        -webkit-border-radius: 36.8px;
        -moz-border-radius: 36.8px;
        -ms-border-radius: 36.8px;
        border-radius: 36.8px;
    }
}

section.usn_cmp_salesforceformcode p.salesforce-intro {
    margin: 30px 0;
}

section.usn_cmp_salesforceformcode.findoutmore.xaar-form {
    background-color: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

div.container div.col-sm-6 section.usn_cmp_salesforceformcode div.container {
    width: 100%;
    max-width: 1640px;
    padding: 20px 2.60417vw;
}

@media (min-width: 1920px) {
    div.container div.col-sm-6 section.usn_cmp_salesforceformcode div.container {
        padding: 20px 50px;
    }
}

section.content.component.usn_cmp_salesforceformcode.base-bg.base-bg-solid.salesforce-no-intro .container > h2,
section.content.component.usn_cmp_salesforceformcode.base-bg.base-bg-solid.salesforce-no-intro .container > p {
    display: none;
}
/* RELATED PRODUCTS AND RESOURCES BLOCK */
.text.c1-text.related-blocks-text {
    font-size: 18px;
    line-height: 26px;
}

    section.content.usn_cmp_relatedresourcesandproducts .component-outro {
        padding-top: 0;
    }
section.content.usn_cmp_relatedresourcesandproducts .item.item_text-right:not(.item_has-bg):not(.item-blog) .image + .info {
    padding: 0 0 0 var(--base-spacing);
}

section.content.component.usn_cmp_relatedresourcesandproducts .item p.heading {
    font-family: 'DINPro';
    font-weight: 600;
    font-size: 21px;
}

@media(max-width:767px) {
    section.content.usn_cmp_relatedresourcesandproducts .component-outro {
        padding-top: 0;
        /*margin-top: 15px;*/
        margin-bottom: 60px;
    }

    section.content.component.usn_cmp_relatedresourcesandproducts h2 {
        font-size: 36px;
    }

    section.content.component.usn_cmp_relatedresourcesandproducts .item p.heading {
        padding-bottom: 0px;
        font-weight: 600;
        font-size: 21px;
        max-height: 100px;
        overflow: hidden;
    }

    section.content.component.usn_cmp_relatedresourcesandproducts .text.c1-text.related-blocks-text {
        padding-bottom: 30px;
    }
    section.usn_cmp_relatedresourcesandproducts .item.item_text-below:not(.item_has-bg) .image,
    section.usn_cmp_relatedresourcesandproducts .item.item_text-left:not(.item_has-bg) .image,
    section.usn_cmp_relatedresourcesandproducts .item.item_text-right:not(.item_has-bg) .image {
        margin-bottom: 30px;
    }

    section.usn_cmp_relatedresourcesandproducts .item.items-1.col-12.item_text-right.usn_pod_relatedcontent.text-left {
        /*margin-bottom: 0;*/
    }

    section.content.usn_cmp_relatedresourcesandproducts .item.item_text-right:not(.item_has-bg):not(.item-blog) .image + .info {
        padding: 0;
    }
   
}



@media(max-width:991px) {
    section.content.usn_cmp_relatedresourcesandproducts .component-outro {
        padding-top: 0;
        /*margin-top: 15px;*/
        margin-bottom: 60px;
    }
    section.usn_cmp_relatedresourcesandproducts p.link {
        margin-top: 30px;
    }
}
@media(max-width:1200px) {
    section.content.component.usn_cmp_relatedresourcesandproducts h2 {
        font-size: 36px;
    }
}
    /*section.usn_cmp_relatedresourcesandproducts .related-content-grid {
    display: flex;
    flex-wrap: wrap;
}*/
    /*section.usn_cmp_relatedresourcesandproducts .related-content-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  
}*/
    /* Item styles */
    /*section.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item a{
        flex: 1;
        display: flex;
        flex-direction: row;
    }*/
    /* Ensure equal height for corresponding items */
    /*section.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item.related-content-item1 a,
        section.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item.related-content-item2 a {
            display: flex;
            flex-direction: row;
            height: 100%;
        }
    section.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item.related-content-item1 a .image {
        flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        max-width: 40%;
        margin: 0 !important;
    }

section.content.component.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item p.heading {
    font-family: 'DINPro-Bold';
}*/
    @media(min-width:992px) {
        .item.items-1.col-12.item_text-right.usn_pod_relatedcontent.related-resources-and-products.text-left {
            height: 130px;
            min-height: 130px;
            max-height: 130px;
            overflow: hidden;
        }
    }
@media(min-width:1300px) {
    .item.items-1.col-12.item_text-right.usn_pod_relatedcontent.related-resources-and-products.text-left {
        height: 160px;
        min-height: 160px;
        max-height: 160px;
        overflow: hidden;
    }
}
    /*
    Events
*/
    .event-listing .event-item {
        margin: 0 0 30px 0;
    }

    @media (min-width: 1920px) {
        .event-listing .event-item {
            margin: 0 0 40px 0;
        }
    }

    .event-listing .event-item .title {
        font-weight: bold;
        font-size: 26px;
        text-transform: uppercase;
    }

    @media (min-width: 1920px) {
        .event-listing .event-item .title {
            font-size: 30px;
        }
    }

    @media (max-width: 991px) {
        .event-listing .event-item .title {
            font-size: 25px;
            margin-top: 20px;
        }
    }

    .event-listing .event-item .date, .event-listing .event-item .location {
        font-weight: 300;
        margin: 8px 0 0 0;
    }

    @media (min-width: 1920px) {
        .event-listing .event-item .date, .event-listing .event-item .location {
            margin: 6px 0 0 0;
        }
    }

    .event-listing .event-item:after {
        content: "";
        clear: both;
    }

    @media (min-width: 992px) {
        .event-listing .event-item {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .event-listing .event-item picture, .event-listing .event-item img {
                order: 99;
                width: 33%;
                height: auto;
                margin: 0 0 0 2.08333vw;
            }
    }

    @media (min-width: 992px) and (min-width: 1920px) {
        .event-listing .event-item picture, .event-listing .event-item img {
            margin: 0 0 0 40px;
        }
    }

    @media (min-width: 992px) and (min-width: 1920px) {
        .event-listing .event-item picture, .event-listing .event-item img {
            width: 500px;
        }
    }

    @media (min-width: 600px) {
        .event-item .erow {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
    }


    .event-item .share-page {
        /*position: absolute;
    right: 15px;*/
    }

    .filterbar {
        margin: 0 0 1.5625vw 0;
    }

    @media (min-width: 1920px) {
        .filterbar {
            margin: 0 0 30px 0;
        }
    }


    /*tables */
    table, table > tr, table th, table td {
        border-width: 0;
    }

    /* HOMEPAGE UPDATES */

    /*.item.item_overlay.homepage-update .image::before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*    left: 0;*/
    /*    bottom: 0;*/
    /*    z-index: 1;*/
    /*    opacity: 0.3;*/
    /*    transition: opacity 0.3s ease-in-out 0s;*/
    /*}*/

    /*.item.item_overlay.homepage-update a:hover .image::before {*/
    /*    opacity: 0;*/
    /*}*/





    /*Blog subnavs*/

    nav.sub.categories {
        background: #E7E7E7;
        color: #1F2123;
        padding: 1.04167vw 1.04167vw 1.04167vw 1.04167vw;
        margin-bottom: 1.04167vw;
        border-top: none;
    }

    nav.sub.archive {
        background: #ffdc00;
        color: #1F2123;
        padding: 1.04167vw 1.04167vw 1.04167vw 1.04167vw;
        margin-bottom: 1.04167vw;
        border-top: none;
    }

    /* PRODUCT LISTS */


    /*#products-list {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    flex-direction: row;*/
    /*    justify-content: space-between;*/
    /*}*/

    #products-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

        #products-list .listing-item {
            margin-top: 0px;
            /*width: 38.54167vw;*/
        }

            #products-list .listing-item .itemrow {
                display: flex;
                flex-direction: column;
            }

            #products-list .listing-item img {
                /* width: 17.44792vw;
            height: auto;*/
            }

        #products-list h2 {
            font-size: 38px;
        }

        #products-list .listing-item a {
            text-decoration: none !important;
        }

    @media(min-width:768px) {
        #products-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 20px;
            grid-row-gap: 20px;
        }
    }

    @media(min-width:992px) {
        /*#products-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 20px;
            grid-row-gap: 20px;
        }*/

        #products-list .listing-item {
            margin-top: 0px;
            /*width: 38.54167vw;*/
        }

            #products-list .listing-item .itemrow {
                display: flex;
                flex-direction: row;
            }

            #products-list .listing-item img {
                width: 17.44792vw;
                height: auto;
            }

        #products-list h2 {
            font-size: 38px;
        }

        #products-list .listing-item a {
            text-decoration: none !important;
        }
    }

@media(max-width:767px) {
    .item.promoted-product a {
        display: flex;
        flex-direction: column-reverse;
    }

    .item.promoted-product p.heading.lg {
        font-size: 40px;
        padding-bottom: 15px;
    }
}

    .btn-white {
        border: solid 3px #ffdc00;
        background: #ffffff;
        font-weight: bold;
        color: #1F2123;
        font-size: 2.08333vw;
        line-height: 1;
        padding: 15px 26px 13px;
    }

        .btn-white:hover {
            background: #ffdc00;
        }

    .btn-dark {
        background: #1F2123;
        border-color: #1F2123;
        color: white;
    }

        .btn-dark:hover {
            background: #ffdc00;
            border-color: #ffdc00;
            color: #1F2123;
        }

    /*div.share-page .btn-yellow {
    background: #ffdc00;
    border-color: #ffdc00;
    color: #1F2123;*/
    /* padding: 14px 26px;*/
    /*border-width: 3px;
    margin-left: 20px;
}

div.share-page:hover .btn-yellow {
    background: #ffffff;
    color: white;
}*/

    .detail {
        font-size: 16px;
        line-height: 1.5;
        padding-left: 16px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    @media(max-width:991px){
        .detail{
            padding-left: 0;
        }
    }

        .detail p {
            margin-top: 0;
        }

        /*.detail a.product-button {
            align-self: flex-start;
        }*/
        .detail a.product-button {
            align-self: flex-start;
            font-size: 24px;
            padding: 11px 24px 9px;
            line-height: 24px;
        }

    /* ---HOMEPAGE BANNER --*/

    .component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .info.col h1 {
        font-family: 'DINPro-Bold';
    }

    @media(max-width:767px) {
        .component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .info.col h1 {
            font-family: 'DINPro';
            font-size: 30px
        }

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

    @media(min-width:1200px) {
        .component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .info.col {
            flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            max-width: 100%;
        }

            .component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .info.col p {
                font-size: 42px;
                font-weight: 400;
            }

        .component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .info {
            padding: 20% 15px;
        }

/*        .component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .heading + .text {
            margin-top: 15px !important;
        }*/

        .component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .heading + .text {
            margin-top: 15px !important;
            padding-bottom: 0 !important;
        }
    }

    section.usn_cmp_homepageupdatessection .item .image::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.4);
        /*height: 581px;*/
    }

    section.usn_cmp_homepageupdatessection a:hover .image::before {
        background: rgba(0, 0, 0, 0.2);
    }

    /* HOMEPAGE UPDATES */

    /*.item.item_overlay.homepage-update .image::before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*    left: 0;*/
    /*    bottom: 0;*/
    /*    z-index: 1;*/
    /*    opacity: 0.3;*/
    /*    transition: opacity 0.3s ease-in-out 0s;*/
    /*}*/

    /*.item.item_overlay.homepage-update a:hover .image::before {*/
    /*    opacity: 0;*/
    /*}*/



    .dropdown.dropdown-white.filter {
        margin-right: 5px;
    }

    section.content.component.usn_cmp_salesforceformcode .component-introduction .info.col {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
    }

    /** --various image styling */

    section.usn_cmp_homepageupdatessection .item .image {
        height: 450px;
    }

        section.usn_cmp_homepageupdatessection .item .image img {
            width: 100%;
        }

    .image a:hover img, a:hover .image img, .item a:hover .image.background-image {
        transform: none;
    }

    .item.item_overlay a:hover .image::before {
        opacity: 0;
    }



    .dropdown.dropdown-white.filter {
        margin-right: 5px;
    }

    section.content.component.usn_cmp_salesforceformcode .component-introduction .info.col {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
    }

    section.usn_cmp_homepageupdatessection .item .image {
        height: 450px;
    }

        section.usn_cmp_homepageupdatessection .item .image img {
            width: 100%;
        }

    @media(max-width: 1200px) {
        section.usn_cmp_homepageupdatessection .item .image img {
            height: 450px;
            object-fit: cover;
        }
    }

    .image a:hover img, a:hover .image img, .item a:hover .image.background-image {
        transform: none;
    }

    section.content.component.usn_cmp_pods.c2-bg.c2-bg-solid.count h2 {
        color: #1f2123;
        /*fix colour and put js code in file not scripts*/
    }

    /*-- footer -- */
    footer {
        padding-bottom: 1.04167vw;
        font-size: 1.30208vw;
    }

nav.footer-navigation {
    padding-top: 0;
}

    nav.footer-navigation > ul {
        font-size: 1.30208vw;
    }

    footer#site-footer {
        padding-bottom: 0;
    }

        footer#site-footer > .container {
            padding: 4.53125vw 5.20833vw 3.90625vw 5.20833vw;
            width: 100%;
            max-width: 1920px;
        }

    footer p.accreditations {
        font-size: 12px;
        line-height: 1.5;
    }

    /*.item.footer-item.offset-lg-10.offset-md-2.col-lg-2.col-md-2.col-12.col.item_text-below.usn_pod_textimage {
    margin-top: -80px;
}*/
    .item.footer-item.offset-lg-10.col-lg-2.col-md-2.col-12.col.item_text-below.usn_pod_textimage {
        margin-top: -60px;
    }

    footer nav.social {
        text-align: right;
    }

    .umbraco-forms-form input.text, .umbraco-forms-form textarea {
        max-width: none !important;
        padding: 5px;
        display: block;
        width: 95%;
        border: none !important;
        background-color: #E7E7E7 !important;
    }

    label.umbraco-forms-label {
        font-weight: normal;
        line-height: 1em;
    }

    .form > .inner {
        padding-top: 0;
        background-color: transparent;
        padding-left: 0;
    }

@media(min-width:992px){
    footer#site-footer .footer-item {
        padding-bottom: 0 !important;
    }
/*    .item.footer-item.footer-links-one {
        margin-bottom: 15px !important;
    }*/
}
    
@media(max-width:991px) {
    .item.footer-item.footer-logo {
        order: 0;
    }

    .item.footer-item.footer-links-one {
        order: 1;
    }

    .item.footer-item.footer-links-two {
        order: 2;
    }

    .item.footer-item.footer-bsi {
        order: 3;
        margin-left: 0;
    }

    .item.footer-item.footer-socials {
        order: 4;
    }

    .item.footer-item.footer-greatplace {
        order: 5;
    }

        footer {
            font-size: 20px;
            line-height: 1.3em;
        }

            footer .container .logo img {
                margin-bottom: 60px;
            }

            footer .container nav.footer {
                margin-bottom: 10px;
            }

            footer .container .accreditations {
               /* padding-bottom: 30px;*/
            }

            footer .item.footer-bsi .image img {
                width: 100%;
            }

            footer .item.footer-logo .image img {
                width: 30%;
            }

            footer .item.footer-greatplace .image img {
                width: 30%;
            }

        .item.footer-item.footer-greatplace {
            text-align: right !important;
        }

        nav.footer-navigation > ul {
            font-size: 20px;
        }

        footer nav.social {
            text-align: left;
        }

        footer p.accreditations {
            font-size: 20px;
            line-height: 1.5;
        }
    }

@media(max-width:767px) {
    /*footer .item.footer-bsi .image img {
        width: 100%;
    }*/

    footer .item.footer-logo .image img {
        width: 50%;
    }

    footer .item.footer-greatplace .image img {
        width: 70%;
    }

   /* footer nav.social {
        text-align: center;
    }*/

        footer {
            font-size: 16px;
        }

            footer#site-footer > .container {
                padding: 50px;
            }

        nav.footer-navigation > ul {
            font-size: 16px;
        }

        footer#site-footer .item.footer-item.offset-lg-10.col-lg-2.col-md-2.col-12.col.item_text-below.usn_pod_textimage {
            margin-top: -30px;
            margin-bottom: 0 !important;
        }

        footer p.accreditations {
            font-size: 16px;
            line-height: 1.5;
        }
    }


    /*section.content.component div.item.xaarvideo img {
    width: 100%;
    height: 600px;
    object-fit: cover;
     margin-right: 0;
}*/

    /*homepage header*/

    @media(min-width:992px) {
        html body.header-05-lg.homepage header#site-header,
        html.nav-down:not(.reached-top) body.header-05-lg.homepage header#site-header,
        /*html.nav-up:not(.reached-top) body.header-05-lg.homepage header#site-header, */
        html.nav-down:not(.reached-top) body.header-05-lg.homepage header#site-header.header-bg-solid
        /*html.nav-up:not(.reached-top) body.header-05-lg.homepage header#site-header.header-bg-solid*/ {
            background: rgba(0, 0, 0, 0.4);
        }

        body.header-05-lg.homepage main {
            margin-top: -280px;
        }
    }

    body.header-05-lg.homepage header#site-header nav.secondary {
        background-color: transparent;
    }

        body.header-05-lg.homepage header#site-header nav.secondary ul li a {
            color: white;
        }

    @media(min-width:992px) {
        body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {
            min-height: 50px;
            height: 50px;
            padding-left: 60px;
            background-color: white;
            color: black;
        }

        body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {
            background-color: white;
            color: black;
            border: solid 1px black;
            border-right: none;
        }
    }
body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control::placeholder {
    color: #777777;
}
    @media(max-width:991px) {
        body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {
            min-height: 50px;
            height: 50px;
            padding-left: 55px;
            background-color: #17595A;
            color: white;
            border: none;
            font-size: 16px;
        }

            body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control::placeholder {
                color: white;
            }

        body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {
            background-color: #17595A;
            color: white;
            border: none;
        }

        .site-search button.btn {
            left: 0;
        }
    }

    body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn:hover {
        background-color: white;
        color: black;
        border: solid 1px black;
        border-right: none;
    }

    @media (min-width: 992px) {
        body.homepage nav.main {
            background: transparent;
        }

            body.homepage nav.main li a {
                color: #ffffff;
            }

                body.homepage nav.main li a:hover {
                    color: #ffffff;
                }

        body.homepage header#site-header nav.main {
            border-top: none;
        }
    }

    html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header {
        top: -200px;
    }

html.nav-down:not(.reached-top) header#site-header.header-bg-solid {
    background-color: #203949;
}

    html.nav-up body.header-05-lg.show_header-on-scroll-lg.homepage header#site-header nav.main {
        background-color: black;
    }

    html.nav-up body.header-05-lg.show_header-on-scroll-lg.homepage header::after {
        content: "";
        display: block;
        width: 100%;
        height: 80px;
        position: absolute;
        top: 200px;
        right: 0;
        left: 0;
        background-color: #000000;
    }
@media(min-width:992px) {
    body:not(.homepage) #logo.homepagelogo {
        display: none;
    }
}

    header::after {
        content: "";
        display: block;
        width: 100%;
        height: 80px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #ffffff;
        border-top: solid 1px black;
    }

    @media(max-width:991px) {
        header::after {
            background-color: rgba(var(--c2-bg-color1), 1);
        }
    }

    body.homepage header::after {
        content: none;
    }

    body.homepage.header-05-lg header#site-header .has-child > .expand-subpages,
    body.homepage.header-05-lg header#site-header nav.main ul li.has-child > span::after {
        color: #404041;
    }

    body.header-05-lg header#site-header nav.main ul li.open-child_mobile > span::after {
        color: #ffffff;
    }

    body.header-05-lg header#site-header nav.main ul li.active.open-child_mobile > span::after {
        color: #404041;
    }

    body.header-05-lg header#site-header nav.main ul li.open-child_mobile ul li.open-child_mobile > span::after {
        color: #ffffff;
    }

    /*.dropdown.dropdown-white.filter {*/
    /*    margin-right: 5px;*/
    /*} */

    /*section.content.component.usn_cmp_salesforceformcode .component-introduction .info.col {*/
    /*    flex: 0 0 100%;*/
    /*    -ms-flex: 0 0 100%;*/
    /*    max-width: 100%;*/
    /*}*/

    /*section.usn_cmp_homepageupdatessection .item .image {*/
    /*        height: 450px;*/
    /*    }*/

    /*    section.usn_cmp_homepageupdatessection .item .image img {*/
    /*        width: 100%;*/
    /*    }*/

    /*    @media(max-width: 1200px){*/
    /*        section.usn_cmp_homepageupdatessection .item .image img {*/
    /*            height: 450px;*/
    /*            object-fit: cover;*/
    /*        }*/
    /*    }*/

    /*.image a:hover img, a:hover .image img, .item a:hover .image.background-image {*/
    /*    transform: none;*/
    /*}*/

    /*section.content.component.usn_cmp_pods.c2-bg.c2-bg-solid.count h2 {*/
    /*    color: #1f2123; */
    /*fix colour and put js code in file not scripts*/
    /*}*/

    /*-- footer -- */
    /*footer {*/
    /*    padding-bottom: 1.04167vw;*/
    /*    font-size: 1.30208vw;*/
    /*}*/
    /*nav.footer-navigation > ul {*/
    /*    font-size:  1.30208vw;*/
    /*}*/
    /*footer#site-footer {*/
    /*    padding-bottom: 0;*/
    /*}*/
    /*footer#site-footer > .container {*/
    /*    padding: 4.53125vw 5.20833vw 3.90625vw 5.20833vw;*/
    /*    width: 100%;*/
    /*    max-width: 1920px;*/
    /*}*/

    /*footer p.accreditations {*/
    /*    font-size: 12px;*/
    /*    line-height: 1.5;*/
    /*}*/
    /*.item.footer-item.offset-lg-10.offset-md-2.col-lg-2.col-md-2.col-12.col.item_text-below.usn_pod_textimage.text-left{*/
    /*    margin-top: -80px;*/
    /*}*/

    /*footer nav.social{*/
    /*    text-align: right;*/
    /*}*/

    /*.umbraco-forms-form input.text, .umbraco-forms-form textarea {*/
    /*    max-width: none!important;*/
    /*    padding: 5px;*/
    /*    display: block;*/
    /*    width: 95%;*/
    /*    border: none!important;*/
    /*    background-color: #E7E7E7!important;*/
    /*}*/

    /*label.umbraco-forms-label {*/
    /*    font-weight: normal; */
    /*    line-height: 1em;*/
    /*}*/

    /*pods - uskinned error?*/
    .c2-bg div.inner.base-bg h1:not(.heading),
    .c2-bg div.inner.base-bg h2:not(.heading),
    .c2-bg div.inner.base-bg h3:not(.heading),
    .c2-bg div.inner.base-bg h4:not(.heading),
    .c2-bg div.inner.base-bg h5:not(.heading),
    .c2-bg div.inner.base-bg h6:not(.heading) {
        color: rgba(var(--base-heading), 1);
    }


    .usn_cmp_salesforceformcode div.salesforceforms.xaar-form input,
    .usn_cmp_salesforceformcode div.salesforceforms.xaar-form select,
    .usn_cmp_salesforceformcode div.salesforceforms.xaar-form textarea {
        background-color: white;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .usn_cmp_salesforceformcode div.salesforceforms.xaar-form label {
        margin: 0;
    }

    .usn_cmp_salesforceformcode div.salesforceforms.xaar-form select[multiple] {
        height: auto;
        background-image: none;
    }

    .usn_cmp_salesforceformcode div.salesforceforms.xaar-form input[type="checkbox"] {
        height: unset;
        min-height: 0;
        margin: 0;
        margin-left: 10px;
        margin-bottom: 20px;
        background-color: white;
    }

    .usn_cmp_salesforceformcode div.salesforceforms.xaar-form input[type="submit"] {
        position: relative;
        text-align: center;
        font-weight: bold;
        background: white;
        color: #1F2123;
        box-shadow: none;
        white-space: normal;
        font-size: 2.08333vw;
        padding: 1.37453vw 2.08333vw 1.59422vw 2.08333vw;
        border: 3px solid #ffdc00;
        -webkit-border-radius: 2.39583vw;
        -moz-border-radius: 2.39583vw;
        -ms-border-radius: 2.39583vw;
        border-radius: 2.39583vw;
        line-height: 1;
        -webkit-appearance: button;
        cursor: pointer;
    }

    @media (max-width: 991px) {
        .usn_cmp_salesforceformcode
        .usn_cmp_salesforceformcode div.salesforceforms.xaar-form input[type="submit"] {
            font-size: 32px;
            padding: 20.835px 32px 24.165px 32px;
            border-width: 3px;
            -webkit-border-radius: 36.8px;
            -moz-border-radius: 36.8px;
            -ms-border-radius: 36.8px;
            border-radius: 36.8px;
        }
    }

    .usn_cmp_salesforceformcode div.salesforceforms.xaar-form p.salesforce-intro {
        margin: 30px 0;
    }

    .usn_cmp_salesforceformcode.findoutmore.xaar-form {
        background-color: white;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    div.container div.col-sm-6 .usn_cmp_salesforceformcode div.salesforceforms div.container {
        width: 100%;
        max-width: 1640px;
        padding: 20px 2.60417vw;
    }

    @media (min-width: 1920px) {
        div.container div.col-sm-6 .usn_cmp_salesforceformcode div.salesforceforms div.container {
            padding: 20px 50px;
        }
    }

    .item.item_block.usn_cmp_salesforceformcode.align-self-start.col-xl-6.col-md-6.order-md-2.order-2.col-12 {
        background-color: #E7E7E7;
        padding: 30px;
        padding-top: 0;
    }


    /* --- news ---- */
    .categories.base-text ul {
        margin: 0;
    }

    @media(min-width: 992px) {
        .categories.base-text ul {
            margin-top: 15px;
        }
    }

    .categories.base-text ul li {
        display: inline-block;
    }

    .blog-date time {
        font-weight: 600;
        /*margin-left: 20px;*/
    }

    .blogpage-secondcolumn div.share-page {
        width: 100%;
        margin-bottom: 20px;
    }

        .blogpage-secondcolumn div.share-page span.btn {
            width: 100%;
        }

    div.image.blog-image img {
        height: 400px;
        width: 100%;
        object-fit: cover;
        margin: 30px 0;
    }

    .blog-listing-component p.heading {
        font-weight: 700;
        font-size: 24px;
    }

    nav.sub p.heading.sm {
        font-family: 'DINPro-bold';
    }

    nav#pagination .pagination li a {
        /*padding: 12px 21px;*/
        /*height: 48px;*/
        /*min-width: 56px;*/
        border: solid 2px #ffdc00;
        border-radius: 20px;
        font-weight: 700;
    }

    nav#pagination .pagination li.active a {
        color: #202123;
        background-color: #ffdc00;
        border-color: #ffdc00;
    }
    /*nav#pagination .pagination li.prev, nav#pagination .pagination li.next {*/
    /*    position: relative;*/
    /*}*/
    nav#pagination .pagination li.next a,
    nav#pagination .pagination li.prev a {
        border: none;
        font-size: 30px;
    }

    @media(min-width: 500px) {
        nav#pagination .pagination li {
            margin: 0 5px;
        }

            nav#pagination .pagination li a {
                padding: 12px 21px;
                height: 48px;
                min-width: 56px;
                border: solid 2px #ffdc00;
                border-radius: 20px;
                font-weight: 700;
            }

            nav#pagination .pagination li.active a {
                color: #202123;
                background-color: #ffdc00;
                border-color: #ffdc00;
            }

            nav#pagination .pagination li.prev, nav#pagination .pagination li.next {
                position: relative;
            }

                nav#pagination .pagination li.next a,
                nav#pagination .pagination li.prev a {
                    border: none;
                    font-size: 30px;
                }
    }





    .directional-icons-chevron .slick-next i.icon:before {
        content: "\f3d1";
        color: #f2e240;
        font-weight: 700;
    }

    .directional-icons-chevron .slick-prev i.icon:before {
        content: "\f3cf";
        color: #f2e240;
        font-weight: 700;
    }

    .slick-slider .slick-prev, .slick-slider .slick-next {
        background-color: rgba(0,0,0,0.7);
    }

    @media(min-width:768px) {

        .slick-slider .slick-next, .slick-slider .slick-prev {
            background-color: transparent;
        }

        .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
            left: -50px;
        }

        .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
            right: -50px;
        }

        .directional-icons-chevron .slick-next i.icon:before {
            content: "\f3d1";
            color: #f2e240;
            font-size: 110px;
        }

        .directional-icons-chevron .slick-prev i.icon:before {
            content: "\f3cf";
            color: #f2e240;
            font-size: 110px;
        }
    }

    .usn_cmp_splitcomponent .slick-autoplay-toggle-button i.icon,
    .usn_cmp_splitcomponent .slick-slider .slick-prev i.icon,
    .usn_cmp_splitcomponent .slick-slider .slick-next i.icon {
        font-size: 40px;
    }

    .directional-icons-chevron .usn_cmp_splitcomponent .slick-next i.icon:before {
        font-size: 40px;
    }

    .directional-icons-chevron .usn_cmp_splitcomponent .slick-prev i.icon:before {
        font-size: 40px;
    }

    .usn_cmp_splitcomponent .slick-slider .slick-prev, .usn_cmp_splitcomponent .slick-slider .slick-next {
        background-color: rgba(0,0,0,0.7);
    }

    .usn_cmp_splitcomponent .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
        left: 15px;
    }

    .usn_cmp_splitcomponent .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
        right: 15px;
    }




    /*--- custom split ---*/

    .custom-split .component-main {
        background-color: #003b4a;
        color: white;
    }

    .custom-split .component-main {
        width: 100%;
        margin: 0;
    }

        .custom-split .component-main .item {
            padding: 0;
        }

            .custom-split .component-main .item .info.text-left {
                padding: 50px;
            }

        .custom-split .component-main img {
            width: 100% !important;
            object-fit: cover;
        }

        .custom-split .component-main h2 {
            color: white !important;
            font-weight: 600;
            font-size: 38px;
            letter-spacing: 0.04em;
        }

        .custom-split .component-main div.text {
            color: white !important;
        }


        .custom-split .component-main .item .info.text-left a.btn {
            padding: 14px 30px 10px;
            font-size: 32px;
        }


    .component.usn_cmp_splitcomponent.custom-split .component-main > .item.item_block.order-2 {
        margin-top: 0;
    }


    @media(min-width:768px) {
        /* .custom-split .component-main {
        background-color: #003b4a;
        color: white;
    }*/

        .custom-split .component-main {
            height: 360px;
            /*width: 100%;
        margin: 0;*/
        }

            /*.custom-split .component-main .item {
            padding: 0;
        }

            .custom-split .component-main .item .info.text-left {
                padding: 50px;
            }*/

            .custom-split .component-main img {
                height: 360px;
                /*width: 100% !important;
            object-fit: cover;*/
            }

        /*.custom-split .component-main h2 {
            color: white !important;
            font-weight: 600;
            font-size: 50px;
            letter-spacing: 0.04em;
        }

        .custom-split .component-main div.text {
            color: white !important;
        }


        .custom-split .component-main .item .info.text-left a.btn {
            padding: 14px 30px 10px;
            font-size: 32px;
        }*/
    }

    .latest-news .categories.base-text,
    .latest-news .categories.base-text ul {
        display: inline;
    }

    .row.component-main.listing.listing_basic-grid.latest-news {
        margin-top: 30px;
    }

    .latest-news .time-categories {
        margin: 10px 0;
    }

    .latest-news time {
        margin-right: 20px;
    }

    section.content.component.base-bg.base-bg-solid.newslisting {
        padding-top: 0px;
    }

    nav.sub p.heading {
        font-size: 22px;
    }


    /* YELLOW STRIP PODS HOMEPAGE */
    section.bctsection {
        padding: 80px 0;
    }

        section.bctsection .component-inner .container {
            padding: 0 50px;
        }

        section.bctsection.careers-yellow-border .component-inner .container {
            padding: 0;
            padding-left: 25px;
            margin: 0 0 0 20px;
        }

        section.bctsection div.item {
            color: #707070;
            padding: 0 22px;
            padding-bottom: 0!important;
            border-left: 0.78125vw solid #ffdc00;
        }

@media(min-width:1920px) {
    section.bctsection div.item {
        color: #707070;
        padding: 0 22px;
        border-left: 15px solid #ffdc00;
    }
}

        section.bctsection.careers-yellow-border div.item {
            border-left: 5px solid #ffdc00;
            padding-left: 30px;
        }

            section.bctsection.careers-yellow-border div.item h2 {
                margin-top: 0px;
            }

    @media(min-width:1200px) {
        section.bctsection .component-inner .container {
            padding: 0 130px;
        }

        section.bctsection.careers-yellow-border .component-inner .container {
            padding: 0;
            margin: 0 auto;
        }

        section.bctsection.careers-yellow-border div.item {
            border-left: 5px solid #ffdc00;
            padding-left: 30px;
            margin: 0 30px;
        }
    }

    section.bctsection div.item .inner .info {
        padding-bottom: 0!important;
    }

    section.bctsection div.item p.heading {
        color: #0F0C0C !important;
        font-family: "DINPro-Bold";
        font-size: 30px;
        margin-top: 0;
    }

    section.bctsection div.text p {
        margin-bottom: 0;
    }


    section.content.careers-values .item.item_overlay .inner .image.c9-bg::before {
        background-color: rgba(var(--c9-bg-color1), 0);
    }

    section.content.careers-values .info {
        font-size: 1.30208vw;
    }

    @media(max-width:991px) {
        section.content.careers-values .info {
            font-size: 14px;
            line-height: 21px;
        }

        section.content.careers-values .item .image img {
            min-height: 400px;
            object-fit: cover;
        }
    }







    /* 
    Interactive Map
*/
    .interactive-map {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        color: #003b4a;
        font-family: 'DINPro-Light';
        font-weight: 300;
    }

        .interactive-map.outline.lightblue {
            -webkit-border-top-left-radius: 15px;
            -moz-border-top-left-radius: 15px;
            -ms-border-top-left-radius: 15px;
            border-top-left-radius: 15px;
        }

        .interactive-map .country-name {
            text-decoration: none;
            color: #003b4a;
            font-weight: 600;
            font-family: 'DINPro';
            margin-bottom: 12px;
            font-size: 2.60417vw;
        }

    @media (min-width: 1920px) {
        .interactive-map .country-name {
            font-size: 50px;
        }
    }

    @media (max-width: 991px) {
        .interactive-map .country-name {
            font-size: 40px;
        }
    }

    .interactive-map h2 {
        color: #00A8D5;
        text-transform: uppercase;
        font-size: 30px;
        margin-top: 0;
    }

    .interactive-map .map-container {
        position: relative;
        padding-bottom: 31.30208vw;
        height: 0;
        width: 51.35417vw;
    }

        .interactive-map .map-container .map-area {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 31.30208vw;
            border: 0;
            display: block;
        }

            .interactive-map .map-container .map-area img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%!important;
                height: auto;
            }

            .interactive-map .map-container .map-area .map-pin {
                position: absolute;
                width: 10px;
                height: 10px;
                cursor: pointer;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                border-radius: 5px;
            }

                .interactive-map .map-container .map-area .map-pin.type1 {
                    background-color: #BD0960;
                }

                .interactive-map .map-container .map-area .map-pin.type2 {
                    background-color: #003b4a;
                }

            .interactive-map .map-container .map-area .key {
                position: absolute;
                bottom: 0;
                left: 0;
                list-style: none;
                margin: 0;
                font-size: 12px;
            }

                .interactive-map .map-container .map-area .key .map-pin {
                    position: relative;
                    left: 0;
                    top: 0;
                    display: inline-block;
                }

    .interactive-map .map-locations .map-location .location-name {
        font-weight: 600;
    }

    .interactive-map .map-locations .map-location .location-map, .interactive-map .map-locations .map-location .location-phone, .interactive-map .map-locations .map-location .location-email, .interactive-map .map-locations .map-location .location-website {
        margin-top: 1.30208vw;
    }

        .interactive-map .map-locations .map-location .location-map a, .interactive-map .map-locations .map-location .location-phone a, .interactive-map .map-locations .map-location .location-email a, .interactive-map .map-locations .map-location .location-website a {
            color: #003b4a;
        }

            .interactive-map .map-locations .map-location .location-map a, .interactive-map .map-locations .map-location .location-map a:hover, .interactive-map .map-locations .map-location .location-phone a, .interactive-map .map-locations .map-location .location-phone a:hover, .interactive-map .map-locations .map-location .location-email a, .interactive-map .map-locations .map-location .location-email a:hover, .interactive-map .map-locations .map-location .location-website a, .interactive-map .map-locations .map-location .location-website a:hover {
                text-decoration: none;
                font-weight: 600;
            }

    @media (min-width: 992px) {
        .interactive-map {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
        }

            .interactive-map .map-country {
                display: none;
            }

                .interactive-map .map-country.open {
                    display: block;
                }

                .interactive-map .map-country .map-locations {
                    display: block;
                    overflow-x: scroll;
                    overflow-y: hidden;
                    width: 28.64583vw;
                    min-width: 28.64583vw;
                    /* Track */
                    /* Handle */
                    /* Handle on hover */
                    scrollbar-color: #ffdc00 rgba(255, 220, 0, 0.3);
                    scrollbar-width: 13px;
                }

                    .interactive-map .map-country .map-locations::-webkit-scrollbar {
                        -webkit-appearance: none;
                        width: 13px;
                        height: 13px;
                    }

                    .interactive-map .map-country .map-locations::-webkit-scrollbar-track {
                        background: rgba(255, 220, 0, 0.3);
                    }

                    .interactive-map .map-country .map-locations::-webkit-scrollbar-thumb {
                        background: #ffdc00;
                    }

                        .interactive-map .map-country .map-locations::-webkit-scrollbar-thumb:hover {
                            background: #ffdc00;
                        }

                    .interactive-map .map-country .map-locations.collapse {
                        display: flex;
                    }

                    .interactive-map .map-country .map-locations .map-location {
                        width: 28.64583vw;
                        min-width: 28.64583vw;
                        display: inline-block;
                        padding-bottom: 1.30208vw;
                    }
    }

    @media (min-width: 1920px) {
        .interactive-map .map-container {
            padding-bottom: 601px;
            width: 986px;
        }

            .interactive-map .map-container .map-area {
                height: 491px;
            }

        .interactive-map .map-country .map-locations {
            width: 550px;
            min-width: 550px;
        }

            .interactive-map .map-country .map-locations .map-location {
                width: 550px;
                min-width: 550px;
                padding-bottom: 25px;
            }

                .interactive-map .map-country .map-locations .map-location .location-map, .interactive-map .map-country .map-locations .map-location .location-phone, .interactive-map .map-country .map-locations .map-location .location-email, .interactive-map .map-country .map-locations .map-location .location-website {
                    margin-top: 25px;
                }
    }

    @media (max-width: 991px) {
        .interactive-map {
            border: 0;
            padding: 0;
        }

            .interactive-map .map-container {
                display: none;
            }

            .interactive-map .map-country .country-name {
                position: relative;
                top: 0;
                left: 0;
                cursor: pointer;
                width: 100%;
                text-align: left;
                padding: 18px 8px 10px;
                margin-top: 6px;
                background: #E7E7E7;
                line-height: 40px;
            }
    }

    @media (max-width: 991px) and (min-width: 1920px) {
        .interactive-map .map-country .country-name {
            padding: 10px 45px 10px 15px;
        }
    }

    @media (max-width: 991px) {
        .interactive-map .map-country .country-name:after {
            position: absolute;
            top: 20px;
            right: 15px;
            content: "\f3d8";
            display: inline-block;
            font-family: "Ionicons";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .interactive-map .map-country .country-name.collapsed:after {
            content: "\f3d0";
        }

        .interactive-map .map-country .map-locations {
            padding: 15px;
        }
    }

    body.content-underline-link #site-content section.usn_cmp_pods.homepagepodsection .item a {
        text-decoration: none !important;
    }

    body.content-underline-link #site-content .item a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) .heading {
        text-decoration: none !important;
    }

    body.content-underline-link #site-content section.homepagepodsection .item a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
        text-decoration: none !important;
    }

    @media(min-width: 600px) and (max-width:991px) {
        section.homepagepodsection .row:not(.slides):not(.listing_window-mosaic) .item.items-3 {
            flex: 0 0 var(--items-3);
            -ms-flex: 0 0 var(--items-3);
            max-width: var(--items-3);
        }
    }

@media(min-width:992px) {
    body:not(.header-03-lg) nav.main ul > li > ul, body:not(.header-03-lg) nav.main.navigation-dropdown-bg-solid ul > li > ul {
        background: white;
    }
}

.usn_cmp_relatedresourcesandproducts .listing .item {
    margin-bottom: var(--base-spacing);
}

.listing:not(.listing_window-mosaic) .item:last-child {
    margin-bottom: 0 !important;
}
section:not(.black-yellow) .listing:not(.listing_window-mosaic):not(.listing_data-list):not(.listing_links) > .item:not(.swp-item) {
    padding-bottom: 0 !important;
}

section.bctsection .listing:not(.listing_window-mosaic):not(.listing_data-list):not(.listing_links) > .item:not(.swp-item) {
    margin-bottom: 30px;
}

section.usn_cmp_homepageupdatessection .item.items-3.col-12.item_text-boxed.item_overlay.homepage-update.usn_pod_textimage.text-left {
    margin-bottom: 30px;
}
/*section.black-yellow .listing:not(.listing_window-mosaic):not(.listing_data-list):not(.listing_links) > .item:not(.swp-item) {
    padding-bottom: var(--base-spacing) !important;
}*/


.table > :not(caption) > * > * {
    background-color: transparent;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.slick-slider .slick-next,
.slick-slider .slick-prev {
    border-radius: 0;
}