@layer fo2base {
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.fo2-landing [data-action], .fo2-landing [data-controls], .fo2-landing [data-nav]{border-width:0;cursor:pointer;padding:0}
.fo2-landing{font-size:62.5%}
.fo2-landing .l-wrapper, .fo2-landing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:100%}
.fo2-landing{background:#fff; color:#363636; font-family:Roboto,sans-serif; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
@media(max-width:740px) {
.fo2-landing{font-size:15px; line-height:1.5}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing{font-size:15px; line-height:1.5}
}
@media(min-width:981px) {
.fo2-landing{font-size:14px; line-height:1.5}
}
.fo2-landing, .fo2-landing :after, .fo2-landing :before{-webkit-box-sizing:border-box;box-sizing:border-box}
.fo2-landing img{display:block}
.fo2-landing img, .fo2-landing video{height:auto;width:100%}
.fo2-landing iframe{border:none}
.fo2-landing button{border-radius:0}
.fo2-landing .video{display:block;height:0;padding-bottom:56.25%;position:relative}
@media(max-width:740px) {
.fo2-landing .video{margin:20px -15px;padding-bottom:60%}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .video{margin:20px 0}
}
@media(min-width:981px) {
.fo2-landing .video{margin:30px 0}
}
.fo2-landing .video iframe{height:100%;left:0;position:absolute;top:0;width:100%}
.fo2-landing hr{border:none;border-top:1px solid #e6e6e6}
.fo2-landing hr:after, .fo2-landing hr:before{content:" ";display:table}
.fo2-landing hr:after{clear:both}
@media(max-width:740px) {
.fo2-landing hr{margin:15px 0}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing hr{margin:20px 0}
}
@media(min-width:981px)and (max-width:1260px) {
.fo2-landing hr{margin:25px 0}
}
@media(min-width:1261px) {
.fo2-landing hr{margin:25px 0}
}
.fo2-landing table{max-width:100%;width:100%}
.fo2-landing table tbody>tr>td, .fo2-landing table tbody>tr>th, .fo2-landing table tfoot>tr>td, .fo2-landing table tfoot>tr>th, .fo2-landing table thead>tr>td, .fo2-landing table thead>tr>th{padding:10px 10px 10px 0;text-align:left;vertical-align:top}
.fo2-landing table thead>tr>th{vertical-align:bottom}
.fo2-landing table caption+thead tr:first-child td, .fo2-landing table caption+thead tr:first-child th, .fo2-landing table colgroup+thead tr:first-child td, .fo2-landing table colgroup+thead tr:first-child th, .fo2-landing table thead:first-child tr:first-child td, .fo2-landing table thead:first-child tr:first-child th{border-top:0}
.fo2-landing table tbody+tbody{border-top:2px solid #e6e6e6}
.fo2-landing [v-cloak]{display:none}
.fo2-landing input{font-family:Roboto,sans-serif}
.fo2-landing .containerFixed{margin:0 auto;max-width:100%}
@media(max-width:740px) {
.fo2-landing .containerFixed{width:calc(100% - 30px)}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .containerFixed{width:740px}
}
@media(min-width:981px)and (max-width:1260px) {
.fo2-landing .containerFixed{width:980px}
}
@media(min-width:1261px) {
.fo2-landing .containerFixed{width:1260px}
}
.fo2-landing .h1, .fo2-landing h1{color:#010172;font-family:Roboto-bold,sans-serif;font-weight:400;margin:0 0 .5em -.05em;text-transform:uppercase}
@media(max-width:740px) {
.fo2-landing .h1, .fo2-landing h1{font-size:24px;line-height:1.3}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .h1, .fo2-landing h1{font-size:24px;line-height:1}
}
@media(min-width:981px) {
.fo2-landing .h1, .fo2-landing h1{font-size:24px;line-height:1}
}
.fo2-landing .h2, .fo2-landing h2{color:#010172;font-family:Roboto-bold,sans-serif;font-weight:400;margin:0 0 30px -.05em;text-transform:uppercase}
@media(max-width:740px) {
.fo2-landing .h2, .fo2-landing h2{font-size:20px;line-height:1.2}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .h2, .fo2-landing h2{font-size:20px;line-height:1}
}
@media(min-width:981px) {
.fo2-landing .h2, .fo2-landing h2{font-size:20px;line-height:1}
}
.fo2-landing .h3, .fo2-landing h3{color:#010172;font-family:Roboto-bold,sans-serif;font-weight:400;margin:0 0 .5em -.05em;text-transform:uppercase}
@media(max-width:740px) {
.fo2-landing .h3, .fo2-landing h3{font-size:16.1px;line-height:1.5}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .h3, .fo2-landing h3{font-size:16.1px;line-height:1.5}
}
@media(min-width:981px) {
.fo2-landing .h3, .fo2-landing h3{font-size:18.1px;line-height:1.5}
}
.fo2-landing .h4, .fo2-landing .h5, .fo2-landing .h6, .fo2-landing h4, .fo2-landing h5, .fo2-landing h6{color:#010172;font-family:Roboto-bold,sans-serif;font-size:20px;font-weight:400;line-height:1.5;margin:0 0 1.5em;text-transform:uppercase}
.fo2-landing p{margin:0 0 1em}
.fo2-landing b, .fo2-landing strong{font-weight:700}
.fo2-landing a:not(.button){color:#363636;outline:none;text-decoration:none}
.fo2-landing .link{color:#363636;cursor:pointer}
.fo2-landing .link:hover{color:#e94e1b}
.fo2-landing input, .fo2-landing textarea{background-image:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#fff));background-image:linear-gradient(180deg,#fafafa 0,#fff);border:1px solid #ccc;border-radius:0;display:block;font-size:medium;padding:10px 15px 12px;-webkit-transition:border-color .15s ease-in-out 0s;transition:border-color .15s ease-in-out 0s;width:100%}
.fo2-landing input::-ms-input-placeholder, .fo2-landing textarea::-ms-input-placeholder{color:#ccc}
.fo2-landing input::placeholder, .fo2-landing textarea::placeholder{color:#ccc}
.fo2-landing input::-webkit-input-placeholder, .fo2-landing textarea::-webkit-input-placeholder{color:#ccc}
.fo2-landing input:-moz-placeholder, .fo2-landing input::-moz-placeholder, .fo2-landing textarea:-moz-placeholder, .fo2-landing textarea::-moz-placeholder{color:#ccc}
.fo2-landing input:-ms-input-placeholder, .fo2-landing textarea:-ms-input-placeholder{color:#ccc}
.fo2-landing input:focus, .fo2-landing input:hover, .fo2-landing textarea:focus, .fo2-landing textarea:hover{border-color:#b3b3b3;outline:none}
.fo2-landing input.disabled, .fo2-landing input[disabled], .fo2-landing input[readonly], .fo2-landing textarea.disabled, .fo2-landing textarea[disabled], .fo2-landing textarea[readonly]{background:#f2f2f2;color:#999;font-style:italic}
.fo2-landing input.disabled:focus, .fo2-landing input.disabled:hover, .fo2-landing input[disabled]:focus, .fo2-landing input[disabled]:hover, .fo2-landing input[readonly]:focus, .fo2-landing input[readonly]:hover, .fo2-landing textarea.disabled:focus, .fo2-landing textarea.disabled:hover, .fo2-landing textarea[disabled]:focus, .fo2-landing textarea[disabled]:hover, .fo2-landing textarea[readonly]:focus, .fo2-landing textarea[readonly]:hover{border-color:#e6e6e6;outline:none}
.fo2-landing input[type=email], .fo2-landing input[type=number], .fo2-landing input[type=password], .fo2-landing input[type=search], .fo2-landing input[type=tel], .fo2-landing input[type=text], .fo2-landing input[type=url], .fo2-landing textarea{-webkit-appearance:none}
.fo2-landing input[type=email]:focus, .fo2-landing input[type=email]:hover, .fo2-landing input[type=number]:focus, .fo2-landing input[type=number]:hover, .fo2-landing input[type=password]:focus, .fo2-landing input[type=password]:hover, .fo2-landing input[type=search]:focus, .fo2-landing input[type=search]:hover, .fo2-landing input[type=tel]:focus, .fo2-landing input[type=tel]:hover, .fo2-landing input[type=text]:focus, .fo2-landing input[type=text]:hover, .fo2-landing input[type=url]:focus, .fo2-landing input[type=url]:hover, .fo2-landing textarea:focus, .fo2-landing textarea:hover{border-color:#b3b3b3;outline:none}
@media(max-width:980px) {
.fo2-landing input[type=date]{height:40px}
}
.fo2-landing .overflow-hidden{overflow:hidden}
.fo2-landing .toggleGroup .js_toggle svg.icon-minus{opacity:0}
.fo2-landing .toggleGroup .js_toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}
.fo2-landing .toggleGroup .toggleContent{display:none}
.fo2-landing .price{color:#010172;font-family:Roboto-bold,sans-serif;margin-top:-1px;text-align:right}
.fo2-landing .price .current{font-size:16px}
@media(max-width:740px) {
.fo2-landing .price .current{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
}
@-webkit-keyframes floatScrollingDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(15px);transform:translateY(15px)}}
@keyframes floatScrollingDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(15px);transform:translateY(15px)}}
.fo2-landing .button, .fo2-landing .relative{position:relative}
.fo2-landing .button{font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:Roboto-bold,sans-serif;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;outline:none;overflow:hidden;text-decoration:none;text-transform:uppercase;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:bottom;z-index:1}
.fo2-landing .button:focus{outline-width:0;outline:none}
.fo2-landing .button span{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.fo2-landing .button svg{position:absolute;-webkit-box-ordinal-group:4;-ms-flex-order:3;height:1em;order:3;width:1em;-ms-flex-negative:0;flex-shrink:0;margin-top:-.15em}
.fo2-landing .button.small{font-size:12px;line-height:1.1;padding:.7em 15px}
.fo2-landing .button.small span{margin-top:-.07em}
.fo2-landing .button.medium{font-size:14px;line-height:1.1;padding:14px 25px}
.fo2-landing .button.medium span{margin-top:-.05em}
.fo2-landing .button.ghostWhite{border:1px solid hsla(0,0%,100%,.6);color:#fff}
.fo2-landing .button.ghostGray{border:1px solid rgba(0,0,0,.2);color:#333}
.fo2-landing .button.ghostBackGray, .fo2-landing .button.ghostGray:hover{background:rgba(0,0,0,.05)}
.fo2-landing .button.gray{background:#e6e6e6;color:#333}
.fo2-landing .button.gray:hover{background:#d9d9d9}
.fo2-landing .button.orange{background:#e94e1b;color:#fff}
.fo2-landing .button.orange:hover{background:#df4716}
.fo2-landing .button.blue{background:#010172;color:#fff}
.fo2-landing .button.disabled{background:none;pointer-events:none}
.fo2-landing .button.cart, .fo2-landing .button.cookie, .fo2-landing .button.order{background:#e94e1b;color:#fff}
.fo2-landing .button.cart svg, .fo2-landing .button.cookie svg, .fo2-landing .button.order svg{position:relative}
.fo2-landing .button.cart svg.icon-plus, .fo2-landing .button.cookie svg.icon-plus, .fo2-landing .button.order svg.icon-plus{height:15px;width:15px}
.fo2-landing .button.cart svg.icon-cart, .fo2-landing .button.cookie svg.icon-cart, .fo2-landing .button.order svg.icon-cart{height:20px;width:20px}
.fo2-landing .button.cart svg.icon-plus+.icon-cart, .fo2-landing .button.cookie svg.icon-plus+.icon-cart, .fo2-landing .button.order svg.icon-plus+.icon-cart{margin-left:5px}
.fo2-landing .button.cart, .fo2-landing .button.cookie{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:52px;padding:0 25px}
.fo2-landing .button.cart .text, .fo2-landing .button.cookie .text{margin-right:20px}
@media(max-width:980px) {
.fo2-landing .button.cart .text, .fo2-landing .button.cookie .text{line-height:1.2;margin-right:-1px}
}
.fo2-landing .button:before, .fo2-landing .cart a:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;z-index:-1}
.fo2-landing .button:hover:before, .fo2-landing .cart a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}
.fo2-landing .button.cart:before, .fo2-landing .button.checkout:before, .fo2-landing .button.cookie:before, .fo2-landing .button.login:before, .fo2-landing .button.orange:before, .fo2-landing .button.order:before, .fo2-landing .cart a:before{background:#cf461d}
.fo2-landing .button.ghostWhite:before{background:rgba(0,0,0,.2)}
.fo2-landing .button.ghostGray:before{background:rgba(0,0,0,.1)}
.fo2-landing .button.blue:before{background:#010163}
.fo2-landing .buttonContainer-fw{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 2vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:47px}
.fo2-landing [class*=" icon-"], .fo2-landing [class^=icon-]{display:inline-block;fill:currentColor;height:20px;position:relative;stroke:currentColor;stroke-width:0;width:20px}
.fo2-landing .icon-chevron-left, .fo2-landing .icon-chevron-right{fill:#000}
.fo2-landing .icon-search{fill:#010172}
.fo2-landing .content p{margin-bottom:1.5em}
.fo2-landing .content .h2:not([class]), .fo2-landing .content .h3:not([class]), .fo2-landing .content h2:not([class]), .fo2-landing .content h3:not([class]){font-family:Roboto,sans-serif;font-size:16px;font-weight:700;margin-bottom:0;text-transform:inherit}
.fo2-landing .content small{color:gray;margin-bottom:20px}
.fo2-landing .content figure{display:block;margin:0;padding:0}
@media(max-width:740px) {
.fo2-landing .content figure{margin:0 0 20px;width:100%}
}
.fo2-landing .content figure img{display:block;width:100%}
.fo2-landing .content figure figcaption{display:block;font-size:.8em;line-height:1.2;margin:0 0 -20px;padding:15px 0 0}
.fo2-landing .content ol:not(.slides):not([class]), .fo2-landing .content ul:not(.slides):not([class]){margin:0 0 30px;padding:0 1.5em}
.fo2-landing .content table{margin-bottom:20px}
.fo2-landing .underline{text-decoration:underline}
.fo2-landing .hidden{display:none}
@media(min-width:741px) {
.fo2-landing .onlyMini{display:none}
}
@media(max-width:740px) {
.fo2-landing .onlySmallMediumLarge{display:none}
}
.fo2-landing .skip-link, .fo2-landing .skip-to-content, .fo2-landing .u-visually-hidden{border:0;clip-path:inset(100%);height:1px;margin:-1px;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);overflow:hidden}
.fo2-landing .header{background:#fff;display:block;position:fixed;top:0;width:100%;z-index:200}
.fo2-landing .header .brand, .fo2-landing .header .brand a, .fo2-landing .header .brand a img{height:100%}
.fo2-landing .header .brand a img{padding:5px 0}
.fo2-landing .footer{padding:30px 2vw}
.fo2-landing .bannerContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .bannerContainer{padding:0 2vw}
}
@media(max-width:980px) {
.fo2-landing .bannerContainer{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
}
.fo2-landing .bannerContainer.bannerContainer-fw{padding:0 2vw}
.fo2-landing .banner-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}
@media(min-width:1261px) {
.fo2-landing .banner-row:last-of-type .banner{margin-bottom:0}
}
.fo2-landing .banner{border-bottom:1px dashed #999;margin-bottom:30px;-webkit-transition:all .15s ease-in-out 0s;transition:all .15s ease-in-out 0s}
@media(max-width:740px) {
.fo2-landing .banner{width:100%}
.fo2-landing .banner:last-child{margin-bottom:0}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .banner{width:calc(33.33333% - 13.33px)}
}
@media(min-width:981px)and (max-width:1260px) {
.fo2-landing .banner{width:calc(33.33333% - 20px)}
}
@media(min-width:1261px) {
.fo2-landing .banner{width:calc(33.33333% - 20px)}
}
.fo2-landing .banner .image{margin-bottom:15px;max-height:340px;overflow:hidden}
.fo2-landing .banner .image img{-webkit-transition:all .15s ease-in-out 0s;transition:all .15s ease-in-out 0s}
.fo2-landing .banner .content{padding-bottom:10px;padding-right:30px;position:relative}
@media(max-width:740px) {
.fo2-landing .banner .content{padding:0 15px 10px}
}
.fo2-landing .banner .content h3{font-family:Roboto-bold,sans-serif;font-size:18px;font-weight:100;margin-bottom:0;text-transform:uppercase;-webkit-transition:all .15s ease-in-out 0s;transition:all .15s ease-in-out 0s}
.fo2-landing .banner .content svg{position:absolute;right:0;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.fo2-landing .banner:hover .image{position:relative}
.fo2-landing .banner:hover .image:after{background:rgba(0,0,0,.2);bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}
.fo2-landing .banner:hover .content h3, .fo2-landing .banner:hover .content svg{color:#e94e1b}
.fo2-landing .gradient{position:relative}
.fo2-landing .gradient:after{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(90deg,rgba(0,0,0,.5) 0,transparent);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}
.fo2-landing .item-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:start;align-content:flex-start}
.fo2-landing .item-row>.item-row .item{margin-bottom:30px}
@media(max-width:740px) {
.fo2-landing .item-row>.item-row{width:100%}
}
@media(min-width:741px)and (max-width:1260px) {
.fo2-landing .item-row>.item-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:calc(50% - 13.33px)}
}
@media(min-width:1261px) {
.fo2-landing .item-row>.item-row{width:calc(66.66667% - 13.33px)}
}
.fo2-landing .item{margin-bottom:30px;-webkit-transition:all .15s ease-in-out 0s;transition:all .15s ease-in-out 0s}
.fo2-landing .item .image img{font-family:"object-fit: cover;";min-height:250px;-o-object-fit:cover;object-fit:cover}
.fo2-landing .item .h3{font-family:Roboto,sans-serif;font-weight:400}
@media(min-width:741px)and (max-width:1260px) {
.fo2-landing .item.item-large{width:100%}
}
@media(min-width:1261px) {
.fo2-landing .item.item-large{width:calc(50% - 13.33px)}
}
.fo2-landing .item.item-cover{position:relative}
@media(max-width:980px) {
.fo2-landing .item.item-cover{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}
}
.fo2-landing .item.item-cover .content{height:100%;left:0;position:absolute;top:0;width:100%}
.fo2-landing .item.item-cover .content .text{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;padding:35px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:left;-ms-flex-align:left;align-items:left;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.fo2-landing .item.item-cover .content .text .h3{color:#fff;font-size:32px;line-height:1.5;margin-bottom:20px;text-shadow:0 0 10px rgba(0,0,0,.1);text-transform:uppercase;width:70%}
.fo2-landing .item.item-cover .content .text .h3 em{font-family:Roboto-bold,sans-serif;font-style:normal;font-weight:400}
.fo2-landing .item.item-cover .content .text .h4{color:#fff;font-size:16px;line-height:1.5;margin-bottom:20px;margin-top:-20px;text-shadow:0 0 10px rgba(0,0,0,.1);text-transform:none;width:70%}
.fo2-landing .item.item-cover .content .text .h4 em{font-family:Roboto,sans-serif;font-style:normal;font-weight:400}
.fo2-landing .item.item-cover .content .text .button{max-width:300px}
@media(max-width:980px) {
.fo2-landing .productCards{padding:0 2vw;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%}
}
.fo2-landing .productCards.productCards-fw{padding:0 2vw}
.fo2-landing .content .productCards{margin:47px 0 30px}
.fo2-landing .content .productCards .productCard{width:50%}
@media(min-width:741px) {
.fo2-landing .content .productCards .productCard{width:33.3333333333%}
}
.fo2-landing .productCards h2.h2{font-family:Roboto-bold,sans-serif;font-size:24px;font-weight:400;margin-bottom:30px;text-transform:uppercase}
.fo2-landing .productCards .h2, .fo2-landing .productCards h2.h2{word-break:break-word}
.fo2-landing .cardContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:30px}
.fo2-landing .cardContainer .productCard{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-transition:-webkit-box-shadow .15s ease-in-out 0s;transition:-webkit-box-shadow .15s ease-in-out 0s;transition:box-shadow .15s ease-in-out 0s;transition:box-shadow .15s ease-in-out 0s,-webkit-box-shadow .15s ease-in-out 0s}
@media(max-width:740px) {
.fo2-landing .cardContainer .productCard{padding:10px;width:50%}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .cardContainer .productCard{padding:10px;width:33.3333333333%}
}
@media(min-width:981px)and (max-width:1260px) {
.fo2-landing .cardContainer .productCard{padding:15px;width:25%}
}
@media(min-width:1261px) {
.fo2-landing .cardContainer .productCard{padding:15px 15px 25px;width:25%}
}
@media(min-width:1261px)and (min-width:1750px) {
.fo2-landing .cardContainer .productCard{width:20%}
}
@media(min-width:1261px)and (min-width:2000px) {
.fo2-landing .cardContainer .productCard{width:16.6666666667%}
}
@media(min-width:1261px)and (min-width:2250px) {
.fo2-landing .cardContainer .productCard{width:14.2857142857%}
}
@media(min-width:1261px)and (min-width:2500px) {
.fo2-landing .cardContainer .productCard{width:12.5%}
}
@media(min-width:1261px)and (min-width:2750px) {
.fo2-landing .cardContainer .productCard{width:11.1111111111%}
}
.fo2-landing .cardContainer .productCard .productImage{max-height:250px;overflow:hidden;position:relative}
@media(max-width:740px) {
.fo2-landing .cardContainer .productCard .productImage{margin-top:20px;max-width:160px}
}
.fo2-landing .cardContainer .productCard .productImage a{display:block;height:100%;width:100%}
.fo2-landing .cardContainer .productCard .productImage:after{content:"";display:block;padding-top:100%}
.fo2-landing .cardContainer .productCard .productImage .image{display:-webkit-box;display:flex;display:-ms-flexbox;height:100%;overflow:hidden;position:absolute;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.fo2-landing .cardContainer .productCard .productImage .image a:focus-visible{border:2px solid Highlight}
.fo2-landing .cardContainer .productCard .productImage .image img{background:#fff;font-family:"object-fit: contain;";height:100%;margin:auto;-o-object-fit:contain;object-fit:contain;-webkit-transform:scale(.67);transform:scale(.67);width:100%;will-change:transform}
@media(max-width:740px) {
.fo2-landing .cardContainer .productCard .productImage .image img{-webkit-transform:scale(1);transform:scale(1)}
}
@media(max-width:1261px) {
.fo2-landing .cardContainer .productCard .productImage .image img{max-height:150px;overflow:hidden}
}
@media(max-width:740px) {
.fo2-landing .cardContainer .productCard .productImage .image img{max-height:120px}
}
.fo2-landing .cardContainer .productCard hr{margin:10px 0}
.fo2-landing .cardContainer .productCard .buttonContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:auto}
.fo2-landing .cardContainer .productCard .buttonContainer .button{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.fo2-landing .productCard{cursor:pointer}
.fo2-landing .productCard:hover:after{border-top-color:transparent}
.fo2-landing .productCard:after{border-top:1px solid #333;content:"";display:block;margin:0;-webkit-transition:border .15s ease-in-out 0s;transition:border .15s ease-in-out 0s}
.fo2-landing .product-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.fo2-landing input::-webkit-input-placeholder{color:#010172}
.fo2-landing input::-moz-placeholder{color:#010172}
.fo2-landing input:-ms-input-placeholder{color:#010172}
.fo2-landing input::-ms-input-placeholder{color:#010172}
.fo2-landing input::placeholder{color:#010172}
@-webkit-keyframes typingBlink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}
@keyframes typingBlink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}
.fo2-landing .productCards+.contentContainer{margin-bottom:30px}
.fo2-landing .contentContainer{margin:auto;padding:0 2vw}
@media(min-width:1261px) {
.fo2-landing .contentContainer{margin:0}
}
.fo2-landing .contentContainer.containerBackground{background:#f2f2f2}
@media(max-width:740px) {
.fo2-landing .contentContainer.top{margin-bottom:0}
}
@media(min-width:741px) {
.fo2-landing .contentContainer.top{margin-bottom:23.5px}
}
.fo2-landing .contentContainer .content{margin:0 auto;max-width:850px;position:relative}
.fo2-landing .contentContainer .content .title .h4{font-size:24px;margin-bottom:20px}
.fo2-landing .contentContainer .content .text{font-size:20px}
.fo2-landing .contentContainer .content .text.text.more{-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.fo2-landing .contentContainer .content .text .h2, .fo2-landing .contentContainer .content .text .h3, .fo2-landing .contentContainer .content .text h2, .fo2-landing .contentContainer .content .text h3{font-family:Roboto,sans-serif;font-size:20px;margin-bottom:5px;text-transform:inherit}
.fo2-landing .contentContainer .content .readMore{margin-top:10px;width:100%}
.fo2-landing .contentContainer .content .readMore .buttonContainer{background:#fff;position:relative;text-align:center;width:100%}
.fo2-landing .contentContainer .content .readMore .buttonContainer .button{background:#fff;border:0;font-family:Roboto,sans-serif;font-size:20px;-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin:0 auto;padding:0 40px 20px;position:relative}
.fo2-landing .contentContainer .content .readMore .buttonContainer .button .icon-chevron-down{bottom:0;position:absolute;-webkit-transition:all .15s ease-in-out 0s;transition:all .15s ease-in-out 0s}
.fo2-landing .contentContainer .content .readMore .buttonContainer .button svg.icon-plus{position:relative;-webkit-box-ordinal-group:1;-ms-flex-order:0;margin:0 10px 0 0;order:0}
.fo2-landing .contentContainer .content .readMore .buttonContainer .button:hover .icon-chevron-down{bottom:-3px}
.fo2-landing .contentContainer .brand-productOverview{padding:47px 0}
@media(max-width:740px) {
.fo2-landing .contentContainer .brand-productOverview{padding:0}
}
.fo2-landing .contentContainer .brand-productOverview .logo{margin-bottom:30px;max-width:170px}
.fo2-landing .contentContainer .brand-productOverview .logo.onlyMini{margin:0 auto 30px}
@media(max-width:740px) {
.fo2-landing .contentContainer .brand-productOverview .logo.onlyMini{margin:0 auto}
.fo2-landing .contentContainer .brand-productOverview .logo.onlyMini img{max-height:125px}
}
.fo2-landing .contentContainer .brand-productOverview>ul, .fo2-landing .contentContainer .brand-productOverview>ul ul{list-style:none;margin:0;padding:0}
@media(max-width:740px) {
.fo2-landing .contentContainer .brand-productOverview>ul .sectionTitle{border-top:1px dashed #999;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.fo2-landing .contentContainer .brand-productOverview>ul .sectionTitle h2{margin-bottom:0}
@media(min-width:741px) {
.fo2-landing .contentContainer .brand-productOverview>ul .sectionTitle h2{font-family:inherit;font-size:inherit;font-weight:700;text-transform:inherit}
}
.fo2-landing .contentContainer .brand-productOverview>ul .sectionContent{margin-bottom:15px}
@media(max-width:740px) {
.fo2-landing .contentContainer .brand-productOverview>ul{list-style:none;margin:0;padding:0}
.fo2-landing .contentContainer .brand-productOverview>ul>ul{list-style:none;margin:0;padding:0}
}
@media(min-width:741px)and (max-width:1260px) {
.fo2-landing .contentContainer .brand-productOverview>ul{-webkit-column-count:4;-moz-column-count:4;column-count:4}
}
@media(min-width:1261px) {
.fo2-landing .contentContainer .brand-productOverview>ul{-webkit-column-count:5;-moz-column-count:5;column-count:5}
}
.fo2-landing .contentContainer .brand-productOverview>ul>li{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;page-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;min-height:120px}
@-moz-document url-prefix(){.contentContainer .brand-productOverview>ul>li{display:block;overflow:hidden}}
@media(max-width:740px) {
.fo2-landing .contentContainer .brand-productOverview>ul>li{display:block;min-height:auto}
.fo2-landing .contentContainer .brand-productOverview>ul>li:first-child{display:none}
}
.fo2-landing .width25{border-bottom:1px dashed #999;cursor:pointer;margin-right:20px}
.fo2-landing .border-none{border:none}
@media(max-width:1080px) {
.fo2-landing .width25{width:calc(50% - 20px)}
}
@media(max-width:740px) {
.fo2-landing .width25{margin-right:0;width:100%}
.fo2-landing .banner50, .fo2-landing .two-images{width:100%}
}
@media(min-width:1080px) {
.fo2-landing .width25{width:calc(25% - 20px)}
}
.fo2-landing .skip-link{background:#fff;border-radius:4px;color:#000;font-size:14px;font-weight:700;text-decoration:none}
.fo2-landing .skip-link:focus{border:2px solid #000;clip-path:none;display:inline-block;height:auto;left:6px;margin-bottom:10px;padding:8px 16px;top:7px;white-space:normal;width:auto;clip:auto;overflow:visible;position:static}
@-webkit-keyframes biker-01{0%{left:5%}to{left:33.7%}}
@keyframes biker-01{0%{left:5%}to{left:33.7%}}
@-webkit-keyframes biker-02{0%{left:33.7%}to{left:64.9%}}
@keyframes biker-02{0%{left:33.7%}to{left:64.9%}}
@-webkit-keyframes biker-03{0%{left:64.9%;opacity:1}to{left:93.5%;opacity:1}}
@keyframes biker-03{0%{left:64.9%;opacity:1}to{left:93.5%;opacity:1}}
.fo2-landing{color:#000}
.fo2-landing :focus-visible{outline:revert;outline-color:-webkit-focus-ring-color;outline-color:Highlight}
.fo2-landing .aiPageButton:focus-visible, .fo2-landing .blue:focus-visible{outline-color:#e94e1b}
.fo2-landing fieldset, .fo2-landing legend{border:0;padding:0}
.fo2-landing button, .fo2-landing input, .fo2-landing optgroup, .fo2-landing select, .fo2-landing textarea{line-height:1.15;margin:0}
.fo2-landing input[type=search]::-webkit-search-cancel-button, .fo2-landing input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
@font-face{font-family:Roboto;src:url(https://assets.futurumshop.nl/fonl/fonts/roboto/Roboto-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:Roboto;font-weight:300;src:url(https://assets.futurumshop.nl/fonl/fonts/roboto/Roboto-Light.woff2) format("woff2");font-display:swap}
@font-face{font-family:Roboto-bold;font-weight:700;src:url(https://assets.futurumshop.nl/fonl/fonts/roboto/Roboto-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:Roboto;font-weight:700;src:url(https://assets.futurumshop.nl/fonl/fonts/roboto/Roboto-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:Roboto;font-style:italic;src:url(https://assets.futurumshop.nl/fonl/fonts/roboto/Roboto-Italic.woff2) format("woff2");font-display:swap}
@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}
@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.fo2-landing .orange{color:#f58220}
.fo2-landing .black{color:#000}
.fo2-landing [data-microtip]:hover:after, .fo2-landing [data-microtip]:hover:before{opacity:0}
.fo2-landing .center-align{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.fo2-landing input[name=owneraddress]+tr{display:none}
.fo2-landing .bold{font-weight:700}
.fo2-landing input[type=number]::-webkit-inner-spin-button, .fo2-landing input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.fo2-landing input[type=number]{-moz-appearance:textfield}
.fo2-landing .productCard.transparent>.addToWishlist, .fo2-landing .productCard.transparent>.productContent, .fo2-landing .productCard.transparent>.productImage, .fo2-landing .productCard.transparent>.productRating{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
@media (-ms-high-contrast:none) {
.fo2-landing .button, .fo2-landing ::-ms-backdrop{padding:0 10px}
}
@media (min-width:981px) {
.fo2-landing #blog h1{line-height:inherit;margin-bottom:0}
}
.fo2-landing #blog h2{font-size:28px;margin-bottom:30px}
.fo2-landing #blog h2, .fo2-landing .contentContainer .blogContent .articleHeader .title h1.h1{line-height:inherit}
@media (max-width:740px) {
.fo2-landing .item.item-cover .content .text .h3{font-size:22px}
}
.fo2-landing #blog .content .productCards .productCard{overflow-x:hidden}
@media (max-width:768px) {
.fo2-landing .contentContainer.top{margin-top:45px}
}
.fo2-landing textarea:focus, .fo2-landing textarea:hover{border-color:#b3b3b3;outline:none}
.fo2-landing .hide{display:none}
.fo2-landing button.center{display:block;margin:0 auto}
.fo2-landing .item.item-cover .content .text .button{max-width:200px}
.fo2-landing .cursor-pointer{cursor:pointer}
.fo2-landing textarea{font-family:Roboto,sans-serif}
.fo2-landing :host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}
@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
}
.fo2-landing hr {border:none;border-top:1px solid #e6e6e6}
@media(max-width:740px) {
.fo2-landing hr {margin:15px 0}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing hr {margin:20px 0}
}
@media(min-width:981px)and (max-width:1260px) {
.fo2-landing hr {margin:25px 0}
}
@media(min-width:1261px) {
.fo2-landing hr {margin:25px 0}
}
.fo2-landing table {max-width:100%;width:100%}
.fo2-landing .h1, .fo2-landing h1 {color:#010172;font-family:Roboto-bold,sans-serif;font-weight:400;margin:0 0 .5em -.05em;text-transform:uppercase}
@media(max-width:740px) {
.fo2-landing .h1, .fo2-landing h1 {font-size:24px;line-height:1.3}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .h1, .fo2-landing h1 {font-size:24px;line-height:1}
}
@media(min-width:981px) {
.fo2-landing .h1, .fo2-landing h1 {font-size:24px;line-height:1}
}
.fo2-landing .h2, .fo2-landing h2 {color:#010172;font-family:Roboto-bold,sans-serif;font-weight:400;margin:0 0 30px -.05em;text-transform:uppercase}
@media(max-width:740px) {
.fo2-landing .h2, .fo2-landing h2 {font-size:20px;line-height:1.2}
}
@media(min-width:741px)and (max-width:980px) {
.fo2-landing .h2, .fo2-landing h2 {font-size:20px;line-height:1}
}
@media(min-width:981px) {
.fo2-landing .h2, .fo2-landing h2 {font-size:20px;line-height:1}
}
.fo2-landing .h4, .fo2-landing .h5, .fo2-landing .h6, .fo2-landing h4, .fo2-landing h5, .fo2-landing h6 {color:#010172;font-family:Roboto-bold,sans-serif;font-size:20px;font-weight:400;line-height:1.5;margin:0 0 1.5em;text-transform:uppercase}
.fo2-landing p {margin:0 0 1em}