@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);@font-face{font-family:FuturaDemi;src:url(/media/image/product-series/hoka-speedgoat/fonts/FuturaRound-Demi.otf)}@font-face{font-family:FuturaOblique;src:url(/media/image/product-series/hoka-speedgoat/fonts/Futura-PT-Book-Oblique.otf)}.wrapper h2,.wrapper p{letter-spacing:.2em}.wrapper section.brand{text-align:center;padding:4% 0}.wrapper section.brand div#second-bck{background-repeat:no-repeat;position:relative;margin:5% 0;background-size:cover}.wrapper section.brand div#second-bck img:first-of-type{opacity:0}.wrapper section.brand div#second-bck img:last-of-type{position:absolute;left:0;right:0;margin:0 auto;width:55%;top:-25%;max-width:1100px}.wrapper section.brand div#second-bck img.desktop-bck{opacity:0}.wrapper section.brand .button{font-size:1.25vw;background:0 0;border:2px solid #f18228;color:#f18228;padding:11px 140px;padding-bottom:8px}.wrapper section.brand .button.fixit:hover,.wrapper section.brand .button:hover{background:#f18228;color:#fff}.wrapper .pic-col img{width:100%;z-index:1}.wrapper .text{text-align:left;display:inline-block;width:48%}.wrapper .text h3{color:#f18228;letter-spacing:.2em;width:100%;text-align:left;margin:unset}.wrapper .text p{text-transform:uppercase;width:65%}.wrapper .floater{display:inline-block;width:39%;position:relative}.wrapper .floater img{position:absolute;top:40%;left:30%;transform:translate(-50%,-50%);width:80%}.wrapper .floater .blue-circle{background:#f18228;width:60%;height:auto;border-radius:50%;padding-top:60%}.wrapper .mobile-bck{display:none}.wrapper .container-1{text-align:right;margin-top:8%}.wrapper .container-1 .text{vertical-align:top}.wrapper .container-1 .text:before{content:"";width:10%;border-radius:50%;display:block;border:2px solid transparent;border-left:2px dashed #e4e4e4;padding:8%;position:absolute;top:-50%;left:8%;border-width:2.6px}.wrapper .container-1 .floater{margin-top:10%}.wrapper .container-2{text-align:left}.wrapper .container-2 .text{vertical-align:bottom;text-align:right;position:relative;left:-10%}.wrapper .container-2 .text:before{content:"";width:10%;border-radius:50%;display:block;border:2px solid transparent;border-right:2px dashed #e4e4e4;padding:17%;position:absolute;top:-220px;right:-10%;border-width:2.6px;transform:rotate(20deg)}.wrapper .container-2 .text p{float:right;width:80%}.wrapper .container-2 .text h3{text-align:right}.wrapper .container-2 .floater{margin-top:10%;margin-left:8%}.wrapper .container-3{text-align:right;margin-top:3%}.wrapper .container-3 .text{vertical-align:middle;position:relative;margin-top:-18%;width:48%}.wrapper .container-3 .text:before{content:"";width:10%;border-radius:50%;display:block;border:2px solid transparent;border-left:2px dashed #e4e4e4;padding:17%;position:absolute;top:-220px;left:-10%;border-width:2.6px;transform:rotate(-17deg)}.wrapper .container-3 .text h3{width:90%}.wrapper .container-3 .text p{width:75%}.wrapper .container-3 .floater{margin-top:10%}.wrapper .shoe-story{text-align:center;padding:4% 8%;margin:7% auto}.wrapper .shoe-story:after,.wrapper .shoe-story:before{width:100%;content:"";height:2px;background:#000;display:block;max-width:700px;margin:0 auto}section.parallax.top{background-position:0 0;min-height:100vh}section.parallax.top .responsive{display:none}section.parallax.top .parallax-text{text-align:left;position:absolute;top:3%;left:3%}section.parallax.top .parallax-text img{width:40%!important}section.parallax.top .parallax-text h1{font-family:FuturaDemi;font-size:2.5rem;color:#fff;line-height:76px;margin-top:0}section.parallax.top .parallax-text p{color:#fff!important;font-size:1.6rem!important;font-weight:700;line-height:1}section.parallax.top .parallax-text p span{display:block}section.parallax.top .parallax-text a.button.scrollto{background:0 0;border:2px solid #fff;padding:9px 50px;font-size:1.05vw;letter-spacing:.1em;line-height:17px;padding-bottom:5px;margin-top:10px;color:#fff}section.parallax.top .parallax-text a.button.scrollto:hover{background:#fff;border:2px solid #fff;color:#5695d2}section.parallax.top .parallax-text a.down-arrow{width:11%;bottom:-55%}.wrapper .button{background-color:#000;color:#fff;margin:0 auto;border:2px solid transparent;font-family:FuturaDemi,'Open Sans',sans-serif;outline:0;line-height:1;-webkit-box-shadow:none;box-shadow:none;padding:15px 100px;font-size:1.25rem;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}.wrapper .button.red{background-color:#f13136}.wrapper .button:active,.wrapper .button:focus,.wrapper .button:hover{background-color:transparent;color:#000;border-color:#000}.wrapper{color:#000}.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5,.wrapper h6{font-family:FuturaDemi,'Open Sans',sans-serif;color:inherit}.wrapper p{font-family:FuturaOblique,'Open Sans',sans-serif;color:inherit}.wrapper h1,.wrapper h2{font-weight:700;margin:0 auto .5rem}.wrapper h1{font-size:4em;text-transform:uppercase}.wrapper h2{font-size:3em;color:#f18228}.wrapper h3{font-size:2.5em;font-style:italic;margin:0 auto .5rem}.wrapper ol,.wrapper p{font-size:1.4em;line-height:1.5em;font-weight:400}.container,section{position:relative;margin:0 auto}.container{max-width:1200px}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.parallax{min-height:80vh;background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover}.zoom{position:relative;overflow:hidden}.zoom img{width:100%;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}.zoom:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.overlay{position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}.overlay:hover{opacity:1}section.top img:first-child{width:100%;position:relative;z-index:0}.down-arrow{position:absolute;right:15%;bottom:2%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:.75;z-index:2;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:bounce 2s linear infinite;animation:bounce 2s linear infinite;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}.down-arrow:hover{opacity:1}.down-arrow.disabled{opacity:0;pointer-events:none}section.intro{padding:0 4%;margin-bottom:5%}.intro>.zoom{-ms-flex-preferred-size:60%;flex-basis:60%}.intro>.text{-ms-flex-preferred-size:40%;flex-basis:40%;text-align:left;padding:0 5%;-ms-flex-item-align:start;align-self:flex-start}.intro h2{margin-bottom:0}.intro .text p{margin:1rem auto 2rem}section.video{margin:5% auto;text-align:center;width:1024px;cursor:pointer;max-width:100%}section.video img{width:100%;position:relative;z-index:1;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}section.video img.overlay{position:absolute;z-index:2}section.video:hover .overlay{opacity:1}section.video img.disabled{opacity:0!important;pointer-events:none}section.video iframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}#viewfull{color:#000;font-weight:700;letter-spacing:.1em;font-size:2em;text-align:center;margin:1em auto;padding:0;background:0 0;text-transform:uppercase}.grid_container{margin-top:2.5%}#filter_hide_button{margin:0 auto!important}#sorting_1 .product-pagination{display:none}.product-thumbnail{-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}.product-thumbnail:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:1.5){.parallax{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.parallax{background-attachment:scroll}}@media (min-width:500px){.wrapper section.brand div#second-bck{background-image:url(/media/image/product-series/hoka-speedgoat/2nd-Banner-background.jpg)}.wrapper .pic-col img{-webkit-animation:shoeMove 2s 2s infinite alternate;animation:shoeMove 2s 2s infinite alternate}section.parallax.top{background-image:url(/media/image/product-series/hoka-speedgoat/Top-Banner.jpg);background-position:100% 0}section.parallax.top .parallax-text{text-align:right;top:64%;left:13%}section.parallax.top .parallax-text img{margin:0 auto}section.parallax.top .parallax-text h1{font-size:5rem;margin-top:2rem}}@media (min-width:768px){.wrapper .shoe-story p{padding:4% 0}.wrapper .shoe-story p:nth-child(2){padding-top:0}}@media (min-width:800px){section.parallax.top .parallax-text{top:30%}}@media (min-width:1400px){.wrapper section.brand .button.fixitsticky{position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:#fff;z-index:2}.wrapper section.brand .button.fixit{position:fixed;bottom:45px}}@media (max-width:1920px){.wrapper h1{font-size:4vw}.wrapper h2{font-size:3vw}.wrapper h3{font-size:2vw;line-height:1.2}.wrapper ol,.wrapper p{font-size:1.4vw}.wrapper .button{font-size:1.25vw}}@media (max-width:991px){.wrapper .container-2 .text:before,.wrapper .container-3 .text:before{top:-160%}}@media (max-width:991px) and (orientation:landscape){.wrapper .container-2 .text:before{top:-200px}.wrapper .container-3 .text:before{top:-180px}}@media (max-width:800px){.wrapper .button,.wrapper ol,.wrapper p{font-size:2vw}.wrapper .button{padding:2vh 4vh}section.intro{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0}.intro>.zoom{-ms-flex-preferred-size:100%;flex-basis:100%}.intro>.text{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center;padding:5%;-ms-flex-item-align:center;align-self:center}}@media (max-width:800px) and (orientation:portrait){.down-arrow{display:none}}@media (max-width:768px){section.parallax.top .parallax-text{width:68%;height:93%}}@media (max-width:767px){section.parallax.top .parallax-text .parallax-text-copy{position:absolute;bottom:0;text-align:right}}@media (max-width:500px){.wrapper section.brand div#second-bck img:first-of-type{opacity:1}.wrapper section.brand div#second-bck img:last-of-type{width:85%;top:50%;left:50%;transform:translate(-50%,-50%)}.wrapper .container-1 .text:before,.wrapper .container-2 .text:before,.wrapper .container-3 .text:before{display:none}section.parallax.top{min-height:unset}section.parallax.top .parallax-text p{font-size:1rem!important;top:-20px;position:relative;text-align:right!important}.wrapper h1{font-size:6vw}.wrapper .button,.wrapper ol,.wrapper p{font-size:3vw}.down-arrow{bottom:0}.desktop-bck{display:none}.mobile-bck{display:block!important}.wrapper .container .floater{display:block;width:85%;text-align:center;margin:15% auto}.wrapper .floater .blue-circle{width:75%;padding-top:75%;margin:0 auto}.wrapper .floater img{left:50%;width:100%}.wrapper .text{width:75%!important;margin:30% auto!important;display:block;text-align:center;left:unset!important}.wrapper p{float:unset!important;width:100%!important;text-align:center;font-size:5.1vw;margin-top:5%}.wrapper h3{font-size:8vw;text-align:center!important;width:100%!important}.brand p{margin-bottom:25%}.wrapper h2{font-size:11vw;letter-spacing:.1em;line-height:45px;margin-top:15%}.wrapper section.brand div#second-bck{margin:0}.wrapper section.brand{padding:0}.wrapper section.brand .button{font-size:6vw;padding:10px 20px;letter-spacing:.3em;color:#000;font-weight:100!important;border:2px solid #ccc;font-family:FuturaOblique,'Open Sans',sans-serif}.wrapper .shoe-story{padding:4% 5%}}@media (-webkit-min-device-pixel-ratio:0) and (max-width:1024px){.parallax{background-attachment:scroll}}@-webkit-keyframes shoeMove{from{transform:translate(-50%,-50%)}to{transform:translate(-50%,-55%)}}@keyframes shoeMove{from{transform:translate(-50%,-50%)}to{transform:translate(-50%,-55%)}}@-webkit-keyframes bounce{0%{padding-bottom:0}80%{padding-bottom:32px}100%{padding-bottom:0}}@keyframes bounce{0%{padding-bottom:0}80%{padding-bottom:32px}100%{padding-bottom:0}}