*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-weight:300;overflow-y:scroll}.desktop-nav,body{font-family:Inter,sans-serif}.desktop-nav{position:relative;color:#bababa;transition:color .3s ease;display:inline-block;cursor:pointer;font-size:17px;font-weight:500;letter-spacing:1px;line-height:1.5}.desktop-nav:after,.desktop-nav:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#fff;transition:width .3s ease,left .3s ease;transform:translateX(-50%);opacity:0}.desktop-nav:before{transform-origin:right}.desktop-nav:after{transform-origin:left}.desktop-nav:hover{color:#fff}.desktop-nav:hover:after,.desktop-nav:hover:before{width:50%;opacity:1}.search-container.hide{opacity:0;pointer-events:none}.search-container{width:60%;margin:0 auto;padding:0 42px;position:fixed;top:0;left:0;right:0;z-index:200}.search-container .link-search{position:absolute;left:12px;opacity:.5}.search-container .link-close{position:absolute;top:0;right:12px;cursor:pointer;transition:all .4s}.search-container .link-close:hover{opacity:.7}.search-container form{width:100%;margin:0 auto}.search-container form input{width:100%;height:44px;border:0;outline:none;background:transparent;color:#212121;font-family:Inter,sans-serif;font-size:17px}.overlay.show{position:fixed;width:100%;height:100vh;left:0;top:0;z-index:100}.search-container .quick-links{background:#fff;position:absolute;left:0;right:0;padding:16px 8px;border-radius:0 0 16px 16px}.search-container .quick-links h2{text-transform:uppercase;font-size:12px;color:#6e6e73;margin:10px 32px 0}.search-container .quick-links ul{list-style:none;margin-top:12px}.search-container .quick-links ul li a{display:inline-block;width:100%;padding:8px 50px;font-size:14px;color:#1d1d1f;text-decoration:none;font-weight:400}.search-container .quick-links ul li a:hover{background:#f5f5f5;color:#2997ff}.desktop-nav li{transition:all .4s ease}.desktop-nav.hide li{opacity:0;transform:scale(.8);pointer-events:none}.overlay{transition:all .4s ease}.desktop-nav li:first-of-type,.desktop-nav.hide li:nth-of-type(10){transition-delay:0ms}.desktop-nav li:nth-of-type(2),.desktop-nav.hide li:nth-of-type(9){transition-delay:30ms}.desktop-nav li:nth-of-type(3),.desktop-nav.hide li:nth-of-type(8){transition-delay:60ms}.desktop-nav li:nth-of-type(4),.desktop-nav.hide li:nth-of-type(7){transition-delay:90ms}.desktop-nav li:nth-of-type(5),.desktop-nav.hide li:nth-of-type(6){transition-delay:.12s}.desktop-nav li:nth-of-type(6),.desktop-nav.hide li:nth-of-type(5){transition-delay:.15s}.desktop-nav li:nth-of-type(7),.desktop-nav.hide li:nth-of-type(4){transition-delay:.18s}.desktop-nav li:nth-of-type(8),.desktop-nav.hide li:nth-of-type(3){transition-delay:.21s}.desktop-nav li:nth-of-type(9),.desktop-nav.hide li:nth-of-type(2){transition-delay:.24s}.desktop-nav li:nth-of-type(10),.desktop-nav.hide li:first-of-type{transition-delay:.27s}.search-container .link-search,.search-container form{opacity:1;transform:translateX(0);transition:all .4s ease;transition-delay:.3s}.search-container.hide .link-search,.search-container.hide form{opacity:0;transform:translateX(50px)}.search-container .link-search{opacity:.6}.search-container.hide .link-close{opacity:0}.search-container .link-close{opacity:.5;transition:all .4s ease;transition-delay:.4s}.search-container.hide .quick-links h2{opacity:0;transform:translateX(50px)}.search-container .quick-links h2{opacity:1;transform:translateX(0);transition:all .4s ease;transition-delay:.1s}.search-container.hide .quick-links ul li{transform:translateX(60px);opacity:0}.search-container .quick-links ul li{opacity:1;transform:translateX(0);transition:all .4s ease}.search-container .quick-links ul li:first-of-type{transition-delay:.12s}.search-container .quick-links ul li:nth-of-type(2){transition-delay:.14s}.search-container .quick-links ul li:nth-of-type(3){transition-delay:.16s}.search-container .quick-links ul li:nth-of-type(4){transition-delay:.18s}.search-container .quick-links ul li:nth-of-type(5){transition-delay:.2s}.mobile-nav,.mobile-search-container{display:none}@media (max-width:1100px){.nav-container nav{width:100%;padding:0 32px}}@media (max-width:768px){.nav-container .desktop-nav{flex-direction:column;position:fixed;top:0;left:0;width:100%;height:0;background:#000;justify-content:start;overflow:hidden;z-index:-1;transition:all 1s ease}.nav-container.active .desktop-nav{height:100vh}.nav-container .desktop-nav li{width:100%;padding:0 32px}.nav-container .desktop-nav li:first-child{margin-top:120px}.nav-container .desktop-.link-bag,.nav-container .desktop-.link-logo,.nav-container .desktop-.link-search{display:none}.nav-container .desktop-nav li a{padding:16px 0;display:inline-block;border-bottom:1px solid #616161;width:100%;font-size:17px;transform:translateY(-80px);opacity:0;transition:all .7s ease}.nav-container.active .desktop-nav li a{transform:translateY(0);opacity:1}.mobile-nav{display:flex;width:100%;justify-content:space-between;list-style:none}.menu-icon-container{width:20px;height:44px;display:flex;align-items:center;cursor:pointer}.menu-icon{position:relative;width:100%}.menu-icon .line-1,.menu-icon .line-2{position:absolute;height:1px;width:100%;background:#fff;transition-property:transform,top;transition-delay:0ms,.16s;transition-duration:.2s}.menu-icon .line-1{top:-4px}.menu-icon .line-2{top:4px}.nav-container.active .menu-icon-container .menu-icon .line-1{top:0;transform:rotate(45deg);transition-property:top,transform;transition-delay:0ms,.16s;transition-duration:.2s}.nav-container.active .menu-icon-container .menu-icon .line-2{top:0;transform:rotate(-45deg);transition-property:top,transform;transition-delay:0ms,.16s;transition-duration:.2s}.nav-container.active .mobile-.link-bag{transform:translateY(8px);opacity:0;pointer-events:none}.nav-container .mobile-.link-bag{transition:all 1s ease}.mobile-search-container input{width:100%;padding:12px 36px;font-family:Inter,sans-serif;font-size:17px;background:#1b1b1b;border:0;color:#fff;border-radius:8px;outline:none}.mobile-search-container{position:relative;margin-top:-30px;border-bottom:1px solid #616161;display:flex;padding:0 16px 16px;align-items:center;transform:rotateX(90deg);opacity:0;transition:all .6s ease}.nav-container.active .mobile-search-container{transform:rotateX(0deg);margin-top:10px;opacity:1}.mobile-search-container .link-search{position:absolute;left:24px;opacity:.5;background-size:15px}.nav-container nav.move-up{margin-top:-40px}.mobile-search-container .cancel-btn{color:#2997ff;font-size:17px;font-weight:400;cursor:pointer;width:0;overflow:hidden;transition:all .4s ease}.mobile-search-container .search-bar.active+.cancel-btn{padding:0 16px;width:74px}.mobile-search-container .search-bar{flex:1}.desktop-nav.move-down li:first-child{margin-top:150px}.desktop-nav.move-down li{opacity:0;pointer-events:none}.mobile-search-container .search-bar.active~.quick-links{top:80px;opacity:1;pointer-events:auto;transition-delay:40ms}.mobile-search-container .quick-links{position:absolute;left:0;right:0;padding:0 32px;opacity:0;pointer-events:none;top:10px;transition:all .4s ease}.mobile-search-container .quick-links ul{list-style:none}.mobile-search-container .quick-links h2{color:#86868b;font-size:12px;text-transform:uppercase;font-weight:400}.mobile-search-container .quick-links ul li a{padding:16px 0;display:inline-block;text-decoration:none;color:#fff;font-size:14px;font-weight:400;border-bottom:1px solid #616161;width:100%}.mobile-search-container .quick-links ul li a:hover{color:#2997ff}.nav-container nav{transition:all .4s ease}}a,div,input,span{-webkit-tap-highlight-color:rgba(0,0,0,0)}.custom-icon-container{z-index:1000;width:2rem;height:2rem;border-radius:8px;display:flex;justify-content:center;align-items:center;align-content:space-around;align-self:center;text-align:center;background-color:#fff;cursor:pointer;position:relative;border:2px solid transparent;padding:5px}.custom-icon-container:hover{background-color:#d1f0ff;transition:all .3s ease}