:root {
    --medium-banner: 85vh !important;
    --medium-bannerPX: 1200px !important;
    --short-banner: 65vh !important;
    --short-bannerPX: 800px !important;
    --p-heading-typography_font-weight: 600 !important;
    --p-heading_large-typography_font-weight: 600 !important;
    --p-heading_small-typography_font-weight: 600 !important;
}


@font-face {
    font-family: 'LG Smart';
    src: url('/fonts/LG_Smart/LGSmart.woff2') format('woff2'), url('/fonts/LG_Smart/LGSmart.woff') format('woff'), url('./fonts/LG_Smart/LGSmart.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LG Smart Italic';
    src: url('/fonts/LG_Smart/LGSmart-Italic.woff2') format('woff2'), url('/fonts/LG_Smart/LGSmart-Italic.woff') format('woff'), url('/fonts/LG_Smart/LGSmart-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'LG Smart Semibold';
    src: url('/fonts/LG_Smart/LGSmartLight-SemiBold.woff2') format('woff2'), url('/fonts/LG_Smart/LGSmartLight-SemiBold.woff') format('woff'), url('/fonts/LG_Smart/LGSmartLight-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LG Smart Bold';
    src: url('/fonts/LG_Smart/LGSmart-Bold.woff2') format('woff2'), url('/fonts/LG_Smart/LGSmart-Bold.woff') format('woff'), url('/fonts/LG_Smart/LGSmart-Bold.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LGSmart';
    src: url('/fonts/LG_Smart/LGSmart.svg#LGSmart') format('svg'), url('/fonts/LG_Smart/LGSmart.ttf') format('truetype'),
        url('/fonts/LG_Smart/LGSmart.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LGSmart-Italic';
    src: url('/fonts/LG_Smart/LGSmart-Italic.svg#LGSmart-Italic') format('svg'), url('/fonts/LG_Smart/LGSmart-Italic.ttf') format('truetype'), url('/fonts/LG_Smart/LGSmart-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LG_Smart_Regular';
    src: url('/fonts/LG_Smart/LG_Smart_Regular.eot');
    src: url('/fonts/LG_Smart/LG_Smart_Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/LG_Smart/LG_Smart_Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LG_Smart_Regular_Italic';
    src: url('/fonts/LG_Smart/LG_Smart_Regular_Italic.eot');
    src: url('/fonts/LG_Smart/LG_Smart_Regular_Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LG_Smart/LG_Smart_Regular_Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LG_Smart_Light';
    src: url('/fonts/LG_Smart/LG_Smart_Light.eot');
    src: url('/fonts/LG_Smart/LG_Smart_Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LG_Smart/LG_Smart_Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LGSmartLight-Light';
    src: url('/fonts/LG_Smart/LGSmartLight-Light.svg#LGSmartLight-Light') format('svg'),
        url('/fonts/LG_Smart/LGSmartLight-Light.ttf') format('truetype'),
        url('/fonts/LG_Smart/LGSmartLight-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LGSmart-BoldItalic';
    src: url('/fonts/LG_Smart/LGSmart-BoldItalic.svg#LGSmart-BoldItalic') format('svg'),
        url('/fonts/LG_Smart/LGSmart-BoldItalic.ttf') format('truetype'),
        url('/fonts/LG_Smart/LGSmart-BoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LG_Smart_Bold_Italic';
    src: url('/fonts/LG_Smart/LG_Smart_Bold_Italic.eot');
    src: url('/fonts/LG_Smart/LG_Smart_Bold_Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LG_Smart/LG_Smart_Bold_Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LGSmart-Bold';
    src: url('/fonts/LG_Smart/LGSmart-Bold.svg#LGSmart-Bold') format('svg'),
        url('/fonts/LG_Smart/LGSmart-Bold.ttf') format('truetype'),
        url('/fonts/LG_Smart/LGSmart-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LG_Smart_Bold';
    src: url('/fonts/LG_Smart/LG_Smart_Bold.eot');
    src: url('/fonts/LG_Smart/LG_Smart_Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LG_Smart/LG_Smart_Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LGSmartLight-SemiBold';
    src: url('/fonts/LG_Smart/LGSmartLight-SemiBold.svg#LGSmartLight-SemiBold') format('svg'),
        url('/fonts/LG_Smart/LGSmartLight-SemiBold.ttf') format('truetype'),
        url('/fonts/LG_Smart/LGSmartLight-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LG_Smart_SemiBold';
    src: url('/fonts/LG_Smart/LG_Smart_SemiBold.eot');
    src: url('/fonts/LG_Smart/LG_Smart_SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/LG_Smart/LG_Smart_SemiBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
    font-weight: normal !important;
    line-height: 125% !important;
}

.light-title h1,
.light-title h2,
.light-title h3,
.light-title h4,
.light-title h5,
.light-title h6 {
    font-family: "LG_Smart_Regular", Arial, sans-serif !important;
}

.fat-title h1,
.fat-title h2,
.fat-title h3,
.fat-title h4,
.fat-title h5,
.fat-title h6 {
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}


p.heading:not(h1, h2, h3, h4, h5, h6),
span.heading:not(h1, h2, h3, h4, h5, h6),
.heading:not(h1, h2, h3, h4, h5, h6),
p.heading.lg:not(h1, h2, h3, h4, h5, h6),
span.heading.lg:not(h1, h2, h3, h4, h5, h6) {
    font-family: "LG_Smart_Semibold", Arial, sans-serif !important;
    font-weight: normal !important;
    margin: 20px 0 30px 0;
}

p {
    font-family: "LGSmart", Arial, sans-serif !important;
    font-weight: normal !important;
    margin: 20px 0 30px 0;
}

nav.main>ul {
    font-family: "LG_Smart_Regular", Arial, sans-serif !important;
}

body,
input,
textarea,
label,
nav,
ul,
.control-label,
.form-control,
.field-control-wrapper {
    font-family: "LG_Smart_Regular", Arial, sans-serif !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/* Buttons */

.btn {
    box-shadow: none;
    font-family: "LG_Smart_Regular", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn:hover {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* Ghost button black */

.btn.c1-btn-bg,
.btn.c1-btn-bg:hover span {
    background-color: transparent !important;
}

/* Ghost button white */

.btn.c2-btn-bg,
.btn.c2-btn-bg:hover span {
    background-color: transparent !important;
}

/* Windows custom */

.windows-half .container .listing.listing_window-mosaic.basic-windows.windows-1:not(.listing_no-spacing) .item {
    height: 375px;
}

.listing.listing_window-mosaic .windows-half {
    height: 375px !important;
}

.windows-half .item a:not(.btn) {}

.windows-half .item .inner .image {
    height: 375px !important;
}

/* Custom pods for USPs on home */

.usp-pods .listing-pods .inner {
    padding: 20px;
}

.usp-pods .listing-pods .image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px !important;
}

.usp-pods .listing-pods .image img {
    width: 200px;
    height: 200px;
}

.c5-bg {
    background: linear-gradient(-180deg, rgba(217, 218, 219, 0.2) 0%, rgba(255, 255, 255, 0) 100%, #FFFFFF) !important;
}

.c5-bg .c2-bg {
    background-color: transparent;
}

.c5-bg .contact-form .inner {
    background-color: transparent !important;
}

.contact-form h3 {
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}

/* Custom news listing */

.listing-news {
    background: linear-gradient(-180deg, #FFFFFF, rgba(255, 255, 255, 0) 100%), rgba(217, 218, 219, 0.2) 0%;
}

.listing-news h2.heading {
 
}

.listing-news .component-outro {
    padding-top: 60px !important;
}

.listing-news .item {
    margin-bottom: 0 !important;
}

.listing-news .item .info p.heading {
    color: #fff !important;
    font-size: 40px;
    font-family: 'LG Smart Semibold', sans-serif !important;
    font-weight: normal !important;
}

.listing-news .item .info .text {
    display: none !important;
}

.listing-news .categories {
    display: none;
}

.listing-news .item .image:before {
    content: '';
    background-color: #000 !important;
    opacity: .4;
    width: 100%;
    height: 100%;
    display: block;
}

@media(max-width:992px) {
    .listing-news .item .info p.heading {
        color: #fff !important;
        font-size: 20px;
    }
}

.listing .date-month {
    display: none;
}

.listing-news .row:not(.slides):not(.listing_window-mosaic) .item.items-1 {
    height: 400px;
    overflow: hidden;
}

@media(max-width:992px) {
    .listing-news .row:not(.slides):not(.listing_window-mosaic) .item.items-1 {
        height: 190px;
    }
}

.listing-news .image {
    height: 400px;
}

.listing-news .item .date-month {
    display: none;
}

.listing-news .post-tags {
    display: none;
}

.listing-news .item .meta {
    display: none;
}

.listing-news .secondary-heading,
.listing-news .secondary-heading+.text {
    display: none !important;
}

.listing-news .item.item_text-boxed .info {
    flex-basis: 75%;
    width: 75%;
    padding-left: 80px;
    max-width: 75% !important;
    background: none;
    position: absolute;
    bottom: 15px;
    color: #fff;
}

@media(max-width:992px) {
    .listing-news .item.item_text-boxed .info {
        flex-basis: 100%;
        width: 100%;
        padding-left: 20px;
        max-width: 100% !important;
        top: 0;
    }
}

.listing-news .date-wrap {
    padding-left: 10px;
    width: 75%;
}

@media(max-width:992px) {
    .listing-news .date-wrap {
        padding-left: 10px;
        width: 100%;
    }
}

.listing-news .date-month {
    display: flex;
    flex: 0 0 auto;
    background: #FD312E;
    border-radius: 100%;
    color: #fff;
    width: 56px;
    height: 56px;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    margin-right: 15px;
}

@media(max-width:992px) {
    .listing-news .date-month {
        font-size: 16px;
        position: absolute;
        top: 20px;
        left: 0;
        transform: scale(.7);
    }
}

.listing-news .date-full {
    font-size: 18px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 300ms;
    height: 0;
}

.listing-news .slick-slider .slick-dots li:hover .date-full {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 300ms;
    height: inherit;
}

.listing-news .btn-read {
    position: absolute;
    right: 0;
    max-width: 200px;
    display: none;
}

:lang(nl) .listing-news .slick-slider .slick-dots li .btn-read::before {
    content: 'Lees meer';
}


:lang(fr) .listing-news .slick-slider .slick-dots li .btn-read::before {
    content: 'En savior plus';
}

.listing-news .pager-title {
    color: rgba(var(--base-link), 1);
    margin: 0 !important;
    display: block;
    font-size: 30px;
    line-height: 45px;
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}

@media (max-width:992px) {
    .listing-news .pager-title {
        display: block;
        font-size: 18px;
        line-height: 26px;
        padding-right: 25px;
    }
}

.listing-news .pager-title i {
    margin-top: 2px;
}

.listing-news .pager-title a:hover {
    text-decoration: none !important;
    color: #000 !important;
}


.listing-news .slick-slider ul.slick-dots {
    text-align: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.listing-news .slick-slider .slick-dots li {
    display: flex;
    align-items: center;
    width: 100%;
    flex-basis: 100%;
    border-top: 1px solid #000;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
}


.listing-news .slick-slider .slick-dots li a:hover {
    text-decoration: none !important;
    color: #000 !important;
}

.listing-news .slick-slider .slick-dots li .btn-read {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 300ms;
    height: 0;
}

.listing-news .slick-slider .slick-dots li:hover .btn-read {
    display: inline-block;
    color: #fff !important;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 300ms;
    height: inherit;
    top: 70px;
}


.slick-slider .slick-dots li.slick-active>button {
    background: #6B6B6B;
}


.slick-slider .slick-dots li>button {
    background: #D9DADB;
}

@media(max-width:992px) {
    .listing-news .slick-slider .slick-dots li {
        flex-wrap: wrap;
        padding-top: 25px !important;
        padding-left: 55px;
    }

    .listing-news .slick-slider .slick-dots li .btn-read,
    .listing-news .slick-slider .slick-dots li:hover .btn-read {
        display: block;
        position: relative;
        visibility: visible;
        opacity: 1;
        height: inherit;
        margin-top: 40px;
    }
}


.listing-cases .page-summary {
    display: none;
}

.listing-cases .component-introduction .heading {
    /*color: #A50034 !important;*/
    min-height: auto !important;
}

.listing-cases .item .heading {
    min-height: 75px !important;
    height: 75px;
}

.listing-cases .meta {
    display: none;
}

.listing-cases .categories {
    display: block;
}

.listing-cases .component-introduction {
    padding-bottom: 40px !important;
}

.listing-cases .component-outro {
    padding-top: 0 !important;
}

.listing-cases .read-more {
    display: none;
}

@media (max-width:992px) {
    .listing-cases .page-summary {
        display: none;
    }

    .listing-cases .component-introduction .heading {
        color: #A50034 !important;
        min-height: auto !important;
        font-size: 20px;
    }

    .listing-cases .item .heading {
        min-height: auto !important;
        height: auto;
    }

    .listing-cases .meta {
        display: none;
    }

    .listing-cases .categories {
        display: none;
    }

    .listing-cases .read-more {
        display: none;
    }
}


/* Custom item overlay banner styling */

.usn_cmp_banner .item.item_overlay.base-bg .inner.js-overlay-right::before {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.85) 50%, transparent 50%) !important;
    opacity: 1;
}

.usn_cmp_banner .item.item_overlay.base-bg .inner.js-overlay-left::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.85) 50%, transparent 50%) !important;
    opacity: 1;
}

.usn_cmp_banner .item.item_overlay.base-bg .info {
    padding: 90px 30px;
}

.usn_cmp_banner .item.item_overlay.base-bg .text {
    font-size: 24px;
    line-height: 35px;
}

.usn_cmp_banner .item.item_overlay.c1-bg .inner.js-overlay-right::before {
    background: linear-gradient(to left, rgba(0, 0, 0, 0.8) 50%, transparent 50%) !important;
    opacity: 1;
}

.usn_cmp_banner .item.item_overlay.c1-bg .inner.js-overlay-left::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 50%, transparent 50%) !important;
    opacity: 1;
}

@media(max-width:992px) {
    .usn_cmp_banner .item.item_overlay.c1-bg .inner.js-overlay-right::before {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 25%, transparent 100%) !important;
        opacity: 1;
    }

    .usn_cmp_banner .item.item_overlay.c1-bg .inner.js-overlay-left::before {
        background: linear-gradient(to left, rgba(0, 0, 0, 0.8) 35%, transparent 160%) !important;
        opacity: 1;
    }

    .usn_cmp_banner .item.item_overlay.base-bg .inner.js-overlay-right::before {
        background: linear-gradient(to left, rgba(255, 255, 255, 0.7) 75%, transparent 170%) !important;
        opacity: 1;
    }

    .usn_cmp_banner .item.item_overlay.base-bg .inner::before {
        background: linear-gradient(to right, rgba(255, 255, 255, 0.85) 25%, transparent 100%) !important;
        opacity: 1;
    }

    .usn_cmp_banner .item.item_overlay.base-bg .inner.js-overlay-left::before {
        background: linear-gradient(to left, rgba(255, 255, 255, 0.85) 25%, transparent 100%) !important;
        opacity: 1;
    }
}

.usn_cmp_banner .item.item_overlay.c1-bg .info {
    padding: 90px 30px;
}

.usn_cmp_banner:not(.fat-title, .split-banner) .item .info .heading {
    font-family: 'LGSmartLight-SemiBold', sans-serif !important;
    font-size: 60px !important;
    text-transform: uppercase;
    line-height: 100% !important;
    width: 140% !important;
    margin-bottom: 20px !important;
}

.usn_cmp_banner:not(.fat-title, .split-banner) .item:not(.banner-lg-overlay) .info p:not(.heading) {
    font-family: 'LG_Smart_Light', sans-serif !important;
    font-size: 24px !important;
    font-weight: normal !important;
    line-height: 125% !important;
    width: 100% !important;
}

.usn_cmp_banner:not(.fat-title, .split-banner) .item .info .heading,
.usn_cmp_banner:not(.fat-title, .split-banner) .item .info h1 {
    font-size: 50px !important;
}

.usn_cmp_banner .banner-lg-overlay.item .info p:not(.heading) {
    font-family: 'LG_Smart_Light', sans-serif !important;
    font-size: 30px !important;
    font-weight: normal !important;
    line-height: 125% !important;
    width: 100% !important;
}

.usn_cmp_banner .item.item_overlay.c1-bg .text {
    font-size: 24px;
    line-height: 35px;
}

@media(max-width:992px) {
    .usn_cmp_banner .item.item_overlay.c1-bg .info .heading {
        margin-bottom: 10px !important;
        margin-top: 30px !important;
    }

    .usn_cmp_banner .item.item_overlay .info {
        padding: 0 40px !important;
    }

    .split-banner .d-table-cell {
        padding: 0 !important;
    }
}

@media(max-width:1200px) {
    .usn_cmp_banner .item.item_overlay.c1-bg .text {
        font-size: 18px;
        line-height: 22px;
    }

    .usn_cmp_banner .item.item_overlay.base-bg .text {
        font-size: 18px;
        line-height: 22px;
    }
}

.component .info .link .btn {
    margin-right: 15px !important;
}

.component.usn_cmp_banner .item.item_takeover-banner .heading {
    font-size: 62px;
    line-height: 68px;
    font-weight: var(--p-heading-typography_font-weight);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

@media (max-width:1200px) {

    .component.usn_cmp_banner .item.item_short-banner {
        min-height: 60vh;
        height: 60vh !important;
    }

    .component.usn_cmp_banner .item.item_short-banner .image {
        min-height: 60vh;
        height: 60vh !important;
    }

    .component.usn_cmp_banner .item.item_short-banner .container {
        min-height: 60vh;
        height: 60vh !important;
    }

    .component.usn_cmp_banner .item.item_short-banner .info {
        min-height: 60vh;
        height: 60vh !important;
    }

    .component.usn_cmp_banner .item.item_short-banner .heading {
        font-size: 40px;
    }

    .component.usn_cmp_banner .item.item_medium-banner {
        min-height: 60vh;
        height: 60vh !important;
    }

    .component.usn_cmp_banner .item.item_medium-banner .image {
        min-height: 60vh;
        height: 60vh !important;
    }

    .component.usn_cmp_banner .item.item_medium-banner .container {
        min-height: 60vh;
        height: 60vh !important;
    }

    .component.usn_cmp_banner .item.item_medium-banner .info {
        min-height: 60vh;
        height: 60vh !important;
    }

    .component.usn_cmp_banner .item.item_medium-banner .heading {
        font-size: 24px;
        line-height: 30px;
    }

    .component.usn_cmp_banner .item.item_takeover-banner {
        min-height: 52vh;
        height: 52vh !important;
    }

    .component.usn_cmp_banner .item.item_takeover-banner .image {
        min-height: 52vh;
        height: 52vh !important;
    }

    .component.usn_cmp_banner .item.item_takeover-banner .container {
        min-height: 52vh;
        height: 52vh !important;
    }

    .component.usn_cmp_banner .item.item_takeover-banner .info {
        min-height: 60vh;
        height: 60vh !important;
        padding: 70px 45px;
    }

}

@media (max-width: 1200px) and (orientation: portrait) {
    .component.usn_cmp_banner .item.item_short-banner .info {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* Slider center */
.js-slider-center {
    margin-left: -15px;
    margin-right: -15px;
}

.js-slider-center h2.heading {
    color: #A50034 !important;
    margin-bottom: 20px !important;
}

.js-slider-center p.heading {
    font-size: 40px;
    line-height: 38px;
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
    min-height: 80px;
    max-height: 80px;
    padding-top: 20px;
}

.js-slider-center .listing {
    margin-left: 0;
    margin-right: 0;
}

.js-slider-center .slick-slider {}

.js-slider-center .slick-slider ul.slick-dots {
    padding: 0;
    margin: 50px 0 20px 0;
}

.js-slider-center .item.slick-slide {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

.js-slider-center .slick-track {
    display: flex;
    align-items: center;
}

.js-slider-center .slick-slider .slick-list,
.js-slider-center .slick-slider .slick-track {
    overflow: visible !important;
}

.js-slider-center .slick-slide .image {
    transform: scale(.9) !important;
    overflow: visible !important;
    top: 140px;
    position: relative;
    transition: transform 100ms ease-in-out;
    cursor: ew-resize;
}

.usn_cmp_gallery.js-slider-center .slick-slide .image {
    top: 25%;
}

.js-slider-center .slick-current .image {
    transform: scale(1) !important;
    width: 100%;
    z-index: 300;
    position: relative;
    top: 0;
}

.js-slider-center .slick-slide .image a:hover img,
.js-slider-center .slick-slide a:hover .image img,
.js-slider-center .slick-slide .item a:hover .image.background-image {
    transform: scale(1) !important;
}

.js-slider-center .item .info,
.js-slider-center .item .meta {
    display: none;
}

.js-slider-center .slick-current .info,
.js-slider-center .slick-current .meta {
    display: flex;
    flex-direction: column;
}

.js-slider-center .slick-current .meta {
    order: 2;
    display: none;
}

.js-slider-center .secondary-heading {
    display: none !important;
}


.js-slider-center .info {
    margin-bottom: 20px;
    margin-bottom: 40px;
}

.js-slider-center .component-outro {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

.js-slider-center .component-outro .info {
    margin-bottom: 0 !important;
}


.js-slider-center .btn-read {
    margin-bottom: 0px;
    margin-top: 20px !important;
}

.js-slider-center .categories {
    position: absolute;
    left: 190px;
    top: 175px;
}

.js-slider-center .page-summary {
    min-height: 65px !important;
}

.js-slider-center .btn-read .btn {
    display: inline-block;
}

.js-slider-center .slick-slider .slick-prev,
.js-slider-center .slick-slider .slick-next {
    top: calc(50% + 100px);
    background-color: transparent;
    color: #6b6b6b;
}

.js-slider-center .slick-slider .slick-prev i.icon,
.js-slider-center .slick-slider .slick-next i.icon {
    font-size: 24px;
}

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

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

@media (max-width:992px) {
    .js-slider-center .slick-slide .image {
        transform: scale(1) !important;
        top: inherit;
        opacity: 0;
    }

    .js-slider-center {
        margin-left: 0;
        margin-right: 0;
    }

    .js-slider-center .slick-slider .slick-list {
        overflow: hidden;
    }

    .js-slider-center .component-introduction {
        padding-bottom: 0 !important;
    }
}

/* Windows */
.listing_window-mosaic .item .inner:hover a {
    text-decoration: none !important;
}

.listing_window-mosaic .item .image::before {
    content: '';
    opacity: 0;
}

.listing.listing_window-mosaic .item .inner {
    position: relative;
    z-index: 5;
}

.listing_window-mosaic .item .image::before {
    background: rgba(0, 0, 0, 0.20);
    content: '';
    opacity: 0.2;
}

.listing.listing_window-mosaic .item.item_overlay a:hover .image::before {
    /* background-image: linear-gradient(0deg, rgb(0 225 255 / 70%), rgb(0 225 255 / 70%)), url(/../images/lg-l-motif.svg), url(/../images/lg-g-motif.svg);
    background-size: auto auto, 53px 160px, 135px 130px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 0 0, left 0 top 0, right 0 bottom 0;
    opacity: 0.5; */
}

.listing.listing_window-mosaic:not(.listing_no-spacing) {
    margin-bottom: -10px;
}

/* UmbracoForms + Eloqua Forms styling */
.form-control,
.elq-form .elq-item-input,
.umbraco-forms-form input.text,
.umbraco-forms-form textarea,
.umbraco-forms-field.dropdown select,
.elq-form .elq-item-select {
    background-color: transparent;
    border-color: #6B6B6B !important;
    border-radius: 90px !important;
    border-width: 1px !important;
    text-align: center !important;
    padding: 5px !important;
    min-height: 50px !important;
    position: relative;
}


.elq-form .dropdown,
.umbraco-forms-field.dropdown select {
    position: relative;
    appearance: none;
}

.umbraco-forms-field.dropdown>.umbraco-forms-field-wrapper::after {
    content: "\f078" !important;
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    right: 5px;
    vertical-align: middle;
    height: 16px;
    pointer-events: none;
    width: auto;
}


.umbraco-forms-field.dropdown.open>.umbraco-forms-field-wrapper::after {
    transform: scaleY(-1);
}

.elq-form .dropdown::after {
    content: "\f078" !important;
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 8px;
    vertical-align: middle;
    height: 16px;
    pointer-events: none;
    width: auto;
}

.elq-form .dropdown.open::after,
.umbraco-forms-field.dropdown.open::after {
    transform: scaleY(-1);
    top: 22px;
}

@media(max-width:768px) {
    .umbraco-forms-field.dropdown>.umbraco-forms-field-wrapper::after {
        top: 6px;
    }

    .elq-form .dropdown::after{
        top: 10px;
    }
}

.elq-form .row .row {
    margin-left: 0;
    margin-right: 0;
}

.umbraco-forms-form input.text,
.umbraco-forms-form textarea {

    max-width: 100% !important;
    width: 100% !important;
    font-size: var(--body-typography_font-size_xl) !important;
    font-weight: var(--body-typography_font-weight) !important;
    font-style: var(--body-typography_font-style) !important;
    line-height: var(--body-typography_font-line-height);
    letter-spacing: var(--body-typography_font-letter-spacing) !important;
    text-transform: var(--body-typography_font-transform) !important;
}

input,
textarea.form-control,
.elq-form .elq-item-textarea,
.umbraco-forms-form textarea {
    border-radius: 50px !important;
    /*    min-height: 50px;*/
    height: auto;
    text-align: center;
    padding: 5px;
    background: transparent !important;
}

.form-element-instruction a {
    color: #A40034 !important;
}

.elq-required {
    color: #A40034 !important;
    font-size: 18px !important;
}

.single-checkbox-row input {
    /*height:100%!important;
min-height:100%!important;*/
}

.elq-form .col-xs-12 {
    padding: 0 20px 0 0 !important;
}

.form-element-instruction,
.LV_invalid {
    font-size: 18px !important;
    margin-top: 20px;
    margin-bottom: 5px;
}

.elq-form .elq-label {
    margin-bottom: 0.5rem !important;
    z-index: 2;
    /* display: none !important;*/
    justify-content: center;
    text-align: center;
    color: #212529 !important;
    /* position: absolute;
    margin-left: 50px;
    transform-origin: 0 50%;
    transition: transform 200ms, color 200ms;
    top:10px; */
    margin-left: 0;
}

@media (max-width:992px) {
    .elq-form .elq-label {
        margin-left: 0;
    }
}



.elq-form .three-column {
    width: 33% !important;
}

.elq-form input[type=radio] {
    min-height: auto;
}

.field-control-wrapper {
    position: relative;
}

.elq-form .elq-field-style {
    padding-bottom: 10px !important;
}

.submit-button-style,
.btn.primary {
    background-color: rgba(217, 218, 219, 0.4) !important;
    border-radius: 25px !important;
    height: 50px;
    border: 1px solid transparent !important;
    padding: 8px 40px !important;
    color: rgba(107, 107, 107, 1) !important;
}

.submit-button-style:hover,
.btn.primary:hover {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--true-black), var(--btn-box-shadow_o));
}

.radio label input[type="radio"],
.checkbox label input[type="checkbox"] {
    top: 10px;
}

.umbraco-forms-fieldset {}

@media (max-width:992px) {
    .umbraco-forms-fieldset {
        margin-bottom: 0;
    }

    .umbraco-forms-container {
        padding: 0 40px;
    }
}

.umbraco-forms-fieldset:last-of-type {
    margin-bottom: 0;
}

.umbraco-forms-field-wrapper select {
    padding: 5px 15px;
    border-radius: 90px;
    min-width: 150px;
}

input[type=file] {
    min-height: 70px;
}

::placeholder {
    color: #acacac;
    font-size: 18px;
}

.form-control::placeholder {
    color: #acacac;
    font-size: 18px;
}

.usn_cmp_form .component-introduction {
    padding-bottom: 0;
}

/* .umbraco-forms-form fieldset {
    margin: 0!important;
    padding: 0!important;
} */
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper label {
    padding-left: 30px !important;
}

.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper input {
    position: absolute;
    top: 10px;
}



.checkboxitem {
    display: block;
    width: 100%;
    position: relative;
    float: left;
}

.umbraco-forms h2 {
    font-size: 32px !important;
    margin-top: -10px;
}

.umbraco-forms .inner {
    padding: 0 !important;
}

/*Anchor Navigation pills */
.component.usn_cmp_anchornavigation {
    padding: 0 0 30px 0 !important;
}

.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item .nav-link {
    box-shadow: none !important;
    border: 1px solid #000;
    font-size: 20px;
}

.component.usn_cmp_anchornavigation nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-borders), var(--btn-box-shadow_o)) !important;
}

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

/* Anchor pills */
.anchor-buttons ul.nav {
    font-size: 24px !important;
}

.anchor-buttons li.nav-item {
    margin-bottom: 15px !important;
    margin-right: 5px;
    margin-left: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-basis: inherit;
}

.anchor-buttons.sticky li.nav-item {
    margin-bottom: 0px !important;
}

.anchor-buttons li.nav-item .nav-link {
    padding: 6px 20px !important;
}

@media (max-width: 1280px) {
    .anchor-buttons ul.nav {
        font-size: 20px !important;
    }
}

/* Listing Grey */
.listing-bg {
    background-color: #eee;
}

.listing-bg .usn_cmp_pods {
    background-color: transparent;
}

.listing-bg .item.item_text-above:not(.item_has-bg) .image {
    padding: 1rem 5rem;
}

.listing-bg .repeatable.tabbed.tab-buttons .tab .nav-link {
    box-shadow: none;
}

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

.repeatable.tabbed.tab-buttons .tab .nav-link.active:hover {
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--base-borders), var(--btn-box-shadow_o)) !important;
}

/* Accordion (FAQ) styling */
.repeatable.accordion.tab-basic .tab .nav-link {
    display: flex;
    align-items: center;
    width: 100%;
    flex-basis: 100%;
    border-top: 1px solid #000;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    position: relative;
    color: rgba(var(--base-link), 1);
    margin: 0 !important;
    font-size: 24px;
    font-weight: 600;
    line-height: 45px;
    padding: 30px 20px;
}

.repeatable.accordion.tab-basic .repeatable-content {
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-bottom: 0;
    padding: 30px 20px;
}

.repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover {
    color: #000;
    background: #eee;
    margin-top: -1px;
}

/* Tabbed (Totaaloplossingen) styling */
.repeatable.tabbed .tab {
    margin-right: 0;
}

.repeatable.tabbed.tab-basic .tab .nav-link:not(.active) {
    background: transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
}

.repeatable.tabbed.tab-basic .tab .nav-link {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid #000;
    padding: 15px 35px;
    color: #000;
}

.repeatable.tabbed.tab-basic .tab .nav-link.active {
    border: 1px solid #000;
    color: #000;
}

.repeatable.tabbed.tab-basic .tab .nav-link.active::after {
    height: 1px;
    background: #000;
}

.repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover {
    background: transparent;
    color: #000;
}

.welcome-message {
    display: flex;
    position: absolute;
    top: 25px;
    z-index: 30;
    left: 30px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #000 !important;
}

@media (max-width:992px) {
    .welcome-message {
        display: none;
    }
}

.usn_cmp_banner .item.banner-lg-overlay .inner {
    position: relative;
    z-index: 32;
}

.usn_cmp_banner .item.banner-lg-overlay .inner::before {
    background: transparent;
}

.usn_cmp_banner .item.banner-lg-overlay::before {
    /* content: '';
    position: absolute;
    min-height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    height: 100%;
    background-image: url(/../images/lg-l-motif.svg), url(/../images/lg-g-motif.svg);
    background-size: 350px 350px, 300px 300px;
    background-repeat: no-repeat, no-repeat;
    background-position: left -120px top 0, right 0 bottom -6px;
    pointer-events: none; */
}

.usn_cmp_banner .item.item_short-banner.banner-lg-overlay::before {
    background-size: 250px 250px, 200px 200px;
    background-repeat: no-repeat, no-repeat;
    background-position: left -85px top 0, right 0 bottom -6px;
}

@media (max-width:992px) {
    .usn_cmp_banner .item.banner-lg-overlay::before {
        background-size: 150px 150px, 130px 130px;
        background-repeat: no-repeat, no-repeat;
        background-position: left -50px top 0, right 0 bottom -6px;
    }
}

.usn_cmp_banner .slick-slider .slick-prev,
.usn_cmp_banner .slick-slider .slick-next {
    width: 40px;
    height: 40px;
    background: rgba(217, 218, 219, 0.6);
    border-radius: 100%;
}

@media (max-width:992px) {

    .usn_cmp_banner .slick-slider .slick-prev,
    .usn_cmp_banner .slick-slider .slick-next {
        display: none !important;
    }
}

.usn_cmp_banner .slick-slider .slick-next {
    right: 50px;
}

.usn_cmp_banner .slick-slider .slick-prev {
    left: 50px;
}

.usn_cmp_banner .slick-slider .slick-next i.icon::before {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-size: 20px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: center;
}

.usn_cmp_banner .slick-slider .slick-prev i.icon::before {
    content: "\f060";
    font-family: "Font Awesome 6 Pro";
    font-size: 20px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: center;
}

footer#site-footer .footer-item.logo-footer {
    margin: 35px 0 0 0 !important;
}

footer#site-footer .logo-footer .inner {
    min-width: 220px !important;
}

footer#site-footer .footer-item.usn_pod_textimage {
    margin: 30px 0 0 0 !important;
}

footer#site-footer .footer-item.usn_pod_sociallinks {
    margin-top: 30px;
}

footer#site-footer .footer-item.usn_pod_sociallinks p.sm.footer-heading {
    font-size: 20px !important;
}

footer#site-footer .footer-text {
    margin-bottom: 20px !important;
}

footer#site-footer .footer-item.usn_pod_sociallinks p.sm.footer-heading {
    font-family: "LG_Smart_Regular", Arial, sans-serif !important;
}

footer#site-footer .footer-item:nth-child(2) .text a:not(.btn) {
    color: #A40034 !important;
}

footer#site-footer .footer-heading,
footer#site-footer a:not(.btn):hover .footer-heading,
footer#site-footer a:not(.btn):focus .footer-heading,
footer#site-footer a:not(.btn):active .footer-heading {
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}

.footer-item.footer-border .inner {
    border-right: 1px solid #6B6B6B;
    content: '';
    height: 100%;
}

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

@media (max-width: 1200px) and (orientation: portrait) {
    footer#site-footer .footer-item:first-child {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    .logo-footer .image {
        width: 100% !important;
    }

    .footer-bottom.container {
        padding-right: 0 !important;
    }
}

@media (max-width:992px) {
    .footer-item.footer-border .inner {
        border: none;
    }

    .logo-footer .image {
        width: 65% !important;
    }

    footer#site-footer .footer-item:first-child,
    footer#site-footer .footer-item:nth-child(2) {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    .footer-bottom .col:first-child,
    .footer-bottom .col:nth-child(2) {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        justify-content: flex-start !important;
    }

    nav.footer-navigation {
        padding: 15px 0 0 0 !important;
    }

    nav.footer-navigation ul li {
        display: inline !important;
        padding-bottom: 30px !important;
    }
}

.usn_back-to-top a.btn {
    /*border-top-right-radius: 0;*/
    /*border-bottom-right-radius: 0;*/
    background:#333333!important;
    border-color:#333333!important;
    color:#fff!important;
}
.usn_back-to-top a.btn:hover {
    background:#fff!important;
    border-color:#fff!important;
    color:#333!important;
} 

.usn_back-to-top a.btn i {
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width:992px) {
    .usn_back-to-top a.btn i {
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.contactform {
    margin: 100px 0;
}

/* Split bannners */
.split-banner {
    margin-left: 60px;
    margin-right: 60px;
}

.split-banner .item_medium-banner {
    margin-top: 60px;
    margin-bottom: 30px;
}

.split-banner-short {
    margin-left: 60px;
    margin-right: 60px;
}

.split-banner-75 .info.col {
    flex: 0 0 75% !important;
    -ms-flex: 0 0 75% !important;
    max-width: 75% !important;
    padding: 90px 15px !important;
}

.split-banner-wide .component-inner {
    max-width: var(--component-max-width);
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.split-banner-short .item {
    margin-bottom: 25px;
    margin-top: 25px;
    height: 50vh !important;
    min-height: 600px !important;
}

.split-banner-short .item .image,
.split-banner-short .item .container,
.split-banner-short .item .row {
    height: 50vh !important;
    min-height: 600px !important;
}

.split-banner-medium .item {
    margin-bottom: 100px;
    margin-top: 100px;
    height: 50vh !important;
    min-height: 600px !important;
}

.split-banner-medium .item .image,
.split-banner-medium .item .container,
.split-banner-medium .item .row {
    height: 50vh !important;
    min-height: 600px !important;
}

.split-banner .heading.sm {
    background: #FD312E;
    border-radius: 25px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    font-size: 24px !important;
    font-family: 'LG_Smart_Light', sans-serif !important;
    font-weight: 400;
    line-height: 28px;
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 15px !important;
    color: #fff !important;

}

.split-banner .c1-bg .heading.sm {
    color: #fff !important;
}

.split-banner .secondary-heading.sm {
    font-weight: 400;
    font-size: 36px;
    display: inline-flex;
    position: relative;
    text-transform: none;
}

.split-banner .text h2 {
    margin-bottom: 40px;
}

.split-banner .link {
    margin-top: 40px;
}

.split-banner .d-table-cell {
    padding: 0 30px;
}

.split-banner h3 {
    margin-top: 40px !important;
}

@media (max-width: 1280px) {
    .split-banner .secondary-heading.sm {
        font-size: 30px !important;
    }

    .split-banner .d-table-cell {
        padding: 0 30px 0 0;
    }
}

@media (max-width:992px) {
    .split-banner {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .split-banner .item_medium-banner {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .split-banner .heading.sm {
        font-size: 18px !important;
        line-height: 20px !important;
        margin-bottom: 20px !important;
        margin-top: 30px !important;
    }

    .split-banner .secondary-heading.sm {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px !important;
        top: 0;
    }

    .split-banner .text h2 {
        margin-bottom: 10px;
    }

    .split-banner .link {
        margin-top: 20px;
    }

    .split-banner-short .item .image,
    .split-banner-short .item .container,
    .split-banner-short .item .row {
        text-align: center !important;
    }
}

/* Totaaloplossingen */
.btn-zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    overflow: visible;
    padding: 0;
    text-indent: -9999px;
    border: none;
    border-radius: 50%;
    outline: none;
    background: #fff;
    box-shadow: 0 0 12px rgb(0 0 0 / 35%);
    transition: all .2s;
    display: inline-block;
    text-align: center;
    animation: pulse-white 2s infinite;
}

.btn-zoom::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%;
    background: #A40034;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: all .2s;
}

.btn-zoom::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    content: "";
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    transform-origin: center;
    animation: pulse-white 2s infinite;
}

.btn-zoom:hover::before {
    transform: translate(-50%, -50%) scale(1.5);
}

.prod-title {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 240px;
    position: relative;
    top: 9px;
    left: 30px;
    text-shadow: 0 0 3px #000;
    white-space: nowrap;
    font-size: 24px;
    transition: none !important;
    pointer-events: none;
}

.prod-btn {
    position: relative;
    width: 40px;
    height: 40px;
    padding-left: 20px;
}

.btn-zoom-container {
    position: absolute !important;
    left: 25%;
    right: 25%;
    top: 25%;
    bottom: 25%;
    transform: translate(0%, 0%);
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 100;
    display: flex;
}

@media (max-width:1280px) {
    .btn-zoom-container {
        display: none;
    }

    .listing-bg .repeatable.tabbed .tab {
        margin-bottom: 10px;
    }
}

.blog-listing-component {
    padding-top: 0 !important;
    margin-top: -45px;
}

.blog-listing-component .secondary-heading {
    display: none;
}

.blog-listing-component .item-blog {
    margin-bottom: 60px;
}

.blog-listing-component p.heading {
    font-size: 28px;
    line-height: 36px;
}

@media (max-width:992px) {
    .blog-listing-component p.heading {
        font-size: 24px;
        line-height: 30px;
    }
}

.blog-listing-component .text {
    display: none;
}

.blog-listing-component ul.post-tags {
    margin: 20px 0 20px 0 !important;
}

/* Quotes Slider */
.quotes-slider .inner {
    text-align: center;
}

.quotes-slider .info :first-child:not(li):not(.btn) {
    margin-bottom: 50px !important;
}

.quotes-slider blockquote p.quote {
    font-style: normal;
    font-weight: 400;
}

.quotes-slider .quote {
    margin-top: 40px;
    margin-bottom: 40px;
}

.quote-slider blockquote::before {
    color: #000 !important;
    display: none !important;
}

.quotes-slider .meta {
    margin-top: 40px;
    margin-bottom: 40px;
}

.quotes-slider .person {
    font-weight: 700;
    font-size: 22px !important;
}

/* Meta author comments */
.meta-author-comments {
    padding: 0 !important;
}

.meta-author-comments .author-bio {
    display: none;
}

.meta-author-comments .component.meta.base-bg {
    border: none;
    padding: 0 !important;
}

@media (max-width:992px) {
    .meta-author-comments .component.meta.base-bg {
        border: none;
        margin-bottom: 0;
    }
}

/*Language selector*/
html.nav-up body.header-14-lg.show_header-on-scroll-lg header#site-header .langdrop {
    top: 75px;
}

.langdrop {
    position: absolute;
    right: 0;
    z-index: 5;
    top: 10px;
    display: block !important;
    list-style: none;
}

@media (max-width:992px) {
    .langdrop {
        display: none;
    }
}

ul.langdrop li.language-selector a>img {
    width: 24px;
    max-width: 100%;
    height: 24px;
}

ul.langdrop li.dropdown .dropdown-menu>a {
    padding: 0px 5px;
    color: rgba(var(--navigation-dropdown-link), 1);
}

ul.langdrop li.language-selector a>img {
    top: -1px;
}

ul.langdrop li.language-selector a>img+span {
    margin-left: 5px;
}

ul.langdrop .dropdown-toggle::after {
    display: none;
}

ul.langdrop li.dropdown .dropdown-menu {
    border-radius: 0;
    background: #eee;
}

.site-search-form .btn-search {
    border-radius: 0;
}

.site-search-form .btn-search.btn.base-btn-bg.base-btn-bg-hover-linear:hover>span {
    background: transparent;
}

/* Categories and search pills */
.categories {
    margin-bottom: 20px;
}

ul.post-tags,
.categories ul {
    list-style: none;
    margin: 20px 0 0 0 !important;
    padding: 0;
}

ul.post-tags li,
.categories ul li {
    background: rgba(217, 218, 219, 0.4);
    border-radius: 20px;
    height: 30px;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 8px;
    color: #6B6B6B !important;
}

.categories ul li a,
.categories ul li a.categorylink {
    margin: 0 !important;
    color: #6B6B6B !important;
}

.meta ul li+li::before {
    content: '';
}

@media (max-width:992px) {

    ul.post-tags,
    .categories ul {
        margin: 20px 0px 40px 0 !important;
    }
}

/* Search with Links */

.search-pod .quick-links ul {
    margin: 40px 0;
    text-align: center;
}

.search-pod .quick-links ul li {
    background: rgba(var(--c1-btn-bg-color1), 1);
    padding: 6px 20px;
    border-color: rgba(var(--c1-btn-borders), 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 25px;
    height: 50px;
    margin-bottom: 15px;
}

.search-pod .quick-links ul li {
    margin-right: 5px;
    margin-left: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-basis: inherit;
}


.search-pod .quick-links ul li:hover {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #000;
}

.search-pod .quick-links ul li a {
    padding-left: 0;
    text-decoration: none !important;
    color: #000;
}

.search-pod .quick-links ul li a:hover {
    text-decoration: none !important;
    color: #000;
}

.search-pod .quick-links ul li a::after {
    display: none;
}

.search-pod .site-search {
    width: 650px;
    margin: auto;
}

body .search-pod .quick-links ul li:hover {
    text-decoration: none !important;
}

.search-pod .listing-pods {
    margin-top: 0 !important;
}

.search-pod .component-introduction {
    padding-bottom: 0px !important;
}

@media (max-width:992px) {
    .search-pod .site-search {
        width: 100%;
    }

    .search-pod .quick-links ul {
        margin: 60px 0;
    }
}


.search-pod .site-search .btn {
    background: none;
    border: none;
    box-shadow: none;
}

.search-pod .site-search .btn:hover {
    box-shadow: none;
}

.search-pod .site-search .form-control {
    border-color: #6B6B6B !important;
    border-width: 1px;
    text-align: center;
    height: 50px;
    min-height: 50px;
    padding: 5px;
    border-radius: 25px !important;
    margin: auto;
}

.search-pod.search-pod-home {
    margin-bottom: -100px;
}

.search-pod.search-pod-header {
    height: 40vh;
    min-height: 450px;
}

.site-search .form-control {
    border-color: #6B6B6B !important;
    border-width: 1px !important;
    text-align: center;
    height: 50px !important;
    min-height: 50px !important;
    padding: 5px !important;
    border-radius: 90px !important;
    margin: auto;
}

.site-search .form-control:focus-visible {
    outline-offset: 1px !important;
    outline: rgba(var(--base-highlight), 1) auto 1px !important;
}

.site-search .btn {
    background: none;
    border: none;
    box-shadow: none;
}

.site-search .btn:hover {
    box-shadow: none;
}

.site-search .btn-search {
    color: #6B6B6B;
}

.client-logo .item.item_text-left .image,
.client-logo .item.item_text-right .image {
    align-items: center;
    display: flex;
    height: 100%;
    max-width: 200px;
    flex: 0 0 200px;
    padding-right: 60px !important;
    width: 100%;
}

.client-logo .item .image {
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.client-logo .item .image img {
    min-height: auto;
    height: 100%;
    max-width: 200px;
}

.client-logo .listing-pods {
    margin-top: 0 !important;
}

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

.client-logo .text a {
    color: #000 !important;
}

.usn_cmp_text .text h3 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.usn_cmp_text .text h4 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.usn_cmp_pods.usp-pods .listing-pods {
    margin-top: 40px;
}

.listing .item.item_text-boxed .image+.info.align-self-start {
    padding: 50px 60px;
}

nav#pagination .pagination li a {
    border: none;
}

nav#pagination .pagination li:not(.active) a:hover {
    box-shadow: none;
}

.usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-linear .inner::before {
    background-image: linear-gradient(to bottom, transparent 0%, #000 100%) !important;
}

.usn_back-to-top {
    bottom: 20px !important;
    width: 60px !important;
}

@media (max-width:992px) {
    .usn_back-to-top {
        bottom: 20px !important;
        margin: auto;
        width: 50% !important;
        position: relative;
    }

    .usn_back-to-top a.btn {
        border-radius: 90px;
    }
}

.image a:hover img,
a:hover .image img,
.item a:hover .image.background-image {
    transform: scale(1);
    transform-origin: center;
}

ul.circle-check {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

ul.circle-check li {
    padding-left: 40px !important;
    position: relative;
}

ul.circle-check li:before {
    content: "\f058";
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 10px !important;
}

/* Footer */
nav.footer-navigation {
    padding: 40px 0;
}

nav.footer-navigation,
nav.footer-navigation ul li a {
    color: #6b6b6b !important;
}

nav.footer-navigation li+li::before {
    content: " | ";
    margin-right: 2px;
}

.footer-item.usn_pod_sociallinks .inner {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer-item.usn_pod_sociallinks .heading+nav.social {
    margin: 0 0 0 20px;
}

/* Social icons */
nav.social ul li {
    margin: 0 10px 0 0 !important;
}

nav.social ul li a {
    width: 32px !important;
    height: 32px !important;
}

nav.social ul li a img {
    width: 32px !important;
    height: 32px !important;
}

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

p.footer-heading {
    margin-bottom: 30px !important;
    font-size: 24px !important;
}

p.sm.footer-heading {
    margin-bottom: inherit !important;
    font-weight: 400;
}

a.footer-link {
    color: #A40034 !important;
}

.footer-item .phone:before {
    content: '\f879';
    font-family: 'Font Awesome 6 Pro';
    margin-right: 10px;
    font-size: 16px;
}

@keyframes pulse-white {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.product-pods .image {
    margin: 50px 0 !important;
}

.usn_pod_relatedcontent .read-more {
    display: none;
}

.js-slider-center .usn_pod_relatedcontent .read-more {
    display: block;
}

.base-text a:not(.btn),
.base-bg .base-text a:not(.btn) {
    color: #a50034;
    text-decoration: underline;
}

.intro-no-padding .component-introduction {
    padding-bottom: 0 !important;
}

.intro-no-padding .component-introduction .info .heading {
    margin-bottom: 0 !important;
}

/* USN notification (cookies) */
.usn-notification.open {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.card-shadow>div {
    background: #fff;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15) !important;
    padding: 40px;
}

.has-box-shadows.usp-pods .image {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15) !important;
    padding: 20px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: auto;
    border-radius: 50%;
}

.usp-pods.has-box-shadows .image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.has-box-shadows.usp-pods .listing-pods .inner {
    padding: 0;
}

.products-overview .listing .image {
    margin-top: 30px !important;
    margin-bottom: 50px;
}

.filter-box {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    appearance: none;
    pointer-events: all;
}

.filter-box .filter-item-selected {
    font-weight: bold;
}

.select-box {
    position: relative;
    z-index: 1;
    display: flex;
}

.select-box::after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 1;
    display: inline-block;
    color: #6B6B6B;
    pointer-events: all;
}

/* Blog listing less padding */
.overview-list .content~.content {
    padding-top: 100px;
}

.slider-products .item.item_text-left .image,
.slider-products .item.item_text-right .image {
    flex: 0 0 65% !important;
    max-width: 65% !important;
}

.slider-products .item.item_text-left .image+.info,
.slider-products .item.item_text-right .image+.info {
    flex: 0 0 35% !important;
    max-width: 35% !important;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.slider-products .item.item_text-right .image+.info {
    padding-left: 85px !important;
}

.slider-products .item.item_text-left .image+.info {
    padding-right: 85px !important;
}

.slider-products .slick-dots {
    position: absolute;
    right: 23%;
    bottom: 40px;
}

@media(max-width:992px) {
    .slider-products .item.item_text-right .image+.info {
        padding-left: 0 !important;
    }

    .slider-products .item.item_text-left .image+.info {
        padding-right: 0 !important;
    }

    .slider-products .item.item_text-left .image,
    .slider-products .item.item_text-right .image {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .slider-products .item.item_text-left .image+.info,
    .slider-products .item.item_text-right .image+.info {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center;
    }

    .slider-products .slick-dots {
        position: inherit;
        right: inherit;
        bottom: inherit;
    }
}

body.header-14-lg header#site-header nav.cta-links .btn {
    background-color: transparent;
    border: none;
    color: rgba(217, 218, 219, 0.6) !important;
    font-size: 16px;
    flex-direction: row-reverse;
    padding-left: 25px !important;
}

body.header-14-lg header#site-header nav.cta-links .btn:hover {
    background-color: transparent;
    border: none;
}

body.header-14-lg header#site-header nav.cta-links .btn:hover span {
    background-color: transparent;
    border: none;
}

body.header-14-lg header#site-header nav.cta-links {
    top: -210px;
    color: rgba(217, 218, 219, 0.6) !important;
    margin-right: -15px !important;
}

html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header nav.cta-links {
    top: -80px;
}

body.header-14-lg header#site-header nav.cta-links .icon {
    border-radius: 100%;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    color: #A50034;
    margin-left: 38px;
}

body.header-14-lg header#site-header nav.cta-links .icon::before {
    content: "\f095";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    transform: scaleX(-1);
}

nav.secondary>ul>li>span>a,
nav.secondary>ul>li>a {
    display: block;
    padding: 0 30px;
}

@media (max-width:992px) {
    .component .info .link .btn:last-of-type {
        margin-left: inherit;
    }
}

header .site-search .form-control {
    color: #fff !important;
}

.base-btn-bg:hover,
.btn-bg_base-btn-bg .btn:hover,
.btn.base-btn-bg:focus,
.btn-bg_base-btn-bg .btn:focus,
.btn.base-btn-bg:active,
.btn-bg_base-btn-bg .btn:active {
    border-radius: 50px !important;
}

/* Academy */

.blog-listing-component.listing-academy .listing {
    margin-bottom: -100px;
}

.listing-academy .item-course {
    margin-bottom: 0 !important;
    padding-top: 100px;
    padding-bottom: 100px;
}

.listing-academy .item-course p {
    margin: 20px 0 30px 0;
}

.listing-academy .item-course-info::after {
    content: '';
    border-right: 1px solid #000;
    height: 100%;
    width: 1px;
    display: flex;
    right: -30px;
    position: absolute;
    top: 0;
}

.listing-academy .item-course-data {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width:768px) {
    .listing-academy .item-course-info::after {
        display: none;
    }
}

/* .listing-academy .item-course:last-child {
    padding-bottom: 0 !important;
} */

.listing-academy .item .inner {
    position: relative;
    z-index: 3;
}

.listing-academy .item {
    margin-bottom: 0 !important;
}

.listing-academy .item.odd::after {
    /* content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
    top: 0;
    bottom: 0;
    width: 100vw;
    z-index: 1;
    left: 50%;
    margin-left: -50vw;
    z-index: 2;
    pointer-events: none; */
}

.listing-academy-details .item::after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
    top: 0;
    bottom: 0;
    width: 100vw;
    z-index: 1;
    left: 50%;
    margin-left: -50vw;
    z-index: 2;
    pointer-events: none;
}

