@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")}.wrapper h1,.wrapper h2,.wrapper h3{font-family:din-bold,Roboto,'Open Sans',sans-serif;text-transform:uppercase}.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 p{font-size:1.2rem;color:#000}.wrapper .feature{padding:0 2.5%;margin-bottom:2rem}.wrapper .feature.np{padding:0}.wrapper .feature:last-of-type{margin-bottom:4rem}.wrapper .copy{text-align:center;max-width:960px;display:block;margin-left:auto;margin-right:auto}.wrapper .feature.copy p{letter-spacing:1px;line-height:1.7}.wrapper .top_banner{position:relative;padding-top:100%;width:100%;margin-bottom:2rem;background-image:url(/media/image/product-series/inov-8-roclite/mobile_top_banner.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}.wrapper .top_banner .content{position:absolute;top:50%;left:0;width:100%;padding:0 2.5%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.wrapper .top_banner .content h1,.wrapper .top_banner .content h2{color:#fff}.wrapper .top_banner .content h1{font-size:2rem;margin-bottom:1rem}.wrapper .top_banner .content h2{font-size:1.2rem}.wrapper .top_banner a.button{position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%;max-width:350px;margin:0;background-color:#fff;transition:all .5s}.wrapper .top_banner a.button:active,.wrapper .top_banner a.button:focus,.wrapper .top_banner a.button:hover{background-color:#000;color:#fff}.wrapper #f2{position:relative}.wrapper #f2 img{width:100%}.wrapper #f2 img:last-of-type,.wrapper #f2 img:nth-of-type(2){display:none}.wrapper #f3 .pic_col{position:relative;max-width:600px;display:block;margin:auto;padding-top:36%;margin-bottom:36%}.wrapper #f3 .pic_col img{position:absolute;top:0;left:0;width:33%}.wrapper #f3 .pic_col img:first-of-type{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:25%}.wrapper #f3 .pic_col img:nth-of-type(2){top:70%;left:5%}.wrapper #f3 .pic_col img:nth-of-type(3){top:110%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.wrapper #f3 .pic_col img:nth-of-type(4){top:70%;right:5%;left:auto}@media only screen and (min-width:600px){.wrapper #f3 .pic_col{padding:0;margin:auto;margin-bottom:2rem;height:400px}.wrapper #f3 .pic_col img:nth-of-type(2),.wrapper #f3 .pic_col img:nth-of-type(4){top:40%}.wrapper #f3 .pic_col img:nth-of-type(3){top:60%}}@media only screen and (min-width:768px){.wrapper .top_banner .content h1{font-size:2.5rem}.wrapper .top_banner .content h2{font-size:2rem}.wrapper #f2 img:first-of-type{display:none}.wrapper #f2 img:last-of-type,.wrapper #f2 img:nth-of-type(2){display:block}.wrapper #f2 img:last-of-type{position:absolute;top:0;left:0;width:100%;z-index:2;opacity:0;transition:all .5s}.wrapper #f2 img:last-of-type:hover{opacity:1}}@media only screen and (min-width:1024px){.wrapper .top_banner{padding-top:56.04167%;background-image:url(/media/image/product-series/inov-8-roclite/top_banner.jpg)}.wrapper .top_banner .content h1{font-size:3.2rem;letter-spacing:4px}.wrapper .top_banner .content h2{letter-spacing:3px}.wrapper #f3{display:flex}.wrapper #f3 .pic_col,.wrapper #f3 .text_col{flex-basis:50%}.wrapper #f3 .pic_col{height:320px;max-width:490px}.wrapper #f3 .text_col{-ms-grid-row-align:center;align-self:center}.wrapper #f3 .text_col p{font-size:1.4rem;font-weight:600}}@media only screen and (min-width:1250px){.wrapper .top_banner .content h1{letter-spacing:10px}}