@font-face{font-family:futura;src:url(/media/image/product-series/hoka-arahi/futura_italic.otf) format("opentype");font-weight:300;font-style:italic}@font-face{font-family:futura;src:url(/media/image/product-series/hoka-arahi/FuturaRound-Bold.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:futura;src:url(/media/image/product-series/hoka-arahi/FuturaRound-Medium.otf) format("opentype");font-weight:500;font-style:italic}@font-face{font-family:futura;src:url(/media/image/product-series/hoka-arahi/FuturaRound-Book.otf) format("opentype");font-weight:400;font-style:italic}.wrapper .subheading,.wrapper a,.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5{font-style:italic;font-family:futura;font-weight:500;text-transform:uppercase}.wrapper p{font-family:futura;font-weight:500;font-style:italic;margin:0}.wrapper .mobile-show{display:none}.wrapper .d-display{display:inline-block}.wrapper .m-i-display{display:none}.wrapper .brand-bg{background-image:linear-gradient(to bottom,#243039,#ffe35b)}.wrapper .brand-copy{white-space:nowrap;font-size:0}.wrapper .brand-copy p{font-size:2rem;color:#fff;font-weight:400;text-align:center;width:76%;margin:0 auto;padding:50px 0;letter-spacing:.1em;white-space:normal;z-index:1}.wrapper .brand-copy div{display:inline-block;width:50%;position:relative}.wrapper .brand-copy div img{width:100%}.wrapper .brand-copy div a{position:absolute;bottom:6%;margin:0 auto;left:0;right:0;border:3px solid #FFE35B;color:#FFE35B;max-width:460px;height:70px;line-height:70px;font-size:1.9rem}.wrapper .brand-copy div a:hover{background:#FFE35B;color:#fff}.wrapper .top-banner{-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;padding-bottom:56.25%;position:relative;background-repeat:no-repeat!important;background-size:cover!important}.wrapper .top-banner .hoka_logo{position:absolute;top:14%;left:6%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.wrapper .top-banner.mens{background:url(/media/image/product-series/hoka-arahi/top-banner-desktop.jpg)}.wrapper .top-banner h1{position:absolute;right:7%;top:23%;color:#fff;letter-spacing:.1em;font-size:6rem;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.wrapper .top-banner .link-box{position:absolute;top:57%;font-size:3.5rem;font-family:Futura;font-weight:500;font-style:italic;left:6%;color:#fff;letter-spacing:.1em}.wrapper .top-banner .link-box div{cursor:pointer;margin:30px 0;width:fit-content;border-bottom:2px solid transparent;transition:.3s ease}.wrapper .top-banner .link-box div.active{border-bottom:2px solid #fff}.wrapper .top-banner h2{position:absolute;right:14%;top:40%;color:#fff;font-size:3.2rem;letter-spacing:.2rem;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.wrapper .top-banner h2:nth-of-type(2){top:45%;right:3%}.wrapper .top-banner .shop-now-btn{position:absolute;bottom:9%;margin:0 auto;left:0;right:0;border:3px solid #fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.wrapper .video-section{height:0;padding-bottom:56.25%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;margin-top:-1px}.wrapper .video-section #background-video{position:absolute;top:0;width:100%;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.wrapper .video-section .p-video,.wrapper .video-section div,.wrapper .video-section source{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:100%}.wrapper .video-section.active #background-video,.wrapper .video-section.active div#play-button{opacity:0}.wrapper .video-section div#play-button{background:0 0;width:150px;height:150px;display:block;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);border-radius:50%;cursor:pointer;transition:all .3s ease-in;opacity:0;border:2px solid #fff}.wrapper .video-section div#play-button:before{display:block;content:"";left:56%;top:50%;position:absolute;transform:translate(-50%,-50%) rotate(-90deg);border-left:35px solid transparent;border-right:35px solid transparent;border-top:50px solid #fff}.wrapper .video-section div#play-button.visible{opacity:1}.wrapper .video-section.active div#play-button.visible{opacity:0}.container,section{position:relative;margin:0 auto}.container{max-width:1920px}.wrapper .button{display:block;background-color:transparent;border:1px solid #fff;color:#fff;font-weight:400!important;letter-spacing:.1rem;transition:all 500ms}.wrapper .button:active,.wrapper .button:focus,.wrapper .button:hover{background-color:#fff;color:#171717}.shop-now-btn{width:100%;max-width:350px;display:block;text-transform:uppercase;margin:2.5% auto;transition:500ms;text-align:center;margin-bottom:10px;height:60px;line-height:60px;font-weight:700!important;font-size:1.6rem;letter-spacing:.1em;margin-top:70px;font-style:italic;background:0 0;color:#fff}.shop-now-btn:hover{background:#fff;color:#171717}.banner-content .shop-now-btn{border:3px solid #ffe35b;color:#ffe35b}.banner-content .shop-now-btn:hover{color:#ffe35b}.shoe-section .shop-now-btn{border:3px solid #243039;color:#243039}.video-btn{width:100%;max-width:350px;display:block;text-transform:uppercase;margin:2.5% auto;transition:500ms;text-align:center;margin-bottom:10px;height:60px;line-height:60px;font-weight:700!important;font-size:1.6rem;letter-spacing:.1em;margin-top:70px;font-style:italic;background:#ffe35b;color:#fff;border:2px solid #ffe35b}.video-btn:hover{background:#fff;color:#ffe35b}.video-btn span:after{content:"\25B6 \FE0E";font-style:normal;margin-left:5px;line-height:.8;display:inline-block;font-size:1.2rem}.banner-content{display:block}.banner-content h1{color:#fff;font-size:1.5rem;line-height:.9}.banner-content .headers{display:flex;justify-content:space-between;align-items:baseline;flex-direction:column;text-align:right}.banner-content .subheading{color:#ffe35b;font-size:1rem;flex:0 1 33%;align-self:flex-start;text-align:right;width:37%}.banner-content .tagline{color:#fff;font-size:.8rem;flex:0 1 65%;text-align:right;align-self:flex-end}.feature2{background:#d7d7d5;color:#fff;transition:1000ms}.feature2 h2{color:#ffe35b;text-align:center;font-size:1.3rem}.feature2 p{font-size:1rem}.feature2 .slide{display:flex;flex-direction:column}.feature2 .slide:nth-of-type(2n) p{text-align:right}.video-header-container{position:relative;display:flex;flex-direction:column}.rightside-content{display:none}.rightside-content .arrow{flex:0 0 15%;max-width:100px;align-self:flex-end}.rightside-content .flex-image{display:flex;justify-content:flex-end}.video-container{position:relative;overflow:hidden;display:block;width:100%}.video-container video{width:98%;max-height:100%;position:relative;z-index:3;-o-object-fit:cover;object-fit:cover;display:block;margin:2px auto}.play-outer{width:75px;height:75px;border-radius:50%;background-color:rgba(255,227,91,.8);display:flex;justify-content:center;align-items:center}.play-btn{border:0;background:0 0;cursor:pointer;transition:500ms;box-sizing:border-box;width:0vw;height:50%;border-width:1.5rem 0 1.5rem 2.5rem;border-color:transparent transparent transparent #fff;border-style:solid;margin-left:10%}.slide-indicator{text-align:center;color:#ffe35b}.text-section{text-align:center;display:flex;align-items:stretch}.text-section h3{color:#ffe35b;font-size:1.5rem}section.collection-text{border:0 solid #282828;border-top-width:0;border-bottom-width:1px;width:90%;max-width:1200px;margin:0 auto 5%;text-align:center;padding:5% 5%!important}section.collection-text h3{font-size:1.2rem}section.collection-text p{font-size:.9rem}.shoe-slider{margin:0 auto;width:95%;display:flex;flex-direction:column;padding-bottom:70px;padding-top:70px}.shoe-slider .arrow-left .yellow{display:block}.shoe-slider .arrow-left .grey{display:none}.shoe-slider .arrow-right .yellow{display:block}.shoe-slider .arrow-right .grey,.shoe-slider.first .arrow-left .yellow{display:none}.shoe-slider.first .arrow-left .grey,.shoe-slider.first .arrow-right .yellow{display:block}.shoe-slider.first .arrow-right .grey,.shoe-slider.last .arrow-right .yellow{display:none}.shoe-slider.last .arrow-right .grey{display:block}.shoe-slider .shoe-section{position:relative}.shoe-slider .text-section{position:relative;margin-bottom:10px}.shoe-slider .text-section h3{color:#fff;font-weight:700;letter-spacing:.1em;font-size:2.7rem;margin-bottom:30px}.shoe-slider .text-section p{font-size:1.5rem;line-height:2;width:80%;color:#fff}.shoe-slider .shoe{position:absolute;top:0;opacity:0;transition:500ms}.shoe-slider .shoe.active{opacity:1;position:relative}.shoe-slider .text{position:absolute;top:0;opacity:0;font-size:.9rem;transition:500ms}.shoe-slider .text.active{opacity:1;position:relative}.shoe-slider .arrow-box{position:absolute;right:-2%;bottom:3%;width:90px}.shoe-slider .arrow-box .arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;z-index:10;transition:500ms;cursor:pointer}.shoe-slider .arrow-box .arrow.arrow-right{right:0;left:auto}.shoe-slider .video-btn{display:none}.shoe-slider p#slider-number-ind{color:#243039;font-size:1.7rem}.grid_container{max-width:960px}@media (min-width:374px){.banner-content .subheading{width:35%}.banner-content .tagline{font-size:.9rem}}@media (min-width:600px){.btn-container{display:flex;justify-content:space-between;margin-bottom:50px;margin-top:50px}.btn-container .shop-now-btn,.btn-container .video-btn{flex:0 0 48%}.banner-content .shop-now-btn{border:3px solid #fff;color:#fff}.banner-content .shop-now-btn:hover{color:#ffe35b}.banner-content h1{font-size:2.5rem}.banner-content .headers{flex-direction:row;align-items:baseline}.banner-content .subheading{font-size:1.7rem;align-self:baseline}.banner-content .tagline{font-size:1.3rem;align-self:baseline;text-align:left}.feature2 .slide{flex-direction:row;align-items:center;justify-content:space-between;margin:10% auto;width:95%}.feature2 .slide p{font-size:1.2rem}.feature2 .s1 .left-side{flex:0 0 49%;width:49%;text-align:center}.video-header-container{flex-direction:row;align-items:flex-start;margin-bottom:20px}.video-header-container h2{position:absolute;right:-10%;z-index:12;-webkit-transform:rotate(-90deg) translateX(-50%);transform:rotate(-90deg) translateX(-50%);font-size:1.2em}.video-content-container{display:flex;width:58%;flex-direction:column;position:relative}.rightside-content{width:38%;flex:0 0 38%;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex;align-self:flex-start}.rightside-content h3{font-size:1.1rem;color:#fff}.rightside-content img{width:100%;align-self:flex-end}.shoe-slider{flex-direction:row-reverse;justify-content:space-between}.shoe-slider .shoe-section{flex:0 0 48%}.shoe-slider .text-section{text-align:left;order:0}.shoe-slider .slide-indicator{order:1;text-align:left}.shoe-slider .content-section{flex:0 0 48%;display:flex;flex-direction:column;justify-content:center;position:relative}.shoe-slider .button-section{order:2}.shoe-slider .button-section a{width:75%;margin:0;margin-top:70px}.shoe-slider .button-section .shop-now-btn:hover{background:#243039;color:#fff}div#search-results{margin-bottom:2em}}@media (min-width:768px) and (max-width:1024px){.wrapper .top-banner .link-box{font-size:1.5rem;margin:20px 0}.wrapper .top-banner .link-box div{margin:10px 0}.wrapper .top-banner .shop-now-btn{bottom:5%;height:35px;line-height:35px;max-width:190px;font-size:1.2rem}.wrapper .top-banner .hoka_logo{top:24%;width:17%}.wrapper .top-banner h1{right:11%;top:27%;font-size:3.5rem}.wrapper .top-banner h2{top:52%;font-size:1.4rem}.wrapper .top-banner h2:nth-of-type(2){top:58%}.wrapper .brand-copy{white-space:normal}.wrapper .brand-copy div{width:100%}.wrapper .brand-copy p{font-size:1.3rem;width:90%}.wrapper .content-section .arrow-box{right:-28%;bottom:unset;width:70px;top:350px}.wrapper .content-section .arrow-box img{width:80%}.wrapper .shoe-slider .text-section p{font-size:1.3rem;width:100%}.wrapper .shoe-slider .text-section h3{font-size:2.1rem}}@media (min-width:1025px) and (max-width:1600px){.wrapper .top-banner .hoka_logo{top:21%;width:18%}.wrapper .top-banner .link-box{font-size:2.5rem;top:46%}.wrapper .top-banner h1{font-size:5rem}.wrapper .top-banner h2{font-size:2.1rem;top:45%}.wrapper .top-banner h2:nth-of-type(2){top:51%}.wrapper .top-banner .shop-now-btn{max-width:230px;height:40px;line-height:40px;font-size:1.2rem}.wrapper .brand-copy p{font-size:1.5rem}}@media (min-width:1025px) and (max-width:1600px) and (max-width:1200px){.wrapper .brand-copy p{font-size:1.3rem;top:-4%}.wrapper .brand-copy div a{max-width:400px;height:60px;line-height:60px;font-size:1.6rem}}@media (min-width:1200px){.feature2 .slide{min-height:100vh}.feature2 .slide p{font-size:1.6rem}.video-header-container{font-size:2rem}.rightside-content h3{font-size:2.3rem}}@media (min-width:1280px){div#search-results{margin-bottom:5em}}@media (min-width:1366px){.feature2{display:flex;width:200vw;justify-content:space-between;padding:10px 0}.feature2 .slide{min-height:calc(100vh - 80px);margin:0;flex:0 0 45%;width:45%}.feature2 .slide:nth-of-type(2n) p{text-align:left;margin-bottom:10px}.feature2 .slide p{font-size:1.3rem}.feature2 .s1 .left-side{flex:0 0 46%;width:46%}.feature2 .s1 .arrow{max-width:200px;margin:0 auto}.video-header-container{margin-bottom:10%}.video-header-container h2{right:-5%}.video-content-container{width:48%}.rightside-content{align-items:flex-start;-ms-grid-row-align:center;align-self:center;width:48%;flex:0 0 48%}.rightside-content h3{font-size:1.7rem}.rightside-content img{width:75%}.rightside-content .arrow{margin-bottom:25px}.text-section h3{font-size:2.5rem}.text-section p{font-size:1.2rem}section.collection-text h3{font-size:1.7rem}section.collection-text p{font-size:1.2rem}.shoe-slider .slide-indicator{font-size:1.3rem}}@media (max-width:1024px){.wrapper .d-display{display:none}.wrapper .m-i-display{display:block}.wrapper .brand-copy p{top:-1%;font-size:1.2rem;color:#fff}}@media (max-width:767px){.wrapper .top-banner.mens{background:url(/media/image/product-series/hoka-arahi/top-banner-mobile.jpg)}.wrapper{background:#e5edf0}.wrapper .mobile-hide{display:none}.wrapper .mobile-show{display:block}.wrapper .mobile-show .shop-now-btn{border:3px solid #364857;color:#364857;margin:20px auto}.wrapper .mobile-show .shop-now-btn:hover{background:#364857;color:#fff}.wrapper .mobile-show .shop-now-btn.vimeovideo_popup{border:3px solid #FFE35B;background:#FFE35B;color:#fff}.wrapper .mobile-show .shop-now-btn.vimeovideo_popup:hover{background:#fff;color:#FFE35B}.wrapper .top-banner{padding-bottom:107.39%;bottom:-21%}.wrapper .top-banner .hoka_logo{width:30%}.wrapper .top-banner h1{right:2%;top:31%;font-size:2rem}.wrapper .top-banner h2{right:7%;top:42%;font-size:.9rem;letter-spacing:.1rem}.wrapper .top-banner h2:nth-of-type(2){top:47%;right:3%}.wrapper .top-banner .link-box{font-size:1.5rem;top:69%}.wrapper .top-banner .link-box div{margin:15px 0}.wrapper .shoe-section{padding:0}.wrapper .shoe-section .shoe-slider{padding-top:0;width:100%}.wrapper .shoe-section .shoe-slider .arrow-box{right:5%;bottom:unset;width:60px}.wrapper .shoe-section .shoe-slider .arrow-box img{width:60%}.wrapper .content-section{padding-top:70px}.wrapper .content-section h3{font-size:2.1rem}.wrapper .content-section p{font-size:1.3rem;line-height:1.9;width:90%;margin:0 auto;color:#fff}.wrapper .brand-copy{white-space:normal}.wrapper .brand-copy p{font-size:.95rem;width:90%;top:-4%}.wrapper .brand-copy div{width:100%}.wrapper .brand-copy div a{max-width:240px;height:45px;line-height:45px;font-size:1.3rem;bottom:4%}.wrapper .collection-text{width:100%;background:#fff}}