.listing-academy .item-course .text {
    display: flex;

}

.listing-academy .item-course .text:last-child:not(li):not(.btn) {
    margin-bottom: 0 !important;
}

.listing-academy .info .item-course p.heading {
    font-size: 24px;
    margin-bottom: 0 !important;
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}

.listing-academy .info .item-course p.heading i {
    font-size: 18px;
}

.listing-academy .item-course .read-more {
    margin-top: 20px;

}

.listing-academy .item-course .read-more a {
    font-size: 20px;
}

.listing-academy .item-course .list-target-audience {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cta-block .item .info {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    margin: auto;
}

@media (max-width:992px) {
    .cta-block .item .info {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Downloads */
.listing-downloads {
    display: flex;
}

.listing-downloads #multiple-filters button {
    padding: 2px 25px !important;
    font-size: 20px !important;
    color: #212529;
}

.listing-downloads #multiple-filters .button.is-checked {
    background-color: #000;
    color: #fff;
}

.listing-downloads #multiple-filters .fake-dropdown {
    color: DarkGray;
    border-color: DarkGray !important;
}

.listing-downloads #multiple-filters .fa-spinner {
    margin-top: 8px;
}

.listing-downloads .item {
    flex: 1 0 24%;
    max-width: 24%;
    margin: 0;
    margin-right: 1%;
    margin-bottom: 10px !important;
    background: #e9e9e9;
    border-radius: 11px;
    height: 300px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.listing-downloads .item .inner div {
    word-wrap: break-word;
}

.listing-downloads .modal-content {
    width: 50% !important;
    margin-left: 25% !important;
    z-index: 1 !important;
}

.listing-downloads .modal-body {
    padding: 80px 120px !important;
}

.close-modal {
    margin-left: 10px !important;
}

.listing-downloads .slick-slider .slick-prev {
    left: -80px !important;
}

.listing-downloads .slick-slider .slick-next {
    right: -80px !important;
}

.listing-downloads .no-results-found {
    display: none;
}

.downloads .modal-backdrop {
    display: none;
}

.downloads .modal {
    background: rgb(0 0 0 / 80%);
}
.download-thumbnail-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    height: 100px;
}

