@font-face{font-family:din-bold;src:url(/media/fonts/din-bold.otf) format("opentype");font-weight:700}@font-face{font-family:din-medium;src:url(/media/fonts/din-medium.ttf) format("truetype")}@font-face{font-family:din-regular;src:url(/media/fonts/din-regular.ttf) format("truetype")}.mobile-hide{display:block}.mobile-show{display:none}.wrapper h1,.wrapper h2,.wrapper h3{font-family:din-bold,Roboto,'Open Sans',sans-serif}.wrapper h3{letter-spacing:2px}.wrapper button{font-family:din-medium,Roboto,'Open Sans',sans-serif}.wrapper a,.wrapper body,.wrapper h4,.wrapper h5,.wrapper h6,.wrapper li,.wrapper p,.wrapper ul{font-family:din-regular,Roboto,'Open Sans',sans-serif;font-weight:300}.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5,.wrapper h6{text-transform:uppercase;text-align:center}.wrapper .container_960{max-width:960px;width:100%}.wrapper .button.fancy-button-4{border:1px solid #000;color:#000;z-index:2;margin:2% 5%;width:90%;font-family:din-bold,Roboto,'Open Sans',sans-serif;font-size:1.2rem}.wrapper .button.fancy-button-4:after{background-color:#000}.wrapper .top-banner{position:relative;width:100%;height:65vh;background-image:url(/media/image/product-series/inov-8-mudclaw/mobile/top-banner.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all 1s;margin-bottom:1rem}.wrapper .top-banner .logo{position:absolute;top:15%;left:5%;width:30%;max-width:200px}.wrapper .top-banner .logo-alt{bottom:17%;top:auto;left:50%;right:10%;width:30%;max-width:300px;-webkit-transform:translatex(-50%);transform:translatex(-50%)}.wrapper .top-banner .content{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wrapper .top-banner .content h1,.wrapper .top-banner .content h4{text-align:center;color:#fff;line-height:1.5;letter-spacing:22px;margin-bottom:2rem;font-weight:700}.wrapper .top-banner .content h4{letter-spacing:8px}.wrapper .top-banner .buttons{position:absolute;bottom:6%;left:50%;width:88%;text-align:center;-webkit-transform:translatex(-50%);transform:translatex(-50%)}.wrapper .top-banner .button.fancy-button-4{border:1px solid #fff;color:#fff;width:290px;margin:0 20px;padding:7px;font-size:1rem}.wrapper .top-banner .button.fancy-button-4:after{background-color:#fff}.wrapper .top-banner .button.fancy-button-4:active,.wrapper .top-banner .button.fancy-button-4:focus,.wrapper .top-banner .button.fancy-button-4:hover{color:#000}.wrapper .top-banner .button.fancy-button-4:active:before,.wrapper .top-banner .button.fancy-button-4:focus:before,.wrapper .top-banner .button.fancy-button-4:hover:before{border-left-color:#000}.wrapper .top-banner .button-play{position:relative}.wrapper .top-banner .button-play:before{content:'';position:absolute;right:20%;top:9px;width:0;height:0;border-left:15px solid #fff;border-bottom:8px solid transparent;border-top:8px solid transparent;clear:both;transition:all 1s}.button-play-2{position:relative}.button-play-2:before{content:'';position:absolute;right:25%;top:15px;width:0;height:0;border-left:15px solid #000;border-bottom:8px solid transparent;border-top:8px solid transparent;clear:both;transition:all 1s}.graphene-artwork{position:relative}.graphene-artwork .graphene-artwork-text{position:absolute;bottom:0;left:5%;width:80%;z-index:1;transition-delay:.3s}.graphene-artwork .graphene-artwork-image{transition-delay:.3s}.graphene-artwork .graphene-artwork-image.mobile-show{margin:50px 0;padding-bottom:50px}.parallax-container{position:relative;margin-top:90px}.parallax-container .parallax-hexagon{position:absolute;top:-70px;right:0;width:100%;height:100%;background-size:170%;z-index:1}.parallax-container .hexagon-banner{position:absolute;top:0;right:0;transform:translateY(-50%);z-index:1}.parallax-container .parallax-image{position:relative;height:300px;border-top:3px solid #00fe44;background-size:cover;background-attachment:scroll}.parallax-container .parallax-text{position:absolute;width:100%;text-align:center;color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition-delay:.3s}.parallax-container .parallax-text p{font-family:din-regular,Roboto,'Open Sans',sans-serif;font-size:.9em;margin:0}.parallax-container .parallax-text hr.line-divider{clear:both;width:38%;height:35px;min-height:0;margin:10px auto;text-align:center;border:none;border-top:3px solid #00fe44;position:relative}.parallax-container .parallax-text hr.line-divider:after{position:absolute;display:inline-block;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;content:'';background:#00fe44}.parallax-container .parallax-text hr.line-top{transform:rotate(180deg)}.p1-container{margin-top:90px}.p1-container .p1-image{background-image:url(/media/image/product-series/inov-8-mudclaw/mobile/graphene_bg.jpg);background-position:50% 50%;background-repeat:no-repeat}.p3-container .p3-image{background-image:url(/media/image/product-series/inov-8-mudclaw/mobile/mudclaw_lifestyle.jpg);background-position:50% 50%;background-repeat:no-repeat}.feature-image{width:100%;padding:10% 5% 0;margin:0 auto;display:block;position:relative;text-align:center}.feature-shoe-banner{width:100%}.target-point-container{position:absolute;margin:0 auto;top:0;left:0;width:100%;height:100%}.target-point-container .point-item{position:absolute;width:25px;height:25px;background:url(/media/image/product-series/inov-8-mudclaw/desktop/plus_icon.png) 50% 50% no-repeat;background-size:60%;transition:all .3s ease-in-out;z-index:3;cursor:pointer}.target-point-container .point-item.active,.target-point-container .point-item:hover{background:url(/media/image/product-series/inov-8-mudclaw/desktop/plus_icon_selected.png) 50% 50% no-repeat;background-size:80%}.target-point-container .point-1{top:53%;left:21%}.target-point-container .point-2{top:58%;left:62%}.target-point-container .point-3{top:64%;left:15%}.target-point-container .point-4{top:70%;left:46%}.target-point-container .point-5{top:72%;left:75%}.target-point-container .point-6{top:78%;left:58%}.target-point-container .point-7{top:80%;left:31%}.tab-container{position:relative;margin:30px 0;padding:0 3px;z-index:3}.tab-container ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;font-size:0;list-style:none;padding:0;margin:0;overflow:hidden}.tab-container li{flex-grow:1;display:inline-block;position:relative;background-color:#f1f1f1;border-right:4px solid #00fe44;border-bottom:2px solid #00fe44;transition:all .2s ease-in-out;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);cursor:pointer}.tab-container li span{font-family:din-bold,Roboto,'Open Sans',sans-serif;color:#000;text-decoration:none;text-align:center;display:block;font-size:10px;padding:6px;text-transform:uppercase;-webkit-transform:skewX(25deg);transform:skewX(25deg)}.tab-container li.active,.tab-container li:hover{background-color:#00fe44}.tab-container li:first-child{margin-left:-20px;padding-left:20px}.tab-container li:last-child{margin-right:-20px;padding-right:20px}.tab-container li:nth-child(5){flex-shrink:1}.g-series-container{margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.g-series-container p{font-family:din-bold,Roboto,'Open Sans',sans-serif;font-size:1.2em}.g-series-container .g-series-images{position:relative;width:98%;height:225px;order:2}.g-series-container .g-series-images .g-series{position:absolute;width:113px}.g-series-container .g-series-images .g-logo{width:100px;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition-delay:.5s}.g-series-container .g-series-images .g-stronger{top:55%;left:3%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition-delay:.5s}.g-series-container .g-series-images .g-elastic{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition-delay:1s}.g-series-container .g-series-images .g-harder-wearing{top:55%;right:3%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition-delay:1.5s}.g-series-container .g-series-text{text-align:center;padding:5%;order:1}.tab-content{text-align:center;margin:2% auto;width:80%}.tab-content p{font-size:1.3em}.tab-content .icon:before{content:'';position:absolute;width:117px;height:34px;transition:all 3.5s;background:url(/media/image/product-series/inov-8-mudclaw/desktop/4mm_drop_icon.png) 50% 50% no-repeat;background-size:60%;opacity:1;transform:translatex(-150%)}.tab-content h3,.tab-content p{position:relative;transition:all .5s}.tab-content h3.animating,.tab-content p.animating{opacity:0;transform:translateY(200%)}.tab-content h3.icon:before,.tab-content p.icon:before{transform:translatex(-100%)}.seo_text{text-align:center;margin:4.5rem auto;padding:0 6%}.seo_text .line{margin:2.5rem auto;width:80%}.seo_text h3{font-size:1.5rem;margin-bottom:2rem}.seo_text p{font-family:din-bold,Roboto,'Open Sans',sans-serif;line-height:2.3}.grid-container{margin-bottom:5%}@media only screen and (min-width:320px) and (max-width:374px){.tab-container li{flex-grow:2}.tab-container li:nth-child(1),.tab-container li:nth-child(3),.tab-container li:nth-child(6){margin-left:-20px;padding-left:20px}.tab-container li:nth-child(2),.tab-container li:nth-child(5),.tab-container li:nth-child(7){margin-right:-20px;padding-right:20px}}@media only screen and (min-width:375px) and (max-width:413px){.tab-container li{flex-grow:2}.tab-container li:nth-child(1),.tab-container li:nth-child(4),.tab-container li:nth-child(6){margin-left:-20px;padding-left:20px}.tab-container li:nth-child(3),.tab-container li:nth-child(5),.tab-container li:nth-child(7){margin-right:-20px;padding-right:20px}}@media only screen and (min-width:375px){.parallax-container .parallax-hexagon{top:-68px}.parallax-container .parallax-image{height:380px}.parallax-container .parallax-text p{font-size:1em}.parallax-container .parallax-text hr.line-divider{margin:20px auto}.g-series-container .g-series-images{width:100%;height:260px}.g-series-container .g-series-images .g-series{width:132px}.g-series-container .g-series-images .g-logo{width:120px}}@media only screen and (min-width:414px){.parallax-container .parallax-hexagon{top:-96px}.target-point-container .point-item{width:35px;height:35px}.g-series-container .g-series-images{width:90%}}@media only screen and (min-width:414px) and (max-width:600px){.tab-container li{flex-grow:2}.tab-container li:nth-child(1),.tab-container li:nth-child(4),.tab-container li:nth-child(7){margin-left:-20px;padding-left:20px}.tab-container li:nth-child(3),.tab-container li:nth-child(6){margin-right:-20px;padding-right:20px}}@media only screen and (min-width:767px){.parallax-container .parallax-hexagon{top:-14px;background-size:135%}.parallax-container .parallax-image{height:650px}.parallax-container .parallax-text p{font-size:1.5em;margin-bottom:10px}.parallax-container .parallax-text hr.line-divider{margin:30px auto}.p1-container .p1-image{background-image:url(/media/image/product-series/inov-8-mudclaw/desktop/graphene_bg.jpg);background-position:50% 50%;background-repeat:no-repeat}.p3-container .p3-image{background-image:url(/media/image/product-series/inov-8-mudclaw/desktop/mudclaw_lifestyle.jpg);background-position:50% 50%;background-repeat:no-repeat}.target-point-container .point-item{width:50px;height:50px}.tab-container li span{font-size:16px;padding:15px 25px}.tab-container li:nth-child(3){flex-grow:2}.g-series-container{flex-direction:row;margin-top:5%}.g-series-container p{font-size:1.5em}.g-series-container .g-series-images{width:50%;order:1}.g-series-container .g-series-text{width:50%;order:2}}@media only screen and (min-width:768px) and (max-width:1023px){.tab-container li{flex-grow:2}.tab-container li:nth-child(1),.tab-container li:nth-child(4),.tab-container li:nth-child(7){margin-left:-20px;padding-left:20px}.tab-container li:nth-child(3),.tab-container li:nth-child(6){margin-right:-20px;padding-right:20px}}@media only screen and (min-width:768px){.feature-image{width:80%}.target-point-container .point-1{top:56%;left:22%}.target-point-container .point-2{top:61%}.target-point-container .point-3{top:68%}.target-point-container .point-4{top:74%}.target-point-container .point-5{top:75%;left:76%}.target-point-container .point-6{top:81%}.target-point-container .point-7{top:82%;left:32%}}@media only screen and (min-width:1024px){.wrapper .top-banner{background-image:url(/media/image/product-series/inov-8-mudclaw/desktop/top-banner.jpg);height:100vh}.graphene-artwork .graphene-artwork-text{top:10%;bottom:auto;width:50%}.parallax-container .parallax-hexagon{top:-127px}.parallax-container .parallax-text{width:50%}.parallax-container .parallax-text p{font-size:2em}.p1-container{margin-top:0}.g-series-container .g-series-images{height:340px}.g-series-container .g-series-images .g-series{width:180px}.g-series-container .g-series-images .g-logo{width:145px}.g-series-container .g-series-images .g-stronger{top:53%;left:5%}.g-series-container .g-series-images .g-harder-wearing{top:53%;right:5%}}@media only screen and (min-width:1024px) and (max-width:1200px){.tab-container li{flex-grow:2}.tab-container li:nth-child(1),.tab-container li:nth-child(5){margin-left:-20px;padding-left:20px}.tab-container li:nth-child(4),.tab-container li:nth-child(7){margin-right:-20px;padding-right:20px}}@media only screen and (min-width:1200px){.parallax-container .parallax-hexagon{top:-164px;background-size:100%}.parallax-container .parallax-image{background-size:100%;background-size:cover;background-attachment:fixed}.p2-container{margin-top:200px}.p3-container{margin-top:280px}.tab-container ul{flex-wrap:nowrap}}@media only screen and (min-width:1280px){.parallax-container .parallax-hexagon{top:-176px}.feature-image{width:60%}.target-point-container .point-1{top:60%;left:24%}.target-point-container .point-2{top:64%}.target-point-container .point-3{top:70%;left:18%}.target-point-container .point-4,.target-point-container .point-5{top:77%}.target-point-container .point-6{top:83%}.target-point-container .point-7{top:85%;left:34%}}@media only screen and (min-width:1366px){.wrapper .top-banner .logo-alt{left:auto;bottom:10%;transform:none}.wrapper .top-banner .buttons{left:10%;bottom:10%;transform:none;width:auto}.parallax-container .parallax-hexagon{top:-187px}.g-series-container{margin:100px auto 0}.g-series-container .g-series-images .g-stronger{left:11%}.g-series-container .g-series-images .g-harder-wearing{right:11%}}@media only screen and (min-width:1440px){.parallax-container .parallax-hexagon{top:-197px}}@media only screen and (min-width:1485px){.parallax-container .parallax-hexagon{top:-203px}}@media only screen and (min-width:1525px){.parallax-container .parallax-hexagon{top:-210px}}@media only screen and (min-width:1875px){.parallax-container .parallax-hexagon{top:-258px}}@media only screen and (min-width:1920px){.parallax-container .parallax-hexagon{top:-264px}}@media only screen and (min-width:2000px){.parallax-container .parallax-hexagon{top:-275px}}@media only screen and (min-width:2050px){.parallax-container .parallax-hexagon{top:-282px}}@media (max-width:768px){.wrapper .top-banner .content{top:55%;right:0;width:100%;padding:0 5%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.wrapper .top-banner .content a,.wrapper .top-banner .content h1,.wrapper .top-banner .content h4{text-align:center}}@media only screen and (max-width:767px){.mobile-hide{display:none}.mobile-show{display:block}}@media (max-width:600px){.wrapper .top-banner .logo{top:2.5%;left:20%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.wrapper .top-banner .content h1,.wrapper .top-banner .content h2{font-size:2rem;letter-spacing:10px;margin-bottom:15px}.wrapper .top-banner .content h4{font-size:1.2rem;letter-spacing:1px}.wrapper .top-banner .button.fancy-button-4{left:50%;bottom:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}