// ------------------------ IMPORT ------------------------ // -- NAVIGATION == MOBILE VERSION < 1024px -- // @desktop-nav-width:1024px;@desktop-max-content-width:1440px;@navigation-height:88px;@navigation-height-mobile:72px;// -- MIXINS -- // .generate-transition-delaly(@n,@i:1) when(@i =< @n){.delay-@{i}
{transition-delay:(100ms * @i)}
.generate-transition-delaly(@n,(@i+1))}
.businessUnitList{position:static;padding:0;margin:0;max-height:none;.letterBadge{width:30px;height:30px;display:inline-block;background:#386768;line-height:34px;text-align:center;border-radius:50px;margin-right:5px;color:white;font-family:'Diodrum Medium'}
.greyout{opacity:.3}
}
// -- BODY -- // html{overflow-y:scroll}
body{margin:0;padding:@navigation-height-mobile 0 0;@media screen and (min-width:@desktop-breakpoint){padding:@navigation-height 0 0}
}
.component{@media(max-width:768px){.mobile-show-logo img{width:103px !important}
}
nav{position:relative;transition:top 2s ease 0;//large logo for esl &.large-logo{@media screen and (min-width:1024px){.component-navigation--logo>a{width:~"calc(___YUICSSMIN_PRESERVED_TOKEN_0___) / 416))))"}
.component-navigation--items-top li:first-child{padding-left:~"calc(___YUICSSMIN_PRESERVED_TOKEN_1___) / 416))))"}
}
}
}
&-navigation{background-color:@white;box-shadow:0 2px 5px -3px rgba(0,0,0,.3);position:fixed;top:0;width:100%;z-index:99;nav{transition:top 700ms ease;top:0}
&.scroll-out{nav{top:-94px}
}
&.scroll-in{transition:all 500ms ease;top:0}
&--logo{height:71px;position:relative;@media screen and (min-width:@desktop-nav-width){height:88px}
&>a{display:block;width:120px;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;z-index:3;img{width:100%}
@media screen and (min-width:@desktop-nav-width){width:calc( 108px ~" - (" unit(108px - 85px) ~" * (1px - ((100vw - " unit((1024px),~"px") ~") /" unit((1440px - 1024px)) ~")))");left:0;transform:translateY(-50%)}
@media screen and (min-width:@desktop-max-content-width){width:108px}
}
// hamburger .hamburger,.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:@desktop-nav-width){display:none}
input{display:block;width:30px;height:20px;position:absolute;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}
&.open>span{opacity:1;// transform:rotate(45deg) translate(-2px,-1px);transform:rotate(45deg) translate(-7px,-13px);background:#232323}
&.open>span:nth-last-child(3){opacity:0;transform:rotate(0) scale(0.2,0.2)}
&.open>span:nth-last-child(2){// transform:rotate(-45deg) translate(0,-1px);transform:rotate(-45deg) translate(-5px,14px)}
span{display:block;width:33px;height:2px;margin-bottom:6px;position:relative;background:@black;border-radius:3px;z-index:1;transform-origin:4px 0;&:first-child{transform-origin:0 0}
&:nth-last-child(2){transform-origin:0 100%}
&:last-child{margin-bottom:0}
}
}
// search .search-icon{&>a{position:absolute;right:33px;top:50%;transform:translateY(-50%)}
img{width:28px}
&>ul{position:fixed;display:none;background:white;top:71px;left:0;width:100%;z-index:9999;height:~"calc(___YUICSSMIN_PRESERVED_TOKEN_3___)";overflow:auto;padding:30px 33px;list-style:none}
li{list-style:none;margin:0 0 15px 0;display:block}
@media screen and (min-width:@desktop-nav-width){display:none}
}
// back .back{&[data-level="0"]{display:none}
padding:15px;position:absolute;top:50%;left:18px;transform:translateY(-50%);cursor:pointer;@media screen and (min-width:@desktop-nav-width){display:none}
}
}
&--items{position:relative;padding-left:33px;padding-right:33px;height:0;overflow:hidden;// margin-top:30px;p.helper{display:none;a{display:none}
}
.subnav-list{padding:30px 20px 0 0;margin:0;list-style:none;position:absolute;top:0;a.cta-red{display:none}
li{a{color:#212121;font-family:'Diodrum Regular';line-height:1.3;display:inline-block;padding:10px 0;&.navigation-item{font-size:18px;opacity:0;margin-left:-80px;transition-property:opacity,margin-left;transition-duration:400ms;transition-timing-function:ease-out;&-sm{font-size:16px}
}
}
ul{display:none}
}
}
&-top,&-bottom{padding:30px 0 0;margin:0;list-style:none;li{display:block;line-height:1;a{color:#212121;font-family:'Diodrum Regular';line-height:1.3;padding:10px 0;display:inline-block;&.navigation-item{font-size:18px;opacity:0;margin-left:-80px;transition-property:opacity,margin-left;transition-duration:400ms;transition-timing-function:ease-out;&-sm{font-size:14px;line-height:1;padding:7px 0;img{height:15px;display:inline-block;padding-left:8px}
}
}
}
ul{display:none}
}
}
&-bottom{opacity:0;padding-top:20px;transition-delay:1s;transition-property:opacity;transition-duration:500ms;transition-timing-function:ease-in-out}
// display the nav items on desktop,min is 1024px;becomes static at 1440 @media screen and (min-width:@desktop-nav-width){height:auto;overflow:visible;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;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;a{color:@black;font-family:'Diodrum Medium';&:hover{color:@red}
}
}
&-top,&-bottom{position:absolute;top:50%;left:0;transform:translateY(-50%);transition:none;li{display:inline-block;padding-top:0;padding-bottom:0;padding-left:calc( 25px ~" - (" unit(25px - 8px) ~" * (1px - ((100vw - " unit((1024px),~"px") ~") /" unit((1440px - 1024px)) ~")))");padding-right:calc( 25px ~" - (" unit(25px - 8px) ~" * (1px - ((100vw - " unit((1024px),~"px") ~") /" unit((1440px - 1024px)) ~")))");// position:relative;&:first-child{padding-left:~"calc(___YUICSSMIN_PRESERVED_TOKEN_6___)/ 416))))"}
.hover{background-color:@white;width:90%;height:1px;margin:0 auto}
a.navigation-item{opacity:1;margin-left:0;color:#212121;font-family:'Diodrum Regular';line-height:18px;font-size:calc( 14px ~" - (" unit(14px - 12px) ~" * (1px - ((100vw - " unit((1024px),~"px") ~") /" unit((1440px - 1024px)) ~")))");transition-property:none;padding:0;text-decoration:none;&-sm{font-size:calc( 12px ~" - (" unit(12px - 11px) ~" * (1px - ((100vw - " unit((1024px),~"px") ~") /" unit((1440px - 1024px)) ~")))");padding:0;line-height:1;&.search{position:relative;padding-left:25px;display:inline-block;height:15px;img{position:absolute;left:0;padding-left:0;top:-2px;height:15px}
}
}
}
.navigation-item-contain{&.active{.hover{background-color:@red}
}
&:hover{.hover{background-color:@red}
.navigation-sub{display:block;position:absolute;width:max-content;top:25px;background-color:@white;padding:50px 50px 15px 30px;margin-left:-30px;left:auto;p.helper{display:block;a{display:inline-block}
}
&.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;@supports(-ms-ime-align:auto){.navigation-container{width:1033px}
}
.navigation-container{width:-moz-max-content;width:-webkit-max-content;width:-o-max-content;width:-ms-max-content;width:max-content}
ul{vertical-align:top;padding-right:50px;li{a.navigation-item{font-size:20px !important;&.header{pointer-events:none}
}
}
}
}
ul{display:inline-block;li{display:block;padding:10px 0;a.navigation-item{font-size:14px !important;pointer-events:all;&:hover{color:@red}
}
&:first-child{padding-left:0}
.navigation-sub{padding:20px 0 50px 0;position:relative;top:0;left:30px;a.cta-red{display:none;color:@red;display:inline-block;font-family:'Diodrum Medium';margin-top:40px;padding:10px 0 0;position:absolute;bottom:0}
ul{&.cols-1{min-width:150px;column-count:1;column-gap:40px}
&.cols-2{column-count:2;column-gap:40px}
&.cols-3{column-count:3;column-gap:40px}
}
li{padding:10px 0;a.navigation-item{font-size:14px !important;text-decoration:none;&:hover{color:@red}
}
}
}
ul{display:block}
}
}
}
}
}
}
}
&-top{padding:0;left:0;//calc(175px - (60 * (1px - ((100vw - 1024px)/ 416))))}
&-bottom{left:auto;right:0;padding-top:0;opacity:1;li{padding:0 calc( 15px ~" - (" unit(15px - 10px) ~" * (1px - ((100vw - " unit((1024px),~"px") ~") /" unit((1440px - 1024px)) ~")))");&:first-child{border-right:1px solid rgba(42,44,45,0.6);padding-left:26px;// &:first-child{// padding-left:calc( 175px ~" - (" unit(175px - 115px) ~" * (1px - ((100vw - " unit((1024px),~"px") ~") /" unit((1440px - 1024px)) ~")))");//}
}
}
}
}
@media screen and (min-width:@desktop-max-content-width){padding-left:0;&-top,&-bottom{li{padding-left:25px;padding-right:25px}
a.navigation-item{font-size:14px !important;&-sm{font-size:12px !important}
}
}
&-top{li{padding-right:25px;padding-left:25px;&:first-child{padding-left:175px}
.subnav-list{li{padding-left:0}
}
}
}
&-bottom{li{padding:0 17px}
}
}
}
// NAV OPEN STATE,MOBILE // &.open{position:fixed;height:100vh;width:100%;overflow:auto;.component-navigation--items{// display:block;height:auto;min-height:~"calc(___YUICSSMIN_PRESERVED_TOKEN_12___)";overflow:hidden;.navigation-item{margin-left:0;opacity:1}
&-bottom{opacity:1;&.out{transition-delay:0 !important;opacity:0}
}
.outleft{pointer-events:none;.navigation-item{opacity:0;margin-left:-60px}
}
.outright{pointer-events:none;.navigation-item{opacity:0;margin-left:60px}
}
}
.component-navigation{&--logo{.hamburger{left:auto;right:18px}
.search-icon{display:none}
}
}
}
.generate-transition-delaly(30)}
}
.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;a{padding-left:5px;padding-bottom:2px;@media(max-width:@desktop-breakpoint){padding-left:23px}
}
}
}
.crprate-hide-for-desk{@media screen and (min-width:@desktop-breakpoint){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:18px;transition-property:none;padding:0;text-decoration:none;font-size:16px;font-weight:bold}
}
.nav-user-icon{padding-right:0 !important;img{max-width:24px}
ul{position:absolute;width:max-content;top:35px;background-color:#ffffff;margin-left:-30px;right:0;padding:35px 30px 15px 30px;max-height:~"calc(___YUICSSMIN_PRESERVED_TOKEN_13___)";overflow:auto;li{border:none !important;display:block;padding:10px 0 !important;a{opacity:1;margin-left:0;color:#212121;font-family:'Diodrum Regular';line-height:18px;font-size:calc( 14px ~" - (" unit(14px - 12px) ~" * (1px - ((100vw - " unit((1024px),~"px") ~") /" unit((1440px - 1024px)) ~")))");transition-property:none;padding:0;text-decoration:none}
h5{margin:0}
&#businessUnit{padding:0 !important}
}
&.businessUnitList{&:extend(.businessUnitList)}
}
&:hover{ul{display:block}
}
@media screen and (max-width:1023px){display:none !important}
}
.profileClose{display:none;left:auto !important;right:18px}
.tedlarpvf-hero-video{background:#000}
.tedlarpvf-header{top:0}
@media screen and (max-width:1023px){.tedlarpvf-header .container{padding-right:33px !important;padding-left:33px !important}
}
.tedlarpvf-header .MobTabheader .brand-logo{width:100px}
.tedlarpvf-header .container .form-group{padding-bottom:0}
.tedlarpvf-header .component-navigation--logo>a{position:relative;transform:none;left:0;top:0}
.tedlarpvf-header .dropdown-item:hover,.tedlarpvf-header .dropdown-item:focus{background-color:transparent}
.tedlarpvf-header .Dheader a:hover{opacity:.8}
.tedlarpvf-header .navbar-brand{margin-right:1.66rem !important}
.tedlarpvf-header .menuClicked{height:100vh;overflow:auto;background-color:#fff;box-shadow:rgba(0,0,0,0.3) 0 2px 5px -3px;position:fixed;top:0;width:100%;z-index:999999999}
.tedlarpvf-header .MNabBtm span a{font-size:14px}
.tedlarpvf-header .dropdown-item.active{background-color:#fff}
.tedlarpvf-header .dropdown-item:active{background-color:#fff}
.tedlarpvf-header .TNavBar{box-shadow:0 2px 5px -3px rgba(0,0,0,0.3)}
.tedlarpvf-header .TNavBar nav{width:100%;height:80px}
.tedlarpvf-header .TNavBar .navbar-light .navbar-toggler{border:0}
.tedlarpvf-header .dropdown-submenu{position:relative}
.tedlarpvf-header .dropdown-submenu>.dropdown-menu{top:0;left:-10rem;margin-top:-6px}
.tedlarpvf-header .dropdown-submenu a.dropdown-item.dropdown-toggle{display:flex}
.tedlarpvf-header .dropdown-menu{border:0}
.tedlarpvf-header .dropdown-menu .container{padding:0 60px !important}
.tedlarpvf-header .dropdown-menu>li>a:hover:after{text-decoration:none;transform:rotate(0)}
.tedlarpvf-header .dropdown-toggle::after{content:none}
.tedlarpvf-header .dropdown-item{font-family:Diodrum Regular;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2.79;letter-spacing:normal;text-align:left;color:#000}
.tedlarpvf-header .nav-link{font-family:Diodrum Medium;font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;line-height:2.63;letter-spacing:normal;text-align:left;color:#000;white-space:nowrap}
.tedlarpvf-header .NavButton{border-radius:100px;border:solid 1px #e4001c;background-color:rgba(255,255,255,0);margin-top:8px;margin-bottom:8px;height:46px;font-family:Diodrum Medium;font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:center;color:#e4001c;padding-left:26px;padding-right:26px;white-space:nowrap}
.tedlarpvf-header .NavButton a{color:#e4001c}
.tedlarpvf-header .NavButton a:hover,.tedlarpvf-header .NavButton a:focus{color:#fff}
.tedlarpvf-header .NavButton:hover,.tedlarpvf-header .NavButton:focus{color:#fff;background:#e4001c}
.tedlarpvf-header .Tlogo{width:134px;height:38px}
.tedlarpvf-header .TlogoWht{display:block}
.tedlarpvf-header .TlogoRed{display:block}
.tedlarpvf-header .Tlogo-txt{padding-right:30px}
.tedlarpvf-header .Tlogo-txt a{font-family:Diodrum Medium;font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.25;letter-spacing:normal;text-align:left;color:#000;display:inline-block;width:120px}
.tedlarpvf-header .TNavbar-Brand{font-size:12px;font-weight:500;font-style:normal;font-stretch:normal;letter-spacing:normal;color:#fff;height:50px;background-color:#e4001c;line-height:4}
.tedlarpvf-header .TNavbar-Brand span{letter-spacing:normal;text-align:left;color:#fff}
.tedlarpvf-header .TNavbar-Brand span a{padding-right:1rem;font-family:Diodrum Medium;font-size:12px;font-weight:500;font-style:normal;font-stretch:normal;line-height:3.5;letter-spacing:normal;text-align:left;color:#fff}
.tedlarpvf-header #MNavbar .MNabBtm{padding:2.3125rem 0}
.tedlarpvf-header #MNavbar .MNabBtm span a{font-family:Diodrum Regular;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2.79;letter-spacing:normal;text-align:left;color:#fff}
.tedlarpvf-header #MNavbar #THeaderForm input{font-family:Diodrum Regular;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2.79;letter-spacing:normal;text-align:left;color:#fff}
.tedlarpvf-header #MNavbar #THeaderForm input:focus{z-index:0}
.tedlarpvf-header span.Tlogo-txt:focus{outline:0}
.tedlarpvf-header #THeaderForm{display:inline-block;width:210px}
.tedlarpvf-header #THeaderForm .glyphicon{line-height:2.5}
.tedlarpvf-header #THeaderForm input::placeholder{color:#fff;opacity:1}
.tedlarpvf-header #THeaderForm input::-webkit-input-placeholder{color:#fff}
.tedlarpvf-header #THeaderForm input:-moz-placeholder{color:#fff;opacity:1}
.tedlarpvf-header #THeaderForm input::-moz-placeholder{color:#fff;opacity:1}
.tedlarpvf-header #THeaderForm input:-ms-input-placeholder{color:#fff}
.tedlarpvf-header #THeaderForm input::-ms-input-placeholder{color:#fff}
.tedlarpvf-header #THeaderForm .form-group{margin-bottom:0}
.tedlarpvf-header #Theadersearch{background-color:#e4001c;border:0;border-bottom:1px solid #fff;border-radius:0;padding:0;font-family:Diodrum Medium;font-size:12px;font-weight:500;font-style:normal;font-stretch:normal;line-height:3.5;letter-spacing:normal;text-align:left;color:#fff;height:30px}
.tedlarpvf-header input#Theadersearch:focus{box-shadow:none}
.tedlarpvf-header .navbar-toggler{position:relative;padding-right:33px;padding-left:0}
.tedlarpvf-header .navbar-toggler:focus{outline:0}
.tedlarpvf-header .navbar-toggler:active{outline:0}
.tedlarpvf-header .navbar-toggler span{display:block;background-color:#000;height:1px;width:15px;margin-top:4px;margin-bottom:4px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);position:relative}
.tedlarpvf-header .navbar-toggler span:nth-child(1){-webkit-transition:transform .35s ease-in-out;-moz-transition:transform .35s ease-in-out;-o-transition:transform .35s ease-in-out;transition:transform .35s ease-in-out}
.tedlarpvf-header .navbar-toggler span:nth-child(3){-webkit-transition:transform .35s ease-in-out;-moz-transition:transform .35s ease-in-out;-o-transition:transform .35s ease-in-out;transition:transform .35s ease-in-out}
.tedlarpvf-header .navbar-toggler:not(.collapsed) span:nth-child(1){position:absolute;right:33px;top:20px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.tedlarpvf-header .navbar-toggler:not(.collapsed) span:nth-child(2){height:12px;visibility:hidden;background-color:transparent}
.tedlarpvf-header .navbar-toggler:not(.collapsed) span:nth-child(3){position:absolute;right:33px;top:20px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
.tedlarpvf-header.ti-fixed-multinav{position:fixed;width:100%;z-index:999;background-color:#fff}
.tedlarpvf-header.ti-fixed-multinav .TPMenuSpacing .dropdown{position:relative !important}
.tedlarpvf-header.ti-fixed-multinav .TPMenuSpacing .dropdown .dropdown-menu{position:absolute;left:0;padding-bottom:20px;padding-top:15px;overflow-x:hidden !important;min-width:13rem}
.tedlarpvf-header.ti-fixed-multinav .TPMenuSpacing .dropdown .dropdown-menu.megamenu .container{padding:0 !important;margin:0 !important;height:auto}
.tedlarpvf-header.ti-fixed-multinav .TPMenuSpacing .dropdown .dropdown-menu.megamenu .container .dropdown-item{display:inline-flex !important;padding:0;width:max-content}
.tedlarpvf-header.ti-fixed-multinav .TPMenuSpacing .dropdown .dropdown-menu.megamenu .container .dropdown-item .ul-column-list .dropdown-header a{white-space:initial !important;padding:0 16px !important}
.tedlarpvf-header.ti-fixed-multinav .TPMenuSpacing .dropdown .dropdown-menu.megamenu .container .dropdown-item .ul-column-list .dropdown-header a:hover{cursor:pointer}
@media(min-width:991px) and (max-width:1024px){.tedlarpvf-header form#THeaderForm .glyphicon{line-height:1;top:-22px;right:-195px}
}
@media(min-width:1024px) and (max-width:1190px){.tedlarpvf-header #navbarNavDropdown .navbar-nav li{padding-right:10px}
}
@media screen and (min-width:1190px){.tedlarpvf-header .NavButton{margin-left:.6875rem}
.tedlarpvf-header #navbarNavDropdown .dropdown-menu .dropdown-item{color:#000 !important}
.tedlarpvf-header #navbarNavDropdown .navbar-nav li{padding:0rem 1.6rem 0 0rem}
.tedlarpvf-header #navbarNavDropdown .navbar-nav li>a span:hover{border-bottom:2px solid #e4001c;padding-bottom:1.720rem}
.tedlarpvf-header #navbarNavDropdown .navbar-nav li.active>a span{border-bottom:2px solid #e4001c;color:#000;padding-bottom:1.823rem}
}
@media(min-width:768px) and (max-width:1024px){.tedlarpvf-header .LevelTwoMenu{width:87% !important}
.tedlarpvf-header .level3Menu{padding:23px 23px 22px 70px !important}
.tedlarpvf-header .TNavBar nav{width:100%;height:auto}
.tedlarpvf-header .nav-link{line-height:1.5}
.tedlarpvf-header .NavButton{width:10rem}
.tedlarpvf-header .Tlogo{width:80px;height:30px}
.tedlarpvf-header #navbarNavDropdown .navbar-nav li{padding:0rem;padding-right:10px}
.tedlarpvf-header #navbarNavDropdown{margin-right:0}
.tedlarpvf-header #navbarNavDropdown li{padding:0rem .5rem 0 0rem}
.tedlarpvf-header .MobTabheader #navbarNavDropdown .navbar-nav li{padding:0rem !important}
}
@media(min-width:320px) and (max-width:1200px){.tedlarpvf-header .navbar-brand{margin-right:.5rem !important}
.tedlarpvf-header .Tlogo{width:84px;height:28px;margin-left:33px;position:relative}
.tedlarpvf-header .TlogoRed{display:block}
.tedlarpvf-header .MobTabheader{border-top:2px solid #e4001c}
.tedlarpvf-header .TNavbar-Brand{height:auto}
.tedlarpvf-header .TNavbar-Brand span{font-family:Diodrum Regular;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2.79;letter-spacing:normal;text-align:left;color:#fff;display:block}
.tedlarpvf-header .TNavbar-Brand span a{padding-left:0}
.tedlarpvf-header .TlogoWht{display:none}
.tedlarpvf-header .TNavBar nav{height:auto}
.tedlarpvf-header form#THeaderForm{width:98%}
.tedlarpvf-header form#THeaderForm .glyphicon{line-height:2;right:6px;position:absolute}
.tedlarpvf-header .nav-link{border-bottom:1px solid #dadada}
.tedlarpvf-header .dropdown-item{border-bottom:1px solid #dadada}
.tedlarpvf-header .NavButton{width:100%;margin:26px 0;height:46px;font-family:Diodrum Regular;font-size:1rem;font-weight:normal;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:center;color:#e4001c;border-radius:23px;border:solid 1px #e4001c;background-color:rgba(255,255,255,0)}
.tedlarpvf-header #navbarNavDropdown{margin-right:0}
.tedlarpvf-header #navbarNavDropdown li{padding:0}
.tedlarpvf-header #navbarNavDropdown .navbar-nav li.active>div a{border-bottom:0;padding-bottom:0}
.tedlarpvf-header #navbarNavDropdown .navbar-nav li>div a{font-size:1rem;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2.63;letter-spacing:normal;text-align:left;width:95%;color:#000;font-family:Diodrum Regular}
.tedlarpvf-header .Tlogo-txt a{font-size:12px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.17;letter-spacing:normal;text-align:right;color:#000;width:79px;margin:auto .8rem auto auto;padding-top:10px;padding-bottom:8px}
.tedlarpvf-header .dropdown-toggle[data-toggle="dropdown"]:after{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f067";border:0;float:right;color:#000;opacity:.5}
.tedlarpvf-header div .dropdown-toggle:after{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f067";border:0;float:right;color:#000;opacity:.5}
.tedlarpvf-header .dropdown-toggle::after{vertical-align:0}
.tedlarpvf-header .show>.dropdown-toggle[data-toggle="dropdown"]:after{content:"\f068"}
.tedlarpvf-header div .dropdown-item.show:after{content:"\f068"}
.tedlarpvf-header .level3Menu{background-color:#e1e1e1;padding:23px 23px 22px 70px;border-radius:0}
.tedlarpvf-header .level3Menu a{font-family:Diodrum Regular;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.71;letter-spacing:normal;text-align:left;color:#000;display:block;padding-top:5px}
.tedlarpvf-header .level3Menu a:hover{color:#e4001c}
.tedlarpvf-header .level3Menu a:focus{color:#e4001c}
.tedlarpvf-header .LevelOneMenu{margin:0 33px;line-height:2.63}
.tedlarpvf-header .LevelTwoMenu{padding:.25rem 0rem;margin:0 auto;width:81%}
.tedlarpvf-header .LevelTwoMenu a,.tedlarpvf-header .LevelTwoMenu span{font-family:Diodrum Regular;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2.79;letter-spacing:normal;text-align:left;color:#000}
}
.TIdropbtn{color:white;padding:16px;font-size:16px;border:0;font-family:Diodrum Regular}
.TIdropdown{position:relative;display:inline-block}
.TPMegaListedItems{font-family:Diodrum Regular}
.TPMegaListedItems .logo{display:flex}
.TPMegaListedItems .TPMenuSpacing{padding:28px 20px 0 20px}
.TPMegaListedItems .TPMenuSpacing li .TINav-linkpadding{padding-bottom:0;line-height:1.5;cursor:pointer}
.TPMegaListedItems .TPMenuSpacing li ul li{padding-right:0 !important}
.TPMegaListedItems .TPMenuSpacing li .container{-webkit-column-count:4;-moz-column-count:4;column-count:4;column-gap:0;height:350px}
.TPMegaListedItems .TPMenuSpacing li .dropdown-item{width:100%;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;white-space:normal}
.TPMegaListedItems .TPMenuSpacing li:hover .dropdown-menu{display:block;overflow:auto}
.TPMegaListedItems .TPMenuSpacing li:hover .TPMegaLevel2{top:60px;width:max-content;padding-bottom:30px;padding-top:10px;width:auto}
.TPMegaListedItems .megamenu:hover .menu-large{border:2px solid #e4001c}
.TPMegaListedItems .row{margin:0 15px}
.TPMegaListedItems .dropdown-header{font-family:Diodrum Medium;font-size:16px;font-weight:500;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:left;padding:0;color:#000}
.TPMegaListedItems .dropdown-menu{margin-top:0;border-radius:0;box-shadow:0 0 1px rgba(0,0,0,0.2);padding-top:30px;padding-bottom:91px;width:100%;overflow:auto}
.TPMegaListedItems .dropdown-menu div li ul li{padding:20px 0 0 0 !important;line-height:1.49}
.TPMegaListedItems .dropdown-menu div li ul li .dropdownLevel3{font-size:14px;font-family:Diodrum Regular;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;text-align:left}
@media(max-width:1200px){.TPMegaListedItems .dropdown-menu div li ul li .dropdownLevel3{white-space:normal}
}
.TPMegaListedItems .dropdown-menu div li ul li .dropdownLevel3:hover,.TPMegaListedItems .dropdown-menu div li ul li .dropdownLevel3:focus{color:#e4001c}
.TPMegaListedItems .dropdown-menu:hover,.TPMegaListedItems .dropdown-menu:focus{overflow:auto}
.TPMegaListedItems ul{list-style:none}
.TPMegaListedItems ul li{list-style:none}
.TPMegaListedItems .navbar-light{color:#fff;border-color:#aca1a2}
.TPMegaListedItems .navbar-light .navbar-nav>li>a{color:#fff}
.TPMegaListedItems .navbar-light .navbar-nav>.dropdown>a .caret{border-top-color:#fff;border-bottom-color:#fff}
.TPMegaListedItems .navbar-light .navbar-brand{color:#fff}
.TPMegaListedItems .menu-large{position:static !important}
.TPMegaListedItems .megamenu{width:100%;overflow:auto !important}
.TPMegaListedItems .megamenu>div>li>ul{padding:0;margin:0}
.TPMegaListedItems .megamenu>div>li>ul>li{list-style:none}
.TPMegaListedItems .megamenu>div>li>ul>li>a:hover,.TPMegaListedItems .megamenu>div>li>ul>li>a:focus{text-decoration:none;color:#e4001c}
.TPMegaListedItems .megamenu.disabled>a,.TPMegaListedItems .megamenu.disabled>a:hover,.TPMegaListedItems .megamenu.disabled>a:focus{color:#999}
@media(max-width:768px){.TPMegaListedItems .megamenu{margin-left:0;margin-right:0}
.TPMegaListedItems .megamenu>li{margin-bottom:30px}
.TPMegaListedItems .megamenu>li:last-child{margin-bottom:0}
.TPMegaListedItems .megamenu.dropdown-header{padding:3px 15px !important}
.TPMegaListedItems .navbar-nav .open .dropdown-menu .dropdown-header{color:#fff}
}
.TIdropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block;font-family:Diodrum Regular}
.TIdropdown-content a:hover{background-color:white;color:#e4001c;font-family:"Diodrum Regular"}
.TIdropdown:hover .TIdropdown-content{display:block}
.TIdropdown:hover .TIdropbtn span{border-bottom:2px solid #e4001c;padding-bottom:.20rem}
.DefaultBorderActive{border-bottom:2px solid transparent}
@media(min-width:1200px){.TIMegaScroll::-webkit-scrollbar{height:10px;background-color:#f5f5f5}
.TIMegaScroll::-webkit-scrollbar-track{-webkit-box-shadow:0 0 6px rgba(0,0,0,0.1);border-radius:10px;background-color:#f5f5f5}
.TIMegaScroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);border-radius:10px;outline:1px solid red}
}
.TPMegaLevel2{width:max-content}
.TPMegaLevel2 .dropdown-header:hover{color:#e4001c}
.TPMegaLevel2 .dropdown-header:focus{color:#e4001c}
.TPMegaListedItems .TPMenuSpacing li:hover .hovertoggle{border-bottom:2px solid #e4001c}
.hovertoggle{padding:0 0 26px 0}
.hovertoggle:hover{border-bottom:2px solid #e4001c;cursor:pointer}
.hovertoggle:focus{color:#e4001c;border-bottom:2px solid #e4001c;cursor:pointer}
.transparent-Naivgation{position:absolute;z-index:9999999;color:#fff;background-image:linear-gradient(to bottom,#000,rgba(0,0,0,0));height:189px}
.transparent-Naivgation .TNavMegaMenu{top:88px}
.transparent-Naivgation #navbarNavDropdown .navbar-nav li.active>a span{color:#fff}
.transparent-Naivgation .nav-link{color:#fff}
.transparent-Naivgation .Tlogo-txt a{color:#fff}
.transparent-Naivgation .NavButton{border:solid 1px #fff;color:#fff}
.logo-text{display:flex;float:right}
.component-navigation--logo{display:flex;align-items:center;justify-content:space-between;width:100%}
.navigationShare{background-color:#fff;width:100%;text-align:center;padding:2% 0}
.nav-link[data-toggle]{cursor:default !important}
.nav-link[data-toggle]+.hovertoggle{cursor:default !important}
@media(min-width:992px){.navbar-collapse>#navbarNavDropdown:last-child ul.TPMenuSpacing,.navbar-collapse>#navbarNavDropdown:last-child ul.TPMenuSpacing li.nav-item:last-child,.navbar-collapse>#navbarNavDropdown:last-child ul.TPMenuSpacing li.nav-item:last-child a{padding-right:0}
}
.header-divider{height:46px}
@media(min-width:992px){.header-divider{height:138px}
}
.tedlarpvf-header .nav-user-icon{padding-right:0 !important;list-style-type:none;position:relative;left:10px}
.tedlarpvf-header .nav-user-icon img{max-width:24px}
.tedlarpvf-header .nav-user-icon ul{display:none;position:absolute;top:25px;left:20px;width:max-content;background-color:#fff;margin-left:-30px;right:0;padding:35px 30px 15px 30px;max-height:calc(100vh - 100px);overflow:auto}
.tedlarpvf-header .nav-user-icon ul li{border:none !important;display:block;padding:10px 0 !important}
.tedlarpvf-header .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}
.tedlarpvf-header .nav-user-icon ul li h5{margin:0}
.tedlarpvf-header .nav-user-icon ul li#businessUnit{padding:0 !important}
.tedlarpvf-header .nav-user-icon:hover ul{display:block !important}
@media screen and (min-width:1024px){.tedlarpvf-header .search-icon-user{display:none}
}
@media screen and (max-width:1023px){.tedlarpvf-header .search-icon-user{display:block !important}
.tedlarpvf-header .search-icon-user>a{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.tedlarpvf-header .search-icon-user img{width:20px}
.tedlarpvf-header .search-icon-user>ul{position:absolute;display:none;background:white;top:60px;left:0;width:100%;z-index:9999;height:calc(100vh - 71px);overflow:auto;padding:30px 33px;list-style:none}
.tedlarpvf-header .search-icon-user li{list-style:none;margin:0 0 15px 0;display:block}
.tedlarpvf-header .search-icon-user .profileClose{padding:15px;position:absolute;left:45px;top:60%;transform:translateY(-50%);width:20px;z-index:1;-webkit-user-select:none;user-select:none}
.tedlarpvf-header .search-icon-user .profileClose.open>span{opacity:1;transform:rotate(45deg) translate(-7px,-12px);background:#232323}
.tedlarpvf-header .search-icon-user .profileClose.open>span:nth-last-child(3){opacity:0;transform:rotate(0) scale(0.2,0.2)}
.tedlarpvf-header .search-icon-user .profileClose.open>span:nth-last-child(2){transform:rotate(-43deg) translate(0,7px)}
.tedlarpvf-header .search-icon-user .profileClose span{display:block;position:relative;width:30px;height:2px;border-radius:3px;z-index:1;transform-origin:4px 0}
.tedlarpvf-header .search-icon-user .profileClose span:first-child{transform-origin:0 0}
.tedlarpvf-header .search-icon-user .profileClose span:nth-last-child(2){transform-origin:0 100%}
.tedlarpvf-header .search-icon-user .profileClose span:last-child{margin-bottom:0}
}
.tedlarpvf-header .search-icon-user .profileClose{display:none;left:auto !important;right:18px}
@media screen and (max-width:1023px){.tedlarpvf-header .menuClicked .search-icon-user{display:none !important}
}
.font-colorText{color:#128370}
.contact-us-form .contacttedlarpvfForm{padding:56px 48px 60px;background-color:rgba(225,225,225,0.2);margin-right:30px}
@media only screen and (max-width:767px){.contact-us-form .contacttedlarpvfForm{margin-left:0;margin-top:50px}
}
@media(max-width:992px){.contact-us-form .contacttedlarpvfForm{padding:56px 48px}
}
@media(max-width:767px){.contact-us-form .contacttedlarpvfForm{padding:48px 32px 56px}
}
@media(max-width:650px){.contact-us-form .contacttedlarpvfForm{margin-right:0}
}
@media(max-width:576px){.contact-us-form .contacttedlarpvfForm{padding:24px 15px;border-bottom:1px solid #e1e1e1;background-color:transparent}
}
.contact-us-form .contacttedlarpvfForm #cRelApps,.contact-us-form .contacttedlarpvfForm textarea{min-height:140px}
@media(max-width:576px){.contact-us-form .contacttedlarpvfForm #form-mobile{margin-top:15px}
}
.contact-us-form .contacttedlarpvfForm h2{margin-bottom:56px;position:relative}
@media(min-width:651px) and (max-width:768px){.contact-us-form .contacttedlarpvfForm h2{margin-bottom:46px}
}
@media(max-width:576px){.contact-us-form .contacttedlarpvfForm h2{margin-bottom:32px}
.contact-us-form .contacttedlarpvfForm h2.collapsed{margin-bottom:0}
.contact-us-form .contacttedlarpvfForm h2::after{position:absolute;right:0;height:16px;width:16px;background-size:16px 16px;content:url("../../../../content/dam/dupont/amer/us/en/corporate/general/icons/minus.svg")}
.contact-us-form .contacttedlarpvfForm h2.collapsed::after{content:url("../../../../content/dam/dupont/amer/us/en/corporate/general/icons/plus.svg")}
}
.contact-us-form .contacttedlarpvfForm .errormessage{padding-left:12px;color:#e4001c !important;display:none}
.contact-us-form .contacttedlarpvfForm .credits{color:#606060}
.contact-us-form .contacttedlarpvfForm .credits a{color:#128370;font-size:11px;font-family:"Noto Sans Bold"}
.contact-us-form .contacttedlarpvfForm .credits a:hover{color:#0c5b4e}
.contact-us-form .contacttedlarpvfForm .form-control{height:48px}
.contact-us-form .contacttedlarpvfForm select.form-control{font-family:Diodrum Medium;color:#000}
@media(max-width:768px){.contact-us-form .contacttedlarpvfForm select.form-control{font-size:12px}
}
.contact-us-form .contacttedlarpvfForm .form-check{padding-bottom:58px;padding-left:0}
@media(max-width:768px){.contact-us-form .contacttedlarpvfForm .form-check{padding-bottom:48px}
}
.contact-us-form .contacttedlarpvfForm .round{position:relative}
.contact-us-form .contacttedlarpvfForm .round label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:20px;float:left;width:20px}
.contact-us-form .contacttedlarpvfForm .round label:after{border:2px solid #fff;border-top:0;border-right:0;content:"";height:6px;left:4px;opacity:0;position:absolute;top:5px;transform:rotate(-45deg);width:11px}
.contact-us-form .contacttedlarpvfForm .round .body3{padding-left:12px;display:inline-block;width:calc(80%);vertical-align:middle}
.contact-us-form .contacttedlarpvfForm .round input[type="checkbox"]{visibility:hidden;position:absolute;left:3px;top:3px}
.contact-us-form .contacttedlarpvfForm .round input[type="checkbox"]:checked+label:after{opacity:1}
.contact-us-form .contacttedlarpvfForm .round input[type="checkbox"]:checked+label{background-color:#e4001c;border-color:#e4001c}
.contact-us-form .contacttedlarpvfForm .submit #tedlarpvfNext,.contact-us-form .contacttedlarpvfForm .submit #tedlarpvfPrevious,.contact-us-form .contacttedlarpvfForm .submit #tedlarpvfSubmit{min-width:120px;height:50px;padding:0 32px;border-radius:25px;margin:0 0 14px 0;font-family:"Diodrum Regular";border-style:none}
.contact-us-form .contacttedlarpvfForm .submit #tedlarpvfNext:disabled,.contact-us-form .contacttedlarpvfForm .submit #tedlarpvfPrevious:disabled,.contact-us-form .contacttedlarpvfForm .submit #tedlarpvfSubmit:disabled{background-color:#e1e1e1;color:#fff}
.contact-us-form .contacttedlarpvfForm .submit .neutral{background-color:transparent;border:1px solid #000;color:#000}
.contact-us-form .contacttedlarpvfForm .submit .neutral:hover{border:1px solid #e4001c}
.contact-us-form .contacttedlarpvfForm .submit .active{background-color:#e4001c;color:#fff;pointer:cursor}
.contact-us-form .contacttedlarpvfForm .submit .active:hover{background-color:#aa0014}
.contact-us-form .contacttedlarpvfForm .submit .disabled{background-color:#e1e1e1;color:#fff}
.contact-us-form .contacttedlarpvfForm .submit .success:disabled,.contact-us-form .contacttedlarpvfForm .submit .success{background-color:rgba(109,216,205,0.2) !important;color:#0c5b4e !important}
.contact-us-form .contacttedlarpvfForm .submit #tedlarpvfNext,.contact-us-form .contacttedlarpvfForm .submit #tedlarpvfPrevious{display:none}
.contact-us-form .contacttedlarpvfForm #helpText{height:144px}
.contact-us-form .contacttedlarpvfForm label.error{font-family:Noto Sans Regular;font-size:11px;color:#e4001c;padding:0 0 0 16px}
.contact-us-form .contacttedlarpvfForm .result .error{margin-top:24px;color:#e4001c;display:none}
.contact-us-form .contacttedlarpvfForm .result .error .glyphicon{font-size:20px}
.contact-us-form .contacttedlarpvfForm .result .error .error-message{color:#e4001c}
.contact-us-form .contacttedlarpvfForm .result .success{margin-top:48px;color:#128370;display:none}
.contact-us-form .contacttedlarpvfForm .result .success .glyphicon{font-size:32px}
.contact-us-form .contacttedlarpvfForm .result .success .success-message{color:#128370}
.contact-us-form .contacttedlarpvfForm button:focus{outline:0}
.contact-us-form .contacttedlarpvfForm .mandatory{color:#e4001c}
.text-v-align{vertical-align:middle}
.contacttedlarpvfForm .loader,.contacttedlarpvfForm .loader:after{border-radius:50%;width:10em;height:10em}
.contacttedlarpvfForm .loader{font-size:10px;text-indent:-9999em;border-top:4px solid rgba(0,0,0,0.2);border-right:4px solid rgba(0,0,0,0.2);border-bottom:4px solid rgba(0,0,0,0.2);border-left:4px solid #000;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;display:inline-block;width:25px;height:25px;position:absolute;right:25px;top:43px}
@-webkit-keyframes load8{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes load8{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.contacttedlarpvfForm i.fa.fa-check.verified-user-check{color:green;position:absolute;font-size:20px;right:25px;top:48px}
.contacttedlarpvfForm .primary-email{display:none}