/* theme styles */ *, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html { -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body { font-size: 1em; line-height: 1.42857143; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin:0;} body.open { overflow: hidden;} @-ms-viewport { width: device-width; } @viewport { width: device-width; } :root { --headings: 'Lato', Arial, Helvetica, sans-serif; --headingsWeight: 700; --headingsStyle: normal; --headingsSize: 22px; --body: 'Lato', Arial, Helvetica, sans-serif; --bodyWeight: ; /* Colors */ --bodyText: #393939; --headingsColor: #393939; --primaryColor: #0073de; --secondaryColor: #ff7200; --navBg: #0073df; --btn1:#ff7200; --btn1Text:#ffffff; --btn2:#ffffff; --btn2Text:#000000; --green:#00b900; --red:red; --yellow: #F5C52C; /* other */ --radius:3px; } body, textarea, input, select, option, button { color: var(--bodyText); font-family: var(--body); } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 15px; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 28px; } ul {padding: 0;list-style-type: none;} h1, h2, h3, h4, h5, h6, legend, .gui-page-title, .gui-content-title, .title { color: var(--headingsColor); font-family: var(--headings); margin: 0 0 12px 0; font-size: var(--headingsSize); text-transform:var(--headingsStyle); font-weight: var(--headingsWeight); } h3{ font-size: 20px;} .mobile-menu-side .title{ line-height:40px;} h1, .gui-page-title { margin-bottom: 18px; font-size: 28px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--headingsColor); text-decoration: none; font-weight: var(--bodyWeight); } a { background: none; color: inherit; text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } a:hover{ color: var(--secondaryColor); } .color-green { color: var(--green); font-weight: 600;} .color-red { color: var(--red); font-weight: 600;} .color-yellow{ color: var(--yellow); font-weight: 600;} .btn{background-color:#eee;background-image:none;border:medium none;border-radius:var(--radius);box-shadow:none;padding:0 15px;text-shadow:none;display:inline-block;margin-bottom:0;text-align:center;vertical-align:middle;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease-in-out;line-height:40px;border:1px solid transparent;height:40px;font-family:var(--headings);font-weight:600} .btn i.text{margin-right:10px} i.text_w_icon{margin-right:5px;font-size:1em} .icon_w_text{margin-right:5px} .btn-1{background:var(--btn1);color:var(--btn1Text);border-color:var(--btn1);border-radius: 15px;} .btn-1:hover{color:#fff;opacity:.8} .btn-2,.gui a.gui-button-large,.gui a.gui-button-small{background:var(--btn2);color:var(--btn2Text);border-color:#ddd} .btn-2:hover,.btn-2:active{background:#f9f9f9;color:var(--btn2Text)} .btn.fb{background:#3b5998;color:#fff} .container{width:100%;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;max-width:1280px} .flex-row,.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex} .flex-align-center{align-items:center} .flex-wrap{flex-wrap:wrap} .flex-col,.flex-column{flex-direction:column} .grid-layout{display:grid;overflow:hidden;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;grid-column-gap:15px;grid-row-gap:15px} .grid-layout.grid-1{grid-template-columns:repeat(1,1fr)} .grid-layout.grid-2{grid-template-columns:repeat(2,1fr)} .grid-layout.grid-three{grid-template-columns:repeat(3,1fr)} .grid-layout.grid-4{grid-template-columns:repeat(4,1fr)} .grid-layout.grid-5{grid-template-columns:repeat(5,1fr)} .grid-layout.grid-6{grid-template-columns:repeat(6,1fr)} .stretch{margin:0 -15px} .stretch::before,.stretch::after{display:table;content:" "} .stretch::after{clear:both} .visible-mobile,.visible-tablet{display:none} .visible-desktop{display:block} .owl-carousel .owl-stage-outer{padding-left:1px!important;margin-right:-1px!important} .owl-normal.owl-carousel{opacity:0;visibility:hidden} .owl-normal.owl-carousel.owl-loaded{opacity:1;visibility:visible} .list-inline{padding-left:0;list-style:none;display:flex;flex-direction:row;align-items:center;margin:0} .custom-quantity-input .input-wrap,.quantity-input .input-wrap{display:flex} .custom-quantity-input input,.quantity-input input{margin:0 2px} .icon-tp{margin-left:5px} .alert-blue { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; color: #000000; background-color: #ddf4e0; border-color: #d4d4d4;} .product-content .specs .specs-inner.item.ship-block-custom { background: #ddf4e0; border-color: #d4d4d4; color: #000000; } .vat_de{display:none} .vat_es { font-size: .65em; font-weight: 600; align-self: flex-end; line-height: 1; margin-left: 5px; } .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden} .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;border:0} body.active_overlay { margin: 0 !important; } #footer { margin-top: 30px;} #footer .keur{display:flex;flex-direction:column;justify-content:space-between} #footer .keur .badge{padding:30px 15px;text-align:right} #footer .keur .badge img{height:auto;display:block;max-width:220px} /* topbar */ .wish-list { margin-right: 10px; } #topbar { background:#ededed; color:#393939; height:40px; position: sticky; position: -webkit-sticky; top: 0; z-index: 10; height: 32px;} #topbar .dropdown-menu { background:#ededed; color:#393939;min-width:unset;width:100%;} #topbar .center { flex: 1; justify-content: center;} #topbar .left, #topbar .right { flex: 0 1 30%;} #topbar .right{ justify-content: flex-end; } #topbar .top-span { padding: 0 15px; line-height: 32px; font-size: .85em; margin: 0;} #topbar .center .top-span{ width:100%;} #topbar .center .top-span a.centered-a{justify-content:center;} #topbar .left .top-span { border-right: 1px solid #cecbcb;} #topbar .right .top-span { border-left: 1px solid #cecbcb;} #topbar .top-span.trust { height: 32px; padding: 3px 15px 0px 15px; background: #e0e0e0;} #topbar .kiyoh-score { background-image: url(icon-kv.png?20221228121314); background-position: center; background-size: cover; background-repeat: no-repeat; width: 25px; height: 25px; line-height: 53px;} #topbar .rev-span b { color: var(--primaryColor); font-weight: 900;} #topbar .rev-span span { font-size: .85em; margin-left: 2px; color: var(--primaryColor);} #topbar .shop-rating i { margin: 0 1px;} .rating__grade{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:center;color:#525252;line-height:25px;padding-left:7px;font-weight:600;font-size:.85em} .rating__grade-suffix{font-size:.5em;margin-top:-5px} #topbar .kiyoh-score,#topbar .shop-rating{margin-right:10px} #topbar .flag-icon{vertical-align:middle} #topbar .dropdown-toggle i{font-size:.65em;margin-left:5px} #topbar .dropdown-menu li{display:block;padding:10px 22px;font-size:.85em} #topbar .dropdown-opener.languages{position:relative} #top{position:sticky;position:-webkit-sticky;top:0;z-index:9;background:#fff;height:80px} #top.with-topbar{top:32px} #top .wrap{justify-content:space-between;padding:15px} #top .logo{width:300px} #top .logo img { max-height: 50px; width: auto;} #top .search{flex:1;margin:0 30px} #top .account{margin-right:30px} #top .account > .btn{text-transform:none} #top .search{position:relative} #top .search input{padding:0 20px;border-radius:var(--radius) 0 0 var(--radius)} #top .search .input-wrap .btn{border-radius:0 var(--radius) var(--radius) 0} #top .cart,#top .account,#top .searchh,#top .quote,#top .quote .btn{position:relative} #top .quote{margin-right:10px} #top .cart .mini-cart, #top .quote .mini-quote{position:relative} #top .cart:hover .mini-cart .dropdown-content.dropdown, #top .quote:hover .mini-quote .dropdown-content.dropdown{display:block;top:100%} #top .cart .mini-cart, #top .quote .mini-quote{position:absolute;right:0;top:100%;margin-bottom:10px} #top .cart .mini-cart::after, #top .quote .mini-quote::after{content:"";top:-15px;display:block;left:0;position:absolute;height:20px;width:100%} .mobile-livechat::after{content:"";position:absolute;top:-5px;right:-5px;border:3px solid #fff;border-radius:100%;width:20px;height:20px;background:#ddd} .mobile-livechat.offline::after{background:var(--red)} .mobile-livechat.online::after{background:var(--green)} #top .cartitems, #top .quoteitems,#mobile-nav .cartitems, #mobile-nav .quoteitems{position:absolute;right:-5px;background:var(--primaryColor);color:#fff;border-radius:var(--radius);width:auto;height:20px;text-align:center;line-height:20px;top:-5px;font-size:.85em;padding:0 4px} #mobile-nav .cartitems, #mobile-nav .quoteitems{right:5px;top:5px;font-size:.65em} .search .dropdown-content.dropdown{width:100%;top:100%} .search .livesearch{max-height:350px;overflow-y:auto;position:relative} .search .notfound{padding:15px;display:none} .search .see-all{margin:15px;display:none} .livesearch .product.item.item-list.small-list .item-price-container{display:flex;justify-content:space-between;align-items:center;align-self:unset} .livesearch .product.item.item-list.small-list{padding:0 15px} .livesearch .product.item.item-list.small-list .item-name{height:auto} #sec-nav .wrap{justify-content:space-between} #sec-nav ul li{padding:0 15px;line-height:40px} #sec-nav .cat-nav li{font-family:var(--headings);font-size:.85em} #sec-nav ul li a:hover{color:var(--secondaryColor)} #sec-nav .cat-nav li :not(.highlight){font-weight:800;text-decoration:none} #sec-nav .highlight{background:var(--navBg);display:block;padding:0 10px;color:#fff;border-radius:var(--radius) var(--radius) 0 0} #sec-nav .usp-text.label{font-weight:800;margin-right:5px} #sec-nav .customer-service li{text-align:right;font-weight:600} #sec-nav .customer-service li:first-child{display:flex;justify-content:center;flex:1;font-size:1.1em} #sec-nav .list-inline.customer-service{flex:1;justify-content:space-evenly} #sec-nav .list-inline.customer-service a:hover{text-decoration:none} #sec-nav .score,#sec-nav .shop-rating{margin-left:5px} #sec-nav .shop-rating{height:20px;display:flex;margin-top:5px} #sec-nav .language-nl{padding-right:5px} #sec-nav .language-fr{padding-left:5px} #sec-nav .flag-icon{width:auto;height:15px} #nav{background-color:var(--navBg);background-color:var(--navBg);position:sticky;position:-webkit-sticky;z-index:8;top:80px} #nav.with-topbar{top:112px} #nav .menu{display:flex;width:100%;margin:0;padding:0 15px} #nav .item a{color:#fff;font-weight:800;line-height:50px;display:block} #nav .item.sub i{font-size:.5em;margin-left:5px;vertical-align:middle} #nav .item > a{text-align:center} #nav .menu .item:first-child > a{text-align:left} #nav .menu .item:last-of-type > a{text-align:right} #nav .item a:hover{color:#ccdae7} #nav .item li:active:focus a,#nav .item li:hover a{color:var(--secondaryColor)} #nav .item{padding:0 15px} #nav .item:first-child{padding-left:0} #nav .item.sub{position:relative} #nav .item.sub:hover .dropdown-menu{display:block;opacity:1;visibility:visible;min-width:250px} #nav .dropdown-menu a{color:var(--bodyText);line-height:1;text-transform:none;padding:15px;font-size:1em;font-weight:400;border-bottom:1px solid #eee;font-weight:600} /* usps */ #usps { background: #ffffff; border-bottom: 1px solid #ddd;} #usps .usps { height: 40px;} #usps i { color: #00b900; margin-right:10px;} #usps .usp-text { color: #000000; font-size: 0.75em; font-weight: 600;} #usps ul li { line-height: 40px; text-align: center; height: 40px;} #usps .usps.owl-carousel.is-off { display: table;} #usps .usps.owl-carousel.is-off .usp { display: table-cell; text-align: center;} #usps .usps.owl-carousel.is-off .usp:first-child { text-align:left;} #usps .usps.owl-carousel.is-off .usp:last-child { text-align: right;} .notbar { padding: 8px 0; font-weight: var(--headingsWeight); display: none; position: absolute; width: 100%; z-index: 5; } .notbar p { margin: 0; } .notbar i { width: 32px; height: 32px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-style: normal; color: #e12f2f; align-self: flex-start; cursor: pointer; margin-left: 15px; } .couponbar { padding: 15px 0; font-weight: var(--headingsWeight); display: none; position: relative; width: 100%; z-index: 5; } .couponbar p { margin: 0; flex: 1; text-align: center; } .couponbar .disc-amt { background: #ffffff; color: #ff0808; border-radius: var(--radius); padding: 5px 15px; font-weight: 900; font-size: 1.2em; } .disc-code em { font-style: normal; margin-right: 15px; } .disc-code { background: #fff; color: #000; border-radius: var(--radius); padding: 5px 15px; font-weight: 900; } .couponbar i { width: 32px; height: 32px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-style: normal; color: #e12f2f; align-self: flex-start; cursor: pointer; margin-left: 15px; } .headlines .slide-item{background-size:100% 100%;height:500px;width:100%;padding:30px} .headlines .main,.headlines .sub-main{display:block;line-height:1;margin-top:5px} .headlines .main{color:var(--primaryColor);margin-top:0} .headlines .sub-main { font-size: .85em; } .headlines .titles-wrap{padding:30px;width:auto;height:auto;align-items:flex-start;align-self:flex-start;max-width:300px;border-radius:10px;position:relative;} .headlines .text-link { color: var(--secondaryColor); margin-top: 15px; display: block; } .headlines .text-link span{text-decoration:underline} .headlines .text-link i{font-size:.65em;margin-left:5px;vertical-align:middle} .headlines .title.subsub-titles{text-transform:none;font-size:1em;font-weight:400} .headlines .title.subsub-titles .second{display:block} .headlines .wrap{border-width:0 1px 1px;border-style:solid;border-color:#ddd;width:66%} .headlines .wrap-right{flex:1;padding-left:15px;flex-direction:column;grid-column-gap:0;grid-row-gap:0} .headlines .wrap-right .banner{padding:0;flex:1;overflow:hidden} .headlines .banner.banner2,.headlines .banner.banner3{border-top:1px solid #ddd} .item.cat .maintitle{display:block;padding:15px} .headlines .wrap-right .banner .banner-text{position:relative;display:flex;flex-direction:column;padding:30px;height:100%} .headlines .wrap-right .banner .banner-text .maintitle{font-size:1.2em;font-weight:600} .headlines .owl-dots{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;font-size:.85em;line-height:40px} .headlines .owl-dot{text-align:center;flex:0 0 25%;color:#999;border-left:1px solid #ddd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 15px} .headlines .owl-dot:first-of-type{border-left:0} .headlines .owl-dot.active,.headlines .owl-dot:hover{color:var(--secondaryColor);font-weight:800} .headlines .slide-item.item-1 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/v/1652846/assets/slide1-image.jpg?20221228121314?20221219163534');} .headlines .slide-item.item-2 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide2-image.jpg?20221228121314?20221219163547');} .headlines .slide-item.item-3 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide3-image.jpg?20221228121314?20221219163547');} .headlines .slide-item.item-4 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide4-image.jpg?20221228121314?20221219163547');} .headlines .slide-item.item-5 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide5-image.jpg?20221228121314?20221219163547');} .headlines .btn { margin-top: 15px; width: 100%; } .headlines .btn i { font-size: .65em; margin-left: 5px; margin-right: 0; } .headlines .bg { background:#ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; z-index: 1; opacity: 0.75; } .headlines .text-wrapper { z-index: 2;} .headlines .abs-link { z-index: 3;} .subimage { margin: 5px 0;} .subimage img { width: 100%; max-height: 200px; } /* headline spotlight */ .headlines .spotlight .titles-wrap { max-width: 340px; } .headlines .spotlight .sub-main { font-size: .75em; margin-top: 15px; font-weight: normal; } .headlines .spotlight .item-price-container { position: absolute; right:40px; top: 50%; } .headlines .spotlight .item-price-container .price-new { border-radius: 100%; background: var(--btn1); width: 100px; height: 100px; color: #fff; flex: 1 0 auto; justify-content: center; align-items: center; font-size:1.4em; } .headlines .spotlight .subimage { margin: 0 auto; } .headlines .spotlight .shipping { align-self: center; font-weight: 600; margin-top: 5px; } .headlines .product.item.spotlight .price-old { margin-right: -15px; color: #ccc; font-size: .75em; margin-bottom: 3px; } .countdown { display: flex; align-items: center; width: 100%; flex-wrap: wrap; margin: 0 -5px; height: 60px; } .countdown > span { flex: 1; display: flex; flex-direction: column; align-items: center; border: 1px solid #ddd; border-radius: var(--radius); padding: 5px; margin: 5px; font-weight: 900; } .countdown span em { font-size: .55em; font-style: normal; font-weight: 400; } #content-split-bottom ul{list-style-type:disc;padding-left:15px;} .cart-banner-wrap { background-image: url(https://cdn.webshopapp.com/shops/281209/themes/170270/v/1612220/assets/cart-banner-image.gif?20221228121314?20221128100936);} @media (min-width: 768px) and (max-width: 992px){ .headlines .slide-item.item-1 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/v/1652951/assets/slide1-tablet-image.jpg?20221228121314?20221219163547');} .headlines .slide-item.item-2 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide2-tablet-image.jpg?20221228121314?20221219163547'); } .headlines .slide-item.item-3 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide3-tablet-image.jpg?20221228121314?20221219163547'); } .headlines .slide-item.item-4 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide4-tablet-image.jpg?20221228121314?20221219163547'); } .headlines .slide-item.item-5 { background-image: url('slide5-tablet-image.jpg'); } } @media (max-width:767.99px) { .headlines .slide-item{ height: 260px; } .headlines .slide-item.item-1 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/v/1652953/assets/slide1-mobile-image.jpg?20221228121314?20221228121313'); } .headlines .slide-item.item-2 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide2-mobile-image.jpg?20221228121314?20221219163547'); } .headlines .slide-item.item-3 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide3-mobile-image.jpg?20221228121314?20221219163547'); } .headlines .slide-item.item-4 { background-image: url('https://cdn.webshopapp.com/shops/281209/themes/170270/assets/slide4-mobile-image.jpg?20221228121314?20221219163547'); } .headlines .slide-item.item-5 { background-image: url('slide5-mobile-image.jpg'); } } .headlines .slide-item.item-1 .banner-btn{ background: #ff7200; color: #ffffff;} .headlines .slide-item.item-2 .banner-btn{ background: #000000; color: #ffffff;} .headlines .slide-item.item-3 .banner-btn{ background: #000000; color: #ffffff;} .headlines .slide-item.item-4 .banner-btn{ background: #000000; color: #ffffff;} .headlines .slide-item.item-5 .banner-btn{ background: #000000; color: #ffffff;} /* homepage */ .home-content-wrap .text-overflow, .home-content-wrap .read-less, .home-content-wrap.is-open .toggle-text-line{display:none;} .home-content-wrap.is-open .text-overflow, .home-content-wrap.is-open .read-less{display:block;} .home-content-wrap .act-btns{display:flex;align-items:center;justify-content:space-between;} .block_1{ background-color: #ffffff } .block_2{ background-color: #ffffff } .block_3{ background-color: #ffffff } .block_4{ background-color: #ffffff } .block_5{ background-color: #ffffff } .block_6{ background-color: #ffffff } .block_7{ background-color: #ffffff } .block_8{ background-color: #ffffff } .block_9{ background-color: #ffffff } .block_10{ background-color: #ffffff } .home-block{padding:40px 0} .home-block.block_1{padding-top:15px;padding-bottom:0} .home-block .title{display:block;margin:0 0 20px} .product.item{border:1px solid #ddd;display:flex;width:100%;position:relative} .products-wrapper .owl-carousel .owl-stage,.products-wrapper .owl-carousel .owl-item,.product-block .owl-carousel .owl-item{display:flex} .product.item .item-inner{padding:15px} .product.item img{max-height:200px;width:auto;margin:0 auto;display:block} .products-wrapper .product.item img{height:200px} .product.item .item-name{font-weight:800;height:4em;display:block;overflow:hidden;line-height:1.2} .product.item .art{display:block;color:#999;font-weight:600;font-size:.65em;margin:5px 0} .product.item .product-usp{font-size:.85em;min-height:130px;flex-grow:1} .product.item .product-usp ul,.product-content .product-usp ul{padding-left:20px;margin-bottom:2px;list-style-type:disc} .product.item .product-usp li,.measurements,product-content .product-usp li{font-size:1em} .product.item .product-usp i,product-content .product-usp i{margin-right:5px} .product.item .price-btn{justify-content:space-between;margin:10px 0} .product.item .stock{font-size:.75em} .product.item .pr-wr{display:flex;align-items:flex-end;flex-direction:column;line-height:1;margin-left:5px} .product.item .price-new,.product-content .price-new{font-size:1.2em;font-weight:800;display:flex;align-items:flex-end;line-height:1;} .product.item .price-new.with-old.disc-price .price-old,.product.item .with-old .price-old,.livesearch .price-old{margin-right:0;text-align:right;font-size:.65em;font-weight:600} .product.item .vat,.product-content .vat{color:#999;font-size:.85em;font-weight:600;display:block} .product.item .stock .flex1{flex:1} .product.item .compare,.product-content .compare{align-self:center;margin-right:5px} .product.item .checkbox [type="checkbox"]:not(:checked) + label,.product.item .checkbox [type="checkbox"]:checked + label{line-height:22px;display:block;margin:0;padding:0 0 0 5px} .product.item .checkbox [type="checkbox"]:checked + label{color:var(--green)} .product.item .checkbox [type="radio"]:checked + label::after,.product.item .checkbox [type="checkbox"]:checked + label::after{display:none} .product.item .checkbox label{font-size:1.2em} .product.item .label{position:absolute;left:15px;top:15px;display:flex;flex-direction:column;align-items:flex-start;z-index:1} .product.item .label span{color:#fff;padding:2px 10px;margin-bottom:5px;font-weight:600;border-radius:var(--radius);font-size:.85em} .product.item .with-old .price-old,.livesearch .price-old{font-style:normal;text-decoration:line-through;margin-right:5px;color:var(--red)} .product.item .btn.rm{padding:0 10px;height:30px;line-height:30px;align-self:flex-end;margin-bottom:4px} .product.item .va{font-size:.65em;font-weight:600;align-self:flex-end;line-height:1} .mini-cart .widget_content{max-height:300px;overflow-y:auto} .mini-quote .widget_content{max-height:300px;overflow-y:auto} .cart-wrapper{padding:15px;border-top:1px solid #ddd} .quote-wrapper{padding:15px;border-top:1px solid #ddd} .mini_cart_action a{flex:1} .mini_quote_action a{flex:1} .mini-cart .btn.btn-1{margin-left:10px} .mini-quote .btn.btn-1 { width: 100%; display: block; } #quote-added .button-wrap { display: flex; justify-content: center;} .mini-quote #offerte-form { width: 100%; } .mini-cart .total, .mini-quote .total{text-align:right;display:block;margin:10px 0;font-size:1.2em;font-weight:var(--headingsWeight);font-family:var(--headings)} .mini-cart .variant, .mini-quote .variant{margin-bottom:10px;display:block;color:#999;font-weight:600;font-size:.85em} .mini-cart .item.no-products, .mini-quote .item.no-products{padding:15px} .mini-cart .product.item.item-list.small-list .item-name, .mini-quote .product.item.item-list.small-list .item-name{font-size:.85em} .mini-cart .product.item.item-list.small-list .delete-item, .mini-quote .product.item.item-list.small-list .delete-item{position:absolute;left:0;top:0;color:#ccc;font-size:.75em} .mini-cart .bundled ul, .mini-quote .bundled ul{margin:0 0 10px;background:#f9f9f9;border-radius:var(--radius);border:1px solid #ddd;padding:10px} .mini-cart .product.item.item-list.small-list .item-meta-container, .mini-quote .product.item.item-list.small-list .item-meta-container{margin:0;padding:0} .mini-cart .vat, .mini-quote .vat{color:#999;font-size:.65em;vertical-align:middle;display:block} .mini-cart .cart_list div:first-child, .mini-quote .cart_list div:first-child{border:0!important} #form-minicart .qty-price-wrap, #form-miniquote .qty-price-wrap{padding:0;justify-content:space-between;flex:1} #form-minicart .item-price-container, #form-miniquote .item-price-container{flex:0 1 auto} #form-minicart .quantity-input, #form-miniquote .quantity-input{flex:1;padding:0;text-align:right} .dropdown-content .header{padding:15px;font-weight:var(--headingsWeight);font-family:var(--headings);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd} .account .widget_content{padding:15px} .account .widget_content a{display:block} .account .widget_content .btn{display:block} .account .loggin input,.account .loggin .btn{margin-bottom:10px} .account .widget_content .register a:hover{color:var(--secondaryColor)} .account .register{justify-content:space-between} .account .register a{font-size:.85em} .product.item.item-list.small-list{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #ddd;position:relative;border-top:0;border-left:0;border-right:0} .product.item.item-list.small-list .item-image-container{margin-right:15px;padding:0;position:relative} .product.item.item-list.small-list .item-meta-container{flex:1;margin:0} .product.item.item-list.small-list .input-wrap input{width:60px;text-align:center} .product.item.item-list.small-list .item-price-container{flex:1;align-self:center;font-weight:800} .product.item.item-list.small-list .item-name{font-weight:800;height:3em;display:block;margin-bottom:10px} .product.item.item-list{display:flex;width:100%;margin-bottom:15px} .product.item.item-list .item-meta-container,.product.item.item-list .item-image-container,.product.item.item-list .item-btns{padding:15px} .product.item.item-list .item-meta-container{margin:0 40px;flex:1} .product.item.item-list .item-btns{flex-direction:column;justify-content:space-between;flex-basis:30%} .product.item.item-list .stock{margin:20px 0;font-weight:600;font-size:.85em} .product.item.item-list .stock .deliverytime{display:none} .product.item.item-list .stock .green{color:#29a945} .product.item.item-list .stock .red{color:red} .products-wrapper.stretch{margin:0 -7.5px} .static .product.item{padding:0;border:0;display:flex} .static .product.item .item-inner{border:1px solid #ddd} .product.item .item-inner{display:flex;flex-direction:column;width:100%} .product.item .item-meta-container{display:flex;flex-direction:column;flex:1} .product.item .price-btn{justify-content:space-between;margin:10px 0;align-items:flex-start} .banner{flex:0 0 20%;padding:15px} .banner-area .banner{flex:0 0 50%} .item.cat .img,.item.brand .img{display:block;position:relative;z-index:1;margin:0 auto;text-align:center;padding:0} .item.cat .img img{padding:10%;margin:0 auto} .item.cat .img::before,.item.brand .img::before{z-index:2;background:rgba(0,0,0,.025);content:"";display:block;overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;text-align:left;text-indent:-3000em} .item.cat,.item.brand{border:1px solid #ddd;text-align:center} .item.cat .subs{padding:0 15px} .collection .category-area .item.cat{text-align:left} .collection .category-area .item.cat .maintitle{text-align:left;font-weight:600;font-size:1em} .collection .category-area .item.cat .more{display:block;color:var(--secondaryColor);margin:0;padding:15px} .collection .category-area .item.cat{height:100%} .collection .category-area .item.cat .subs .img{display:flex;align-items:center} .collection .category-area .item.cat .subs figure{margin:5px 0} .collection .category-area .item.cat .subs .img img{padding:0;margin:0} .collection .category-area .item.cat .subs .maintitle{font-weight:400;flex:1;padding:0 0 0 5px} .collection .category-area .item.cat .more i{font-size:.65em} .collection .category-area .item.cat .subs .img::before{display:none} .collection .category-area .item.cat .subs .maintitle em{font-style:normal;font-size:.85em;margin-left:5px;color:#999} .item.cat .maintitle{display:block;padding:0 15px 15px} .toolbox-pagination{justify-content:space-between;margin:20px 0} .toolbox-pagination .pagination li{margin-left:5px} .toolbox-pagination .pagination li.active a{color:var(--secondaryColor)} .banner{position:relative;display:flex;flex-direction:column;background-size:cover;background-position:center center;background-repeat:no-repeat;padding:15px} .banner-inner{height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative} .banner .banner-text{position:relative;display:flex;flex-direction:column;padding:40px;height:100%} .banner-area .banner-text:not(.none)::after{content:"";position:absolute;right:0;left:0;top:0;width:100%;height:100%;z-index:1} .bottomlefttoright{background:-moz-linear-gradient(45deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(45deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(45deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1)} .toplefttoright{background:-moz-linear-gradient(135deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(135deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(135deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1)} .bottomrighttoleft{background:-moz-linear-gradient(-45deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(-45deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);background:linear-gradient(135deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1)} .toprighttoleft{background:-moz-linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1)} .banner .banner-text .banner .banner-text .subtitle{font-size:1.2em} .banner .text-wrap{display:flex;flex-direction:column;z-index:1;width:75%;line-height:1.2} .banner .text-wrap.contrast{background:#fff;padding:10px;box-shadow:1px 0 5px 1px rgba(0,0,0,0.05)} .banner-text.top{justify-content:flex-start} .banner-text.center{justify-content:center} .banner-text.bottom{justify-content:flex-end} .banner-text.vleft{align-items:flex-start} .banner-text.vcenter{align-items:center;text-align:center} .banner-text.vright{align-items:flex-end} .banner .banner-text .maintitle{font-size:1.5em;font-weight:600} .banner .banner-text .subtitle{font-size:1em} .banner .banner-btn{padding:0 10px;margin-top:10px;box-shadow:0 2px 4px rgba(0,0,0,0.15)} /* banners */ .banner1 .banner-inner{ background-color:#f9f9f9;} .banner1 .maintitle{ color: #000000; } .banner1 .subtitle{ color: #999999; } .banner1 .btn{ background: #000000; color: #ffffff;} .banner2 .banner-inner{ background-color:#f9f9f9;} .banner2 .maintitle{ color: #000000; } .banner2 .subtitle{ color: #ff7200; } .banner2 .btn{ background: #000000; color: #000000;} .banner3 .banner-inner{ background-color:#f9f9f9;} .banner3 .maintitle{ color: #000000; } .banner3 .subtitle{ color: #999999; } .banner3 .btn{ background: #000000; color: #000000;} .banner4 .banner-inner{ background-color:#f9f9f9;} .banner4 .maintitle{ color: #000000; } .banner4 .subtitle{ color: #999999; } .banner4 .btn{ background: #000000; color: #ffffff;} .banner .subimg img{position:absolute;right:-36px;bottom:-36px;width:200px;height:auto} .category-wrapper .banner{padding:0} .home-content-wrap figure{flex:0 1 25%;align-self:flex-end} /*.home-content-wrap .inner-scroll{flex:1 0 50%;max-height:500px;overflow-y:scroll}*/ .home-content-wrap .text a:not(.btn) { color: var(--secondaryColor); font-weight: 600; text-decoration: underline; } .home-content-wrap strong{font-weight:600} #score{background:var(--primaryColor);color:#fff} #score .flex-row.flex-wrap{align-items:flex-start} #score h3{color:#fff;text-align:center;margin:0 0 40px} #score .widget{background-color:#fff;padding:20px;position:relative;flex:1;margin-right:5%;} #score .widget h4{font-size:1em;font-family:var(--body);margin:0} #score .text{line-height:1.6em;align-self:center;flex:1} #score .text p{margin:0} #footer .footer-middle{padding:40px 0} #footer .stretch.middle-wrap{margin:0 -30px} #footer .f-widget{flex:1 1 20%;padding:30px 15px} #footer .f-widget .toggle{display:none} #footer .f-widget.company-profile,#footer .f-widget.newsletter{flex:1 1 30%;padding:30px;margin:0} #footer .accordion-menu .inner{display:flex;flex-direction:column;padding:0} #footer .company-profile .logo{margin-bottom:28px} #footer .comp-desc{margin-bottom:15px} #footer .comp-address{margin-bottom:10px} #footer .comp-address span{display:block} #footer .label{font-weight:600;margin-right:5px} #footer .title{margin:10px 0 40px;font-size:1.2em} #footer .tagline{margin-bottom:10px;display:block} #newsletter-email{margin-bottom:10px} #form-newsletter .btn{display:block;width:100%} #footer .social-links.list-inline{margin:0 -5px;padding-top:15px} .social-links li{margin:5px;background:#ddd;padding:5px 10px;font-size:1.5em;color:#000;border-radius:var(--radius)} #footer .footer-bottom{background:#ddd;padding:20px 0} #footer .footer-bottom .bottom-wrap{justify-content:space-between} #footer .footer-bottom .copyright,#footer .footer-bottom .payments{flex:1} #footer a:hover{color:var(--secondaryColor)} #footer .payments ul{justify-content:flex-end} #footer .payment{background:#fff;margin-left:5px;border-radius:var(--radius);border:1px solid #999} #footer .copyright a{color:var(--secondaryColor);text-decoration:underline;margin-left:10px} .mobile-menu-side{padding:15px;flex:0 0 25%} .filters-wrapper .mobile-menu-side{flex:1;padding:0 15px} .collection .main-content{padding:15px;flex:1} .collection .header-title-content{justify-content:space-between} .collection .title-wrap .page-title{margin-bottom:0} .filters .widget .toggle{font-weight:600;margin-bottom:10px} .filter-block .inner li{margin-bottom:5px} .filter { margin-right: 5px; margin-bottom: 0px; box-shadow: 0px 1px 2px rgba(0,0,0,.15); } .filter .btn{display:flex;align-items:center;text-transform:none;font-weight:400;font-size:.85em} .filter.show .btn{background:#f9f9f9;color:var(--btn2Text)} .filter .btn i{margin-left:5px;font-size:.55em} .filter .dropdown-menu{min-width:200px} .filter .dropdown-content{padding:15px} .filter .dropdown-content .checkbox{margin-bottom:5px} .filters .checkbox [type="checkbox"]:not(:checked) + label::before{background:#ddd} .filters .sidebar-filter-range{margin:50px 10px 20px} .category-toolbar{padding:0 15px} .toolbox-filter .tools-wrap{justify-content:flex-end} .toolbox-filter .view-count-box{margin-left:5px} .toolbox-filter .view-box a { margin-left: 5px;} .toolbox-filter .view-box .active{color:var(--secondaryColor)} .filters_active{padding:15px 0;border-top:1px solid #ddd;margin-bottom:15px} .filters_active ul li{background:var(--primaryColor);padding:5px 10px;margin:0 5px 5px 0;color:#fff;border-radius:var(--radius)} .filters_active ul li:hover{opacity:.8} .filters_active input{width:auto;margin-top:-1px;position:relative;vertical-align:middle;left:-9999px;display:none} .filters_active [type="checkbox"]:not(:checked) + label,.filters_active [type="checkbox"]:checked + label{position:relative;padding-left:20px;cursor:pointer;font-size:.85em;margin:0} .filters_active ul i{position:absolute;left:0;top:3px;z-index:2} .filters_active ul li.remove-filters{background:#ddd;font-size:.85em;color:#000} #breadcrumb-container{margin:20px 0 0} .breadcrumb li{font-size:.85em} .breadcrumb li i{margin:0 5px;font-size:.55em;vertical-align:middle} .breadcrumb li.active{text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .title-wrap .count{color:#999;margin-top:5px;margin-left:5px} .content-top a{color:var(--secondaryColor);text-decoration:underline} .content-top{margin-bottom:10px} .filters-wrapper { padding: 10px 0;width: 104.5%;} .filters-wrapper.is-sticky { z-index: 2; background: #fff; } .abs-link{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1} .more{margin-top:20px} .more .btn i{font-size:.65em;vertical-align:middle;margin-left:10px} .text-overflow{display:block;overflow:hidden;word-break:break-word;word-wrap:break-word} .btn-overflow{text-align:right;display:none} figure{display:block;margin:0} label{display:block;margin-bottom:3px;font-weight:600} input{border:1px solid #ddd;width:100%;height:40px;padding:0 10px;border-radius:var(--radius)} textarea{border:1px solid #eee;width:100%;font-family:inherit;padding:10px;min-height:150px;font-size:1em;border-radius:var(--radius)} input[type="radio"],input[type="checkbox"]{margin:0;margin-top:0;line-height:inherit} .lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} img{opacity:1;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .img-responsive{display:block;max-width:100%;height:auto;vertical-align:middle;border:0} .dropdown{background:#fff none repeat scroll 0 0;box-shadow:0 0 20px -10px rgba(0,0,0,0.5);max-height:0;overflow:hidden;position:absolute;right:0;top:50px;z-index:9998;cursor:auto;max-height:500px;width:400px;display:none} .dropdown.open{display:block} .dropdown-menu.login{width:600px} .user-logged-in .dropdown-menu.login{width:auto;padding:10px 0} .dropdown-menu.login .loggin,.dropdown.account .register{width:50%;float:left;padding:20px} .dropdown-menu.login .loggin input,.mobile-menu .settings input{margin-bottom:5px} .dropdown-menu.login .custom-title{margin-bottom:15px;margin-top:10px} .dropdown-menu.login .custom-title span{font-size:18px;padding:0} .dropdown-menu.login .custom-title span::after{display:none;visibility:hidden;opacity:0} .dropdown-menu.login .divider,.mobile-menu .settings .divider{text-align:center;position:relative;background:#fff;line-height:40px} .dropdown-menu.login .divider::before,.mobile-menu .settings .divider:before{content:"";position:absolute;height:1px;border:1px solid #eee;left:0;top:20px;width:40%} .dropdown-menu.login .divider::after,.mobile-menu .settings .divider:after{content:"";position:absolute;height:1px;border:1px solid #eee;left:auto;right:0;top:20px;width:40%} .dropdown-menu.login .btn{display:block;margin:5px 0} .login-acc .dropdown-toggle{position:relative;display:block} .dropdown-menu.login .custom-title:nth-of-type(2){margin-top:20px} .menu--overlay:after{content:'';position:absolute;z-index:10;height:100%;top:0;left:0;background:rgba(0,0,0,0.15);opacity:0;visibility:hidden;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;right:0;bottom:0} .menu--overlay.open:after{visibility:visible;opacity:1} .menu li.sub:hover ~ .dark{visibility:visible;opacity:1;display:block} .menu .dark{opacity:0;visibility:hidden;position:absolute;left:0;right:0;top:100%;z-index:9;height:calc(100vh - 150px);background:rgba(0,0,0,0.15);-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;display:none} .fancybox-container .closing{position:absolute;right:10px;top:10px} #content-split-bottom img{width:auto;max-width:100%} .sidebar-box-filter .show-more-wrap{display:none} .checkbox,.gui-checkbox{position:relative} .checkbox label,.gui-checkbox label{padding-left:30px;font-weight:400} .checkbox [type="checkbox"]:checked + label::before,.checkbox [type="radio"]:checked + label::before,.gui-checkbox [type="checkbox"]:checked + label::before{background-color:rgba(55,55,55,0.03)} .checkbox [type="checkbox"]:not(:checked),.checkbox [type="radio"]:not(:checked),.checkbox [type="checkbox"]:checked,.checkbox [type="radio"]:checked,.gui-checkbox [type="checkbox"]:not(:checked),.gui-checkbox [type="checkbox"]:checked{display:none} .checkbox [type="checkbox"]:not(:checked) + label,.checkbox [type="radio"]:not(:checked) + label,.checkbox [type="checkbox"]:checked + label,.checkbox [type="radio"]:checked + label,.gui-checkbox [type="checkbox"]:not(:checked) + label,.gui-checkbox [type="checkbox"]:checked + label{position:relative;padding-left:30px;cursor:pointer;line-height:22px;font-weight:400} .checkbox [type="checkbox"]:not(:checked) + label::before,.checkbox [type="radio"]:not(:checked) + label::before,.checkbox [type="checkbox"]:checked + label::before,.checkbox [type="radio"]:checked + label::before,.gui-checkbox [type="checkbox"]:not(:checked) + label::before,.gui-checkbox [type="checkbox"]:checked + label::before{border:1px solid rgba(84,84,84,0.15);border-radius:2px;content:"";height:22px;left:0;position:absolute;top:0;width:22px} .checkbox [type="radio"]:checked + label::after,.checkbox [type="checkbox"]:checked + label::after,.gui-checkbox [type="checkbox"]:checked + label::after{border-radius:2px;color:#fff;content:"\ed6f";font-family:rotom-font;font-size:12px;left:5px;line-height:inherit;position:absolute;top:0;transition:all .2s ease 0;color:#000} .sidebar-box-filter.checkbox label:hover,.category-filter a:hover{text-decoration:underline} .keurmerk img{width:100px} @font-face{font-family:'rotom-font';src:url(rotom-font.woff?202212281213142) format("woff2");font-weight:400;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'rotom-font'!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-headset:before{content:"\e949"}.icon-play:before{content:"\e957"}.icon-file-picture:before{content:"\e9af"}.icon-cart:before{content:"\e9fe"}.icon-cart2:before{content:"\e9ff"}.icon-phone:before{content:"\ea1c"}.icon-phone2:before{content:"\ea1d"}.icon-phone3:before{content:"\ea26"}.icon-envelop2:before{content:"\ea31"}.icon-envelop3:before{content:"\ea32"}.icon-location5:before{content:"\ea3c"}.icon-clock:before{content:"\ea4d"}.icon-rotate-ccw3:before{content:"\eaab"}.icon-rotate-cw3:before{content:"\eaac"}.icon-bubbles:before{content:"\eac5"}.icon-user:before{content:"\eaf7"}.icon-user-check:before{content:"\eafe"}.icon-spinner11:before{content:"\eb2c"}.icon-search:before{content:"\eb30"}.icon-enlarge:before{content:"\eb3c"}.icon-lock2:before{content:"\eb51"}.icon-equalizer:before{content:"\eb5b"}.icon-cog2:before{content:"\eb61"}.icon-bin:before{content:"\ebfd"}.icon-truck:before{content:"\ec0f"}.icon-cube:before{content:"\ec18"}.icon-cube2:before{content:"\ec19"}.icon-list2:before{content:"\ec5a"}.icon-grid:before{content:"\ec5d"}.icon-grid2:before{content:"\ec5e"}.icon-star-full:before{content:"\ece2"}.icon-star-full2:before{content:"\ece5"}.icon-heart3:before{content:"\ece9"}.icon-clipboard6:before {content: "\ec55"}.icon-heart5:before{content:"\ecec"}.icon-heart7:before{content:"\ecef"}.icon-notification:before{content:"\ed51"}.icon-notification2:before{content:"\ed52"}.icon-question1:before{content:"\ed53"}.icon-question2:before{content:"\ed54"}.icon-question3:before{content:"\ed55"}.icon-question4:before{content:"\ed56"}.icon-info:before{content:"\ed63"}.icon-info2:before{content:"\ed64"}.icon-cross3:before{content:"\ed6e"}.icon-checkmark:before{content:"\ed6f"}.icon-checkmark2:before{content:"\ed70"}.icon-checkmark3:before{content:"\ed71"}.icon-checkmark4:before{content:"\ed72"}.icon-checkmark5:before{content:"\ed73"}.icon-play3:before{content:"\ed7e"}.icon-play4:before{content:"\ed85"}.icon-arrow-up:before{content:"\edb7"}.icon-arrow-up2:before{content:"\edb8"}.icon-arrow-up3:before{content:"\edb9"}.icon-arrow-up4:before{content:"\edba"}.icon-arrow-right:before{content:"\edbb"}.icon-arrow-right2:before{content:"\edbc"}.icon-arrow-right3:before{content:"\edbd"}.icon-arrow-right4:before{content:"\edbe"}.icon-arrow-down:before{content:"\edbf"}.icon-arrow-down2:before{content:"\edc0"}.icon-arrow-down3:before{content:"\edc1"}.icon-arrow-down4:before{content:"\edc2"}.icon-arrow-left:before{content:"\edc3"}.icon-arrow-left2:before{content:"\edc4"}.icon-arrow-left3:before{content:"\edc5"}.icon-arrow-left4:before{content:"\edc6"}.icon-arrow-up5:before{content:"\edc7"}.icon-arrow-right5:before{content:"\edc8"}.icon-arrow-down5:before{content:"\edc9"}.icon-arrow-left5:before{content:"\edca"}.icon-arrow-up7:before{content:"\edd4"}.icon-arrow-right7:before{content:"\edd6"}.icon-arrow-down7:before{content:"\edd8"}.icon-arrow-left7:before{content:"\edda"}.icon-arrow-up8:before{content:"\eddc"}.icon-arrow-right8:before{content:"\edde"}.icon-arrow-down8:before{content:"\ede0"}.icon-arrow-left8:before{content:"\ede2"}.icon-circle-up2:before{content:"\ede7"}.icon-circle-right2:before{content:"\ede8"}.icon-circle-down2:before{content:"\ede9"}.icon-circle-left2:before{content:"\edea"}.icon-transmission:before{content:"\ee46"}.icon-transmission2:before{content:"\ee47"}.icon-checkmark-circle:before{content:"\ee76"}.icon-paragraph-left:before{content:"\eeb7"}.icon-paragraph-justify:before{content:"\eeba"}.icon-paragraph-left2:before{content:"\eebb"}.icon-paragraph-justify2:before{content:"\eebe"}.icon-paragraph-left3:before{content:"\eec1"}.icon-paragraph-justify3:before{content:"\eec4"}.icon-share3:before{content:"\eee0"}.icon-facebook2:before{content:"\eef0"}.icon-instagram1:before{content:"\eef1"}.icon-whatsapp:before{content:"\eef2"}.icon-telegram:before{content:"\eef4"}.icon-twitter:before{content:"\eef5"}.icon-rss:before{content:"\eefa"}.icon-rss2:before{content:"\eefb"}.icon-youtube1:before{content:"\eefc"}.icon-youtube2:before{content:"\eefd"}.icon-flickr3:before{content:"\ef04"}.icon-flickr4:before{content:"\ef05"}.icon-skype:before{content:"\ef24"}.icon-linkedin:before{content:"\ef28"}.icon-linkedin2:before{content:"\ef29"}.icon-pinterest:before{content:"\ef30"}.icon-pinterest2:before{content:"\ef31"}.icon-file-pdf:before{content:"\ef3e"} .dropdown-menu,.dropdown-menu-js{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;padding:0;margin:0;list-style:none;background-color:#fff;-webkit-box-shadow:2px 3px 6px -2px rgba(0,0,0,0.25);box-shadow:2px 3px 6px -2px rgba(0,0,0,0.25);background-clip:padding-box;visibility:hidden;opacity:0} .dropdown-menu ul{list-style-type:none;margin:0;padding:0} .dropdown-css:hover .dropdown-menu{display:block} .dropdown-menu.pull-right{right:0;left:auto} .dropdown-menu.pull-left{left:0;right:auto} .dropdown > i,.dropdown-js > i{margin-left:5px} .dropdown-menu.show{display:block;opacity:1;visibility:visible} .accordion-menu{padding:0;margin:0;list-style-type:none} .accordion-menu .inner{overflow:hidden;display:none} .accordion-menu .inner.active{display:block} .accordion-menu a.toggle{width:100%;display:block} a.toggle .icon{transition:background-color .3s ease 0s,color .4s ease 0} a.toggle .icon:hover{background:#2ac37d} a.toggle .icon:hover::before,a.toggle .icon:hover::after{background:#fff} a.toggle .icon::before,a.toggle .icon::after{content:'';position:absolute;top:50%;margin-top:-1px;display:inline-block;height:2px;width:10px;background:#464c4e;-webkit-backface-visibility:hidden;backface-visibility:hidden} a.toggle .icon::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} a.toggle .icon::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} a.toggle .icon::before,a.toggle .icon::after{right:20px;-webkit-transform-origin:9px 50%;-moz-transform-origin:9px 50%;-ms-transform-origin:9px 50%;-o-transform-origin:9px 50%;transform-origin:9px 50%} a.toggle .icon::before,a.toggle .icon::after{right:15%} a.toggle .icon::before,a.toggle .icon::after{width:6px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background:#444;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:width 0.3s,-webkit-transform .3s;-moz-transition:width 0.3s,-moz-transform .3s;transition:width 0.3s,transform .3s} a.toggle .icon::before{right:8px} a.toggle .icon::after{right:4px} .active > a.toggle .icon::before,li.active > a.toggle .icon::after{width:10px} .active > a.toggle .icon::before{-webkit-transform:translateX(4px) rotate(-45deg);-moz-transform:translateX(4px) rotate(-45deg);-ms-transform:translateX(4px) rotate(-45deg);-o-transform:translateX(4px) rotate(-45deg);transform:translateX(4px) rotate(-45deg)} .active > a.toggle .icon::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .tabs-stuff .active a.toggle .icon::after{right:4px} .tabs-stuff .active a.toggle .icon::before,.tabs-stuff .active a.toggle .icon::after{width:14px} .tabs-stuff a.toggle{top:-3px} li.active > a.toggle .icon::before,li.active > a.toggle .icon::after{width:10px} li.active > a.toggle .icon::before{-webkit-transform:translateX(4px) rotate(-45deg);-moz-transform:translateX(4px) rotate(-45deg);-ms-transform:translateX(4px) rotate(-45deg);-o-transform:translateX(4px) rotate(-45deg);transform:translateX(4px) rotate(-45deg)} li.active > a.toggle .icon::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .quickview{visibility:hidden} .custom-select select,.product-filters.pos-top .widget .toggle,.category-filter .cat-btn,.quickview input{display:block;line-height:40px;height:40px;padding:0 25px 0 15px;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;border-radius:3px;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;cursor:pointer;position:relative;border:1px solid #ddd} .custom-select select{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%} .custom-select select::-ms-expand{display:none} .custom-select select:hover{border-color:#ddd} .custom-select select:focus{border-color:#ddd;outline:none} .custom-select select option{font-weight:400} .pleasewait{width:100%;height:100%;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.75);position:absolute;z-index:99} .pleasewait .lds-eclipse{width:100%;height:100%;height:60px;width:60px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)} .cat-description a,.main-content.textpage a{color:var(--secondaryColor);text-decoration:underline;font-weight:600} .cat-description figure,.cat-description img{display:block;height:auto;width:100%;margin:0} .cat-description img{display:inline-flex;height:auto;width:100%;margin:0} .cat-description .image-grid img{width:auto} .icon-kiyoh{margin-top:-10px;margin-left:5px} .icon.icon-star-full2{color:#ffbb17} .icon.icon-star-full2.semi{background:-webkit-linear-gradient(left,#ffbb17 50%,#999 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .icon.icon-star-full2.off{color:#999} #cart-added, #quote-added{max-width:60%} #cart-added .grid-layout, #quote-added .grid-layout{grid-template-columns:repeat(4,1fr)} #cart-added .button-wrap .btn, #quote-added .button-wrap .btn { margin: 0 10px;} #cart-added .product.item .product-usp, #quote-added .product.item .product-usp{display:none} #cart-added .title.added, #quote-added .title.added{color:var(--primaryColor);text-transform:none;text-align:center;font-size:2em} #cart-added .subtitle, #quote-added .subtitle{text-align:center;font-weight:600;font-size:1.2em;margin-bottom:20px} #cart-added .button-wrap, #quote-added .button-wrap{text-align:center;margin-bottom:40px} #cart-added .related-products .title, #quote-added .related-products .title{text-align:center} #quote{width:50%;max-width:50%} #quote .inner{margin:0 -20px} #quote .column.related-products{height:575px;overflow:auto} #quote .column{float:left;width:50%;padding:20px} #quote .validate{color:#fff;padding:10px;border-radius:var(--radius)} #quote .form-wrap input{margin-bottom:5px} #quote .form-wrap .color-red{display:block;font-size:.85em;font-weight:400} #quote .form-wrap .btn{display:block;width:100%;margin:10px 0} #quote .validate.noproducts{background:var(--primaryColor)} #quote .validate.error{background:var(--red)} #quote .validate.success{background:var(--green)} .owl-nav.disabled,.owl-dots.disabled{display:none} .owl-nav > div{position:absolute;top:-50px;right:0} .owl-nav .owl-prev{right:50px} .owl-nav .owl-prev.disabled{opacity:0} .owl-nav .btn{background:#fff;border:1px solid #ddd;font-size:.85em} .owl-nav .btn:hover{background:#f9f9f9} #msgs{position:relative} .ns-box{position:absolute;z-index:1000;padding:30px;color:#fff;font-size:16px;line-height:20px} .ns-growl{left:auto;max-width:300px;border-radius:3px;right:15px;top:-40px} .ns-box.ns-type-error{color:#a94442;background-color:#f2dede} .ns-box.ns-type-notice{background:rgba(28,116,187,0.95);color:#31708f;background-color:#d9edf7} .ns-box.ns-type-success{color:#3c763d;background-color:#dff0d8} .ns-close{width:20px;height:20px;position:absolute;right:4px;top:4px;overflow:hidden;text-indent:100%;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden} .ns-close::before,.ns-close::after{content:'';position:absolute;width:3px;height:60%;top:50%;left:50%;background:#000} .ns-close:hover::before,.ns-close:hover::after{background:#fff} .ns-close::before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)} .ns-close::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)} [class^="ns-effect-"].ns-growl.ns-hide,[class*=" ns-effect-"].ns-growl.ns-hide{-webkit-animation-direction:reverse;animation-direction:reverse} .ns-effect-slide.ns-hide{-webkit-animation-name:animSlide;animation-name:animSlide;-webkit-animation-duration:.25s;animation-duration:.25s} @-webkit-keyframes animSlide { 0%{-webkit-transform:translate3d(30px,0,0) translate3d(100%,0,0)} 100%{-webkit-transform:translate3d(0,0,0)} } @keyframes animSlide { 0%{-webkit-transform:translate3d(30px,0,0) translate3d(100%,0,0);transform:translate3d(30px,0,0) translate3d(100%,0,0)} 100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } #mobile-nav{position:fixed;top:0;width:100%;z-index:9999;-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);align-items:center;background:#fff} #mobile-nav .mob-logo{flex:1;display:flex;align-items:center;padding:0 20px} #mobile-nav ul li{width:50px;text-align:center;font-size:1.2em;height:50px;line-height:50px} #mobile-nav .menuButton.open{background:var(--primaryColor);color:#fff} #mobile-nav .cart, #mobile-nav .quote{position:relative} #mobile-nav .cart .cartitems, #mobile-nav .quote .quoteitems{background:var(--secondaryColor)} body.mobile-open{height:100%;overflow:hidden} body.mobile-open .mobile-menu-overlay{visibility:visible} .mobile-menu-overlay{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100} body.mobile-open .mobile-section{display:block} .mobile-section{background-color:#fff;display:none;position:absolute;top:0;left:0;bottom:-80%;width:100%;z-index:998;box-shadow:2px 0 12px rgba(102,102,102,.2)} .mobile-section::after{content:"";position:absolute;top:0;right:0;width:1px;height:auto;box-sizing:content-box} .mobile-section .section-content{padding-top:50px;background-color:#fff;position:fixed;top:0;left:-100%;width:100%;height:100%;overflow:hidden;z-index:1} .mobile-section .nav-item.is-cat{background:rgba(55,55,55,0.05)} .mobile-section .section-content.open{overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;left:0} .mobile-section .section-content > div,.mobile-section .section-content.subsection{display:none} .mobile-section .section-content .menu_open{display:block} .mobile-section .section-content.subsection.menu_open{display:block;left:0} .mobile-section .header{justify-content:space-between;flex-direction:revert;padding:15px;font-size:1.2em;font-weight:600;border-bottom:1px solid #eee;margin:0;align-items:center} .mobile-section .nav-item,.mobile-section .go-back{padding-left:20px;display:block;border-bottom:1px solid #eee;line-height:40px;padding-right:15px} .mobile-section .go-back i{font-size:.65em;margin-right:5px} .mobile-section .nav-item i{height:40px;width:40px;text-align:center;line-height:40px} .mobile-section .nav-item.has-children{display:flex;justify-content:space-between;align-items:center} .close-menu{position:absolute;right:0;top:0;font-size:20px;left:auto;width:60px;z-index:1;text-align:center;line-height:55px;display:block!important} .mobile-section .mini-cart .widget_content{max-height:unset;overflow-y:auto} .mobile-section .product.item.item-list.small-list .item-image-container{flex:0 1 auto} .mobile-section .mini-cart.menu_open{padding-bottom:120px} .mobile-section .mobile-search{padding:15px} .mobile-section .search .input-wrap{flex-direction:column} .mobile-section .mobile-search .btn{width:100%;margin-top:15px} .mobile-section .mobile-search .btn span{margin-left:5px} .mobile-section .autocomplete{padding-bottom:55px} .mobile-section .search .view-more,.mobile-section .mini-cart .cart-info{padding:15px;position:fixed;bottom:50px;background:#fff;width:100%;box-shadow:0 -2px 10px rgba(0,0,0,.15)} .mobile-section .search .view-more{display:none} .mobile-section .search .see-all{display:block;margin:0} .mobile-section .search .livesearch{max-height:unset;overflow:auto} .fancybox-container.custom-bg .fancybox-bg{opacity:1;background:#fff} .page-container.collection .category-area.grid-layout .banner{padding:0} /*#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810, #maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 { left: 0 !important;}*/ .mobile-section .list-inline { padding: 0 20px; line-height: 40px; } .mobile-section .list-inline li{margin-right:15px;} .mobile-section .list-inline li.active { color: var(--primaryColor); font-weight: 600;} .mobile-section .list-inline li a { display: flex; align-items: center;} .mob-logo img { /* width: 170px; */ height: 25px; } .btn-remove > a { margin-left: 15px; } .btn-remove a.btn-1 i { margin-left: 5px; } #blog .blog-article .blog-grid-image { margin-bottom: 10px; } #blog .blog-article .img-wrap { height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; height: 270px; object-fit: cover; } #blog .blog-article .meta { padding: 15px; flex: 1; } #blog .wrap { margin: 0 -15px; flex-direction: row; } #blog .blog-article .maintitle { font-weight: 600; font-size: 1.2em; } #blog .blog-article { padding: 0 15px; margin: 0; flex: 1; display: flex; } #blog .meta p { margin-bottom: 15px; flex: 1; } #blog .meta .banner-btn.trans { margin-top: 0; text-decoration: underline; } #blog .blog-inner { border: 1px solid #ddd; display: flex; flex-direction: column; } .hr-recom-cls{ min-height: 460px; } @media only screen and (max-width: 600px) { .hr-recom-cls{ min-height: 400px; } } @media only screen and (max-width: 720px) { .hr-recom-cls{ min-height: 430px; } } @media only screen and (max-width: 1080px) { .hr-recom-cls{ min-height: 450px; } } @media (max-width: 992px) { body{width:100%;overflow-x:hidden} .hidden-mobile{display:none} .visible-mobile{display:block} .container{max-width:100%;width:100%} h1,h2,h3,h4,h5,h6,legend,.gui-page-title,.gui-content-title,.title{font-size:18px} .more{width:100%} .more .btn{display:block} #topbar .top-span{padding:0 10px;font-size:.75em} #topbar .center{justify-content:flex-start} #topbar .left,#topbar .right{flex:0 1 auto} #top{height:auto} #top img{max-width:70%} #top .mobile-livechat{background:var(--primaryColor);color:#fff;position:relative} #usps{border-top:1px solid #ddd} .home-block{overflow:hidden} .home-block .home-content-wrap .text{flex-direction:column} .home-block .home-content-wrap .home-img{position:relative;width:100%} #score .flex-row.flex-wrap { justify-content: center; flex-direction: column;} #score .widget { margin-right: 0;} #score .text{margin-left:0;text-align:center;margin-top:30px} #score .widget h4{font-size:.85em;text-align:center} #footer .stretch.middle-wrap{margin:0;flex-direction:column-reverse} #footer .middle-wrap .f-widget{padding:0;position:relative} #footer .f-widget a.toggle{width:100%;position:absolute;right:0;top:0;display:block;left:0;height:100%} #footer .title{margin:10px 0;font-size:1em;display:flex;justify-content:space-between;position:relative} #footer .f-widget.newsletter .title{justify-content:center} #footer .accordion-menu .inner{display:none} #footer .active .toggle i{transform:rotate(180deg)} #footer .copyright{display:block;width:100%;text-align:center;margin-top:10px} #footer .social-links.list-inline{margin:0;justify-content:center} #footer .footer-bottom{background:#ddd} #footer .footer-bottom .bottom-wrap{flex-direction:column-reverse} #content{padding-top:50px} .category-wrapper .banner{flex:0 0 50%} .brands-wrapper .more{padding:0 15px} .category-wrapper .more { padding: 0 15px 15px 15px; } .headlines .container.flex{flex-direction:column} .headlines .wrap{width:100%;margin-bottom:15px} .headlines .wrap-right{padding-left:0} .mobile-menu-side{height:100%;width:300px;position:fixed;z-index:20;top:0;left:-300px;background-color:#fff;overflow-x:hidden;transition:.3s;padding:0;z-index:99999} .mobile-menu-side .title{justify-content:space-between;padding:15px;position:sticky;top:0;background:#fff;z-index:9;width:100%} .mobile-menu-side .links li{line-height:40px;border-bottom:1px solid #ddd;padding:0 15px} .mobile-menu-side .filters-aside .widget{border-bottom:1px solid #ddd;padding:0 15px} .filters-wrapper .mobile-menu-side{padding:0} .filter .btn{pointer-events:none} .filters .filter{margin-right:0;width:100%;padding:0 15px} .filter .dropdown-menu{display:block;opacity:1;visibility:visible;position:relative;box-shadow:0 0 0 transparent;width:100%} .mobile-filters-more{position:sticky;bottom:0;padding:15px;left:auto;right:auto;background:#fff;width:100%;z-index:9999;display:none} .mobile-filters-more .btn.btn-1{display:block} .category-toolbar .offcanvas{margin-bottom:20px} .offcanvas .filters-aside{padding-bottom:60px} .toolbox-pagination{flex-direction:column-reverse} .toolbox-pagination .pages{margin-top:10px} .grid-layout{grid-template-columns:repeat(1,1fr)} .mini-cart .cart_list .product.item.item-list.small-list,.livesearch .product.item.item-list.small-list{flex-direction:row} .livesearch .product.item.item-list.small-list .item-price-container{width:100%} .product.item.item-list{flex-direction:column} .product.item.item-list .item-meta-container{margin:0} .product-content{flex-direction:column} .cart-wrapper .mini_cart_action{flex-direction:column} .cart-wrapper .mini_cart_action a.btn{margin:5px 0 0;width:100%} .cart-wrapper{border-top:0;padding:0} #blog .wrap { margin: 0; flex-direction: column;} #blog .blog-article { margin-bottom: 15px; padding: 0;} } @media (max-width: 767px) { .container{padding:0 10px} .home-block{padding:10px 0} #go-back-mobile{font-size:.85em;background:var(--primaryColor);padding:1px 5px;border-radius:var(--radius);color:#fff} #go-back-mobile i{font-size:.65em;vertical-align:middle} #breadcrumb-container{margin:10px 0 0;display:inline-flex} .products-wrapper.grid-layout.grid-2,.home-categories .grid-layout.grid-2{grid-template-columns:repeat(2,1fr);grid-column-gap:5px;grid-row-gap:5px} .static .product.item .item-inner{padding:5px} .product.item .item-name{font-weight:600;height:2.5em;overflow:hidden;font-size:.85em;overflow:hidden} /*.product.item .art{display:none}*/ .product.item .price-new,.product-content .price-new{line-height:1} .home-categories .title{display:none} .headlines,.home-block.block_1{background:#f2f2f2;padding-bottom:0} .headlines .wrap{margin-bottom:0} .headlines .titles-wrap{padding:15px} .headlines .main,.headlines .sub-main{font-size:1em} .headlines .slide-item{padding:15px} .headlines .container { padding: 0; } .headlines .titles-wrap { max-width: 220px; font-size: .85em; top: -5px; } .headlines .slide-item.item-1 { background-size: cover; } .headlines, .home-block.block_1 { padding-bottom:0; margin-bottom: 0; } .headlines .product.item img { max-height: 110px; } .headlines .spotlight .item-price-container .price-new { width: 60px; height: 60px; font-size: 1em; } .headlines .text-link{margin-top:5px} .headlines .title.subsub-titles{font-size:.85em;line-height:1.2;margin:0} .category-wrapper.stretch{margin:0} .item.cat .img,.item.brand .img{display:flex;align-items:center;background:#fff} .item.cat .img img{width:60px;height:60px;padding:2%} .item.cat .maintitle{display:initial;padding:0 10px;text-align:left;font-size:.85em;text-overflow:ellipsis;overflow:hidden;flex:1} .category-wrapper .banner{padding:0} .products-wrapper .product.item img { height: auto; min-height:163px;} .collection .category-area.grid-layout.grid-2{grid-template-columns:auto} .collection .category-area .item.cat .subs{padding:0 2%} .countdown { flex-wrap: nowrap; height:40px; } .countdown > span { flex: 0 1 25%; font-size:.85em; padding: 2px; margin: 2px; } .headlines .btn { margin-top: 5px; width: 100%; height: 30px; line-height: 30px; font-size: .85em; } .notbar { top:60px } .notbar p { flex: 0 1 auto; } .notbar i { flex: 1 0 auto; z-index:99 } .couponbar { top: 60px; margin-bottom: 5px; } .couponbar .container { justify-content: space-between; flex-wrap: wrap; } .couponbar p { margin: 5px 0 0 0; flex: 1 0 100%; text-align: left; } } .btn-orange { /* color: #ff7200; */ } #filter_form { display: flex; justify-content: space-between; } .small-list .item-name { height: auto !important; } @media (max-width: 767px) and (orientation: landscape) { .cart-wrapper .mini_cart_action{flex-direction:row;margin:0} .cart-wrapper .mini_cart_action a.btn{margin:0} .cart-wrapper .mini_cart_action .btn.btn-1{margin-left:10px} .mini-cart .total{margin:0 0 10px} .grid-layout{grid-template-columns:repeat(2,1fr)} #score .text{margin-top:0;margin-left:5%} } @media only screen and (min-width: 768px) and (max-width: 992px) { .hidden-tablet{display:none} .visible-tablet{display:block} .container{max-width:991px} .grid-layout{grid-template-columns:repeat(2,1fr);margin:0} .home-block .slider.static .products-wrapper{margin-right:0} #score .flex-row.flex-wrap{align-items:center} #score .text{margin-left:5%;text-align:left;margin-top:0} #footer .tagline{text-align:center} .mobile-section .mobile-search .btn span{display:inline-block} #footer .middle-wrap .f-widget{padding:0 15px} .category-wrapper .grid-layout.grid-6 { grid-template-columns: repeat(3,1fr);} .wsa-cookielaw-button { flex: 1 0 auto;} .wsa-cookielaw { display: grid!important; padding: 5px; grid-template-columns: 10% auto 20% 20%; line-height: 1.4; text-align:left; } .wsa-cookielaw::before { left: 0!important; } #minimized-trustbadge-98e3dadd90eb493088abdc5597a70810, #maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 { display: none!important; } } @media only screen and (min-width: 768px) and (max-width: 992px) and (orientation: landscape) { .hidden-tablet-p{display:none} .visible-tablet-p{display:block} #nav .item.sub.open .dropdown-menu{display:block;visibility:visible;opacity:1;min-width:250px} .hidden-tablet-ls{display:none} #nav .dropdown-menu a { padding: 10px 20px; font-size: .85em; } .banner .text-wrap { width: 70%; } .banner .banner-text .subtitle { font-size: .85em; } .headlines .wrap-right .banner .banner-text .maintitle { font-size: 1em; } #minimized-trustbadge-98e3dadd90eb493088abdc5597a70810, #maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 { display: none!important; } } @media only screen and (min-width: 989px) and (max-width: 1199px) and (orientation: landscape) { .hidden-desktop{display:none} .hidden-tablet-l{display:none} .visible-tablet-l{display:block} .container{max-width:1200px} #top .logo{width:200px} #top .account > .btn{font-size:.85em} #usps i{margin-right:2px} #nav .item:first-of-type > a{padding:0 5px 0 15px} #nav .item:last-of-type > a{padding:0 15px 0 5px} #nav .item > a{padding:0 5px;font-size:.75em;text-align:center} .home-block .products-wrapper.grid-layout{grid-template-columns:repeat(4,1fr)} .grid-layout{grid-template-columns:repeat(3,1fr)} .headlines .slide-item .title{font-size:16px} .headlines .slide-item{height:auto} #topbar .left,#topbar .right{flex:0 1 25%} #footer .stretch.middle-wrap { margin: 0 -15px; } #nav .dropdown-menu a { padding: 10px 20px; font-size: .85em; } .banner .text-wrap { width: 70%; } .banner .banner-text .subtitle { font-size: .85em; } .headlines .wrap-right .banner .banner-text .maintitle { font-size: 1em; } } @media only screen and (min-width: 1200px) and (max-width: 1280px) { .hidden-desktop{display:none} .visible-laptop{display:block} .hidden-laptop{display:none} .container{max-width:1280px} .grid-layout .item-image-container{height:200px} .headlines{min-height:410px} .headlines .owl-carousel .owl-stage-outer{padding-left:0!important;margin-right:0!important} } @media (min-width: 1280px) and (max-width:1440px) { .hidden-desktop{display:none!important} .visible-desktop{display:block} .container{max-width:1280px} #topbar .left,#topbar .right{flex:0 1 30%} } @media (min-width: 1280px) { .hidden-desktop{display:none!important} .container{max-width:1280px} } /*************************************/ /* various fixes for screen resizing */ /*************************************/ @media (min-width: 1280.01px) and (max-width:1298.99px){ #topbar .left, #topbar .right { flex: 0 1 31%; } } @media (min-width: 1199.01px) and (max-width:1199.99px){ #topbar .left .top-span:nth-child(2) { display: none; } } @media (min-width: 990.01px) and (max-width:1020px){ #nav .item { padding: 0 10px; } } @media (min-width: 768px) and (max-width:1024px) and (orientation: landscape){ #mobile-nav.visible-mobile.visible-tablet{display:block;} #content{padding-top:50px;} }