@font-face{font-family:GothamRnd-Book;src:url(/media/image/product-series/hoka-clifton/GothamRnd-Book.otf)}@font-face{font-family:GothamRnd-Bold;src:url(/media/image/product-series/hoka-clifton/GothamRnd-Bold.otf)}.wrapper section.copy{margin-bottom:80px;margin-top:100px}.wrapper section.copy p{color:#000;font-family:GothamRnd-Book;font-size:30px;font-weight:700;letter-spacing:2px;margin:0 auto;max-width:1500px;text-align:center}.wrapper section.parallax{background:url(/media/image/product-series/hoka-clifton/parrallax.jpg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:contain}.wrapper section.parallax img{opacity:0;width:100%}.wrapper section.lifestyle-graphics{display:flex;margin-bottom:70px;margin-top:70px}.wrapper section.lifestyle-graphics div{flex-basis:25%}.wrapper section.lifestyle-graphics div.col-1{padding-top:20px}.wrapper section.lifestyle-graphics div.col-2{padding-top:120px}.wrapper section.lifestyle-graphics div.col-3{padding-top:0}.wrapper section.lifestyle-graphics div.col-4{padding-top:150px}.wrapper section.lifestyle-graphics div img{margin:3%;width:94%}.wrapper section.bottom-copy{margin-bottom:100px;margin-left:auto;margin-right:auto;margin-top:100px;max-width:1200px;text-align:center}.wrapper section.bottom-copy h4{color:#000;font-family:GothamRnd-Bold;font-size:30px;letter-spacing:3px;margin-bottom:20px}.wrapper section.bottom-copy p{color:#000;font-family:GothamRnd-Book;font-size:30px;letter-spacing:2px;line-height:35px}.wrapper section.bottom-copy p .mobile-break{display:none}.wrapper section.key-features{text-align:center}.wrapper section.key-features h2{border-bottom:1px solid #f3918e;color:#f3918e;display:inline-block;font-family:GothamRnd-Bold;letter-spacing:3px;margin:0 auto;padding-bottom:5px;text-align:center;text-transform:uppercase}.wrapper section.key-features .slider{height:90vh;margin-top:50px;overflow:hidden;position:relative}.wrapper section.key-features .slider .slider-arrow{cursor:pointer;position:absolute;transform:translateY(-50%);z-index:10}.wrapper section.key-features .slider .slider-arrow.arrow-right{right:3%;top:50%}.wrapper section.key-features .slider .slider-arrow.arrow-left{display:none;left:3%;top:50%}.wrapper section.key-features .slider .slide-track{display:flex;left:0;position:absolute;top:0;transition:left 1s;width:300%}.wrapper section.key-features .slider .slide-track .slide{display:flex;flex-basis:33.3333%}.wrapper section.key-features .slider .slide-track .slide div{flex-basis:50%}.wrapper section.key-features .slider .slide-track .slide div img{width:100%}.wrapper section.key-features .slider .slide-track .slide div.img-col{padding-left:5%;padding-right:5%;text-align:center}.wrapper section.key-features .slider .slide-track .slide div.content{align-items:center;display:flex;flex-direction:row;vertical-align:middle}.wrapper section.key-features .slider .slide-track .slide div.content div{flex-basis:100%;padding-right:22%;text-align:left;width:100%}.wrapper section.key-features .slider .slide-track .slide div.content div h4{border-bottom:1px solid #000;color:#000;display:inline-block;font-family:GothamRnd-Bold;font-size:35px;letter-spacing:4px;margin-bottom:40px;padding-bottom:11px;text-align:left}.wrapper section.key-features .slider .slide-track .slide div.content div p{color:#000;font-family:GothamRnd-Book;font-size:35px;letter-spacing:3px;text-align:left}.wrapper section.video-holder{margin-top:30px;position:relative}.wrapper section.video-holder img{width:100%}.wrapper section.video-holder .play-button{width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrapper section.top-banner{position:relative}.wrapper section.top-banner #pause_btn1{bottom:0;left:0;position:absolute;top:auto}.wrapper section.top-banner .logo-svg{bottom:1%;left:19%;position:absolute;width:12%}.wrapper section.top-banner video{width:100%}.wrapper section.top-banner .mobile-only{display:none}.wrapper section.top-banner .mobile-only img{width:100%}#cookie_policy_accept{display:none!important}@media only screen and (max-width:1024px){.wrapper section.copy{margin-bottom:25px;margin-top:25px}.wrapper section.copy p{font-size:16px;padding-left:2%;padding-right:2%}.wrapper section.parallax{background:0 0}.wrapper section.parallax img{opacity:1}.wrapper section.lifestyle-graphics{margin-bottom:10px;margin-top:10px}.wrapper section.lifestyle-graphics div{flex-basis:33.3333%}.wrapper section.lifestyle-graphics div.col-1{flex-basis:33.3333%;padding-top:10px}.wrapper section.lifestyle-graphics div.col-2{flex-basis:33.3333%;padding-top:40px}.wrapper section.lifestyle-graphics div.col-3{display:none}.wrapper section.lifestyle-graphics div.col-4{flex-basis:33.3333%;padding-top:0}.wrapper section.bottom-copy{margin-bottom:50px;margin-top:50px}.wrapper section.bottom-copy h4{font-size:18px}.wrapper section.bottom-copy p .mobile-break{display:block}.wrapper section.bottom-copy p{font-size:15px;line-height:18px;padding-left:5%;padding-right:5%}.wrapper section.key-features{margin-bottom:50px}.wrapper section.key-features .slider .slider-arrow.arrow-right{right:3%;top:26%}.wrapper section.key-features .slider .slider-arrow.arrow-left{left:3%;top:26%}.wrapper section.key-features .slider .slide-track .slide div.img-col{padding-left:25%;padding-right:25%}.wrapper section.key-features .slider .slide-track .slide div.content div{padding-left:5%;padding-right:5%;text-align:center}.wrapper section.key-features .slider .slide-track .slide div.content div h4{text-align:center;font-size:18px}.wrapper section.key-features .slider .slide-track .slide div.content div p{text-align:center;font-size:16px}.wrapper section.key-features .slider .slide-track .slide{display:block}.wrapper section.video-holder{margin-top:-70px;margin-top:50px}.wrapper section.video-holder .play-button{width:100px}.wrapper section.top-banner #pause_btn1,.wrapper section.top-banner .logo-svg,.wrapper section.top-banner video{display:none}.wrapper section.top-banner .mobile-only{display:block}}