.download-thumbnail {
    max-height: 75px;
    max-width: 75px;
}

.download-link {
    padding: 6px 15px;
    display: inline-flex;
    justify-content: center;
    font-size: 20px;
    width: 95%;
}

.download-link-album {
    color: #A50034 !important;
    display: block !important;
    margin: 5px 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-size:18px;
}

.download-link-album i {
    font-size: 16px !important;
    margin-right: 5px;
}

.listing-downloads .dropdown {
    position: relative;
    appearance: none;
}

.listing-downloads .dropdown .filter-select {
    background-color: transparent;
    border-color: #6B6B6B !important;
    border-radius: 90px !important;
    border-width: 1px !important;
    text-align: center !important;
    padding: 5px !important;
    width: 100%;
}

.listing-downloads .dropdown::after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 5px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    pointer-events: none;
    z-index: 2;
}

.listing-downloads .dropdown.open::after {
    transform: scaleY(-1);
    top: 22px;
}

#btn-reset-filter {
    cursor: pointer;
    align-items: center;
    display: flex;
}

@media(max-width:992px) {
    .listing-downloads {
        margin-top: 0;
    }

    .listing-downloads .item {
        max-width: 100%;
        margin: 0;
        margin-bottom: 20px !important;
        height: 220px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    #btn-reset-filter {
        justify-content: center;
    }
}



