@font-face{font-family:"RocGrotesk";src:url("https://use.typekit.net/af/97dd77/00000000000000007735b7d4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/97dd77/00000000000000007735b7d4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/97dd77/00000000000000007735b7d4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}
@font-face{font-family:"RocGrotesk-Wide";src:url("https://use.typekit.net/af/bcc24a/00000000000000007735b7c2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/bcc24a/00000000000000007735b7c2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/bcc24a/00000000000000007735b7c2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}
@font-face{font-family:"RocGrotesk-WideMedium";src:url("https://use.typekit.net/af/993c02/00000000000000007735b7df/30/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/993c02/00000000000000007735b7df/30/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/993c02/00000000000000007735b7df/30/a?subset_id=2&fvd=n5&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:500;font-stretch:normal}
@font-face{font-family:"RocGrotesk-WideBold";src:url("https://use.typekit.net/af/ece23c/00000000000000007735b7ca/30/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/ece23c/00000000000000007735b7ca/30/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/ece23c/00000000000000007735b7ca/30/a?subset_id=2&fvd=n6&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:600;font-stretch:normal}
@font-face{font-family:"RocGrotesk-ExtraWide";src:url("https://use.typekit.net/af/638c22/00000000000000007735b7cb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/638c22/00000000000000007735b7cb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/638c22/00000000000000007735b7cb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}
@font-face{font-family:"RocGrotesk-ExtraWideBold";src:url("https://use.typekit.net/af/1f2ac8/00000000000000007735b7d8/30/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/1f2ac8/00000000000000007735b7d8/30/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/1f2ac8/00000000000000007735b7d8/30/a?subset_id=2&fvd=n6&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:600;font-stretch:normal}
.heading2{font-family:"RocGrotesk-Wide" !important;font-size:clamp(14px,7.2vw,28px) !important;font-weight:400 !important;font-stretch:normal !important;font-style:normal !important;letter-spacing:.1em !important;line-height:1.3 !important;color:#ffb500}
@media(min-width:900px){.heading2{font-size:clamp(24px,2.1vw,36px) !important}
}
@media(max-width:768px){.heading2{max-width:480px}
}
.para1{font-family:"Noto Sans Regular" !important;font-size:clamp(10px,4.6vw,18px) !important;font-style:normal !important;font-weight:400 !important;line-height:1.6 !important;letter-spacing:normal !important;color:#fff}
@media(min-width:900px){.para1{font-size:clamp(15px,1.8vw,20px) !important}
}
@media(max-width:768px){.para1{max-width:480px}
}
sup{vertical-align:revert;top:0;font-size:.5em}
.container1{padding-left:50px;padding-right:50px}
@media(max-width:768px){.container1{padding-left:15px;padding-right:15px}
}
body{overflow-x:hidden;overflow-y:overlay}
@media(min-width:426px){#truste-consent-content{padding-right:15px}
}
.kv-hl-text{color:#fff;padding:3px 8px;box-shadow:inset 0 0 0 0 #ffb500}
.kv-hl-text.anm{animation:kv_bringbgup .2s forwards}
@keyframes kv_bringbgup{0{box-shadow:inset 0 0 0 0 #ffb500;color:#fff}
100%{color:#2d2d2d;box-shadow:inset 0 -40px 0 -1px #ffb500}
}
.kvbringup{transform:translateY(40px);-webkit-transform:translateY(40px);animation:kv_bringUp .8s 1 forwards;-webkit-animation:kv_bringUp .8s 1 forwards}
@keyframes kv_bringUp{1%{transform:translateY(40px);-webkit-transform:translateY(40px)}
100%{transform:translateY(0);-webkit-transform:translateY(0)}
}
@-webkit-keyframes kv_bringUp{1%{transform:translateY(40px);-webkit-transform:translateY(40px)}
100%{transform:translateY(0);-webkit-transform:translateY(0)}
}
.kv_blink{color:#ffe102;animation:kv_blinkText .8s;animation-iteration-count:infinite;animation-timing-function:ease;width:0;display:inline-block;font-size:32px;margin-top:-15px;position:relative;top:4px}
@keyframes kv_blinkText{from,to{color:transparent}
50%{color:#ffb500}
}
.fadeOut{animation:kv_fadeOut .5s 1 forwards;-webkit-animation:kv_fadeOut .5s 1 forwards}
@keyframes kv_fadeOut{1%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes kv_fadeOut{1%{opacity:1}
100%{opacity:0}
}
.kv_ovmodel{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.kv_ovmodel .player_container{position:relative;width:80%;left:10%;top:50%;transform:translateY(-50%)}
.kv_ovmodel .player_container video{width:100%;height:100%}
.kv_ovmodel .close-icon{width:30px;height:30px;cursor:pointer;color:#fff;font-size:xx-large;position:absolute;right:20px;top:20px}
.kv-header{position:fixed;width:100%;top:0;z-index:2}
.kv-header .mobileMenu-buttons{position:absolute;top:0;right:0;margin-top:18px;display:flex;justify-content:flex-end;opacity:0;animation:kve_fadeIn .5s 5s 1 forwards}
@media screen and (min-width:1024px){.kv-header .mobileMenu-buttons{display:none}
}
@keyframes kve_fadeIn{1%{opacity:0}
100%{opacity:1}
}
.kv-header .mobileMenu-buttons .hamburger,.kv-header .mobileMenu-buttons .hamburger-close{height:29px;width:29px;background-repeat:no-repeat;background-position:center;z-index:1}
.kv-header .mobileMenu-buttons .hamburger{background-image:url('../../../../content/dam/dupont/amer/us/en/kevlarnga/public/images/icons/hamburger-icon.svg')}
.kv-header .mobileMenu-buttons .hamburger-close{background-image:url('../../../../content/dam/dupont/amer/us/en/kevlarnga/public/images/icons/close.svg');display:none}
.kv-header .fixed-menu{position:fixed;width:100%;padding-top:55px;background:linear-gradient(172deg,#23437a 15%,#5375aa 85%) !important}
@media screen and (max-width:1023px){.kv-header .fixed-menu{background-repeat:no-repeat;background-size:cover;height:100vh;padding-top:83px;padding-bottom:18px;display:none;overflow-y:auto}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu{background-image:none !important}
}
@media screen and (max-width:1023px){.kv-header .fixed-menu .header-container{display:flex;flex-direction:column;height:100%;padding-left:30px;padding-right:30px}
}
.kv-header .fixed-menu .fixed-container{position:fixed}
.kv-header .fixed-menu .menu{display:flex;justify-content:space-between}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu{flex-direction:column}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu{align-items:center}
}
.kv-header .fixed-menu .menu ul.menu-items{display:block;margin-left:0;padding-left:0;margin-bottom:0}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu ul.menu-items{opacity:0;transition-property:opacity;transition-duration:2s;margin-right:15px;display:flex;gap:22px}
}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu ul.menu-items:before{content:" ";width:98%;height:1px;background:rgba(255,255,255,0.2);position:absolute;left:1%}
.kv-header .fixed-menu .menu ul.menu-items:after{content:" ";width:98%;height:1px;background:rgba(255,255,255,0.2);position:absolute;left:1%}
}
.kv-header .fixed-menu .menu .menu-with-button{display:flex}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu .menu-with-button{flex-direction:column}
}
.kv-header .fixed-menu .menu .visible{visibility:visible;display:inline-flex;align-items:center}
.kv-header .fixed-menu .menu .logo{background-repeat:no-repeat;background-position:center;background-size:contain}
.kv-header .fixed-menu .menu .logo.kevlarLogo{opacity:0;width:280px;height:35px;background-size:contain;background-position:inherit;cursor:pointer}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu .logo.kevlarLogo{opacity:1;margin-bottom:50px;max-width:500px;height:auto;width:90%;margin-bottom:5px}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu .logo.kevlarLogo{width:calc(100vw - 890px);height:auto;max-width:380px}
}
@media screen and (min-width:1150px){.kv-header .fixed-menu .menu .logo.kevlarLogo{width:calc(100vw - 920px);height:auto;max-width:380px}
}
@media screen and (min-width:1024px) and (max-width:1023px){.kv-header .fixed-menu .menu .logo.kevlarLogo{width:180px;opacity:0}
}
@media screen and (max-width:390px){.kv-header .fixed-menu .menu .logo.kevlarLogo{width:95%}
}
.kv-header .fixed-menu .menu .logo.dupontLogo{display:none;width:20%;margin-bottom:2.5%}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu .logo.dupontLogo{display:block;margin-left:-10px}
}
.kv-header .fixed-menu .menu .kevlarLogo-subTitle{font-family:"RocGrotesk-ExtraWideBold";font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;text-align:justify;color:#fff;margin-bottom:25px;display:none;font-size:clamp(10px,2.6vw,16.5px);letter-spacing:.1em;margin-bottom:43px;text-transform:uppercase;color:#ffb500}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu .kevlarLogo-subTitle{display:block}
.kv-header .fixed-menu .menu .kevlarLogo-subTitle p{margin-bottom:0}
}
@media screen and (max-width:325px){.kv-header .fixed-menu .menu .kevlarLogo-subTitle{font-size:8px}
}
.kv-header .fixed-menu .menu .kevlarLogo-subTitle .tag-text1{font-family:"RocGrotesk-ExtraWideBold";color:#ffb500;line-height:1.71;text-align:justify}
.kv-header .fixed-menu .menu .kevlarLogo-subTitle .tag-text2{font-family:"RocGrotesk-ExtraWideBold";line-height:1.71;text-align:justify;color:#ffb500}
.kv-header .fixed-menu .menu li.menu-item{position:relative;list-style-type:none;display:flex;align-items:center;cursor:pointer;margin-left:10px;margin-right:10px}
@media(min-width:1024px){.kv-header .fixed-menu .menu li.menu-item{width:min-content}
}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu li.menu-item{padding-bottom:10px;padding-top:10px;margin-left:0;margin-right:0;width:fit-content}
.kv-header .fixed-menu .menu li.menu-item:first-child{padding-top:28px;padding-bottom:20px}
.kv-header .fixed-menu .menu li.menu-item:last-child{padding-bottom:28px}
.kv-header .fixed-menu .menu li.menu-item:last-of-type::before{height:0}
}
.kv-header .fixed-menu .menu li.menu-item .dotted-line{position:relative;border-radius:34px}
@media(max-width:1023px){.kv-header .fixed-menu .menu li.menu-item .dotted-line{padding-left:0;border:0}
}
.kv-header .fixed-menu .menu li.menu-item .dotted-line::before{border-radius:34px;border:1px dashed #fff;content:'';height:100%;left:0;margin:0;right:0;opacity:0;position:absolute;top:0;width:100%;transition:all .25s ease-in-out;box-sizing:content-box}
@media(min-width:1024px){.kv-header .fixed-menu .menu li.menu-item .overlapCircles{visibility:hidden}
}
.kv-header .fixed-menu .menu li.menu-item .overlapCircles .fa-circle{color:#fff;font-size:15px}
.kv-header .fixed-menu .menu li.menu-item .overlapCircles .circle{width:15px;height:15px;border:1.1px solid white;border-radius:50%;display:inline-block}
@media(max-width:1023px){.kv-header .fixed-menu .menu li.menu-item .overlapCircles .circle:after{content:'';position:absolute;top:0}
}
@media(max-width:1023px){.kv-header .fixed-menu .menu li.menu-item .overlapCircles .circle1{display:none}
}
@media(min-width:1024px){.kv-header .fixed-menu .menu li.menu-item .overlapCircles .circle2{margin-left:-12px}
}
.kv-header .fixed-menu .menu li.menu-item .menu-text{font-family:"RocGrotesk-WideMedium";cursor:pointer;font-size:18px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;font-stretch:normal;font-style:normal;line-height:normal;text-align:right;color:#fff;text-align:left}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu li.menu-item .menu-text{font-size:clamp(10px,1vw,14px);text-align:center;padding:0 10px;margin:-5px 0}
}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu li.menu-item .menu-text{text-decoration:underline}
.kv-header .fixed-menu .menu li.menu-item .menu-text:before,.kv-header .fixed-menu .menu li.menu-item .menu-text:after{content:'';position:absolute;height:12px;width:12px;border:1px solid #fff;border-radius:50%;left:-20px;opacity:0;transition:opacity .5s;top:4px}
.kv-header .fixed-menu .menu li.menu-item .menu-text:after{left:-15px}
}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu li.menu-item .menu-text{font-size:14px}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu li.menu-item:hover .menu-text{color:#fff}
}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu li.menu-item:hover .menu-text:before,.kv-header .fixed-menu .menu li.menu-item:hover .menu-text:after{opacity:1}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu li.menu-item:hover .dotted-line{visibility:visible}
.kv-header .fixed-menu .menu li.menu-item:hover .dotted-line::before{margin:-9px;opacity:1;padding:9px}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu li.menu-item:hover .overlapCircles{visibility:visible !important}
}
.kv-header .fixed-menu .menu li.menu-item:first-of-type .overlapCircles{visibility:visible}
.kv-header .fixed-menu .menu li.menu-item.active .circle2{background-color:#ffb500;border-color:#ffb500}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu li.menu-item.active .menu-text{color:#fff;border-color:#fff}
}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu li.menu-item.active .menu-text:before,.kv-header .fixed-menu .menu li.menu-item.active .menu-text:after{opacity:1}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu li.menu-item.active .overlapCircles{visibility:visible}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu li.menu-item.active .dotted-line{visibility:visible}
.kv-header .fixed-menu .menu li.menu-item.active .dotted-line::before{margin:-9px;opacity:1;padding:9px}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu li.menu-item.active .menu-text{color:#fff}
}
.kv-header .fixed-menu .menu .upB{display:block;cursor:pointer;width:auto}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu .upB .roll-anim{width:100%}
}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu .upB .roll-anim{width:0;border-radius:34px;overflow-x:hidden;transition-property:width;transition-duration:1s}
}
.kv-header .fixed-menu .menu .upB .dotted-line{display:inline-flex;align-items:center;border-radius:34px;position:relative;width:auto;margin-right:-9px}
.kv-header .fixed-menu .menu .upB .dotted-line:hover{visibility:visible}
.kv-header .fixed-menu .menu .upB .dotted-line:hover .arrowAnim i{margin-left:40px}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu .upB .dotted-line:hover::before{margin:-9px;opacity:1;padding:9px}
}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu .upB .dotted-line{margin-bottom:20px;padding:0;display:block;max-width:410px;border:0;margin-left:0;margin-right:0}
}
.kv-header .fixed-menu .menu .upB .dotted-line::before{border-radius:34px;border:1px dashed #fff;content:'';height:100%;left:0;margin:0;right:0;opacity:0;position:absolute;top:0;width:100%;transition:all .25s ease-in-out;box-sizing:content-box}
@media screen and (max-width:440px){.kv-header .fixed-menu .menu .upB .dotted-line{margin-left:-20px;margin-right:-20px}
}
.kv-header .fixed-menu .menu .upB .upgradeBtn{border-radius:30px;background-color:#ffb500;display:flex;align-items:center;position:relative;padding-right:0;justify-content:space-between;text-decoration:none;color:#2d2d2d}
.kv-header .fixed-menu .menu .upB .upgradeBtn .upgradeBtnText{display:block;font-family:"RocGrotesk-WideBold";font-size:14px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.5px;color:#2d2d2d;margin-bottom:0;padding:14px 65px 13px 20px;text-decoration:none;white-space:nowrap;padding-right:0}
@media screen and (max-width:440px){.kv-header .fixed-menu .menu .upB .upgradeBtn .upgradeBtnText{font-size:3.35vw}
}
@media screen and (max-width:389px){.kv-header .fixed-menu .menu .upB .upgradeBtn .upgradeBtnText{font-size:3vw;white-space:unset}
}
.kv-header .fixed-menu .menu .upB .upgradeBtn .arrowAnim{width:85px}
@media screen and (max-width:455px){.kv-header .fixed-menu .menu .upB .upgradeBtn .arrowAnim{left:-18px;position:relative}
}
.kv-header .fixed-menu .menu .upB .upgradeBtn i{margin-left:25px;transition-property:margin-left;transition-duration:.25s;transition-timing-function:ease-in-out;background-image:url('../../../../content/dam/dupont/amer/us/en/kevlarnga/public/images/icons/cta-arrow.png');width:36px;height:20px;display:block;background-size:contain}
@media screen and (max-width:1023px){.kv-header .fixed-menu .menu .upB .upgradeBtn i{margin-left:20px}
}
@media screen and (min-width:1024px) and (max-width:1023px){.kv-header .fixed-menu .menu .upB .upgradeBtn i{margin-right:10px;margin-left:20px}
}
.kv-header .fixed-menu .menu .upB .links-mobile{margin-bottom:20px;margin-top:25px}
@media screen and (min-width:1024px){.kv-header .fixed-menu .menu .upB .links-mobile{display:none}
}
.kv-header .fixed-menu .menu .upB .links-mobile .cta-block{padding-top:25px;padding-bottom:25px}
.kv-header .fixed-menu .menu .upB .links-mobile .cta-block.where-to-buy{padding-top:10px}
.kv-header .fixed-menu .menu .upB .links-mobile .cta-title{margin-bottom:20px;font-family:"RocGrotesk-WideBold";font-stretch:normal;font-style:normal;line-height:normal;text-align:justify;color:#fff;font-size:14px;letter-spacing:1.31px;text-transform:uppercase}
.kv-header .fixed-menu .menu .upB .links-mobile .cta-link{font-family:"RocGrotesk";font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff;text-decoration:underline;text-underline-position:under;width:fit-content;display:block;margin-bottom:25px}
.kv-header .fixed-menu .menu .upB .links-mobile .cta-link.no-link{text-decoration:none;cursor:default;pointer-events:none}
.kv-header .fixed-menu .menu .upB .links-mobile .cta-link i{margin-left:20px}
.kv-header .fixed-menu .bottomLogos-mobile{margin-top:25px;padding-bottom:120px}
@media screen and (min-width:1024px){.kv-header .fixed-menu .bottomLogos-mobile{display:none}
}
.kv-header .fixed-menu .bottomLogos-mobile .logo{background-repeat:no-repeat;background-position:center;background-size:auto}
.kv-header .fixed-menu .bottomLogos-mobile .dupontLogo{width:108px;height:40px;margin-bottom:20px}
.kv-header .fixed-menu .bottomLogos-mobile .kevlarLogo{opacity:0;width:auto;height:35px;margin-bottom:20px;background-size:contain;background-position:inherit}
.kv-header .fixed-menu .bottomLogos-mobile .kevlarLogo-subTitle{font-family:"RocGrotesk-WideMedium";font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.5px;text-align:justify;color:#fff;margin-bottom:66px}
.kv-header .fixed-menu .bottomLogos-mobile .kevlarLogo-subTitle p{margin-bottom:0;font-family:"RocGrotesk-WideMedium"}
.kv-header .fixed-menu .bottomLogos-mobile .kevlarLogo-subTitle .text1{font-family:"RocGrotesk-WideMedium";color:#ffb500}
.kv-header .fixed-menu .bottomLogos-mobile .kevlarLogo-subTitle .text2{font-family:"RocGrotesk-WideMedium"}
.kv-header .fixed-menu .bottomLogos-mobile .USFlagLogo{display:flex;align-items:center}
.kv-header .fixed-menu .bottomLogos-mobile .USFlagLogo .flag{background-repeat:no-repeat;background-position:center;background-size:cover;height:16px;width:30px;margin-right:16px}
.kv-header .fixed-menu .bottomLogos-mobile .USFlagLogo p{font-family:"RocGrotesk-WideMedium";font-size:clamp(5px,2.29vw,11px);font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.21px;color:#fff;margin-bottom:0}
.kv_rollingImage{position:relative;opacity:0;transition:opacity .2s linear}
.kv_rollingImage.animate{opacity:1}
.kv_rollingImage.editmode{max-height:700px !important;opacity:1}
.kv_rollingImage.editmode .rollingImage{background:none !important}
.kv_rollingImage.fix-comp{position:fixed;width:100%;top:0}
.kv_rollingImage .dots-sec{text-align:center;position:absolute;bottom:50vh;left:50%;z-index:1;visibility:hidden;width:100%;height:100vh;top:0;left:0;display:flex;justify-content:center;align-items:center;pointer-events:none}
@media screen and (max-width:768px){.kv_rollingImage .dots-sec{align-items:flex-end}
}
.kv_rollingImage .dots-sec .dots{margin-bottom:5px}
@media screen and (max-width:768px){.kv_rollingImage .dots-sec .dots{margin-bottom:80px;transform:rotate(-90deg);display:none !important}
}
.kv_rollingImage .dots-sec .dots .dot{width:9px;height:9px;border:1px solid #fff;border-radius:50%;margin-bottom:20px;margin-top:10px}
.kv_rollingImage .dots-sec .dots .dot.active{border:1px solid #ffb500;background-color:#ffb500}
.kv_rollingImage .dots-sec .section-name{margin-bottom:5px;color:#ffb500;font-family:"RocGrotesk-Wide";font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.5px;position:absolute;bottom:75px}
@media screen and (min-width:769px){.kv_rollingImage .dots-sec .section-name{display:none}
}
.kv_rollingImage .dots-sec .counter{position:absolute;bottom:50px}
.kv_rollingImage .dots-sec .counter span{color:#fff}
@media screen and (min-width:769px){.kv_rollingImage .dots-sec .counter span{display:none}
}
.kv_rollingImage .dots-sec .line{text-align:center;width:50px;height:1.5px;position:relative;margin:auto;background-color:white;transform:rotate(90deg);position:absolute;bottom:135px}
@media screen and (min-width:769px){.kv_rollingImage .dots-sec .line{display:none}
}
.kv_rollingImage .dots-sec .line .progress{width:0;position:absolute;top:0;left:0;background-color:#ffb500;height:100%}
.kv_rollingImage .kv_stickyLayer{position:sticky;top:0;height:100vh;width:100vw;overflow-x:hidden;overflow-y:hidden;pointer-events:none}
.kv_rollingImage .kv_stickyLayer:first-child{pointer-events:unset}
.kv_rollingImage .slides-container{position:absolute}
.kv_rollingImage .kv_compLayer{font-size:0;height:100%;width:100%;position:relative}
.kv_rollingImage .kv_compLayer:nth-child(2){pointer-events:none}
.kv_rollingImage .kv_compLayer .kv_bgImage{display:block;background-repeat:no-repeat;background-position:center;object-fit:contain;background-size:cover;height:100%;width:100vw;height:100vh;float:left;overflow:hidden}
.kv_rollingImage .kv_compLayer .kv_bgImage:first-child .kv_optionalLayer{overflow:visible;top:-100vh}
.kv_rollingImage .kv_compLayer .kv_bgImage:first-child .rollingImage{position:relative;transform:scale(12);width:100vw !important;top:0;margin-left:auto !important;background-position:left center !important}
@media screen and (min-width:1200px){.kv_rollingImage .kv_compLayer .kv_bgImage:first-child .rollingImage{background-position:8vw center !important}
}
.kv_rollingImage .kv_compLayer .kv_bgImage:first-child .desk-img-wrap{height:100vh;width:100vw}
.kv_rollingImage .kv_compLayer .kv_bgImage:first-child .bg_img.mob{transform:translateX(-75%);transition:scale .5s ease;transition-delay:.5s;left:75%}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage:first-child .imgBlock{position:absolute;top:0 !important;right:0 !important;width:100% !important;scale:1 !important;opacity:1 !important}
.kv_rollingImage .kv_compLayer .kv_bgImage:first-child .rollingImage{transform:scale(10);left:20%;transition:scale .5s ease,left .5s ease,top .5s ease;transition-delay:.5s}
.kv_rollingImage .kv_compLayer .kv_bgImage:first-child .contentBlock{z-index:0;transform:translate(100%,-30%);transition:transform .5s ease;transition-delay:.5s}
.kv_rollingImage .kv_compLayer .kv_bgImage:first-child.shift-left .bg_img.mob{scale:1.5}
.kv_rollingImage .kv_compLayer .kv_bgImage:first-child.shift-left .contentBlock{transform:translate(0,0)}
.kv_rollingImage .kv_compLayer .kv_bgImage:first-child.shift-left .rollingImage{transform:scale(1.5) !important;left:-25%;top:40vh}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .bg_img{transform:translateX(-50%);left:50%;position:relative;height:100vh;display:none}
@media screen and (min-width:769px){.kv_rollingImage .kv_compLayer .kv_bgImage .bg_img.desk{display:block}
}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .bg_img.mob{display:block}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .kv_optionalLayer{height:100vh;overflow:hidden;position:relative}
@media screen and (min-width:769px){.kv_rollingImage .kv_compLayer .kv_bgImage .kv_optionalLayer{display:flex}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock{width:45%;height:100%;display:flex;align-items:center;padding-right:18px}
@media screen and (min-width:1200px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock{padding-left:125px}
}
@media screen and (max-width:1199px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock{padding-left:50px}
}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock{z-index:1;position:absolute;width:100%;padding-left:15px}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content{width:100%;word-break:keep-all;padding-top:100px}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content{text-align:center;max-width:480px;left:50%;position:relative;transform:translateX(-50%);padding-top:0}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .title{margin-bottom:20px;text-transform:uppercase}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .title{margin-bottom:15px}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text-block{margin-bottom:20px}
@media screen and (min-width:769px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text-block{display:flex}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text-block .hyfen{margin-right:30px;height:100%;border-top:2px solid white;width:25px;display:block;margin-top:10px;margin-bottom:10px;text-align:center}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text-block .hyfen{margin-bottom:20px;margin-left:auto;margin-right:auto}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text{font-size:18px}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text p{display:inline}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text .f-12{font-size:12px}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text span.text-style-1{padding:5px;background-color:#ffb500}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text ul{list-style-type:none;margin-left:50px}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text ul{margin-left:0}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text ul li{margin-bottom:20px}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text ul li{margin-bottom:50px}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text ul li:before{content:'\2014';position:absolute;margin-left:-50px}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .text ul li:before{margin-top:-20px;width:100%;text-align:center;left:0;margin-left:0}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .video-cta{border:1px solid #fff;display:inline-block;text-align:center;border-radius:50px;padding:13px 20px 10px 20px;margin-top:50px;cursor:pointer;position:relative;opacity:0;transition:opacity .3s ease-in-out;line-height:16px}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .video-cta.show{opacity:1}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .video-cta:before{border-radius:34px;border:1px dashed #fff;content:'';height:100%;left:0;margin:0;right:0;opacity:0;position:absolute;top:0;width:100%;transition:all .25s ease-in-out}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .video-cta:hover:before{margin:-10px;opacity:1;padding:10px;width:calc(100% + 20px);height:calc(100% + 20px)}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .video-cta:hover span:after{right:10px}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .video-cta span{font-family:"RocGrotesk-WideMedium";color:#fff;font-size:14px;vertical-align:middle;letter-spacing:1.5px;margin-right:30px;text-align:center;display:inline-block}
.kv_rollingImage .kv_compLayer .kv_bgImage .contentBlock .content .video-cta span:after{content:'';background-image:url('../../../../content/dam/dupont/amer/us/en/kevlarnga/public/images/icons/play-yellow.png');width:15px;height:20px;background-size:100% 100%;position:absolute;margin-left:15px;transition:right .25s ease-in-out;margin-top:unset;top:50%;transform:translateY(-50%);right:20px}
@media screen and (max-width:768px){}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .imgBlock.norotate{position:absolute;left:0;top:0}
}
@media screen and (min-width:769px){.kv_rollingImage .kv_compLayer .kv_bgImage .imgBlock{width:50%;height:100%;display:flex;align-items:center;position:relative;justify-content:center;position:absolute;left:50%}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .imgBlock .rollingImageContainer{width:100%}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .imgBlock .rollingImageContainer{margin-right:-50px}
}
.kv_rollingImage .kv_compLayer .kv_bgImage .imgBlock .rollingImageContainer .rollingImage{background-repeat:no-repeat;background-position:center;background-size:contain;width:75%;margin-left:15%;height:100vh;z-index:-1}
.kv_rollingImage .kv_compLayer .kv_bgImage .imgBlock .rollingImageContainer .rollingImage.mobile{display:none}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage .imgBlock .rollingImageContainer .rollingImage{width:100%;margin-left:auto}
}
.kv_rollingImage .kv_compLayer .kv_bgImage.zoomOut .rollingImageContainer{opacity:1}
.kv_rollingImage .kv_compLayer .kv_bgImage.zoomOut .rollingImage{z-index:1 !important}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage.zoomOut .rollingImageContainer{opacity:1}
}
.kv_rollingImage .kv_compLayer .kv_bgImage.no_rotate{height:100vh;background-size:100% 100%}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage:nth-child(2) .rollingImage,.kv_rollingImage .kv_compLayer .kv_bgImage:nth-child(4) .rollingImage{background-position-y:60px !important;opacity:.8}
}
.kv_rollingImage .kv_compLayer .kv_bgImage:nth-child(3) .rollingImage{width:85% !important;background-position:center bottom !important;background-size:auto 100% !important}
@media screen and (max-width:991px){.kv_rollingImage .kv_compLayer .kv_bgImage:nth-child(3) .rollingImage{background-position:40% bottom !important}
}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage:nth-child(3) .rollingImage{width:100% !important;background-size:auto 100% !important;background-position:center !important;opacity:.5}
}
.kv_rollingImage .kv_compLayer .kv_bgImage:last-child .rollingImage{width:85% !important;background-position:left !important;background-size:auto 100% !important}
@media screen and (max-width:768px){.kv_rollingImage .kv_compLayer .kv_bgImage:last-child .rollingImage{width:100% !important;margin-left:auto !important;background-size:auto 115% !important;background-position:70% bottom !important;opacity:.5}
}
.stickyFooter{position:fixed;bottom:0;display:none;padding-bottom:15px;width:100%}
.stickyFooter .sticky-footer{display:flex;justify-content:space-between;align-items:center}
@media screen and (max-width:768px){.stickyFooter .sticky-footer{display:none}
}
.stickyFooter .sticky-footer .dupontLogo{width:108px;height:40px;background-repeat:no-repeat;background-position:center;background-size:contain;object-fit:contain;position:relative;bottom:10px}
.stickyFooter .sticky-footer .kevlarLogo-subTitle{font-family:"RocGrotesk-ExtraWideBold";font-size:11px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:2px;text-align:justify;color:#ffb500}
.stickyFooter .sticky-footer .kevlarLogo-subTitle p{margin-bottom:0;font-family:"RocGrotesk-ExtraWideBold"}
.stickyFooter .sticky-footer .kevlarLogo-subTitle .text1{font-family:"RocGrotesk-ExtraWideBold";color:#ffb500;line-height:1.71;letter-spacing:2px;text-align:justify}
.stickyFooter .sticky-footer .kevlarLogo-subTitle .text2{font-family:"RocGrotesk-ExtraWideBold";line-height:1.71;letter-spacing:2px;text-align:justify}
.kv_footer{width:100vw;height:100vh;max-height:1500px;position:relative}
.kv_footer.animate .row.footer-content:before{width:100%}
.kv_footer.animate .row.footer-content:after{width:100%}
.kv_footer.animate .row.footer-content .first-sec:after{height:100%}
@media(max-width:768px){.kv_footer.animate .row.footer-content .first-sec:after{height:1px;width:100%}
}
.kv_footer.animate .row.footer-content .second-sec:after{height:100%}
.kv_footer.animate .dupont_logo,.kv_footer.animate .kv-log-txt-cont,.kv_footer.animate .info-mobile,.kv_footer.animate .third-sec,.kv_footer.animate .footer-links{opacity:1}
.kv_footer.editmode{max-height:700px}
.kv_footer .container-fluid{position:absolute;top:50%;transform:translateY(-50%)}
.kv_footer .padding10.kelvarNGA-logo{margin-top:10px;margin-bottom:15px;max-width:95%;cursor:pointer}
@media(min-width:1300px){.kv_footer .padding10.kelvarNGA-logo{max-width:90%}
}
@media(min-width:1500px){.kv_footer .padding10.kelvarNGA-logo{max-width:80%}
}
@media(max-width:768px){.kv_footer .padding10.kelvarNGA-logo{max-width:325px;width:95%}
}
.kv_footer .flag{width:30px;height:20px;margin-right:5px}
.kv_footer .row.footer-content{position:relative}
.kv_footer .row.footer-content:before{content:'';width:0;height:1px;background:#fff;position:absolute;transform:translateX(-50%);left:50%;transition:width 1s ease}
@media(max-width:768px){.kv_footer .row.footer-content:before{height:0}
}
.kv_footer .row.footer-content:after{content:'';width:0;height:1px;background:#fff;position:absolute;transform:translateX(-50%);left:50%;transition:width 1s ease;bottom:0}
@media(max-width:768px){.kv_footer .row.footer-content:after{background:rgba(255,255,255,0.2)}
}
.kv_footer .row.footer-content .first-sec:after{content:'';width:1px;height:0;background:#fff;position:absolute;transform:translateY(-50%);top:50%;transition:height 1s ease;right:0}
@media(max-width:768px){.kv_footer .row.footer-content .first-sec:after{width:0;height:1px;transform:translateX(-50%);left:50%;top:unset;bottom:0;transition:width 1s ease;background:rgba(255,255,255,0.2)}
}
.kv_footer .row.footer-content .second-sec:after{content:'';width:1px;height:0;background:#fff;position:absolute;transform:translateY(-50%);top:50%;transition:height 1s ease;right:0}
@media(max-width:768px){.kv_footer .row.footer-content .second-sec:after{width:0}
}
.kv_footer .row.footer-content .third-sec .where-tobuy{display:block}
.kv_footer .row.footer-content .third-sec .where-tobuy>p{margin-bottom:0}
.kv_footer .row.footer-content .third-sec .where-tobuy .column2-links{display:inline-block}
.kv_footer .dupont_logo,.kv_footer .kv-log-txt-cont,.kv_footer .info-mobile,.kv_footer .third-sec,.kv_footer .footer-links{opacity:0;transition:opacity 1s ease;transition-delay:.2s}
.kv_footer .col-md-4.border-right{border-right:1.5px solid #fff}
.kv_footer .col-md-10.border-right{border-right:1.5px solid #fff}
.kv_footer .row.padding10{padding-top:10%}
.kv_footer .row.mrgn8{margin:8%}
.kv_footer .row.paddingLeft{padding-left:10%}
.kv_footer .row.footer-links{margin-top:2%}
.kv_footer .row.footer-links a{font-family:"RocGrotesk";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff;display:inline-block;margin-left:6%}
.kv_footer .row.footer-links a:hover{font-weight:bold;text-decoration:underline}
.kv_footer .row.footer-links span,.kv_footer .row.footer-links p,.kv_footer .row.footer-links div{font-family:"RocGrotesk"}
.kv_footer a:hover p.Lorem-Ipsum{font-weight:bold;color:#ffb500;border-bottom:1px solid #ffb500}
@media(min-width:769px){.kv_footer .main-links-mob a{border-bottom:1px solid #fff}
.kv_footer .main-links-mob a:hover{border-bottom:1px solid #ffb500}
.kv_footer .main-links-mob a:after{content:"";margin-bottom:20px;width:100px;display:block}
}
.kv_footer p.Lorem-Ipsum{font-family:"RocGrotesk";font-size:clamp(12px,2vw,18px);font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff;border-bottom:1px solid #fff;float:left}
@media(min-width:769px){.kv_footer p.Lorem-Ipsum{display:contents;border-bottom:0 solid #fff}
}
.kv_footer span.info{font-family:"RocGrotesk-WideBold";font-size:clamp(12px,1.8vw,16px);font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}
.kv_footer span.social{font-family:"RocGrotesk-WideBold";font-size:clamp(12px,1.8vw,16px);font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff;position:relative;left:-15px}
.kv_footer span.copyright{font-family:"RocGrotesk";font-size:clamp(10px,1.8vw,12px);font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}
.kv_footer p.Lorem-Ipsum.mrg-bottom{margin:0 0 20px}
.kv_footer .col-md-10.border-rightSide{border-right:1.5px solid #fff;min-height:100%}
.kv_footer .button-big{width:28px;height:28px}
.kv_footer .twitter{color:#fff}
.kv_footer .row.padding10.mrgn8.dupont-logo{margin:8%}
.kv_footer .row.padding10.mrgn8{margin:8%}
.kv_footer .FITS-THE-BODY-Free{font-family:"RocGrotesk-ExtraWideBold";font-size:clamp(7px,0.78vw,12px);font-weight:500;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:1.39px;text-align:justify;color:#ffb500;text-transform:uppercase}
.kv_footer .FITS-THE-BODY-Free .text-style-1{color:#ffb500;font-family:"RocGrotesk-ExtraWideBold"}
@media(max-width:900px){.kv_footer .FITS-THE-BODY-Free{font-size:clamp(5px,0.7vw,10px)}
}
@media screen and (max-width:325px){.kv_footer .FITS-THE-BODY-Free{font-size:7px !important}
}
.kv_footer .row.USA{margin-top:70px;margin-bottom:40px}
.kv_footer .col-md-10.usaText{font-family:"RocGrotesk-WideMedium" !important;font-size:10.8px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:20px;letter-spacing:1.15px;color:#fff}
.kv_footer #content-desktop{display:block;padding-bottom:30px}
.kv_footer .content-desktop.row{display:block;margin-top:65px;padding-bottom:30px}
.kv_footer .Lorem-Ipsum.mrg-bottom.content-desktop{display:block}
.kv_footer a.linksOne{margin-bottom:15px}
.kv_footer a.linksTwo{padding:0 4%}
.kv_footer #content-mobile{display:none}
.kv_footer #content-mobile-usa{display:none}
.kv_footer .ht-100{height:100%}
.kv_footer .pd-left-50{padding-left:50px}
.kv_footer .ml-0{margin-left:0}
.kv_footer .pd-l-0{padding-left:0}
.kv_footer .mt-0{margin-top:0}
.kv_footer .mobile-view{padding:0 10% 20px 0}
.kv_footer .fl-container{text-align:end;padding-right:2%}
.kv_footer .back-layer{display:none;width:100%;height:100%;background-size:100% 100%}
@media(min-width:768px){.kv_footer .back-layer.desk{display:block}
}
@media(max-width:768px){.kv_footer .back-layer.mob{display:block;position:absolute;margin-left:-15px}
}
.kv_footer #teconsent{display:inline-block}
@media(max-width:768px){.kv_footer #teconsent{margin-top:-8px}
}
.kv_footer #teconsent a{font-family:"RocGrotesk";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff;display:inline-block;margin-left:6%;min-width:150px}
@media(max-width:768px){.kv_footer #teconsent a{font-family:"RocGrotesk-Wide";font-size:12px;margin-left:0}
}
.kv_footer .dupont_logo{width:75px;display:block;margin-top:65px;margin-left:-10px;cursor:pointer}
.kv_footer .dupont_logo img{width:100%;margin:0 !important}
.kv_footer .main-links-mob{margin-top:30px}
.kv_footer .column2-links{font-family:"RocGrotesk";font-size:clamp(12px,2vw,18px);font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff;margin:0 0 20px 0;padding:0;border-bottom:1px solid #fff}
.kv_footer .column2-links:hover{font-weight:bold;color:#ffb500;border-bottom:1px solid #ffb500}
.kv_footer .column2-links.no-link{border-bottom:none !important;color:#fff}
.kv_footer .column2-links.no-link:hover{color:#fff}
.kv_footer .info-mobile{padding:0;margin-top:65px}
@media(min-width:769px){.kv_footer .usa-ft-wrap{display:none}
}
.kv_footer .usa-ft-wrap img{width:30px;height:20px;margin-right:15px}
.kv_footer .usa-ft-wrap .usaText{margin-top:-21px;margin-left:30px;font-family:"RocGrotesk-Wide";font-size:10.8px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:20px;letter-spacing:1.15px;color:#fff}
.kv_footer .kv-log-txt-cont{margin-bottom:65px}
.kv_footer #teconsent a{margin-left:0}
@media(max-width:768px){.kv_footer #teconsent a{margin-left:15px;margin-bottom:20px;border-bottom:1px solid #fff}
.kv_footer #teconsent a:hover{text-decoration:none !important;color:#ffb500;border-bottom:1px solid #ffb500}
.kv_footer .col-md-4,.kv_footer .col-md-6,.kv_footer .col-md-10{flex:0 0 100%;max-width:100%}
.kv_footer .container-fluid{position:absolute;top:0;transform:translateY(0);min-height:100%}
.kv_footer .dupont_logo{width:75px;display:block;margin-top:50px;margin-bottom:10px}
.kv_footer .dupont_logo img{padding-top:0 !important}
.kv_footer .kv-log-txt-cont{margin-bottom:50px}
.kv_footer .info-mobile{padding:0;margin-top:20px}
.kv_footer .content-desktop.row.padding10{display:none}
.kv_footer .col-md-4.border-right.mobile-view{margin-top:25%}
.kv_footer .Lorem-Ipsum.mrg-bottom.content-desktop{display:none}
.kv_footer .row.USA{display:none}
.kv_footer #content-mobile{display:none;padding:30px 0;width:100%;margin:0;position:relative;left:50%;transform:translateX(-50%);width:auto}
.kv_footer #content-mobile-usa{display:block;padding:60px 0 20px 0;margin:0}
.kv_footer #content-desktop{display:none}
.kv_footer #content-desktop-links{display:flex;flex-direction:column;margin:20px -5px !important}
.kv_footer #content-desktop-links .pd-left-50{order:1}
.kv_footer #content-desktop-links .usa-ft-wrap{order:2;margin-top:30px}
.kv_footer .column2{padding-bottom:10px;width:100%;max-width:100%;flex:0 0 100%}
.kv_footer .content-desktop{margin-top:20px !important;padding-bottom:10px !important}
.kv_footer .row.footer-content{border:0;margin:0 -5px}
.kv_footer .column2-links{font-size:14px}
.kv_footer .social{font-size:14px !important}
.kv_footer .row.padding10.mrgn8.logo-mobile{left:50%;position:relative;transform:translateX(-50%);padding-top:70px}
.kv_footer .fl-container{display:flex;flex-direction:column;text-align:left;padding:0}
.kv_footer .fl-container .linksOne{margin-left:15px !important;width:fit-content;display:block !important;margin-bottom:20px;font-size:14px !important;border-bottom:1px solid #fff}
.kv_footer .fl-container .linksOne:hover{text-decoration:none !important;color:#ffb500;border-bottom:1px solid #ffb500}
.kv_footer .FITS-THE-BODY-Free{text-align:left;display:block}
.kv_footer .copyright{font-size:14px !important;display:block;margin-top:30px;text-align:justify}
.kv_footer .padding10.kelvarNGA-logo{position:relative;margin-top:0}
.kv_footer .col-md-4.border-right{border-right:0}
.kv_footer .col-md-10.border-right{border-right:0}
.kv_footer .row.padding-mobile{padding:5% 34%;text-align:center}
.kv_footer p.Lorem-Ipsum.mrg-bottom{margin:0 0 20px 0;text-align:center;font-size:14px;float:none;display:inline-block}
.kv_footer .row.mrgn8.USA{margin-top:10%}
.kv_footer .col-md-10.usaText{text-align:center;max-width:calc(100vw - 100px);display:block;width:100vw;text-align:left;padding-top:0}
.kv_footer .row.padding10.info-mobile{padding-top:0;text-align:center}
.kv_footer .row.mrgn8{text-align:center}
.kv_footer .FITS-THE-BODY-Free{font-size:10px;letter-spacing:1.7px}
.kv_footer span.info{font-size:14px}
.kv_footer p.links-mobie{font-family:"RocGrotesk-Wide";font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#fff}
.kv_footer .col-md-10.border-rightSide{border-right:0;min-height:100%}
.kv_footer .col-md-2.mobile-flag{background-size:15%;background-position:50%;padding:4%}
.kv_footer .pd-left-50{padding-left:15px}
.kv_footer .pd-mob-top-50{padding-top:50px}
.kv_footer .pd-mob-top-70{padding-top:70px}
.kv_footer .main-links-mob{width:auto;margin-top:10px}
.kv_footer .main-links-mob a{display:block}
.kv_footer .bottom-links-mob{flex-direction:column-reverse;width:auto;display:flex;justify-content:center;margin:auto}
.kv_footer .mobile-flag{width:30px !important;height:16px !important;object-fit:fill}
.kv_footer .no-border-mob{border-right:0 !important}
.kv_footer .kv_divider_mob{width:100%;height:1px}
}
@media(max-width:768px) and (max-width:375px){.kv_footer .FITS-THE-BODY-Free{font-size:10px}
}
.swap-image-with-text-animation-comp{opacity:0;transition:opacity 1s ease-out}
.swap-image-with-text-animation-comp.blur-shadow{position:relative}
.swap-image-with-text-animation-comp.animate{opacity:1;box-shadow:none;filter:none}
.swap-image-with-text-animation-comp.animate .back-container{filter:none}
.swap-image-with-text-animation-comp.fix-comp{position:fixed;width:100%;top:0}
.swap-image-with-text-animation-comp .containers{position:relative}
.swap-image-with-text-animation-comp .containers.editmode{max-height:700px;overflow:hidden}
.swap-image-with-text-animation-comp .containers.editmode .block,.swap-image-with-text-animation-comp .containers.editmode .section,.swap-image-with-text-animation-comp .containers.editmode .section__img__inner{max-height:700px}
.swap-image-with-text-animation-comp .containers .top-container{width:100%;height:100vh;float:left;position:absolute;top:0}
@media(min-width:1200px){.swap-image-with-text-animation-comp .containers .top-container{padding-left:75px}
}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container{padding:0 15px}
}
.swap-image-with-text-animation-comp .containers .top-container .block{width:50%;height:100vh;display:flex;justify-content:center;align-items:center;font-size:26px}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .block{width:100%}
}
.swap-image-with-text-animation-comp .containers .top-container .block__content{margin:50px;visibility:hidden}
@media(min-width:768px) and (max-width:1024px){.swap-image-with-text-animation-comp .containers .top-container .block__content{margin:50px 0 50px 50px}
}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .block__content{width:100%;margin:0;text-align:center;max-width:480px}
}
.swap-image-with-text-animation-comp .containers .top-container .block__content.showcontent{visibility:visible}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .block__content h2{font-size:28px}
}
.swap-image-with-text-animation-comp .containers .top-container .block__content .para1{width:100%;margin-top:30px}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .block__content .para1{text-align:center}
}
.swap-image-with-text-animation-comp .containers .top-container .block__content .video-cta{border:1px solid #fff;display:inline-block;text-align:center;border-radius:50px;padding:0 50px 2px 20px;margin-top:80px;cursor:pointer;position:relative;opacity:0;transition:opacity .3s ease-in-out}
.swap-image-with-text-animation-comp .containers .top-container .block__content .video-cta.show{opacity:1}
.swap-image-with-text-animation-comp .containers .top-container .block__content .video-cta:before{border-radius:34px;border:1px dashed #fff;content:'';height:100%;left:0;margin:0;right:0;opacity:0;position:absolute;top:0;width:100%;transition:all .25s ease-in-out}
.swap-image-with-text-animation-comp .containers .top-container .block__content .video-cta:hover:before{margin:-10px;opacity:1;padding:10px;width:calc(100% + 20px);height:calc(100% + 20px)}
.swap-image-with-text-animation-comp .containers .top-container .block__content .video-cta:hover span:after{margin-left:25px}
.swap-image-with-text-animation-comp .containers .top-container .block__content .video-cta span{font-family:"RocGrotesk-WideMedium";color:#fff;font-size:14px;vertical-align:middle;letter-spacing:1.5px}
.swap-image-with-text-animation-comp .containers .top-container .block__content .video-cta span:after{content:'';background-image:url('../../../../content/dam/dupont/amer/us/en/kevlarnga/public/images/icons/play-yellow.png');width:15px;height:20px;background-size:100% 100%;position:absolute;margin-left:15px;margin-top:10px;transition:margin-left .25s ease-in-out}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress{position:absolute;top:calc(100vh/2 + 50px );right:50px;z-index:1}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress{bottom:50px;top:auto;display:none;justify-content:center;justify-items:center;justify-self:center;width:100%;right:0}
}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress.show{display:flex}
}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .screen-no{font-family:"RocGrotesk";font-size:18px;font-weight:500;line-height:1.56;letter-spacing:1px;text-align:justify;color:#fff;float:left}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .screen-no{letter-spacing:5px;font-size:14px}
}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .screen-no.show{display:block}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .line{width:150px;background:#fff;height:1.5px;float:left;margin-top:13px;margin-left:15px}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .line{display:flex;margin-top:8px}
}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .line .progress-bar{background:#ffb500;height:1.5px;float:left;width:0}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .line .progress-bar.show-progress{animation:progress_bar 3.2s ease-in 1 forwards;width:0}
@keyframes progress_bar{1%{width:0}
100%{width:100%}
}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .total-screen-no{font-family:"RocGrotesk";font-size:18px;font-weight:500;line-height:1.56;letter-spacing:1px;text-align:justify;color:#fff;float:left;margin-left:20px}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .total-screen-no{letter-spacing:5px;font-size:14px}
}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .total-screen-no.show{display:block}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .dots-wrapper{display:none !important;position:absolute;bottom:65px}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .dots-wrapper.show{display:block}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .dots-wrapper .dots{width:6px;height:6px;border:1px solid #fff;border-radius:3px;float:left;margin-right:10px}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .dots-wrapper .dots:last-child{margin-right:0}
.swap-image-with-text-animation-comp .containers .top-container .screen-load-progress .dots-wrapper .dots.active{background:#ffb500;border:1px solid #ffb500}
.swap-image-with-text-animation-comp .containers .top-container .section-name{display:none;margin:20px 0 0;object-fit:contain;font-family:"RocGrotesk-Wide";font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.5px;text-align:center;color:#ffb500;bottom:82px;position:absolute;width:100%;left:0}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .top-container .section-name{display:block}
}
.swap-image-with-text-animation-comp .containers .back-container-sibling{width:100%;height:100%;height:100vh;position:sticky;top:0}
.swap-image-with-text-animation-comp .containers .back-container{width:100%;height:100%;height:100vh;position:sticky;top:0}
.swap-image-with-text-animation-comp .containers .back-container .section{height:100vh;opacity:0;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transition:opacity 1s ease-in;position:absolute;top:0;width:100%;overflow-x:hidden}
.swap-image-with-text-animation-comp .containers .back-container .section.appeared{opacity:1}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .back-container .section:first-child p{display:none}
}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .back-container .section:first-child .section__img__inner{background-position:100% center !important;background-size:100% auto}
}
.swap-image-with-text-animation-comp .containers .back-container .section:nth-child(2) .section__img__inner{opacity:1}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .back-container .section:nth-child(2) .section__img__inner{background-position-x:-200px;background-size:auto 100%}
}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .back-container .section:nth-child(2).active .section__img__inner{background-position:80% center;transition:background-position .2s ease}
}
.swap-image-with-text-animation-comp .containers .back-container .section:nth-child(2).appeared .mobile{background-position-x:0}
.swap-image-with-text-animation-comp .containers .back-container .section:nth-child(2) .move-left.mobile{opacity:0;transition:opacity .2s ease;background-position-x:-200px}
.swap-image-with-text-animation-comp .containers .back-container .section:nth-child(4) .section__img__inner.mobile{background-position:58% center}
.swap-image-with-text-animation-comp .containers .back-container .section:nth-child(8) .section__img__inner.mobile{background-position:82% center}
.swap-image-with-text-animation-comp .containers .back-container .section__img__inner{display:none;height:100vh;background-repeat:no-repeat;background-size:100% 100%;background-position:center;transition-timing-function:linear}
@media screen and (min-width:768px) and (max-width:991px){.swap-image-with-text-animation-comp .containers .back-container .section__img__inner{background-position:70% center}
}
@media(min-width:1350px){.swap-image-with-text-animation-comp .containers .back-container .section__img__inner{background-size:cover}
}
@media screen and (min-width:768px) and (max-width:1350px){.swap-image-with-text-animation-comp .containers .back-container .section__img__inner{background-size:cover}
}
@media(min-width:769px){.swap-image-with-text-animation-comp .containers .back-container .section__img__inner.desktop{display:block}
}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .back-container .section__img__inner.mobile{display:block;background-size:auto 100%;background-position:70% center}
}
.swap-image-with-text-animation-comp .containers .back-container .section__img p{font-family:"RocGrotesk-ExtraWideBold";font-size:76px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:3px;text-align:right;position:absolute;top:calc(100vh/2 - 120px);opacity:0;right:-200px;transition:opacity .5s ease-in,right .5s ease-in;-webkit-text-stroke:2.5px #ffb500;color:rgba(0,0,255,0)}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .back-container .section__img p{right:10%;transform:translateX(50%)}
}
@media(max-width:1200px){.swap-image-with-text-animation-comp .containers .back-container .section__img p{font-size:60px;top:calc(100vh/2 - 95px)}
}
@media(max-width:991px){.swap-image-with-text-animation-comp .containers .back-container .section__img p{font-size:50px;top:calc(100vh/2 - 78px)}
}
@media(max-width:850px){.swap-image-with-text-animation-comp .containers .back-container .section__img p{font-size:40px;top:calc(100vh/2 - 62px)}
}
@media(min-width:769px){.swap-image-with-text-animation-comp .containers .back-container .section__img p.hide{visibility:hidden}
}
.swap-image-with-text-animation-comp .containers .back-container .section .desc{display:none}
.swap-image-with-text-animation-comp .containers .back-container .section.active{opacity:1}
.swap-image-with-text-animation-comp .containers .back-container .section.active p{right:50px;opacity:1}
@media(max-width:768px){.swap-image-with-text-animation-comp .containers .back-container .section.active p{right:50%;transform:translateX(50%)}
}
@media(min-width:769px){.swap-image-with-text-animation-comp .containers .back-container .section.active p.hide{right:-200px}
}
.swap-image-with-text-animation-comp .containers .back-container .section.hide{opacity:0}
.hero-contanier{background-size:100%;text-align:center;margin:0;overflow:hidden;position:absolute;width:100vw;position:relative;min-height:100vh}
.hero-contanier.editmode{max-height:700px;min-height:700px}
.hero-contanier .content-wrap{position:absolute;top:0;height:100vh;width:100vw}
.hero-contanier #dot{background:#fff;border-radius:50%;height:30px;left:50%;position:absolute;top:50%;width:30px}
.hero-contanier #figure{left:65%;max-width:px;position:relative;top:0;transform:translateX(-50%);width:388%}
@media screen and (min-width:1024px){.hero-contanier #figure{max-width:2800px;top:-180px}
}
@media screen and (min-width:1600px){.hero-contanier #figure{max-width:2800px}
}
@media screen and (min-width:390px) and (max-width:1023px){.hero-contanier #figure{top:-12vh}
}
@media screen and (min-width:768px) and (max-width:1023px){.hero-contanier #figure{max-width:2200px;top:-135px;left:50%}
}
@media screen and (max-width:768px){.hero-contanier #figure{max-width:1560px;left:10%}
}
@media screen and (max-width:389px){.hero-contanier #figure{top:-20vh}
}
.hero-contanier #uielements{left:auto;max-width:796px;right:auto;text-align:left;width:60%;top:50%;transform:translateY(-50%);position:absolute;margin-left:70px}
@media screen and (max-width:1199px){.hero-contanier #uielements{margin-left:50px}
}
@media screen and (max-width:900px){.hero-contanier #uielements{max-width:480px}
}
.hero-contanier .ui{position:absolute}
.hero-contanier #fitfree{height:30px;right:0;font-family:"RocGrotesk-ExtraWideBold";min-width:310px;display:flex;position:relative;left:0;margin-left:17px;margin-bottom:50px;font-size:clamp(15px,1.8vw,20px)}
.hero-contanier #fitfree .tagline-wrap{overflow:hidden;min-height:25px;min-width:130px}
@media screen and (min-width:600px){.hero-contanier #fitfree{font-size:clamp(14px,1.7vw,20px) !important}
}
@media screen and (min-device-width:769px) and (max-device-width:1023px){.hero-contanier #fitfree{left:0;top:50%}
}
@media screen and (max-width:350px){.hero-contanier #fitfree{min-width:unset}
.hero-contanier #fitfree .tagline-wrap{overflow:unset;min-width:unset}
}
.hero-contanier #introtitle{top:35%;max-width:798px;margin:0 auto;font-size:95px;margin-left:15px}
.hero-contanier .Kevlar-NGA{font-family:"RocGrotesk-Wide";font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.5px;text-align:center;color:#fff}
.hero-contanier .Kevlar-NGA .text-style-1{font-family:"RocGrotesk-ExtraWide";color:#ffb500}
.hero-contanier span.at{width:15px;height:17px;font-family:"RocGrotesk-Wide";font-size:17px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}
.hero-contanier .Kevlar-NGA .text-style-1{font-family:"RocGrotesk-ExtraWide";color:#ffb500}
.hero-contanier #introcopy{position:relative;line-height:40px;margin-left:15px;text-align:left;font-size:clamp(22px,2.8vw,30px)}
@media screen and (min-device-width:769px) and (max-device-width:1023px){.hero-contanier #introcopy{left:-5%}
}
.hero-contanier #introcopy br{display:none}
.hero-contanier .introCopyA{width:719px}
.hero-contanier .introCopyB{width:590px}
.hero-contanier #meshSky{top:-25vh;opacity:.9;pointer-events:none}
.hero-contanier #dupont-logo{background-repeat:no-repeat;position:relative;left:0;width:100%;margin-bottom:30px}
.hero-contanier .showTextA{font-size:clamp(22px,2.8vw,30px);color:#fff;font-weight:normal;font-stretch:normal;font-style:normal;letter-spacing:normal;opacity:0;animation:bringUp .5s 6s forwards alternate;position:relative;line-height:2;display:block}
.hero-contanier .showTextA a{font-size:clamp(22px,2.8vw,30px);color:#ffb500;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;border-bottom:2px solid #ffb500}
.hero-contanier .showTextB{font-size:clamp(22px,2.8vw,30px);color:#fff;font-weight:normal;font-stretch:normal;font-style:normal;letter-spacing:normal;opacity:0;animation:bringUp .5s 6.5s forwards alternate;position:relative;line-height:1;display:block}
@media screen and (max-width:768px){.hero-contanier .showTextB{line-height:1.5}
}
.hero-contanier .text-style-2{font-size:15px}
.hero-contanier .showText-first span{color:#ffb500;letter-spacing:0}
@keyframes bringUp{1%{opacity:0;top:20px}
100%{opacity:1;top:0}
}
@keyframes bringUp2{1%{opacity:0;top:20px}
100%{opacity:1;top:0}
}
@keyframes slidein-left{1%{opacity:0}
100%{opacity:1}
}
@keyframes showSlash{1%{opacity:0}
100%{opacity:1}
}
@keyframes slidein-right{1%{opacity:0}
100%{opacity:1}
}
.hero-contanier .ui .animate-textone{display:block;white-space:nowrap;color:#ffb500;opacity:0;text-transform:uppercase;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:.1em;animation:1s 6s linear slidein-left alternate forwards}
.hero-contanier .ui .animate-slash{width:20px;color:#ffb500;opacity:0;animation:1s 6s linear showSlash alternate forwards}
.hero-contanier .ui .animate-textTwo{display:block;white-space:nowrap;color:#ffb500;opacity:0;text-transform:uppercase;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:.1em;animation:1s 6s linear slidein-right alternate forwards}
.hero-contanier .circle__box_second{width:200px;height:200px;margin:50px 205px;position:absolute;top:55%;left:4%;transform:rotate(180deg);transform:scaleX(-1)}
.hero-contanier .TRY-KEVLAR-NGA{width:124px;height:60px;margin:28px 0 0;font-family:"RocGrotesk-Wide";font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:1.5px;text-align:center;color:#fff}
.hero-contanier #circles-container{position:absolute;height:200px;top:72%;width:400px;display:none}
.hero-contanier .circle__box{width:200px;height:200px;position:absolute;top:-50px;left:50px;transform:rotate(180deg);transform:scaleX(-1)}
.hero-contanier .circle__wrapper{width:100px;height:200px;position:absolute;top:0;overflow:hidden}
.hero-contanier .circle__wrapper--right{right:0;transform:rotate(-90deg)}
.hero-contanier .Watch-the-Launch-Fil{width:124px;max-height:70px;margin:25px 0 0;font-family:"RocGrotesk-Wide";font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:1.5px;text-align:center;color:#fff;padding:0 12px}
.hero-contanier .circle__wrapper--left{left:100px;top:100px;transform:rotate(-90deg)}
.hero-contanier .circle__whole{width:197px;height:197px;border:1.5px solid transparent;border-radius:50%;position:absolute;top:0;transform:rotate(-135deg);box-sizing:unset}
.hero-contanier .circle__right{border-top:1.5px solid #fff;border-right:1.5px solid #fff;right:0;animation:circleRight .5s linear 7.5s forwards}
.hero-contanier .circle__left{border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;left:0;animation:circleLeft .5s linear 7.5s forwards}
@keyframes circleRight{1%{transform:rotate(-135deg)}
50%,100%{transform:rotate(45deg)}
}
@keyframes circleLeft{1%,50%{transform:rotate(-135deg)}
100%{-webkit-transform:rotate(45deg)}
}
.hero-contanier .circle-centerElemt{width:200px;height:200px;position:absolute;opacity:0;display:flex;justify-content:center;align-items:center;animation:.5s 8s ease circleElements forwards}
.hero-contanier .inner-wrap{cursor:pointer}
.hero-contanier .second_circle{left:255px}
.hero-contanier .second-circle-el{left:205px}
.hero-contanier .direction-arrow{position:absolute;opacity:0;width:5px;height:10px;background-color:#fff;animation:.5s 8s ease show forwards;top:calc(50% - 5px)}
.hero-contanier .ar-one{left:-2px}
.hero-contanier .ar-two{left:197px}
.hero-contanier .ar-three{left:203px}
.hero-contanier .ar-four{left:402px}
@keyframes show{1%{opacity:0}
100%{opacity:1}
}
@keyframes circleElements{1%{opacity:0}
100%{opacity:1}
}
.hero-contanier .circle-centerElemt-second{position:absolute;padding-left:20%;top:80%;opacity:0;animation:.5s 8s ease circleElements forwards}
.hero-contanier .direction-arrow-two{bottom:10%;left:33%;position:fixed;opacity:0;width:5px;height:10px;background-color:#fff;animation:.5s 8s ease show forwards}
.hero-contanier span.yellowText{color:#ffb500}
.hero-contanier .dots{bottom:20px;position:absolute;margin:0 50%;opacity:0;animation:.5s 8.5s linear show forwards}
@keyframes dots-1{from{background:rgba(0,0,0,0.2)}
25%{background:rgba(255,255,255,0.6)}
}
@keyframes dots-2{from{background:rgba(0,0,0,0.2)}
50%{background:rgba(255,255,255,0.8)}
}
@keyframes dots-3{from{background:rgba(0,0,0,0.2)}
75%{background:#fff}
}
@-webkit-keyframes dots-1{from{background:rgba(0,0,0,0.2)}
25%{background:rgba(255,255,255,0.6)}
}
@-webkit-keyframes dots-2{from{background:rgba(0,0,0,0.2)}
50%{background:rgba(255,255,255,0.8)}
}
@-webkit-keyframes dots-3{from{background:rgba(0,0,0,0.2)}
75%{background:#fff}
}
.hero-contanier .dots div{width:11px;height:11px;background-color:#fff;border-radius:50%;margin:0 0 5px;animation:dots-1 1s infinite steps(1);-webkit-animation:dots-1 1s infinite steps(1)}
.hero-contanier .dots div:first-child+div{width:11px;height:11px;background-color:#fff;border-radius:50%;margin:5px 0 7px;animation-name:dots-2;-webkit-animation-name:dots-2}
.hero-contanier .dots div:first-child+div+div{width:11px;height:11px;background-color:#fff;border-radius:50%;animation-name:dots-3;-webkit-animation-name:dots-3}
.hero-contanier .down-arr-container{position:fixed;left:calc(50% - 65px);opacity:0;bottom:35px;animation:down-arr-cont .5s 7s linear forwards}
@keyframes down-arr-cont{from{opacity:0;bottom:0}
to{opacity:1;bottom:40px}
}
.hero-contanier .down-arr-container .da-label{font-family:"RocGrotesk-Wide";font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:2px;text-align:center;color:#fff}
.hero-contanier .down-arr-container .da-label p{margin-bottom:10px}
.hero-contanier .down-arr-container .da-label span{background-color:#ffb500;color:#000;padding:2px 2px 2px 5px;margin-left:-3px}
.hero-contanier .down-arr-container img{position:relative;height:30px}
@keyframes up-down-arr{from{top:0}
to{top:25px}
}
.hero-contanier .video-modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4);z-index:3}
.hero-contanier .kv-modal-content{background:#000;margin:0 auto;padding:0;border:1px solid #888;width:90%;top:50%;transform:translateY(-50%);position:relative;max-width:1000px}
.hero-contanier .kv-modal-content video{margin-top:-50px}
.hero-contanier .kv-close{color:#aaa;float:right;font-size:35px;font-weight:bold;position:relative;right:10px;color:#fff;cursor:pointer;z-index:1}
.hero-contanier .close:hover,.hero-contanier .close:focus{color:black;text-decoration:none;cursor:pointer}
.hero-contanier .mobile-show{display:none}
.hero-contanier .desktop-show{display:block}
.hero-contanier #madeusa{position:absolute;bottom:20px;right:50px;display:flex;opacity:0;transition:opacity .5s linear;margin-bottom:20px}
.hero-contanier #madeusa img{width:30px;margin-right:20px;height:16px;object-fit:fill;margin-top:5px}
.hero-contanier #madeusa .footer-label{font-family:"RocGrotesk-WideMedium";font-size:10.8px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.15px;color:#fff;margin-top:6px}
@media screen and (min-width:768px) and (max-width:1024px){.hero-contanier #madeusa .footer-label{max-width:175px}
}
.hero-contanier .fade-In{animation:fd-in .5s ease forwards}
@keyframes fd-in{from{opacity:0}
to{opacity:1}
}
.hero-contanier .fade-Out{animation:fd-out .5s ease forwards}
@keyframes fd-out{from{opacity:1}
to{opacity:0}
}
@media only screen and (max-width:768px){.hero-contanier{background-size:100%;text-align:center;margin:0;overflow:hidden;width:100vw}
.hero-contanier .desktop-show{display:none}
.hero-contanier .mobile-show{display:block}
.hero-contanier #introtitle{font-size:55px;width:100%;margin-top:25px;margin-left:0}
.hero-contanier #uielements{height:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:480px;margin:auto}
.hero-contanier #uielements #dupont-logo,.hero-contanier #uielements #introtitle,.hero-contanier #uielements #fitfree,.hero-contanier #uielements #introcopy,.hero-contanier #uielements #circles-container{position:relative}
.hero-contanier #dupont-logo{width:100%;margin-bottom:20px}
.hero-contanier #fitfree{display:flex;justify-content:center;font-size:2.6vw;margin-left:0}
.hero-contanier #introcopy{left:0;line-height:2;margin-left:0;text-align:center}
.hero-contanier #introcopy span{width:auto;height:auto;position:relative}
.hero-contanier #introcopy span.showTextA{animation:bringUp2 .5s 6s forwards alternate}
.hero-contanier #introcopy span.showTextB{animation:bringUp2 .5s 6.5s forwards alternate}
.hero-contanier #circles-container{transform:scale(0.8);width:400px;left:calc((100% - 400px)/2)}
.hero-contanier #circles-container.one-circle{width:200px;left:calc((100% - 200px)/2)}
.hero-contanier #madeusa{display:none}
}
@media only screen and (max-width:400px){.hero-contanier #introtitle{font-size:50px}
}
@media only screen and (max-width:600px){.hero-contanier #introcopy span,.hero-contanier #introcopy a{font-size:4vw}
}
.kv_2up{opacity:0;transition:opacity .4s linear;top:0}
.kv_2up.editmode ._2up_bgImage{max-height:700px !important}
.kv_2up.animate{opacity:1}
.kv_2up .kv_2up_compLayer ._2up_bgImage{height:100vh;position:sticky;top:0}
.kv_2up .kv_2up_compLayer ._2up_bgImage:nth-child(2){pointer-events:none}
.kv_2up .kv_2up_compLayer ._2up_bgImage .bgImages{height:100%;width:100%}
.kv_2up .kv_2up_compLayer ._2up_bgImage .bgImages .desktop_image{display:none;height:100%;width:100%;background-repeat:no-repeat;background-position:right top;background-size:cover}
.kv_2up .kv_2up_compLayer ._2up_bgImage .bgImages .desktop_image.active{display:block}
.kv_2up .kv_2up_compLayer ._2up_bgImage .bgImages .mobile_image{display:none;height:100%;width:100%;background-repeat:no-repeat;background-size:auto 100%;background-position:right top}
.kv_2up .kv_2up_compLayer ._2up_bgImage .bgImages .mobile_image.active{display:block}
.kv_2up .kv_2up_compLayer ._2up_bgImage .line{background-color:#fff;position:absolute}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage .line{display:none}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage .line1{height:1px;width:0;left:50%;top:25vh;transform:translateX(-50%);transition-property:width;transition-duration:.5s}
.kv_2up .kv_2up_compLayer ._2up_bgImage .line1.active{width:100%}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_containerLayer{height:100%;position:absolute;top:0;width:100%}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_containerLayer .emptyBlock{height:25%}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_containerLayer .emptyBlock{display:none}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock{display:block;float:left;width:100%;height:75%;align-items:center}
@media screen and (min-width:1200px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock{padding-left:50px;padding-right:50px}
}
@media screen and (min-width:769px) and (max-width:1199px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock{padding-right:20px}
}
@media screen and (min-width:769px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock{width:55%}
}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock{justify-content:center;height:60%;padding-left:15px;padding-right:15px}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content{top:50%;position:relative;transform:translateY(-50%);word-break:keep-all}
@media screen and (min-width:769px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content{width:90%}
}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content{text-align:center;max-width:480px;left:50%;transform:translateX(-50%) translateY(-50%)}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .title{margin-bottom:20px;text-transform:uppercase}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .title{font-size:28px;width:80%;margin-left:auto;margin-right:auto}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .title span{opacity:0}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .title span:nth-child(1){opacity:1}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .title span.active:nth-child(2){opacity:1;transition-property:opacity;transition-duration:.1s}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .title span.active:nth-child(3){opacity:1;transition-property:opacity;transition-duration:.1s;transition-delay:.5s}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .text-block{margin-bottom:20px}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .text-block .text{opacity:0}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .text-block .text{font-family:'RocGrotesk';font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.56;letter-spacing:normal;text-align:center;color:#fff}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .text-block .text span.text-style-1{padding:5px;background-color:#ffb500}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content .text-block .text.showPara{opacity:1}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_contentBlock .content.active{opacity:1}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock{display:block;float:left;height:75%;position:relative}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock{height:40%;width:100%}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .line2{height:0;width:1px;top:0;transition-property:height;transition-duration:1s}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .line2.active{height:100%}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .line3{height:1px;width:0;top:45%;transition-property:width;transition-duration:1.5s}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .line3.active{width:100%}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .emptyblock2{display:block;height:45%}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .emptyblock2{display:none}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .box-rollAnim{width:100%;height:100%;padding:75px 43px 43px 43px;overflow:hidden}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .box-rollAnim{width:380px;height:100%;padding:43px 43px;padding-top:53px}
}
@media screen and (max-width:375px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .box-rollAnim{padding-top:25px}
}
@media screen and (min-width:769px) and (max-width:1200px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .box-rollAnim{padding:43px 23px}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content{opacity:0;background-color:#ffb500;width:70%;height:55%;overflow-x:hidden;text-align:center;transition-property:opacity;transition-duration:2s}
@media screen and (min-width:768px) and (max-width:1200px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content{width:80%}
}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content{opacity:1;width:0;height:100%;transition:width .5s linear}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-block{text-decoration:none;color:#000}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-block:hover .i-mob{margin-left:40px}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-block:hover .i-desktop{right:-60px}
@media screen and (max-width:850px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-block:hover .i-desktop{right:-40px}
}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-block:hover .i-desktop{right:-60px}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .title{font-size:2.3vh;font-family:"RocGrotesk-Wide";font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;text-align:center;text-transform:uppercase;margin-bottom:3.3%}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .text{font-family:"Noto Sans Regular";font-size:clamp(12px,1.8vw,15px);font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.56;letter-spacing:normal;margin-bottom:6.4%;margin-bottom:40px;text-align:left}
@media screen and (min-width:1600px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .text{font-size:clamp(12px,2vw,20px)}
}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .text{font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.56;letter-spacing:normal;margin-bottom:20px}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-animation{position:relative;max-width:260px}
@media screen and (min-width:769px) and (max-width:1023px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-animation{width:180px}
}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-animation{width:280px}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-animation .i-mob{margin-left:40px;background-image:url('../../../../content/dam/dupont/amer/us/en/kevlarnga/public/images/icons/cta-arrow.png');width:36px;height:20px;background-size:contain;display:inline-block;position:relative;top:5px}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-animation .i-desktop{position:absolute;bottom:2px;right:-40px;font-size:16px;line-height:1.38;transition:right .25s ease-in-out;background-image:url('../../../../content/dam/dupont/amer/us/en/kevlarnga/public/images/icons/cta-arrow.png');width:36px;height:20px;background-size:contain}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-animation .i-desktop{display:none;left:0}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-link{position:relative;display:block;font-family:"RocGrotesk-WideBold";font-size:clamp(12px,1.6vw,16px);font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.38;letter-spacing:1.5px;color:#000;width:100%;text-align:left;text-transform:uppercase;text-decoration:none}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-link{font-size:14px}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-link .i-mob{margin-left:20px;transition:margin-left .25s ease-in-out}
@media screen and (min-width:769px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-link .i-mob{display:none}
}
@media screen and (min-width:769px) and (max-width:1023px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content .cta-link{width:180px}
}
@media screen and (min-width:769px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content.active{opacity:1}
}
@media screen and (max-width:768px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .content.active{width:95%}
}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .visible{visibility:visible;display:inline-flex;align-items:center}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .dotted-line{align-items:center;border-radius:34px;position:relative;width:fit-content;margin-left:-10px;padding-left:10px}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .dotted-line:hover{visibility:visible}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .dotted-line:hover::before{margin:-9px;opacity:1;padding:9px}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .dotted-line:hover .arrowAnim i{margin-left:25px}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .dotted-line .learn-more{display:flex;align-items:center;position:relative;padding-right:0;justify-content:space-between}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .dotted-line .arrowAnim{width:55px;text-align:left}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .dotted-line i{color:#000;margin-left:5px;transition-property:margin-left;transition-duration:.25s;transition-timing-function:linear}
.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock .dotted-line .cta-link{display:block;font-family:"RocGrotesk";font-size:16px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;padding:1vh 0 1vh 1.3vh;text-decoration:none}
@media screen and (min-width:769px){.kv_2up .kv_2up_compLayer ._2up_bgImage ._2up_imgBlock{width:45%}
}
.image-and-callout-transition-comp.blur-shadow{box-shadow:0 -50px 100px 100px #1c3b71;position:relative}
.image-and-callout-transition-comp.animate{filter:none}
.image-and-callout-transition-comp.animate .back-container,.image-and-callout-transition-comp.animate .top-container{filter:none}
.image-and-callout-transition-comp .containers{position:relative;background:linear-gradient(172deg,#1c3b71 15%,#779cd1 85%);background-position:top;background-repeat:no-repeat;background-attachment:unset;background-size:100% 100%}
.image-and-callout-transition-comp .containers.removeBg{background-attachment:fixed}
.image-and-callout-transition-comp .containers.editmode{max-height:700px;overflow:hidden}
.image-and-callout-transition-comp .containers.editmode .block,.image-and-callout-transition-comp .containers.editmode .section,.image-and-callout-transition-comp .containers.editmode .section__img__inner{max-height:700px}
.image-and-callout-transition-comp .containers .top-container{width:100%;height:100vh;float:left;position:absolute;top:0}
@media(min-width:1200px){.image-and-callout-transition-comp .containers .top-container{padding-left:75px}
}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container{padding:0 15px}
}
.image-and-callout-transition-comp .containers .top-container .block{width:50%;height:100vh;display:flex;justify-content:center;align-items:center;font-size:26px}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container .block{width:100%}
}
.image-and-callout-transition-comp .containers .top-container .block__content{margin:50px;visibility:hidden}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container .block__content{width:100%;margin:0;text-align:center;max-width:480px}
}
.image-and-callout-transition-comp .containers .top-container .block__content.showcontent{visibility:visible}
.image-and-callout-transition-comp .containers .top-container .block__content h2{font-family:"RocGrotesk-Wide";font-size:36px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:2.5px;color:#ffb500}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container .block__content h2{font-size:28px}
}
.image-and-callout-transition-comp .containers .top-container .block__content .para1{width:100%;font-family:"RocGrotesk";font-size:22px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#fff;margin-top:20px}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container .block__content .para1{font-size:18px;text-align:center}
}
@media(min-width:769px){.image-and-callout-transition-comp .containers .top-container .block__content .para1{display:block !important}
}
.image-and-callout-transition-comp .containers .top-container .block__content .para1 .f-12{font-size:12px;display:inline}
.image-and-callout-transition-comp .containers .top-container .screen-load-progress{position:absolute;top:calc(100vh/2 + 50px );right:50px;z-index:1;display:none}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container .screen-load-progress{bottom:50px;top:auto;display:flex;justify-content:center;justify-items:center;justify-self:center;width:100%;right:0}
}
.image-and-callout-transition-comp .containers .top-container .screen-load-progress .screen-no{font-family:"HelveticaNeue";font-size:18px;font-weight:500;line-height:1.56;letter-spacing:1px;text-align:justify;color:#fff;float:left}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container .screen-load-progress .screen-no{letter-spacing:5px;font-size:14px;display:none}
}
.image-and-callout-transition-comp .containers .top-container .screen-load-progress .screen-no.show{display:block}
.image-and-callout-transition-comp .containers .top-container .screen-load-progress .dots-wrapper{display:none !important;position:absolute;bottom:65px}
.image-and-callout-transition-comp .containers .top-container .screen-load-progress .dots-wrapper.show{display:block}
.image-and-callout-transition-comp .containers .top-container .screen-load-progress .dots-wrapper .dots{width:6px;height:6px;border:1px solid #fff;border-radius:3px;float:left;margin-right:10px}
.image-and-callout-transition-comp .containers .top-container .screen-load-progress .dots-wrapper .dots:last-child{margin-right:0}
.image-and-callout-transition-comp .containers .top-container .screen-load-progress .dots-wrapper .dots.active{background:#ffb500;border:1px solid #ffb500}
.image-and-callout-transition-comp .containers .top-container .section-name{display:none;margin:20px 0 0;object-fit:contain;font-family:"RocGrotesk-Wide";font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.5px;text-align:center;color:#ffb500;bottom:82px;position:absolute;width:100%;left:0}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container .section-name{display:block}
}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper{position:absolute;width:300px;display:flex;justify-content:center;visibility:hidden;min-height:120px}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper.show{visibility:visible}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper{left:50%;transform:translateX(-50%);top:auto !important}
}
@media(min-width:768px) and (max-width:1024px){.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper{scale:.8}
}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper{position:relative;border-left:1px solid #fff;border-right:1px solid #fff;display:flex;flex-direction:column;justify-content:center}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .border-tb{width:10px;position:absolute;border-top:1px solid #fff;border-bottom:1px solid #fff;height:100%}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .border-tb.rt-align{top:0;right:0}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .content-wrap{font-family:"RocGrotesk";width:230px;margin:20px 30px;font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;text-align:center;color:#fff;max-height:200px;height:78px;overflow:hidden}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .content-wrap.autoHeight{height:auto}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .content-wrap.fadein{opacity:1}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap{display:flex;justify-content:center;margin-top:-6px}
@media(max-width:768px){.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap{display:none}
}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots{width:6px;height:6px;margin:0 12px 0 0;border:1px solid #fff;border-radius:10px}
.image-and-callout-transition-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots.active{background-color:#ffb500}
.image-and-callout-transition-comp .containers .back-container{width:100%;height:100%}
.image-and-callout-transition-comp .containers .back-container .section{height:100vh;opacity:0;position:sticky;top:0;overflow:hidden}
@media(max-width:768px){.image-and-callout-transition-comp .containers .back-container .section:nth-child(1) .section__img{position:absolute;top:0;transition:opacity .2s linear}
.image-and-callout-transition-comp .containers .back-container .section:nth-child(1) .section__img:first-child{z-index:2}
.image-and-callout-transition-comp .containers .back-container .section:nth-child(1) .section__img:first-child .section__img__inner{height:100vh;position:relative;bottom:0vh;transform:translateX(20%)}
.image-and-callout-transition-comp .containers .back-container .section:nth-child(1) .section__img:first-child.opaque{opacity:.4}
.image-and-callout-transition-comp .containers .back-container .section:nth-child(1) .section__img:nth-child(2){z-index:1;width:100vw;height:100vh}
.image-and-callout-transition-comp .containers .back-container .section:nth-child(1) .section__img:nth-child(2) .section__img__inner{left:200%;bottom:-7%;transform:translateX(-50%);position:relative}
.image-and-callout-transition-comp .containers .back-container .section:nth-child(1) .section__img:nth-child(3){width:100vw;height:100vh}
.image-and-callout-transition-comp .containers .back-container .section:nth-child(1) .section__img:nth-child(3) .section__img__inner{height:100vh;bottom:0vh;position:relative;left:240%;transform:translateX(-50%)}
}
@media(min-width:769px){.image-and-callout-transition-comp .containers .back-container .section:first-child .section__img{position:relative}
.image-and-callout-transition-comp .containers .back-container .section:first-child .section__img:first-child{z-index:2}
.image-and-callout-transition-comp .containers .back-container .section:first-child .section__img:first-child .section__img__inner{transform:translateX(18%);background-size:auto 100%;background-position:center top;height:100vh}
.image-and-callout-transition-comp .containers .back-container .section:first-child .section__img:nth-child(2){top:-100vh;z-index:1}
.image-and-callout-transition-comp .containers .back-container .section:first-child .section__img:nth-child(2) .section__img__inner{background-size:auto 100%;background-position-x:center;transform:translateX(55%) translateY(-15%) scale(0.8)}
.image-and-callout-transition-comp .containers .back-container .section:first-child .section__img:nth-child(3){top:-200vh}
.image-and-callout-transition-comp .containers .back-container .section:first-child .section__img:nth-child(3) .section__img__inner{background-size:auto 100%;background-position-x:center;transform:translateX(75%) translateY(-15%) scale(0.7)}
.image-and-callout-transition-comp .containers .back-container .section:first-child .section__img:nth-child(4){top:-300vh}
}
@media(min-width:768px) and (max-width:900px){.image-and-callout-transition-comp .containers .back-container .section:first-child .section__img:nth-child(3) .section__img__inner{background-position:100% bottom}
}
.image-and-callout-transition-comp .containers .back-container .section__img__inner{display:none;height:100vh;background-repeat:no-repeat;transition-timing-function:ease-out}
@media(min-width:769px){.image-and-callout-transition-comp .containers .back-container .section__img__inner.desktop{display:block}
}
@media(max-width:768px){.image-and-callout-transition-comp .containers .back-container .section__img__inner.mobile{display:block}
}
.image-and-callout-transition-comp .containers .back-container .section__img__inner.scrollingDown{animation:kv_zoom_Scale .2s linear;animation-fill-mode:forwards}
@media(max-width:768px){.image-and-callout-transition-comp .containers .back-container .section__img__inner.scrollingDown{scale:1 !important}
}
@keyframes kv_zoom_Scale{1%{scale:.5;transform:translateX(80%)}
100%{opacity:1;scale:1;transform:translateX(0)}
}
.image-and-callout-transition-comp .containers .back-container .section__img__inner.scrollingUp{animation:kv_zoom_Scale_down .2s linear;animation-fill-mode:forwards}
@media(max-width:768px){.image-and-callout-transition-comp .containers .back-container .section__img__inner.scrollingUp{scale:1 !important}
}
@keyframes kv_zoom_Scale_down{1%{scale:1;opacity:1;transform:translateX(0)}
100%{scale:.5;opacity:0;transform:translateX(80%)}
}
.image-and-callout-transition-comp .containers .back-container .section.active{opacity:1}
.image-and-callout-transition-comp .containers .back-container .section.hide{opacity:0}
.image-and-callout-transition-comp .containers .back-container .section.appeared{opacity:1}
.interactive-scrolling-img-hs-comp.fix-comp{position:fixed;width:100%;top:0}
.interactive-scrolling-img-hs-comp.fix-comp .slide-screens{top:0;position:absolute !important;width:100%}
.interactive-scrolling-img-hs-comp .containers{position:relative}
.interactive-scrolling-img-hs-comp .containers.editmode{max-height:700px;overflow:hidden}
.interactive-scrolling-img-hs-comp .containers.editmode .block,.interactive-scrolling-img-hs-comp .containers.editmode .section,.interactive-scrolling-img-hs-comp .containers.editmode .section__img__inner{max-height:700px}
.interactive-scrolling-img-hs-comp .containers .top-container{width:100%;height:100vh;float:left;position:absolute;top:0}
@media(min-width:1200px){.interactive-scrolling-img-hs-comp .containers .top-container{padding-left:75px}
}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container{padding:0 15px}
}
.interactive-scrolling-img-hs-comp .containers .top-container .block{width:50%;height:100vh;display:flex;justify-content:center;align-items:center;font-size:26px}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container .block{width:100%}
}
.interactive-scrolling-img-hs-comp .containers .top-container .block__content{margin:50px;visibility:hidden}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container .block__content{width:100%;margin:0;text-align:center;max-width:480px}
}
.interactive-scrolling-img-hs-comp .containers .top-container .block__content.showcontent{visibility:visible}
.interactive-scrolling-img-hs-comp .containers .top-container .block__content h2{font-family:"RocGrotesk-Wide";font-size:36px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:2.5px;color:#ffb500}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container .block__content h2{font-size:28px}
}
.interactive-scrolling-img-hs-comp .containers .top-container .block__content .para1{width:100%;font-family:"RocGrotesk";font-size:22px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#fff;margin-top:20px}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container .block__content .para1{font-size:18px;text-align:center}
}
@media(min-width:769px){.interactive-scrolling-img-hs-comp .containers .top-container .block__content .para1{display:block !important}
}
.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress{position:absolute;top:calc(100vh/2 + 50px );right:50px;z-index:1;display:none}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress{bottom:50px;top:auto;display:flex;justify-content:center;justify-items:center;justify-self:center;width:100%;right:0}
}
.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress .screen-no{font-family:"HelveticaNeue";font-size:18px;font-weight:500;line-height:1.56;letter-spacing:1px;text-align:justify;color:#fff;float:left}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress .screen-no{letter-spacing:5px;font-size:14px;display:none}
}
.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress .screen-no.show{display:block}
.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress .dots-wrapper{display:none !important;position:absolute;bottom:65px}
.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress .dots-wrapper.show{display:block}
.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress .dots-wrapper .dots{width:6px;height:6px;border:1px solid #fff;border-radius:3px;float:left;margin-right:10px}
.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress .dots-wrapper .dots:last-child{margin-right:0}
.interactive-scrolling-img-hs-comp .containers .top-container .screen-load-progress .dots-wrapper .dots.active{background:#ffb500;border:1px solid #ffb500}
.interactive-scrolling-img-hs-comp .containers .top-container .section-name{display:none;margin:20px 0 0;object-fit:contain;font-family:"RocGrotesk-Wide";font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.5px;text-align:center;color:#ffb500;bottom:82px;position:absolute;width:100%;left:0}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container .section-name{display:block}
}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper{position:absolute;width:275px;display:flex;justify-content:center;visibility:hidden;transform:scale(0)}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper.show{visibility:visible}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper.animate-circle{animation:grow-circle .5s ease forwards}
@keyframes grow-circle{from{transform:scale(0)}
to{transform:scale(1)}
}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper{position:relative;border-radius:130px;width:260px;height:260px;border:1.5px solid #fff;display:flex;justify-content:center;flex-direction:column}
@media(max-width:900px){.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper{transform:scale(0.8)}
}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper{transform:scale(0.8)}
}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .border-tb{width:10px;position:absolute;border-top:1px solid #fff;border-bottom:1px solid #fff;height:100%}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .border-tb.rt-align{top:0;right:0}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .content-wrap{font-family:"RocGrotesk";padding:35px;font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;text-align:center;color:#fff;overflow:hidden;max-height:200px}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .content-wrap{font-size:20px}
}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap{justify-content:center;display:flex;position:absolute;flex-direction:column;top:180px;left:10px}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots{width:12px;height:12px;margin:0 12px 0 0;border:1px solid #fff;border-radius:10px;margin:5px 0;display:none;background:#fff}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots:nth-child(2){margin-left:15px;position:relative;top:1px;left:1px}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots:nth-child(3){margin-left:36px;margin-top:3px}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots:nth-child(4){margin-left:61px;margin-top:-2px}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots:nth-child(5){margin-left:92px;margin-top:-8px}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots:nth-child(6){margin-left:125px;margin-top:-16px}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots:nth-child(7){margin-left:157px;margin-top:-24px}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots:nth-child(8){margin-left:185px;margin-top:-31px}
.interactive-scrolling-img-hs-comp .containers .top-container .callout-outer-wrapper .callout-wrapper .dots-wrap .dots.active{background-color:#ffb500;border:1px solid #ffb500}
.interactive-scrolling-img-hs-comp .containers .back-container{width:100%;height:100%}
.interactive-scrolling-img-hs-comp .containers .back-container .section{height:100vh;opacity:0;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;position:sticky;top:0;overflow:hidden visible;overflow:clip visible}
.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child{opacity:1 !important}
.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .section__img{position:relative;overflow:visible;transform:translateY(-50%);top:50%}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .section__img{top:50%;transform:translateY(-50%) scale(0.7)}
}
@media(max-width:600px){.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .section__img{transform:translateY(-50%) scale(0.8)}
}
@media(max-width:500px){.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .section__img{transform:translateY(-50%) scale(1)}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .section__img .section__img__inner{height:auto !important;max-width:100%;position:relative}
.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .hotspot{width:28px;height:28px;background-color:#ffb500;border-radius:15px;top:50%;right:30%;position:absolute;visibility:hidden}
@media(min-width:900px) and (max-width:1024px){.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .hotspot{width:20px;height:20px}
}
@media(max-width:900px){.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .hotspot{width:16px;height:16px}
}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .hotspot{width:28px;height:28px}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section:first-child .hotspot.show{visibility:visible;animation:show-hs .05s ease}
@keyframes show-hs{from{transform:scale(0)}
to{transform:scale(1)}
}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section:nth-child(2){display:none}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section:nth-child(2) .mobile{display:none}
.interactive-scrolling-img-hs-comp .containers .back-container .section__img{overflow:hidden}
.interactive-scrolling-img-hs-comp .containers .back-container .section__img__inner{display:none;height:100vh;background-repeat:no-repeat;background-size:100% 100%;background-position:center}
@media(min-width:769px){.interactive-scrolling-img-hs-comp .containers .back-container .section__img__inner.desktop{display:block}
}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section__img__inner.mobile{display:block}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section.active{opacity:1}
.interactive-scrolling-img-hs-comp .containers .back-container .section.hide{opacity:0}
.interactive-scrolling-img-hs-comp .containers .back-container .section.appeared{opacity:1}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-img-left{transform:translateX(-100vw);transition-duration:.5s}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens{overflow:hidden}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .section__img{left:100vw;transition:left .5s ease}
@media(min-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens:nth-child(4) .section__img__inner{background-size:cover;background-position:center}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens:nth-child(5) .section__img__inner{background-size:cover;background-position:center}
}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens:nth-child(5) .section__img__inner{background-size:100% auto;background-position:center}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens:nth-child(6) .section__img__inner{background-size:auto 100%;background-position:55% -40vw}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .img_text_wrap{opacity:0;transition:opacity .2s linear;transition-delay:.5s}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .img_text_wrap{display:flex;flex-direction:column;position:absolute;justify-content:center;align-items:center;top:0;align-content:center;align-self:center;height:100vh;width:100%;padding:0 10px}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .img_text_wrap.show-content{opacity:1}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .img_text_wrap .slide_img{position:absolute}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .img_text_wrap .slide_img{position:static;margin-bottom:25px}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .img_text_wrap .text_block{position:absolute;width:40%}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .img_text_wrap .text_block{position:static;width:auto;text-align:center}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .img_text_wrap .text_block .para1{margin-top:10px}
@media(max-width:768px){.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens .img_text_wrap .text_block .para1{margin-top:20px}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens.active .section__img{position:relative;left:0}
@keyframes shift-left{from{left:100vw}
to{left:0}
}
.interactive-scrolling-img-hs-comp .containers .back-container .section.slide-screens.appeared .section__img{left:-100vw}