@font-face{font-family:avenir;src:url(/media/fonts/AvenirLTStdBlack.otf)}.container_960 h3,.container_960 h4{text-align:center;text-transform:uppercase;font-family:avenir,Roboto,"Open Sans",sans-serif}#main_slider{background:0 0}.logo{max-width:250px;width:90%;margin:2rem auto;display:block}#lookbook .overlay{opacity:0}#lookbook:hover .overlay{opacity:1}.flex.rollovers{justify-content:space-around;margin:auto}.flex.rollovers .rollover{flex-basis:40%;margin:5%;overflow:hidden;transition:all 1s ease}.flex.rollovers .rollover:after{background-color:rgba(0,0,0,.25);content:"";cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all 1s ease-out;width:100%}.flex.rollovers .rollover:hover:after{opacity:1;transition:all 1s ease-out}.flex.rollovers .rollover img{width:100%;position:relative}.flex.rollovers .rollover:hover h2{opacity:0;transition:all 1s}.flex.rollovers .rollover:hover .screen{opacity:1;transition:all 1s}.flex.rollovers h2{color:#fff}.flex.rollovers .screen{display:block;left:0;letter-spacing:.1rem;margin:0 auto;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:all 1s;width:100%;z-index:3}.flex.rollovers .screen h3,.flex.rollovers .screen h4{color:#fff;text-transform:uppercase}.flex.rollovers .screen h4{font-size:1.5rem}.flex.rollovers .screen h3{font-size:2rem;font-weight:700}#promotion_area .flex{position:relative;flex-direction:row-reverse}#promotion_area .flex.copy-container{width:60%;float:right}#promotion_area .flex .flex-item{flex-basis:60%}#promotion_area .flex .technical-feature{position:absolute;display:block;left:0;bottom:-3%;width:45%}#promotion_area .flex .copy h3,#promotion_area .flex .copy h4{text-align:center;text-transform:uppercase}#promotion_area .flex .copy h4{font-size:1rem}#promotion_area .flex .line{width:20%;display:block;border-top:4px solid #000;margin:.5rem auto}#promotion_area .btn-con{width:100%;float:left;text-align:center;margin:2rem auto 1rem}#promotion_area .btn-con .button{transition:.5s;background-color:#000;color:#fff;padding:1rem 10%}#promotion_area .btn-con .button:hover{background-color:#e0e0e0;color:#000}.sale_area{position:relative}.sale_area a,.sale_area h3,.sale_area h4{position:absolute;left:0;width:100%;text-align:center;text-transform:uppercase}.sale_area h3{top:30%;font-size:3vw;color:#c51212}.sale_area h4{top:45%;font-size:1.5vw}.sale_area a{bottom:10%;max-width:350px;left:50%;transform:translateX(-50%)}.sale_area .button.swipe{-o-transition:all .5s;-webkit-transition:all .5s;background:0 0;border:3px solid #fff;color:#fff;outline:0;padding:.5rem 2rem;transition:all .5s;z-index:0}.sale_area .button.swipe:hover{color:#000}.sale_area .button.swipe:before{-o-transition:all .5s;-webkit-transition:all .5s;background-color:#fff;content:"";height:100%;position:absolute;right:0;top:0;transition:all .5s;width:0;z-index:-1}.sale_area .button.swipe:hover:before{left:0;width:100%}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){p.large_button{width:100%!important}#brand_store_overlays .black_overlay .overlay,#brand_store_overlays .black_overlay:hover .overlay{top:54%}#brand_store_overlays #overlay2 .overlay,#brand_store_overlays #overlay2:hover .overlay{top:62%}}@media only screen and (min-device-width:374px) and (max-device-width:376px) and (orientation:portrait){p.large_button{width:100%!important}#brand_store_overlays .black_overlay .overlay,#brand_store_overlays .black_overlay:hover .overlay{top:64%}#brand_store_overlays #overlay2 .overlay,#brand_store_overlays #overlay2:hover .overlay{top:69%}.mens_comp{padding:3px 15px}#brand_store_overlays #overlay2 .overlay p:nth-child(4) a{padding:3px 30px}}@media only screen and (min-device-width:413px) and (max-device-width:415px) and (orientation:portrait){p.large_button{width:100%!important}#brand_store_overlays #overlay2 .overlay,#brand_store_overlays #overlay2:hover .overlay,#brand_store_overlays .black_overlay .overlay,#brand_store_overlays .black_overlay:hover .overlay{top:69%}#brand_store_overlays #overlay2 .overlay,#brand_store_overlays #overlay2:hover .overlay{top:75%}}@media (max-width:640px){.flex.rollovers .rollover{flex-basis:100%}.flex.rollovers .screen a.half_col{clear:both;display:block;float:none;font-size:1em;width:100%!important}}@media (max-width:600px){#promotion_area .flex.copy-container{justify-content:center;flex-wrap:wrap;width:45%;margin-bottom:1rem}#promotion_area .flex .flex-item{flex-basis:75%}#promotion_area .flex .technical-feature{bottom:-75%;width:60%}#promotion_area .flex .technical-feature h3{position:absolute;transform:rotate(-90deg);left:-30%;top:-33%;font-size:5vw}#promotion_area .btn-con{float:none;width:60%}.sale_area h3{top:12%;font-size:8vw}.sale_area h4{top:36%;font-size:4.5vw}.sale_area a{bottom:5%}.sale_area .button.swipe{width:75%;border:3px solid #000;background-color:#000}}