@media(min-width:1024px) and (max-width:1440px) {
    .listing-downloads .item .inner h5 {
        font-size: 20px;
    }

    .listing-downloads .item .inner .btn {
        font-size: 18px;
    }
}

.listing-downloads:not(.listing_window-mosaic) .item:last-child {
    margin-bottom: 10px !important;
}

.listing-downloads .item .inner {
    margin-bottom: 20px !important;
    margin-left: 5px;
}

.listing-downloads .modal::before {
    display: none !important;
}

.downloads-text {
    margin-bottom: 30px;
}

.download-input {
    width: 50%;
    margin-left: 25% !important;
}

.second-row {
    padding: 30px 0 0 0;
    border-top: 1px solid #000;
}

.download-header-image {
    background-image: url('/media/gm2eg2sj/search-header.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 30vh !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.listing-academy .button-group .button:hover,
.listing-academy .button-group .button:focus {
    background: #000;
    border-color: #000;
    color: #fff;
}

.listing-downloads .button-group .button:hover,
.listing-downloads .button-group .button:focus {
    background: #000;
    border-color: #000;
    color: #fff;
}

.listing-downloads #multiple-filters .second-row .button.is-checked,
.listing-downloads #multiple-filters .second-row .button:hover,
.listing-downloads #multiple-filters .second-row .button:focus {
    background: #535353 !important;
    border-color: #535353 !important;
    color: #fff !important;
}

.listing-academy .button:active,
.listing-academy .button.is-checked {
    border-color: #000 !important;
    background-color: #000 !important;
}

button:focus {
    outline: none !important;
}

.item-course-data .heading {
    font-size: 24px !important;
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}

.item-course-data .heading i {
    font-size: 18px;
}

/* ---- button ---- */

.button {
    background: rgba(var(--c1-btn-bg-color1), 1);
    padding: 6px 20px;
    border-color: rgba(var(--c1-btn-borders), 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 25px;
    height: 50px;
    margin-bottom: 15px;
}

.button-sub-button {
    background: #D9DADB;
    padding: 6px 20px;
    border-color: #D9DADB;
    border-style: solid;
    border-width: 1px;
    border-radius: 25px;
    height: 50px;
    margin-bottom: 15px;
}

.button-sub-button:hover {
    background-color: #8CF;
    text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
    color: #222;
}

.button-sub-button:active,
.button-sub-button.is-checked {
    background-color: #000;
}

.button-sub-button.is-checked {
    color: white;
}

/* ---- button-group ---- */

.button-group {
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.button-group:after {
    content: '';
    display: block;
    clear: both;
}

.button-group .button {
    margin-right: 5px;
    margin-left: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-basis: inherit;
    font-size: 16px;
}

.listing-downloads button {}

.listing-downloads .title {
    font-size: 20px;
    line-height: 130%;
}

/* ---- isotope ---- */

.filter-list {
    margin-top: 60px;
}

/* clear fix */
.filter-list:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .element-item ---- */

.change-view .element-item {
    position: relative !important;
    float: left;
    width: 100%;
    left: auto !important;
    top: auto !important;
}

.element-item {
    position: relative;
    float: left;
    width: 100%;
}

.type {
    background: #FD312E;
    border-radius: 25px;

    display: inline-flex;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 15px !important;
    color: #fff !important;

}

.element-item>* {
    margin: 0;
    padding: 0;
}

.element-item .name {
    position: absolute;
    left: 10px;
    top: 60px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: normal;
}

.element-item .symbol {
    position: absolute;
    left: 10px;
    top: 0px;
    font-size: 42px;
    font-weight: bold;
    color: white;
}

.element-item .number {
    position: absolute;
    right: 8px;
    top: 5px;
}

.element-item .weight {
    position: absolute;
    left: 10px;
    top: 76px;
    font-size: 12px;
}

/* Breadcrumb */
.breadcrumb-trail {
    padding-left: 20px !important;
    margin-bottom: 30px;
}

.breadcrumb-trail ol.breadcrumb li .breadcrumb-trail ol.breadcrumb li a,
.breadcrumb-trail ol.breadcrumb li span {
    font-size: 18px !important;
    color: #6b6b6b !important;
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item:first-child a .before {
    display: none;
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before,
.directional-icons-chevron .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon:before {
    content: '\f054' !important;
    font-family: 'Font Awesome 6 Pro' !important;
    font-size: 12px !important;
    position: absolute;
    top: 5px;
    margin-left: -10px;
}

.breadcrumb-trail ol.breadcrumb li {
    padding-right: 20px !important;
    padding-left: 0px !important;
    font-family: "LG_Smart_Regular", Arial, sans-serif !important;
}

/* Cases */

#cases .component-introduction {
    padding-bottom: 0 !important;
}

#news .component-introduction {
    padding-bottom: 20px !important;
}

.slider-products .item .base-secondary-heading {
    position: absolute;
    top: -90px;
    font-size: 40px;
    text-transform: none;
    left: 160px;
    /*color: #3196ab !important;*/
}

.slider-products .item p.heading {
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}

.slider-products .item {
    padding-top: 80px !important;
}

.slider-products {
    margin-top: -100px;
}

.slider-products .component-introduction .heading {
    position: absolute;
    top: 40px;
    background: #FD312E;
    border-radius: 25px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 15px !important;
    color: #fff !important;
    font-family: "LG_Smart_Regular", Arial, sans-serif !important;
}



/* News */

.header-news .item.item_short-banner,
.header-news .item.item_short-banner .container,
.header-news .item.item_short-banner .row,
.header-news .item.item_short-banner .image,
.header-news .item.item_short-banner .image .video {
    height: 30vh !important;
    min-height: 30vh !important;
}


.listing-news .item .image img {
    margin-top: -25%;
}

#academy .d-table-cell,
#seminars .d-table-cell {
    padding: 0 !important;
}

.listing-news .page-summary p {
    margin: 0 !important;
    height: 50px;
}

.summary-text {
    display: none;
    padding-top: 20px;
}

.listing-news .slick-slider .slick-dots li:hover .summary-text {
    display: none;
}

.listing-news .slick-slider .slick-dots li:hover .summary-text p,
.listing-news .slick-slider .slick-dots li:hover .summary-text em {
    text-overflow: ellipsis;
    width: 950px;
}

.listing-news .slick-slider .slick-dots li .summary-text:after {
    /* content: '..';
    position: absolute;
    top: 117px;
    right: 280px; */
}

html[dir="ltr"].no-touch body.header-14-lg header#site-header nav.main ul>li:hover>ul,
html[dir="ltr"].touch body.header-14-lg header#site-header nav.main ul>li.open-child>ul {
    left: 0px;
    right: 0;
    top: 85px;
}

.base-bg .label {
    background-color: #FD312E !important;
    padding: 0 10px;
    border-radius: 30px;
}

.hide-lg-logo.usn_cmp_banner .item.banner-lg-overlay::before {
    display: none !important;
}

.component.usn_cmp_banner.small-banner .item.item_short-banner,
.component.usn_cmp_banner.small-banner .item.item_short-banner .container,
.component.usn_cmp_banner.small-banner .item.item_short-banner .row,
.component.usn_cmp_banner.small-banner .item.item_short-banner .image,
.component.usn_cmp_banner.small-banner .item.item_short-banner .image .video {
    height: 30vh !important;
    min-height: 30vh !important;
}

.small-banner .heading {
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}

.small-banner .item .info.col {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
}

.small-banner.component.usn_cmp_banner .item .inner::before {
    background: #000 !important;
    background-image: none !important;
}

html[dir="ltr"].no-touch body.header-14-lg header#site-header nav.main ul>li:hover>ul li ul {
    top: 0 !important;
}

