@media(min-width: 1790px) {
    .transparent-white-backgound .container {
        margin-left:7%;
        padding-left: 0 !important
    }
}

@media(min-width: 1560px) and (max-width:1790px) {
    .transparent-white-backgound .container {
        margin-left:6%;
        padding-left: 0 !important
    }
}

@media(max-width: 1400px) {
    .videomodalforvideopopupgallery .modal-dialog {
        margin-top:-4em
    }
}

.container {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

@media screen and (min-width: 1024px) {
    .container {
        padding:0 94px;
        max-width: 1440px
    }
}

ul.cols-2 {
    column-count: 2;
    column-gap: 40px
}

.list-item-img {
    height: 55px
}

html {
    overflow-y: scroll
}

body {
    margin: 0;
    padding: 72px 0 0
}

@media screen and (min-width: 1024px) {
    body {
        padding:88px 0 0
    }
}

@media(max-width: 768px) {
    .component .mobile-show-logo img {
        width:103px !important
    }
}

.component nav {
    position: relative;
    transition: top 2s ease 0
}

.component-navigation {
    background-color: #fff;
    box-shadow: 0 2px 5px -3px rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.component-navigation nav {
    transition: top 700ms ease;
    top: 0
}

.component-navigation.scroll-out nav {
    top: -94px
}

.component-navigation.scroll-in {
    transition: all 500ms ease;
    top: 0
}

.component-navigation--logo {
    height: 71px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .component-navigation--logo {
        height:88px
    }
}

.component-navigation--logo>a {
    display: block;
    width: 120px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 3
}

.component-navigation--logo>a img {
    width: 100%
}

@media screen and (min-width: 1024px) {
    .component-navigation--logo>a {
        width:calc(108px - ( 23 * (1px - ((100vw - 1024px ) / 416))));
        left: 0;
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 1440px) {
    .component-navigation--logo>a {
        width:108px
    }
}

.component-navigation--logo .hamburger {
    left: 18px;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none
}

@media screen and (min-width: 1024px) {
    .component-navigation--logo .hamburger {
        display:none
    }
}

.component-navigation--logo .hamburger input {
    display: block;
    width: 30px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none
}

.component-navigation--logo .hamburger.open>span {
    opacity: 1;
    transform: rotate(45deg) translate(-7px,-13px);
    background: #232323
}

.component-navigation--logo .hamburger.open>span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0) scale(0.2,0.2)
}

.component-navigation--logo .hamburger.open>span:nth-last-child(2) {
    transform: rotate(-45deg) translate(-5px,14px)
}

.component-navigation--logo .hamburger span {
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 6px;
    position: relative;
    background: #000;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0
}

.component-navigation--logo .hamburger span:first-child {
    transform-origin: 0 0
}

.component-navigation--logo .hamburger span:nth-last-child(2) {
    transform-origin: 0 100%
}

.component-navigation--logo .hamburger span:last-child {
    margin-bottom: 0
}

.component-navigation--logo .search-icon {
    right: 33px;
    top: 50%
}

@media screen and (min-width: 1024px) {
    .component-navigation--logo .search-icon {
        display:none
    }
}

.component-navigation--logo .hamburger,.component-navigation--logo .profileClose {
    left: 18px;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none
}

@media screen and (min-width: 1024px) {
    .component-navigation--logo .hamburger,.component-navigation--logo .profileClose {
        display:none
    }
}

.component-navigation--logo .hamburger input,.component-navigation--logo .profileClose input {
    display: block;
    width: 30px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none
}

.component-navigation--logo .hamburger.open>span,.component-navigation--logo .profileClose.open>span {
    opacity: 1;
    transform: rotate(45deg) translate(-7px,-13px);
    background: #232323
}

.component-navigation--logo .hamburger.open>span:nth-last-child(3),.component-navigation--logo .profileClose.open>span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0) scale(0.2,0.2)
}

