.about{display:flex;height:calc(100vh - 59px);justify-content:center;left:0;top:59px;transition:.8s opacity .8s;width:100%}.about.show{transition:0ms opacity}.about .bg{height:100%;left:0;opacity:0;position:absolute;top:0;transition:10ms opacity .25s;width:100%}.about .bg:empty{display:flex}.about.show .bg{opacity:1;transition:10ms opacity .4s}.about .content-width{flex-direction:column;align-items:center;display:flex;margin-top:100px;max-width:1024px;max-height:calc(100% - 300px);opacity:0;overflow-y:auto;padding:0 22px;transition:.5s opacity}.about.show .content-width{opacity:1;transition:10ms opacity .4s}.about .branding,.about .branding .logo{position:relative}.about .branding .logo img{width:100%}.about .branding .product-image{left:50%;position:absolute;top:50%;transform:translate3d(-40%,-8%,0);width:30%}.about .branding .product-image img{display:block;animation:floatdrift 3s ease-in-out infinite;width:100%}@keyframes floatdrift{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.about .description{color:#fff;padding-top:16%;text-align:center;width:91%}.about .slide-cover{background:#f0efe9;border:1px solid #666;height:100%;left:-1px;pointer-events:none;position:absolute;top:0;transform:translate3d(-100%,0,0);transition:.25s transform .3s,.25s opacity;width:calc(100% + 2px)}.about.show .slide-cover{opacity:0;transform:translateZ(0);transition:.4s transform,.6s opacity .4s}.about .slide-cover:empty{display:flex}.about #about-close:empty{display:flex}.about #about-close{height:40px;opacity:0;position:absolute;right:40px;top:30px;transition:1.2s opacity;width:40px}.about.show #about-close{opacity:.6;transition:0ms opacity .6s}.about #about-close:hover{opacity:1;transition:250px opacity}.about #about-close .bar{background:#fff;height:1px;left:50%;position:absolute;top:50%;width:100%}.about #about-close .bar:empty{display:flex}.about #about-close .bar.bar-1{transform:translate3d(-50%,-50%,0) rotate(45deg)}.about #about-close .bar.bar-2{transform:translate3d(-50%,-50%,0) rotate(-45deg)}@media screen and (min-width:768px){.about.show .content-width{height:100%;margin-top:0;max-height:unset;padding-bottom:100px;padding-top:100px}.about #about-close{right:12px}}@media screen and (min-width:990px){.about{height:calc(100vh - 50px);top:50px}.about.show .content-width{height:100%;margin-top:0;max-height:unset;padding:100px 40px}}@media screen and (min-height:900px){.about.show .content-width{align-self:center;height:640px;margin-top:auto;padding-bottom:0;padding-top:0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/about-us.css.map */