body.header-14-lg header#site-header nav.main ul li.has-child>span::after {
    width: 40px !important;
    opacity: .4;
    z-index: 999 !important;
    font-size: 13px;
    padding-top: 15px !important;
}

html[dir="ltr"].no-touch body.header-14-lg header#site-header nav.main ul ul>li:hover>ul,
html[dir="ltr"].touch body.header-14-lg header#site-header nav.main ul ul>li.open-child>ul {
    left: var(--nav-main-dropdown-width) !important;
    right: auto !important;
}

nav.main ul ul>li.active>span a {
    background: #f0ece4 !important;
}

nav.main ul li ul li:not(.active) a {
    /*background: #f0ece4;*/
}

nav.main ul li ul a:hover,
nav.main ul li ul a:focus {
    background: #f0ece4 !important;
    
}

nav.main ul>li.active>span>a {
    font-weight: normal !important;
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}

.listing-academy .button:active,
.listing-academy .button.is-checked {
    color: #fff !important;
}

.usn_cmp_banner .item.item_short-banner.banner-lg-overlay::before {
    z-index: 999 !important;
}

.split-banner {
    margin-bottom: 30px !important;
}

nav#pagination .pagination li a {
    min-width: 45px !important;
    border-radius: 30px !important;
    padding: 11px 21px !important;
}