.component-navigation--logo .hamburger.open>span:nth-last-child(2),.component-navigation--logo .profileClose.open>span:nth-last-child(2) {
    transform: rotate(-45deg) translate(-5px,14px)
}

.component-navigation--logo .hamburger span,.component-navigation--logo .profileClose span {
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 6px;
    position: relative;
    background: #000;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0
}

.component-navigation--logo .hamburger span:first-child,.component-navigation--logo .profileClose span:first-child {
    transform-origin: 0 0
}

.component-navigation--logo .hamburger span:nth-last-child(2),.component-navigation--logo .profileClose span:nth-last-child(2) {
    transform-origin: 0 100%
}

.component-navigation--logo .hamburger span:last-child,.component-navigation--logo .profileClose span:last-child {
    margin-bottom: 0
}

.component-navigation--logo .search-icon>a {
    position: absolute;
    right: 33px;
    top: 50%;
    transform: translateY(-50%)
}

.component-navigation--logo .search-icon img {
    width: 28px
}

.component-navigation--logo .search-icon>ul {
    position: fixed;
    display: none;
    background: white;
    top: 71px;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: calc(100vh - 71px);
    overflow: auto;
    padding: 30px 33px;
    list-style: none
}

.component-navigation--logo .search-icon li {
    list-style: none;
    margin: 0 0 15px 0;
    display: block
}

@media screen and (min-width: 1024px) {
    .component-navigation--logo .search-icon {
        display:none
    }
}

.component-navigation--logo .back {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    cursor: pointer
}

.component-navigation--logo .back[data-level="0"] {
    display: none
}

@media screen and (min-width: 1024px) {
    .component-navigation--logo .back {
        display:none
    }
}

.component-navigation--items {
    position: relative;
    padding-left: 33px;
    padding-right: 33px;
    height: 0;
    overflow: hidden
}

.component-navigation--items p.helper {
    display: none
}

.component-navigation--items p.helper a {
    display: none
}

.component-navigation--items .subnav-list {
    padding: 66px 20px 0 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0
}

.component-navigation--items .subnav-list a.cta-red {
    display: none
}

.component-navigation--items .subnav-list li a {
    color: #212121;
    font-family: 'Diodrum Regular';
    line-height: 1.3;
    display: inline-block;
    padding: 10px 0
}

.component-navigation--items .subnav-list li a.navigation-item {
    font-size: 18px;
    opacity: 0;
    margin-left: -80px;
    transition-property: opacity,margin-left;
    transition-duration: 400ms;
    transition-timing-function: ease-out
}

.component-navigation--items .subnav-list li a.navigation-item-sm {
    font-size: 16px
}

.component-navigation--items .subnav-list li ul {
    display: none
}

.component-navigation--items-top,.component-navigation--items-bottom {
    padding: 30px 0 0;
    margin: 0;
    list-style: none
}

.component-navigation--items-top li,.component-navigation--items-bottom li {
    display: block;
    line-height: 1
}

.component-navigation--items-top li a,.component-navigation--items-bottom li a {
    color: #212121;
    font-family: 'Diodrum Regular';
    line-height: 1.3;
    padding: 10px 0;
    display: inline-block
}

.component-navigation--items-top li a.navigation-item,.component-navigation--items-bottom li a.navigation-item {
    font-size: 18px;
    opacity: 0;
    margin-left: -80px;
    transition-property: opacity,margin-left;
    transition-duration: 400ms;
    transition-timing-function: ease-out
}

.component-navigation--items-top li a.navigation-item-sm,.component-navigation--items-bottom li a.navigation-item-sm {
    font-size: 14px;
    line-height: 1;
    padding: 7px 0
}

.component-navigation--items-top li a.navigation-item-sm img,.component-navigation--items-bottom li a.navigation-item-sm img {
    height: 15px;
    display: inline-block;
    padding-left: 8px
}

.component-navigation--items-top li ul,.component-navigation--items-bottom li ul {
    display: none
}