.btn.c2-btn-text:hover,
.btn-text_c2-btn-text .btn:hover,
.btn.c2-btn-text:focus,
.btn-text_c2-btn-text .btn:focus,
.btn.c2-btn-text:active,
.btn-text_c2-btn-text .btn:active,
a:hover .btn.c2-btn-text,
a:focus .btn.c2-btn-text,
a:active .btn.c2-btn-text {
    background: transparent !important;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper input,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper input,
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper input {
    height: auto !important;
    min-height: auto !important;
}

.field-validation-error {
    padding: 5px 15px;
    border-radius: 30px;
}

.catLabel {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 8px 15px !important;
    border-radius: 30px;
    font-size: 20px !important;
    margin-right: 5px;
    font-family: 'LG_Smart_Light', sans-serif !important;
}

.categoriesTags {
    margin-top: 20px;
}

@media (max-width: 1200px) and (orientation: landscape) {
    .listing-news .item .image img {
        margin-top: 0 !important;
    }

    .usn_cmp_banner .item.item_overlay.c1-bg .info {
        padding: 0 !important;
    }

    .split-banner .heading.sm {
        margin-bottom: 0 !important;
        font-size: 18px !important;
    }

    .split-banner h3 {
        margin-top: 20px !important;
        font-size: 36px !important;
    }

    .split-banner .link {
        margin-top: 20px;
    }

    .component .info .link .btn {
        display: inline-block;
        clear: both;
    }

    .component .info .link .btn:last-of-type {
        margin-left: 0;
    }

    .usn_cmp_banner .item.item_overlay.base-bg .info {
        padding: 0 0 0 30px !important;
    }

    .component.usn_cmp_banner .item.item_takeover-banner .heading {
        font-size: 36px !important;
    }

    p:not(.heading) {
        font-size: 18px !important;
        line-height: 135% !important;
    }

    .slider-products .slick-dots {
        position: absolute;
        right: 50%;
        bottom: -70px;
    }

    .slider-products .item.item_text-right .image+.info {
        padding-left: 40px !important;
    }

    html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header .site-search,
    html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header nav.cta-links,
    html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header nav.secondary {
        top: -75px !important;
    }

    html.nav-up body.header-14-lg.show_header-on-scroll-lg .welcome-message {
        top: 95px !important;
    }

    .js-slider-center p.heading {
        font-size: 28px !important;
        line-height: 135% !important;
    }

    ul.post-tags,
    .categories ul {
        margin: 0 !important;
    }

    .search-pod.search-pod-header {
        height: 40vh !important;
        min-height: auto !important;
        padding: 50px 0 !important;
    }

    .blog-listing-component p.heading {
        font-size: 25px;
        line-height: 32px;
    }

    .item .meta time {
        font-size: 16px !important;
    }

    .listing-news .date-full {
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }

    section.content:not(.usn_cmp_banner) {
        padding: 30px 0;
    }
}

@media (max-width: 1200px) and (orientation: portrait) {

    .row:not(.slides):not(.listing_window-mosaic) .item.items-3,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-5,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-6,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-7,
    .row:not(.slides):not(.listing_window-mosaic) .item.items-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .listing-news .item .image img {
        margin-top: 0;
    }
}


@media (max-width: 992px) {
    header#site-header #logo {
        padding-left: 20px !important;
    }

    .component.usn_cmp_banner .item.item_takeover-banner .heading {
        font-size: 30px;
        text-align: center;
        padding: 0 30px;
    }

    .listing-news .slick-slider .slick-dots li .btn-read,
    .listing-news .slick-slider .slick-dots li:hover .btn-read {
        display: block;
        position: relative;
        visibility: visible;
        opacity: 1;
        height: inherit;
        margin-top: 15px;
        top: auto;
    }

    .listing-news .component-outro {
        padding-top: 0px !important;
    }

    .split-banner h3 {
        margin-top: 0px !important;
    }

    p.heading:not(h1, h2, h3, h4, h5, h6),
    span.heading:not(h1, h2, h3, h4, h5, h6),
    .heading:not(h1, h2, h3, h4, h5, h6),
    p.heading.lg:not(h1, h2, h3, h4, h5, h6),
    span.heading.lg:not(h1, h2, h3, h4, h5, h6),
    p {
        margin: 10px 0 20px 0;
    }

    .component.usn_cmp_banner .item.item_medium-banner .image,
    .component.usn_cmp_banner .item.item_medium-banner {
        min-height: 75vh;
        height: 75vh !important;
    }

    .split-banner .secondary-heading.sm {
        font-size: 24px !important;
    }

    .split-banner h3 {
        margin-top: 40px !important;
    }

    .slider-products .item .base-secondary-heading {
        font-size: 20px;
        left: 140px !important;
        padding-right: 20px;
    }

    .slider-products .component-introduction .heading {
        font-size: 18px;
    }

    .slider-products .item p.heading {
        font-size: 24px !important;
        margin-top: 10px;
    }

    .elq-form .col-xs-12 {
        padding: 0 10px !important;
    }

    .form-element-form-text {
        margin: 20px 0 !important;
    }

    .form-element-instruction,
    .LV_invalid {
        font-size: 15px !important;
    }

    nav.footer-navigation ul li {
        display: inline !important;
        padding-bottom: 20px !important;
        font-size: 14px !important;
    }

    body.header-14-lg header#site-header nav.cta-links .btn {
        color: #6b6b6b !important;
        font-size: 16px;
    }

    body.header-14-lg header#site-header nav.cta-links .icon {
        margin-left: -45px;
        position: absolute;
        margin-top: -7px;
    }

    body.header-03-sm header#site-header nav.secondary {
        -ms-flex-order: 6;
        order: 4;
    }

    nav.main ul li span a {
        padding: 12px 15px;
    }

    nav.secondary>ul>li>span>a,
    nav.secondary>ul>li>a {
        padding: 12px 0px;
    }

    body.header-03-sm header#site-header nav.cta-links,
    body.header-03-sm header#site-header nav.secondary {
        padding: 0 15px;
    }

    body.header-03-sm header#site-header nav.cta-links {
        display: inline;
        background-color: #f6f6f6;
        border-radius: 30px;
        width: 90%;
        margin: 30px 0 0 0 !important;
    }

    body.header-03-sm header#site-header nav.cta-links .btn {
        padding-left: 30px !important;
    }

    header#site-header .expand-header span:before,
    header#site-header .expand-header span,
    header#site-header .expand-header span:after {
        width: 20px;
    }

    body.header-14-lg header#site-header nav.cta-links .icon {
        background: #A50034;
        color: #fff;
    }

    nav.main ul li.has-child ul li span {
        padding-left: 10px !important;
    }

    nav.main ul li.has-child ul li ul li span {
        padding-left: 20px !important;
    }

    nav.main ul ul>li.active>span a {
        background: #f1f1f1 !important;
    }

    html.no-touch nav.main ul li:not(.active):hover>span::before,
    nav.main ul li:not(.active):focus>span::before,
    nav.main ul li:not(.active):active>span::before,
    nav.main ul li:not(.active).open-child>span::before {
        background: #6b6b6b;
    }

    nav.main ul li.active>span::before {
        display: none;
    }

    .site-search .form-control {
        margin-top: 10px;
        height: 40px !important;
        min-height: 40px !important;
    }

    .site-search button.btn {
        height: 40px !important;
        width: 40px !important;
        top: 10px !important;
        right: 5px !important;
        font-size: 18px !important;
    }

    body.header-14-lg header#site-header nav.main ul li.has-child>span::after {
        margin-right: 5px;
    }

    .usn_cmp_banner .item.item_short-banner.banner-lg-overlay::before {
        background-size: 210px 120px, 100px 100px;
    }

    .component.usn_cmp_banner .item .info .d-table {
        padding: 0 50px;
    }

    .breadcrumb-trail {
        opacity: 0;
        height: 0 !important;
    }

    .usn_cmp_text {
        padding: 20px !important;
    }

    .usn_cmp_splitcomponent .usn_cmp_text {
        padding: 0 40px !important;
    }

    .listing.listing_no-spacing:not(.listing_window-mosaic) .item {
        padding: 0 20px !important;
    }

    footer#site-footer {
        padding: 0 10px;
    }

    .small-banner .heading {
        font-size: 24px !important;
    }

    .component.usn_cmp_banner .item .info .d-table {
        padding: 0;
    }

    .component.usn_cmp_banner.small-banner .item.item_short-banner,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .container,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .row,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .image,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .image .video {
        height: 40vh !important;
        min-height: 40vh !important;
    }

    .component.usn_cmp_banner .item.item_short-banner .info {
        height: auto !important;
        min-height: auto !important;
    }

    .elq-form .elq-field-style {
        padding-bottom: 0px !important;
    }

    .component.usn_cmp_banner .item .info .d-table {
        height: 60vh;
    }

    .usn_cmp_banner:not(.fat-title, .split-banner) .item .info h1 {
        padding: 0 30px;
    }

    footer#site-footer .footer-item.usn_pod_sociallinks p.sm.footer-heading {
        font-size: 14px !important;
    }

    p.footer-heading {
        margin-bottom: 0px !important;
        font-size: 21px !important;
    }

    footer .textAlignmentLeft a:not(.phone) {
        color: #A40034 !important;
    }

    .categories {
        margin-top: -175px;
        position: absolute;
        margin-left: 20px;
        z-index: 9999;
    }

    .blog-listing-component .categories {
        margin-top: -85px;
    }

    ul.post-tags li,
    .categories ul li {
        background: rgb(255 255 255 / 90%) !important;
        color: #000000 !important;
        border: 1px solid #e2e2e2;
    }

    .meta time {
        padding-left: 20px;
    }

    .js-slider-center .slick-current .image {
        margin-top: 0 !important;
        transform: scale(1);
        opacity: 1 !important;
    }

    .js-slider-center p.heading {
        font-size: 24px;
        line-height: 135%;
    }

    .js-slider-center .categories {
        position: absolute;
        left: 80px;
        top: 103px;
    }

    .component.usn_cmp_banner .item.item_short-banner .heading {
        font-size: 30px;
    }

    .listing-news .image {
        height: 180px;
    }

    .search-pod .quick-links ul li {
        padding: 0 20px !important;
        height: 40px;
    }

    .z-index-minus {
        z-index: -1;
    }

}

#cases .component-introduction .heading {
    /*color: #FD312E !important;*/
    min-height: auto !important;
}

.hide-lg-logo.usn_cmp_banner .item.banner-lg-overlay::before {
    display: none !important;
}

.component.usn_cmp_banner.small-banner .item.item_short-banner,
.component.usn_cmp_banner.small-banner .item.item_short-banner .container,
.component.usn_cmp_banner.small-banner .item.item_short-banner .row,
.component.usn_cmp_banner.small-banner .item.item_short-banner .image,
.component.usn_cmp_banner.small-banner .item.item_short-banner .image .video {
    height: 30vh !important;
    min-height: 30vh !important;
}

.small-banner .heading {
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
}

.small-banner .item .info.col {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
}

.small-banner.component.usn_cmp_banner .item .inner::before {
    background: #000 !important;
    background-image: none !important;
}

body.header-14-lg header#site-header nav.main ul li.has-child>span::after {
    width: 40px !important;
    opacity: .4;
    z-index: 999 !important;
}

nav.main ul ul>li.active>span a {
    /*background: #fbfbfb !important;*/
    color: #000 !important;
}

nav.main ul li ul li:not(.active) a {
    /*background: #f1f1f1;*/
}

nav.main ul li ul a:hover,
nav.main ul li ul a:focus {
    /*background: #fbfbfb !important;*/
    /*color: #A50034 !important;*/
    text-decoration:underline!important;
}

.listing-academy .button:active,
.listing-academy .button.is-checked {
    color: #fff !important;
}

.usn_cmp_banner .item.item_short-banner.banner-lg-overlay::before {
    z-index: 999 !important;
}

nav#pagination .pagination li a {
    min-width: 45px !important;
    border-radius: 30px !important;
    padding: 11px 21px !important;
}

.btn.c2-btn-text:hover,
.btn-text_c2-btn-text .btn:hover,
.btn.c2-btn-text:focus,
.btn-text_c2-btn-text .btn:focus,
.btn.c2-btn-text:active,
.btn-text_c2-btn-text .btn:active,
a:hover .btn.c2-btn-text,
a:focus .btn.c2-btn-text,
a:active .btn.c2-btn-text {
    background: transparent !important;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper input,
.umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper input,
.umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper input {
    height: auto !important;
    min-height: auto !important;
}

.field-validation-error {
    padding: 5px 15px;
    border-radius: 30px;
}

.LV_invalid {
    color: #A40034 !important;
}

.cta-case-flip .row {
    padding: 0 80px 40px 80px;
    border-bottom: 1px solid #6b6b6b;
    margin: 0 !important;
}

.component.usn_cmp_ctastrip.cta-case-flip .text-right .info,
.component.usn_cmp_ctastrip.cta-case-flip .text-left .info {
    flex: 0 0 70% !important;
    -ms-flex: 0 0 70% !important;
    max-width: 70% !important;
    text-align: center;
}

.component.usn_cmp_ctastrip.cta-case-flip .text-left .link,
.component.usn_cmp_ctastrip.cta-case-flip .text-right .link {
    flex: 0 0 30% !important;
    -ms-flex: 0 0 30% !important;
    max-width: 30% !important;
    text-align: left;
}

.component.usn_cmp_ctastrip.cta-case-flip .text-left .link a.btn,
.component.usn_cmp_ctastrip.cta-case-flip .text-right .link a.btn {
    display: inline !important;
}

.cases-overview section:last-child {
    padding-top: 20px !important;
}

.cta-case-flip .heading:before {
    content: '\f518';
    font-family: 'Font Awesome 6 Pro';
    font-size: 20px;
    color: #d6d6d6;
    margin-right: 10px;
    color: #000000 !important;
    background: transparent !important;
}

i.fa.after,
i.after {
    font-size: 16px;
    margin-left: 10px;
}

.split-item {
    border-top: 1px solid #6d6d6d !important;
    padding-top: 20px !important;
}

.academy-background .breadcrumb-trail {
    padding-left: 20px !important;
    margin-bottom: -30px;
    background: #f2f2f2;
}

.academy-background h5 {
    margin-top: 30px !important;
}

.usn_cmp_code .container-fluid {
    padding: 0 !important;
}

#register {
    padding-top: 0 !important;
}

#register .form>.inner {
    padding: 0 !important;
}

.component.usn_cmp_banner .item.item_medium-banner,
.component.usn_cmp_banner .item.item_medium-banner .container,
.component.usn_cmp_banner .item.item_medium-banner .row,
.component.usn_cmp_banner .item.item_medium-banner .image,
.component.usn_cmp_banner .item.item_medium-banner .image .video {
    height: 66vh !important;
    min-height: 66vh !important;
}

.label {
    background-color: #FD312E !important;
    padding: 10px 20px !important;
    line-height: 125% !important;
    font-weight: normal !important;
}

.item-course-data .heading {
    display: inline !important;
}

.noavailablity-for-course {
    border-top: 1px solid #6d6d6d;
    font-size: 16px !important;
    display: flex !important;
    align-items: center;
    font-family: "LG_Smart_SemiBold", Arial, sans-serif !important;
    padding-left: 3px;
}

.noavailablity-for-course:before {
    content: '\f410';
    font-family: 'Font Awesome 6 Pro';
    font-size: 20px;
    margin-right: 10px;
}

body:not(.content-underline-link-hover) #site-content a:not(.btn):not(.nav-button-link):hover .btn.c1-btn-bg,
body:not(.content-underline-link-hover) #site-content a:not(.btn):not(.nav-button-link):hover .btn.c1-btn-bg span {
    background-color: transparent !important;
}

.cases-overview .usn_cmp_banner:not(.fat-title, .split-banner) .item .info p:not(.heading),
.cases-overview .usn_cmp_banner:not(.fat-title, .split-banner) .item .info .heading {
    width: 100% !important;
}

.usn_cmp_banner .item.item_overlay .text p {
    font-family: 'LG_Smart_Light', sans-serif !important;
    font-size: 24px !important;
}

.slider-products .link {
    margin-top: 0 !important;
}

.content .info .text p img {
    width: auto !important;
}

.component.usn_cmp_banner .item:not(.item_scale-banner) .image .video .video-player {
    z-index: -1 !important;
}

table {
    font-size: 20px !important;
}

.usn_cmp_banner:not(.fat-title, .split-banner) .item .justify-content-center .info .heading {
    width: 100% !important;
    padding-left: 0 !important;
}

.component.usn_cmp_banner .item .justify-content-center .info {
    padding: 0 !important;
}

label.umbraco-forms-label {}

div.checkbox.mandatory {
    margin-bottom: 0px !important;
}

div.checkbox.mandatory label.umbraco-forms-label {
    display: inherit !important;
    /*padding-top: 8px !important;*/
}

.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input,
.umbraco-forms-field.longanswer textarea,
.umbraco-forms-field.dropdown select {
    font-size: 18px !important;
}

.download-filter {
    text-align: center;
    padding-top: 20px !important;
}

.download-filter a {
    background: #9e0032;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: inline-block;
    padding: 6px;
    color: #fff !important;
    font-size: 16px;
    margin-left: 20px;
}

.base-bg .label {
    margin: 0 5px !important;
}

@media (max-width: 1200px) and (orientation: landscape) {
    #player {
        /* width: 100% !important;
        height: 664px !important; */
    }

    .usn_cmp_banner .item.item_overlay .text p {
        font-size: 20px !important;
    }

    footer .container {
        max-width: 1100px;
    }

    .usn_cmp_banner:not(.fat-title, .split-banner) .item .info .heading {
        font-size: 40px !important;
    }

    .cta-case-flip .row {
        padding: 0 0px 40px 0px;
    }

    table,
    .text ul li {
        font-size: 18px !important;
    }

    body.header-14-lg header#site-header nav.cta-links {
        margin-right: 0px !important;
    }

    .js-slider-center .categories {
        top: 195px;
    }

    .item-course-data .heading {
        font-size: 20px !important;
    }
}


@media (max-width: 1200px) and (orientation: portrait) {
    #player {
        /* width: 100% !important;
        height: 462px !important; */
    }

    .component.usn_cmp_banner .item.item_takeover-banner {
        min-height: 38vh;
        height: 38vh !important;
    }

    .usn_cmp_banner:not(.fat-title, .split-banner) .item:not(.banner-lg-overlay) .info p:not(.heading) {
        padding: 0 !important;
        width: 100% !important;

    }

    .usn_cmp_banner:not(.fat-title, .split-banner) .item .info .heading,
    .usn_cmp_banner:not(.fat-title, .split-banner) .item .info h1 {
        padding: 0 !important;
        font-size: 36px !important;
        width: 100% !important;
    }

    .usn_cmp_banner .banner-lg-overlay.item .info p:not(.heading) {
        width: 100% !important;
    }

    .component.usn_cmp_banner.small-banner .item.item_short-banner,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .container,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .row,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .image,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .image .video {
        height: 60vh !important;
        min-height: 60vh !important;
    }

    .logo-footer .image {
        width: 45% !important;
    }

    nav.main ul ul>li.active>span a {
        background: transparent !important;
    }

    .meta time {
        padding-left: 0 !important;
    }

    .component.usn_cmp_banner .item.item_medium-banner .heading {
        font-size: 36px !important;
    }

    body,
    input,
    textarea,
    label,
    .control-label,
    .form-control {
        font-size: 18px !important;
    }

    .js-slider-center .categories {
        left: -20px;
        top: 70px;
    }
}

@media (max-width: 1080px) and (orientation: landscape) {
    nav.main>ul>li {
        margin: 0 !important;
    }

    nav.main>ul {
        padding-right: 30px;
    }

    header#site-header .site-search form fieldset {
        background: #000;
    }

    html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header .site-search,
    html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header nav.cta-links,
    html.nav-up body.show_header-on-scroll-lg.header-14-lg:not(.no-header) header#site-header nav.secondary {
        top: -80px !important;
    }

    html.nav-up body.header-14-lg.show_header-on-scroll-lg .welcome-message {
        top: 88px !important;
    }

    body,
    input,
    textarea,
    label,
    .control-label,
    .form-control {
        font-size: 18px !important;
    }

    p.heading.lg,
    span.heading.lg {
        font-size: 36px !important;
    }

    .component.usn_cmp_banner .item .info {
        padding: 0 0 0 100px;
    }

    .usn_cmp_banner .item.item_overlay.c1-bg .info {
        padding: 20px 60px !important;
    }

    .component.usn_cmp_banner.small-banner .item.item_short-banner,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .container,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .row,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .image,
    .component.usn_cmp_banner.small-banner .item.item_short-banner .image .video {
        height: 60vh !important;
    }
}

@media (max-width: 992px) and (orientation: portrait) {
    #player {
        /* width: 100% !important;
        height: 432px !important; */
    }

    .component.usn_cmp_banner .item.item_takeover-banner {
        min-height: 38vh;
        height: 38vh !important;
    }
}