.component-navigation--items-bottom {
    opacity: 0;
    padding-top: 20px;
    transition-delay: 1s;
    transition-property: opacity;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out
}

@media screen and (min-width: 1024px) {
    .component-navigation--items {
        height:auto;
        overflow: visible;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%
    }

    .component-navigation--items p.helper {
        position: relative;
        margin-top: 45px;
        border-top: 1px solid #e1e1e1;
        padding: 40px 0 0;
        display: none;
        font-family: 'Diodrum Regular';
        font-size: 14px
    }

    .component-navigation--items p.helper a {
        color: #000;
        font-family: 'Diodrum Medium'
    }

    .component-navigation--items p.helper a:hover {
        color: #e4001c
    }

    .component-navigation--items-top,.component-navigation--items-bottom {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        transition: none
    }

    .component-navigation--items-top li,.component-navigation--items-bottom li {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: calc(25px - ( 17 * (1px - ((100vw - 1024px ) / 416))));
        padding-right: calc(25px - ( 17 * (1px - ((100vw - 1024px ) / 416))))
    }

    .component-navigation--items-top li:first-child,.component-navigation--items-bottom li:first-child {
        padding-left: calc(175px - (60 * (1px - ((100vw - 1024px)/ 416))))
    }

    .component-navigation--items-top li .hover,.component-navigation--items-bottom li .hover {
        background-color: transparent;
        width: 90%;
        height: 1px;
        margin: 0 auto
    }

    .component-navigation--items-top li a.navigation-item,.component-navigation--items-bottom li a.navigation-item {
        opacity: 1;
        margin-left: 0;
        color: #212121;
        font-family: 'Diodrum Regular';
        line-height: 18px;
        font-size: calc(14px - ( 2 * (1px - ((100vw - 1024px ) / 416))));
        transition-property: none;
        padding: 0;
        text-decoration: none
    }

    .component-navigation--items-top li a.navigation-item-sm,.component-navigation--items-bottom li a.navigation-item-sm {
        font-size: calc(12px - ( 1 * (1px - ((100vw - 1024px ) / 416))));
        padding: 0;
        line-height: 1
    }

    .component-navigation--items-top li a.navigation-item-sm.search,.component-navigation--items-bottom li a.navigation-item-sm.search {
        position: relative;
        padding-left: 25px;
        display: inline-block;
        height: 15px
    }

    .component-navigation--items-top li a.navigation-item-sm.search img,.component-navigation--items-bottom li a.navigation-item-sm.search img {
        position: absolute;
        left: 0;
        padding-left: 0;
        top: -2px;
        height: 15px
    }

    .component-navigation--items-top li .navigation-item-contain.active .hover,.component-navigation--items-bottom li .navigation-item-contain.active .hover {
        background-color: #e4001c
    }

    .component-navigation--items-top li .navigation-item-contain:hover .hover,.component-navigation--items-bottom li .navigation-item-contain:hover .hover {
        background-color: #e4001c
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub {
        display: block;
        position: absolute;
        width: auto;
        top: 25px;
        background-color: #fff;
        padding: 50px 50px 15px 30px;
        margin-left: -30px;
        left: auto
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper {
        display: block
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper a,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper a {
        display: inline-block
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel {
        padding: 80px 94px 85px 94px;
        margin-left: 0;
        left: -94px;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: -o-max-content;
        width: -ms-max-content;
        width: max-content
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container {
        width: -moz-max-content;
        width: -webkit-max-content;
        width: -o-max-content;
        width: -ms-max-content;
        width: max-content
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul {
        vertical-align: top;
        padding-right: 50px
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item {
        font-size: 20px !important
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header {
        pointer-events: none
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul {
        display: inline-block
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li {
        display: block;
        padding: 10px 0
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item {
        font-size: 14px !important;
        pointer-events: all;
        white-space: nowrap
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover {
        color: #e4001c
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li:first-child,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li:first-child {
        padding-left: 0
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub {
        padding: 20px 0 50px 0;
        position: relative;
        top: 0;
        left: 30px
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red {
        display: none;
        color: #e4001c;
        display: inline-block;
        font-family: 'Diodrum Medium';
        margin-top: 40px;
        padding: 10px 0 0;
        position: absolute;
        bottom: 0
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1 {
        min-width: 150px;
        column-count: 1;
        column-gap: 40px
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2 {
        column-count: 2;
        column-gap: 40px
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3 {
        column-count: 3;
        column-gap: 40px
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li {
        padding: 10px 0
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item {
        font-size: 14px !important;
        text-decoration: none
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover {
        color: #e4001c
    }

    .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li ul,.component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li ul {
        display: block
    }

    .component-navigation--items-top {
        padding: 0;
        left: 0
    }

    .component-navigation--items-bottom {
        left: auto;
        right: 0;
        padding-top: 0;
        opacity: 1
    }

    .component-navigation--items-bottom li {
        padding: 0 calc(15px - ( 5 * (1px - ((100vw - 1024px ) / 416))))
    }

    .component-navigation--items-bottom li:first-child {
        border-right: 1px solid rgba(42,44,45,0.6);
        padding-left: 26px
    }
}

@media screen and (min-width: 1440px) {
    .component-navigation--items {
        padding-left:0
    }

    .component-navigation--items-top li,.component-navigation--items-bottom li {
        padding-left: 25px;
        padding-right: 25px
    }

    .component-navigation--items-top a.navigation-item,.component-navigation--items-bottom a.navigation-item {
        font-size: 14px !important
    }

    .component-navigation--items-top a.navigation-item-sm,.component-navigation--items-bottom a.navigation-item-sm {
        font-size: 12px !important
    }

    .component-navigation--items-top li {
        padding-right: 25px;
        padding-left: 25px
    }

    .component-navigation--items-top li:first-child {
        padding-left: 175px
    }

    .component-navigation--items-top li .subnav-list li {
        padding-left: 0
    }

    .component-navigation--items-bottom li {
        padding: 0 17px
    }
}

.component-navigation.open {
    position: fixed;
    height: 100vh;
    width: 100%;
    overflow: auto
}

.component-navigation.open .component-navigation--items {
    height: auto;
    min-height: calc(100vh - 75px);
    overflow: hidden
}

.component-navigation.open .component-navigation--items .navigation-item {
    margin-left: 0;
    opacity: 1
}

.component-navigation.open .component-navigation--items-bottom {
    opacity: 1
}

.component-navigation.open .component-navigation--items-bottom.out {
    transition-delay: 0 !important;
    opacity: 0
}

.component-navigation.open .component-navigation--items .outleft {
    pointer-events: none
}

.component-navigation.open .component-navigation--items .outleft .navigation-item {
    opacity: 0;
    margin-left: -60px
}

.component-navigation.open .component-navigation--items .outright {
    pointer-events: none
}

.component-navigation.open .component-navigation--items .outright .navigation-item {
    opacity: 0;
    margin-left: 60px
}

.component-navigation.open .component-navigation--logo .hamburger {
    left: auto;
    right: 18px
}

.component-navigation.open .component-navigation--logo .search-icon {
    display: none
}

.component-navigation .delay-1 {
    transition-delay: 100ms
}

.component-navigation .delay-2 {
    transition-delay: 200ms
}

.component-navigation .delay-3 {
    transition-delay: 300ms
}

.component-navigation .delay-4 {
    transition-delay: 400ms
}

.component-navigation .delay-5 {
    transition-delay: 500ms
}

.component-navigation .delay-6 {
    transition-delay: 600ms
}

.component-navigation .delay-7 {
    transition-delay: 700ms
}

.component-navigation .delay-8 {
    transition-delay: 800ms
}

.component-navigation .delay-9 {
    transition-delay: 900ms
}

.component-navigation .delay-10 {
    transition-delay: 1000ms
}

.component-navigation .delay-11 {
    transition-delay: 1100ms
}

.component-navigation .delay-12 {
    transition-delay: 1200ms
}

.component-navigation .delay-13 {
    transition-delay: 1300ms
}

.component-navigation .delay-14 {
    transition-delay: 1400ms
}

.component-navigation .delay-15 {
    transition-delay: 1500ms
}

.component-navigation .delay-16 {
    transition-delay: 1600ms
}

.component-navigation .delay-17 {
    transition-delay: 1700ms
}

.component-navigation .delay-18 {
    transition-delay: 1800ms
}

.component-navigation .delay-19 {
    transition-delay: 1900ms
}

.component-navigation .delay-20 {
    transition-delay: 2000ms
}

.component-navigation .delay-21 {
    transition-delay: 2100ms
}

.component-navigation .delay-22 {
    transition-delay: 2200ms
}

.component-navigation .delay-23 {
    transition-delay: 2300ms
}

.component-navigation .delay-24 {
    transition-delay: 2400ms
}

.component-navigation .delay-25 {
    transition-delay: 2500ms
}

.component-navigation .delay-26 {
    transition-delay: 2600ms
}

.component-navigation .delay-27 {
    transition-delay: 2700ms
}

.component-navigation .delay-28 {
    transition-delay: 2800ms
}

.component-navigation .delay-29 {
    transition-delay: 2900ms
}

.component-navigation .delay-30 {
    transition-delay: 3000ms
}

.component-navigation--items-bottom li.global-logo {
    background: url("../../../../../../content/dam/dupont/amer/us/en/corporate/general/icons/nav-globe-icon.png") left center no-repeat
}

.component-navigation--items-bottom li.global-logo a {
    padding-left: 5px;
    padding-bottom: 2px
}

@media(max-width: 1024px) {
    .component-navigation--items-bottom li.global-logo a {
        padding-left:23px
    }
}

@media screen and (min-width: 1024px) {
    .crprate-hide-for-desk {
        display:none !important
    }
}

.component-navigation--items .subnav-list li:last-child a.cta-red.navigation-item {
    display: block;
    color: #e4001c;
    font-family: "Diodrum Medium"
}

@media screen and (min-width: 1400px) and (max-width:1440px) {
    a.subsite-logo {
        margin-left:142px !important
    }
}

@media screen and (min-width: 1024px) {
    .component-navigation .container {
        padding-left:3em
    }

    a.subsite-logo {
        margin-left: 136px
    }

    ul.component-navigation--items-top {
        padding-left: 110px
    }

    .mobile-show-logo {
        display: none
    }

    .mobile-show-text {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    a.desktop-logo {
        display:none
    }

    a.subsite-text {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    a.subsite-text {
        margin-left:136px;
        opacity: 1;
        color: #212121;
        font-family: "Diodrum Regular";
        line-height: 19px;
        transition-property: none;
        padding: 0;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        max-width: 100px
    }
}

.toggle,[id^=drop] {
    display: none
}

@media all and (min-width: 1024px) and (max-width:1270px) {
    .component-navigation--items-bottom .language {
        color:transparent
    }

    .component-navigation--items-bottom a.search {
        color: transparent;
        left: 3em
    }

    .toggle {
        display: block;
        padding: 14px 20px;
        color: #FFF;
        font-size: 17px;
        text-decoration: none;
        border: 0
    }

    [id^=drop]:checked+ul {
        display: block;
        padding-top: 0;
        margin-top: 65px
    }

    [id^=drop]:checked+ul li.navigation-solutionfinder,[id^=drop]:checked+ul li.global-logo {
        display: block
    }

    [id^=drop]:checked+ul li {
        position: relative;
        bottom: 15px;
        padding-bottom: 12px
    }

    [id^=drop]:checked+ul li:nth-child(1) {
        border-right: 0;
        padding-left: 0;
        position: relative;
        left: 62px;
        bottom: 29px;
        top: -26px;
        top: -32px;
        padding-bottom: 0;
        padding-left: 10px
    }

    .component-navigation--items label.toggle {
        float: right;
        margin-bottom: 0;
        color: #000;
        font-size: 14px;
        padding-bottom: unset;
        padding-top: 3px;
        border-left: 1px solid black
    }

    ul.component-navigation--items-bottom.changeColor {
        background-color: white
    }
}

@media(min-width: 786px) {
    .transparent-white-backgound {
        background:linear-gradient(to right,#fff 0,#fff 13%,rgba(255,255,255,0.8) 13%,rgba(255,255,255,0.8) 100%);
        box-shadow: none
    }

    .hero-carousel {
        margin-top: -6em
    }

    .heroimage {
        margin-top: -6em
    }

    .header {
        margin-top: -6em
    }
}

@media(max-width: 786px) {
    .mobile-show-logo {
        display:block !important;
        margin-bottom: -2em;
        padding-bottom: 10px
    }
}

@media(max-width: 990px) {
    .mobile-show-text {
        display:block !important;
        margin-bottom: -2em;
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 20px
    }
}

.hidecarouselplaybutton .videotrackplayinmodal {
    visibility: hidden !important
}

.hidecarouselplaybutton .carousel-youtube-video {
    visibility: hidden !important
}

.featured-block-expanded .featured-block-expanded--full-content ul {
    padding: 0 0 0 25px
}

@media(min-width: 768px) {
    .navigation-item-contain {
        margin-left:-1em
    }
}

.component-navigation--logo .component-navigation--items-bottom .nav-user-icon {
    padding-right: 0 !important
}

.component-navigation--logo .component-navigation--items-bottom .nav-user-icon img {
    max-width: 24px
}

.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul {
    position: absolute;
    width: max-content;
    top: 35px;
    background-color: #fff;
    margin-left: -30px;
    right: 0;
    padding: 35px 30px 15px 30px;
    max-height: calc(100vh - 100px);
    overflow: auto
}

.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul li {
    border: none !important;
    display: block;
    padding: 10px 0 !important
}

.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul li a {
    opacity: 1;
    margin-left: 0;
    color: #212121;
    font-family: 'Diodrum Regular';
    line-height: 18px;
    font-size: calc(14px - ( 2 * (1px - ((100vw - 1024px ) / 416))));
    transition-property: none;
    padding: 0;
    text-decoration: none
}

.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul li h5 {
    margin: 0
}

.component-navigation--logo .component-navigation--items-bottom .nav-user-icon ul li#businessUnit {
    padding: 0 !important
}

.component-navigation--logo .component-navigation--items-bottom .nav-user-icon:hover ul {
    display: block !important
}

@media screen and (min-width: 1023px) {
    .component-navigation--logo .search-icon-user {
        display:none
    }
}

@media screen and (max-width: 1023px) {
    .component-navigation--logo .search-icon-user {
        display:block !important
    }

    .component-navigation--logo .search-icon-user a img {
        width: 28px;
        position: relative;
        left: 85%;
        top: 23px
    }

    .component-navigation--logo .search-icon-user>ul {
        position: fixed;
        display: none;
        background: white;
        top: 71px;
        left: 0;
        width: 100%;
        z-index: 9999;
        height: calc(100vh - 71px);
        overflow: auto;
        padding: 30px 33px;
        list-style: none
    }

    .component-navigation--logo .search-icon-user li {
        list-style: none;
        margin: 0 0 15px 0;
        display: block;
        text-decoration: none
    }
}

@media(min-width: 425px) and (max-width:768px) {
    .component-navigation--logo .search-icon-user a img {
        position:relative;
        left: 90%
    }
}

@media screen and (max-width: 1023px) {
    .component-navigation--logo .search-icon-hide {
        display:none
    }
}

.component-navigation--logo .profileClose {
    display: none;
    left: 10px !important;
    right: 18px !important
}

@media screen and (max-width: 1023px) {
    .open .search-icon-user {
        display:none !important
    }
}