@media (max-width: 767px) {
    #player {
        /* width: 100% !important;
        height: 204px !important; */
    }

    .component.usn_cmp_banner .item.item_takeover-banner {
        min-height: 26vh;
        height: 26vh !important;
    }

    .usn_cmp_banner .item.item_overlay .text p {
        font-size: 18px !important;
    }

    .split-banner h3 {
        margin-top: -10px !important;
    }

    .usn_cmp_code .container-fluid {
        padding: 0 20px !important;
    }

    .usn_cmp_banner .banner-lg-overlay.item .info p:not(.heading) {
        font-size: 20px !important;
        width: 100% !important;
    }

    .component.usn_cmp_banner .item .info {
        padding: 0 40px;
    }

    .js-slider-center p.heading {
        min-height: 140px;
        max-height: 140px;
    }

    .gdprcookie p {
        font-size: 16px !important;
        line-height: 125% !important;
    }

    .gdprcookie {
        max-height: 90vh;
        overflow: scroll;
        padding-top: 30px;
    }

    .gdprcookie-buttons button {
        margin-bottom: 10px !important;
    }

    .component.usn_cmp_banner .item:not(.item_scale-banner) .image .video .video-player {
        display: none;
    }

    .component.usn_cmp_banner .item.item_takeover-banner .heading {
        display: none !important;
    }

    .usn_cmp_banner .item.banner-lg-overlay::before {
        background-size: 100px 100px, 70px 100px;
        background-position: left -35px top 0, right 0 bottom -17px;
    }

    .catLabel {
        font-size: 16px !important;
    }

    .component.usn_cmp_banner .item.item_medium-banner .heading {
        font-size: 24px !important;
    }

    .split-banner .heading.sm {
        font-size: 18px !important;
    }

    .component.usn_cmp_banner .item.item_medium-banner,
    .component.usn_cmp_banner .item.item_medium-banner .container,
    .component.usn_cmp_banner .item.item_medium-banner .row,
    .component.usn_cmp_banner .item.item_medium-banner .image,
    .component.usn_cmp_banner .item.item_medium-banner .image .video {
        min-height: 80vh !important;
        height: 80vh !important;
    }

    .usn_cmp_banner:not(.fat-title, .split-banner) .item:not(.banner-lg-overlay) .info .heading {
        font-size 36px !important;
    }

    .small-banner .heading {
        font-size: 24px !important;
    }

    .welcome-message {
        display: none !important;
    }

    .usp-pods .slick-slider ul.slick-dots {
        margin: 0 !important;
    }

    .usp-pods .listing-pods .inner {
        padding-bottom: 0 !important;
    }

    .elq-form .three-column {
        width: 100% !important;
    }

    .component.usn_cmp_banner .item.item_takeover-banner .image {
        background-image: none !important;
    }

    .meta-author-comments .component.meta.base-bg {
        padding-left: 20px !important;
    }

    .cta-case-flip .row {
        padding: 0 !important;
    }

    .component.usn_cmp_ctastrip.cta-case-flip .text-left .link,
    .component.usn_cmp_ctastrip.cta-case-flip .text-right .link,
    .component.usn_cmp_ctastrip.cta-case-flip .text-right .info,
    .component.usn_cmp_ctastrip.cta-case-flip .text-left .info {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center;
    }

    .component.usn_cmp_ctastrip.cta-case-flip .text-left .link a.btn,
    .component.usn_cmp_ctastrip.cta-case-flip .text-right .link a.btn {
        display: block !important;
    }

    .component.usn_cmp_ctastrip.cta-case-flip .text-left .link {
        padding-bottom: 20px;
    }

    .blog-listing-component {
        padding: 0 15px !important;
    }

    html.reveal-out header#site-header {
        z-index: 19999 !important;
    }

    .umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input,
    .umbraco-forms-field.longanswer textarea,
    .umbraco-forms-field.dropdown select {
        font-size: 18px !important;
    }

    .download-header-image {
        background-size: 200%;
        background-position: right;
    }

    .download-input {
        width: 80%;
        margin-left: 10% !important;
    }

    .listing-downloads #multiple-filters button {
        padding: 2px 17px !important;
        font-size: 14px !important;
    }

    .gdprcookie {
        max-width: 320px !important;
        position: fixed !important;
        z-index: 9999 !important;
        top: 30px !important;
    }

    .item-course-data .heading {
        font-size: 18px !important;
    }

    .listing-academy .item-course-data {
        margin-top: 20px !important;
    }

    .listing-academy .item-course {
        padding: 30px 0 !important;
    }

    .type {
        font-size: 18px !important;
    }

    body {}
}

.heating-wizard {
    margin-top: -40px;
}

.heating-wizard .btn {
    background-color: #A40034 !important;
}


.heating-wizard .cart-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.heating-wizard .cart-form fieldset {
    margin-bottom: 0;
}

.heating-wizard .cart-form label {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.heating-wizard .cart-form .inner {
    position: relative;
    border: 2px solid #ccc;
    border-radius: 15px;
    padding: 20px 15px;
    text-align: center;
    /* margin-bottom: 30px; */
}

.heating-wizard .cart-form .inner.noborder {
    border: none;
    padding: 15px;
}

.heating-wizard .cart-form .inner .image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 25px 0;
}

.heating-wizard .cart-form .inner .image img {
    width: 100%;
    max-width: 180px;
    height: auto;
    transform: scale(1);
    transform-origin: center;
}

.heating-wizard.cart-form .required {
    color: #A40034 !important;
    font-size: 18px !important;
    font-weight: 700;
}

.heating-wizard .een-fase {
    background: #f5faff;
}

.heating-wizard .drie-fase {
    background: #c7daed;
}

@media (max-width:1366px) {
    .heating-wizard .cart-form .inner .image {

        padding: 10px 0;
    }

    .heating-wizard .cart-form .inner .image img {
        max-width: 120px;
    }

    .heating-wizard .cart-form .inner {
        padding: 15px 10px;
    }
}

.heating-wizard.form-co2 {}

.heating-wizard.form-co2 label {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.heating-wizard.form-co2 input:not(.btn),
.heating-wizard.form-co2 select:not(.btn) {
    border-color: #6B6B6B !important;
    border-width: 1px;
    text-align: center;
    border-radius: 25px !important;
    padding: 5px;
    margin-top: 10px;
}

.heating-wizard .choices {}

.heating-wizard .choices .inner:hover {
    box-shadow: 0 3px 10px 3px rgba(41, 64, 44, 0.1);
}

.heating-wizard .choices .highlight {
    border-color: #77cc6d !important;
    box-shadow: 0 3px 10px 3px rgba(41, 64, 44, 0.1);
    transform: scale(1.05);
}

table.OrderTable {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 20px !important;
    font-family: "LG_Smart_Regular", Arial, sans-serif !important;
}

@media (max-width:1366px) {
    .row_samenvatting {
        overflow: auto;
    }
}

table.OrderTable,
.OrderTable td,
.OrderTable th {
    border: 1px solid #ccc !important;
    padding: 10px !important;

}

.OrderTable th {
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-bottom: 2px solid #ccc !important;
    font-size: 20px !important;
    color: #000 !important;
}

.OrderTable td {
    color: #000 !important;
}

.OrderTable tr.no-border,
.OrderTable .no-border td {
    border: 1px solid transparent !important;
}

.subtotal {
    text-align: right;
    color: #6b6b6b;
}

.total {
    background: #f8f8f8;
}

.price {
    font-weight: bold;
}

/* Multi V i */
.vi {
    font-family: 'Script MT';
    text-transform: lowercase;
}

@media (max-width:1365px) {
    .component.usn_cmp_banner .item .image .video {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

    .component.usn_cmp_banner .item:not(.item_scale-banner) .image .video>iframe {
        position: absolute;
        top: -40%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        overflow: hidden;
    }

    .component.usn_cmp_banner .item:not(.item_scale-banner) .image .video .video-player {
        position: absolute;
        top: -40%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        overflow: hidden;
    }
}

/* Therma V (Warmtepomp) */

.heading-thermav .heading {
    display: flex !important;
    align-items: center;
}

.logo-thermav {
    display: inline-flex;
    background-image: url('/media/ie2bv4dx/logo-therma-v.png');
    background-repeat: no-repeat;
    width: 230px;
    max-width: 100%;
    background-size: contain;
    height: 28px;
    margin-left: 10px;
}

@media (max-width:1365px) {
    .heading-thermav .heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .logo-thermav {
        margin: 15px 0;
    }

    .slider-servicetools .slick-slide .inner>a {
        display: flex;
        flex-direction: column-reverse;
    }
}

.c5-bg .image {
    background: linear-gradient(-180deg, rgb(249 249 250) 0%, rgba(255, 255, 255, 0) 100%, #FFFFFF) !important;
}

.c5-bg .image img {
    mix-blend-mode: multiply;
}

/* Sticky newsletter */

.sticky-newsletter {
    background: #9e0032;
    position: fixed !important;
    top: inherit !important;
    bottom: 120px !important;
    right: 0;
    z-index: 2000;
    padding: 30px 35px 30px 15px !important;
    width: auto;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    color: #fff;
    display: none;
    box-shadow: 0 3px 20px 5px rgba(41, 62, 64, 0.5);
}


.sticky-newsletter .close-btn {
    color: #fff !important;
    text-decoration: none !important;
    top: -5px;
    position: absolute;
    right: -45px;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.sticky-newsletter .info .heading {
    color: #fff !important;
    padding-right: 15px;
}

.sticky-newsletter .btn {
    background-color: #fff !important;
    color: #000 !important;
    border: none;
    font-size: 20px;
}

.sticky-newsletter .btn a {
    color: #000 !important;
}

/* Academy grid list view */
.blog-listing-component.listing-academy .listing {
    margin-top: 0;
}

.buttons-switch .btn {
    padding-left: 15px;
    padding-right: 10px;
    text-align: center;
}

.list {}

.grid {}

.bg-grey {
    background: rgba(0, 0, 0, 0.05);
}


.buttons-switch {
    display: flex;
    justify-content: flex-start;
}

.buttons-switch .btn {
    margin: 5px;
    border: 1px solid #ddd;
    box-shadow: none !important;
}

.buttons-switch .btn:hover {
    box-shadow: 0 3px 10px 3px rgba(41, 64, 44, 0.1) !important;
}

.change-view {
    height: auto !important;
}

.change-view .card {
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.change-view .card-title {
    min-height: 30px;
}

.change-view .card-title,
.change-view .card-title a {
    color: #000;
}

.change-view .card-body {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    height: 100%;
}

.change-view .card-body:hover {
    box-shadow: 0 3px 10px 3px rgba(41, 64, 44, 0.1);
}

.change-view .card-body .extra-info {
    padding-top: 0;
}

.change-view .card-body:hover .extra-info {}

.change-view.grid .card-body .extra-info {
    flex-direction: column;
}

.change-view.list .card-body .extra-info {
    flex-direction: row;
}

.change-view.grid .card-body .extra-info .info {
    display: flex;
}

.change-view.list .card-body .extra-info .info {
    width: 100%;
    display: flex;
}

.change-view .short-desc {
    margin-bottom: 1rem;
}

.change-view.grid .short-desc-grid {
    display: block;
}

.change-view.grid .short-desc-list {
    display: none;
}

.change-view.list .short-desc-grid {
    display: none;
}

.change-view.list .short-desc-list {
    display: block;
}

.change-view .card-text {
    font-size: 18px;
    line-height: 24px;
}

.change-view .item-course {
    padding: 1.25rem !important;
}

.change-view .item-course h5 {
    font-size: 1.25rem;
    margin-top: 0;
}

.change-view .item-course .item-course-info>a:hover {
    text-decoration: underline !important;
}

.change-view .btn-extra-info {
    text-decoration: underline !important;
    cursor: pointer;
}

.change-view .btn-extra-info.collapsed .btn-extra-info-icon i {
    transform: scaleY(-1);
    font-size: 16px;
}

.change-view .btn-extra-info .btn-extra-info-icon i {
    transform: scaleY(1);
}

.change-view .noavailablity-for-course {
    border: none;
}

.change-view .item-course-info::after {
    display: none;
}

.change-view .item-course .text {}

.change-view .course-date {
    margin-bottom: 20px !important;
}

.change-view .course-date .icon {
    width: 30px;
    display: inline-flex;
    justify-content: center;
}

.change-view.grid .course-date .row-date,
.change-view.grid .course-date .row-available .change-view.grid .course-date .row-location {
    width: 100%;
    align-items: center;
}

.change-view.list .course-date .row-date,
.change-view.list .course-date .row-available,
.change-view.list .course-date .row-location {
    width: 100%;
    align-items: center;
}

@media (max-width:992px) {

    .change-view.grid .short-desc-grid,
    .change-view.grid .short-desc-list,
    .change-view.list .short-desc-grid,
    .change-view.list .short-desc-list {
        display: none;
    }

    .button-group .button {
        font-size: 15px;
    }

}
.service-app-form .umbraco-forms-navigation {
    text-align:center;
    padding-top:15px;
}