body {font-family: "Signika",sans-serif;font-size:16px; color:#505050; line-height: 1.6} body.advies main p, body.advies main a { font-size: 16px; line-height: 1.6; } body.advies main h1, body.advies main h2, body.advies main h3 { font-weight: 700; line-height: 1.4; } main {background:#fff;margin-top:182px; transition:all .3s ease;} /* @media (min-width: 768px) and (max-width: 991px) { main {margin-top: 310px; } } */ .home-partners h1 { font-size: 30px } main.scrolled {margin-top:100px;} .sp {background:url('../img/boshopnl/sprite.png') no-repeat 0 0;} .aanbieding {margin:5px 0 0 5px; display:inline-block; background-position:-252px -1px; width:44px; height:44px; text-indent:-9999px;} .aanbieding:before {display:none !important;} #prdImg .aanbieding {margin-left:28px !important;margin-top:15px !important;} .hasConfigurator {background-position:-189px -39px;width:37px;height:37px;position:absolute;top:10px;right:10px;} span.blackfriday { width:48px;height:48px;position:absolute;top:10px;left:10px; background:url('../img/svg/black-friday.svg') no-repeat 0 0;} span.actietemp { width:48px;height:48px;position:absolute;top:10px;left:10px; background:url('../img/svg/actie.temp.svg') no-repeat 0 0;} .images-block span.blackfriday,.images-block span.actietemp { width: 60px; height: 60px; left: 22px;} .fastDelivery {background-position:-305px 0;width:37px;height:25px;position:absolute;top:10px;right:10px;} #prdImg .fastDelivery { right: 20px !important } .btn {background:#648C98;color:#fff;text-decoration:none!important;transition: background .15s ease-in-out; padding: 8px 15px; } .btn:hover, .btn:focus, .btn:active { color: #fff; background: #000; } .redTitle { color: #648C98 } div.product-col {border-color:#bcb9b9;float:left;width:100%;} .product-col h4 {font-size:16px;line-height:22px;color:#4c4a4a;font-weight:bold;} .product-col h4 a {font:inherit; color:inherit;} .product-col .btn {background:#fb920a; width:100%;border:none;color:#fff;font-size:24px;line-height:28px;} .product-col .image {height:200px; text-align:center;} .product-col .image img {max-height:200px; margin: 0 auto;} .product-col .caption {float:left;width:100%;padding-top:0!important} /*.product-col .image {margin-bottom:20px;float:left;}*/ .product-col .price-new {color:#3f8391;font-size:24px !important;line-height:30px;font-weight:bold;} .product-col .price-new-in {font-size:24px !important;line-height:30px;font-weight:bold;} .product-col .price {text-align:center;margin:0 0 10px;} .sitemap {list-style:none;padding:0;} .breadcrumb {float:left;width:100%;} .product-filter .display .selected {color:#648C98 !important;} .panel-smart {padding:0;} .panel-title {font-size:17px;margin:0 0 10px;} .heading {float:left;width:100%;margin:0 0 20px;} .panel {box-shadow:none;} #prdImg .bxslider,#prdImg .thumbnail {max-height: 552px !important;} #prdImg .bxslider {min-height: 300px !important;} .bx-controls {opacity:.04;transition:all .6s ease;} .bx-wrapper:hover .bx-controls {opacity:.8;} .bx-viewport {border:1px solid #b0afaf;} #bx-pager { display: flex; } #bx-pager a {width:18.403716%!important;height:95px;margin-left:2%!important;line-height:95px;overflow:hidden} #bx-pager a:nth-of-type(5n+1){margin-left:0!important} #bx-pager a img, #bx-pager a {max-height:95px !important;} .product-details .panel-smart {padding:0;border:none !important;} .product-details h1 {font-size:24px;line-height:30px;font-weight:bold;} #cart-total {background: #fb9006; display: inline-flex; align-items: center; justify-content: center; color: #fff !important; width: 15px; height: 15px; border-radius: 100%; position: absolute; bottom: -8px; left: 10px; font-size: 10px; } .bestpriceLabel {display:inline-block;text-indent:-9999px;background-position:-3px -121px;width:156px;height:110px;vertical-align:middle;} .showroomLabel {display:inline-block;text-indent:-9999px;background-position:-1px -235px;width:206px;height:103px;vertical-align:middle;} .contactLabel {display:inline-block;text-indent:-9999px;background-position:-162px -103px;width:103px;height:128px;vertical-align:middle;} .quickLabel {height:130px;line-height:130px;float:left;width:100%;text-align:center;} .brandloc img {max-width:100%;max-height:130px;display:inline-block;} .quickMenu a {text-decoration:underline;} .quickMenu {border-top:1px solid #b2bbc1;border-bottom:1px solid #b2bbc1;padding:20px 0 10px;margin:15px 0 30px;} #tab-callback .inner {background:#648c98;padding:15px 25px;float:left;} #tab-callback .kop {font-size:44px; line-height:50px; color:#fff; font-weight:bold;} #tab-callback p {font-size:22px; line-height:26px; color:#fff;margin:7px 0 16px; display:inline-block;} #tab-callback strong {font-size:24px; line-height:28px; color:#ffed00;} #tab-callback [type="text"], #tab-callback textarea {background:#7e9fa9;} .formMelding {font-size:16px;} #tab-callback .formMelding {color:#fff;} #tab-callback .btn {background:transparent;border:1px solid #ccc;margin:0 0 10px;} #productdescript .kop {font-size:24px; line-height:30px; font-weight:bold;margin:15px 0 0;} /*.product-info-box .heading {font-size:44px; line-height:50px; font-weight:bold;margin:0 0 20px;}*/ .product-info-box .heading {font-size:30px; line-height:35px; margin:0 0 20px;} .hdNavWinkelmand, .hdNavWinkelmand > li > span.selected {color:#fff !important;} .inShowroom {float:left; width:61px; height:34px; background-position:-186px -1px; margin:2px 8px 0 0;} .inShowroom + a {text-decoration:underline;text-transform:lowercase;font-weight:bold;} .pdf-brochure {float:left; width:45px; height:46px; background-position:-141px 0; margin:-10px 6px 0 0;} .product-details hr {margin:0 0 10px;} .product-details h2 {font-size:18px; font-weight:bold; margin:0;} .cfgOption p {margin:10px 0 3px;} .sShowAllOptions { float: left; font-size: 14px!important; width: 100%; margin: 15px 0 0 0; display: block; text-align: center; border: 1px solid #dfdfdf; padding: 5px; position: relative; text-decoration: none; } .sShowAllOptions span { margin: -2px 0 0 0!important; width: auto!important; height: auto!important; } .sShowAllOptions:hover { border: 1px solid #c9c9c9; text-decoration: none; } .brands-slider { position: relative; } .brands-slider .slide { padding: 5px; } .brands-slider .slide .item { display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; align-items: center; -ms-flex-aling: center; margin: 0px; } .brands-slider .slide img { width: auto; } .brands-slider .slick-arrow { position: absolute; border: none; position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; width: 30px; height: 30px; background: none; z-index: 15; } .brands-slider .slick-arrow:before { content: ''; display: inline-block; width: 100%; height: 100%; background: url("../img/svg/right-arrow.svg") center center / contain no-repeat; } .brands-slider .slick-next { right: 0; bottom: 0; } .brands-slider .slick-prev { left: 0; bottom: 0; transform: rotate(180deg); } .brands-slider:has(>.slide){height:221px;overflow:hidden} .brands-slider:has(>.slide), .brands-slider .slick-track{display:flex!important;flex-direction:row!important} .brands-slider:has(>.slide) .item{width:182px;height:213px} .line1 {margin-bottom:26px !important;} .cart-button.button-group {width:100%;float:left;} .cart-button input {float:left;/*height:38px;*/text-align:center;font-size:24px;margin:0 4% 0 0; /*max-width:25%*/} .prodDetailExtra .cart-button input { height: 42px !important; max-width: 25% !important; } .cart-button input + .btn-cart {float:left;width:70%;} body > pre {position:absolute;left:0;top:0;z-index:5;opacity:.9;} .panel-title {font-size:16px;} .cart-button .btn {background:#fb9006;font-size: 21px;line-height: 28px;} .cart-button .btn:hover {color:#fff;} .prodDetailExtra {float:left;width:100%;margin:40px 0 20px;} .brandHeader {background:#E1E1DF;overflow:hidden;} .brandHeader .container {position:relative;} .brandHeader img {width:auto;float:right;} .brandHeader .logo-herman-miller {position:absolute;width:300px;right:0;top:91px;margin-right:0 !important;} .brandHeader .logo-oka {position:absolute;right:0;top:91px;margin-right:0 !important;} .brandHeader .logo-febru-kantoormeubelen {position:absolute;right:0;top:51px;margin-right:0 !important;} .brandHeader .logo-be-by-beta {position:absolute;right:0;top:78px;margin-right:0 !important;} .brandHeader .logo-viasit {position:absolute;right:0;top:49px;margin-right:0 !important;} .brandHeader .logo-softline {position:absolute;right:0;top:58px;margin-right:0 !important;} .brandHeader .logo-bejot {position:absolute;right:50px;top:58px;margin-right:0 !important;} .form-horizontal .control-label + div {padding-top:7px;} .artikelAantal select option {border-right:1px solid #000;} #perpage option {border-right:1px solid #000;} #bx-pager a img {max-width:100%;} #checkoutFrm fieldset {margin-bottom:15px;} #checkoutFrm .panel-heading {padding:0;} /*#checkoutFrm .radio {padding-top:0 !important;}*/ .product-info-box > .panel-smart {border:1px solid #ddd; border-radius:4px; padding:15px;} .sideMenu .side-heading {margin-bottom: 22px;} .loginpage .panel-smart {border:1px solid #ddd; border-radius:4px; padding:15px;} .ctMapIndoor iframe {max-width:100%;} .totalShowPrice,.totalShowPriceInc {color: #3f8391;font-size: 24px !important;font-weight: bold;line-height: 32px;} .totalShowPriceInc {color: #7DBAC8 !important} .projectPrice .btn {background:#CACACA;font-style:normal;color:#222;} .projectPrice .btn:hover {color:#222;} .projectPrice span {text-decoration:none;width:100%;text-align:center;display:block;} .projectPrice:hover span {text-decoration:none;color:#222;} .detailfoto {list-style:none;padding:0;border: 1px solid #E8E8E8;text-align:center;} .brandItem {margin-bottom:25px;} .brandItem a {text-align:center;} .brandItem span {width:100%;display:block;} .brandItem span + span { height: 36px; } .list-group-item-heading {font-weight:bold;} #sortFrm .pagination {margin: 5px 0; float:right;} .branding .pull-right{ height:155px; } .branding .img-responsive {max-height:155px;float:right;} .product-details .options .radio {margin-top:0;} .poweredby {text-decoration:none;} .product-details h1 {margin:0;} .detailArtnr {margin-bottom:20px;} .levertijd strong {color:#648C98;} .artikelAantal input {width:100%;max-width:28px; border:none; text-align:center} .panel-faq .panel-heading {background:#648C98;} .panel-faq .panel-heading h4 {color:#fff;} .paymethods input[type='radio'] {margin-top:5px !important;min-height:1px;} [class^="payment-"] span {display:inline-block; vertical-align:middle; float:none;} #viesLoader { position: absolute; z-index: 21; top: calc(50vh - 20px); left: calc(50vw - 20px);} #algText{ float:left; width:100%; color:#F00; } .paymethods .sp {display:inline-block; height:25px; margin:0 0 0 5px; vertical-align:middle;} .tooltip { position:absolute; top:50%; right:25px; transform:translateY(-50%); -webkit-transform:translateY(-50%); filter:alpha(opacity=100); opacity:1; } .cfgNotice { display:none; position:absolute; width:calc(100% - 30px); padding:15px 30px 15px 10px; top:0; background:#fff; border:1px solid #b0afaf; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)";/*IE 8*/ -moz-box-shadow:0 4px 15px -5px rgba(0,0,0,.25);/*FF 3.5+*/ -webkit-box-shadow:0 4px 15px -5px rgba(0,0,0,.25);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow:0 4px 15px -5px rgba(0,0,0,.25);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000); /*IE 5.5-7*/ } .cfgNoticeText strong { font-size:18px; font-weight:700; float:left; } .cfgNoticeText span { float:left; clear:left; } .cfgNoticeText span i { font-style:normal; text-decoration:underline; } .cfgNoticeClose { position:absolute; padding:5px; top:0; right:0; background:#fff; border-bottom:1px solid #b0afaf; border-left:1px solid #b0afaf; line-height:11px; text-transform:uppercase; } .cfgNoticeClose:hover, .cfgNoticeClose:focus { background:#b0afaf; color:#fff; text-decoration:none; } #renderContainer { display:none; width: 100%; } .viewNormal { display:none; } .series a {display: inline-block;width: 100%;height: 100%;border:1px solid #648c98;padding: 10px;text-align: center;margin:0 0 10px;} .h4.grey {display: inline-block;width: 100%;margin-bottom: 15px;color: #808080;font-weight: 100;} .series > div {margin-left: -5px;margin-top: -5px;} .series > div > div {padding-left: 5px;padding-right: 5px;} .series img {max-width: 80%;display: inline-block;margin-bottom: 5px;max-height: 158px;} .series a:hover {text-decoration: none;border-color:#000;} .series .name {display: inline-block;width: 100%;color: #648c98;} .series a:hover .name {color: #000;} .merklogo {float: right;text-align:center;max-height: 100px;} .product-details .smallDesc {margin-bottom: 25px !important;} .changeCat {text-decoration: none !important;background: #777;color: #fff;padding: 4px 0;} .changeCat a {text-decoration: none !important;} .changeCat a:hover, .changeCat a:focus {color: #fff;} .checkbox input[type="checkbox"] {margin-right: 4px;} .filter-group .checkbox, .filter-group .radio {margin: 2px 0 !important;} .thuiswinkel-product { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .thuiswinkel-product a { margin-right: 15px; flex: 0 0 130px; margin-bottom: 10px; } .kiyoh-product { text-align: center; padding-top: 14px; display: flex; padding-top: 0; margin-bottom: 10px; } .kiyoh-product img { width: 35px; height: 35px; margin-top: 2px; } .kiyoh-product p { text-align: left; margin-bottom: 0; padding-left: 10px; line-height: 1; padding-top: 8px; } .kiyoh-product em { color: #fb9006; font-style: normal; font-size: 18px; font-weight: 700; } .kiyoh-product a { color: #777; } .brandDesc .desc { font-size: 16px; line-height: 1.6; } .filter-pills .top strong { font-size: 20px; } .filter-pills .bottom { display: flex; flex-wrap: wrap; padding-top: 10px; } .filter-pills .pill { display: inline-block; padding: 10px 20px; border: solid 1px #aaa; margin: 0 10px 10px 0; background: #fff; transition: background .2s ease, color .2s ease, border .2s ease; border-radius: 2px; } .filter-pills .pill:hover, .filter-pills .pill:focus { background: rgba(100, 140, 152, .15); border-color: rgba(100, 140, 152, .15); color: #648c98; text-decoration: none; } .cmsBlok3 h2 + h3 { color: #648c98; margin-bottom: 20px} .cmsBlok24, .cmsBlok25,.cmsBlok3,.cmsBlok2 ,.cmsBlok29,.cmsBlok30 { float: left; } .cmsBlok24 > .col-xs-12, .cmsBlok25 > .col-xs-12 { padding-bottom: 120px; } .cmsBlok24 > .col-xs-12 > .row, .cmsBlok25 > .col-xs-12 > .row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; } .cmsBlok24 figure, .cmsBlok25 figure { position: relative; z-index: 2; } .cmsBlok25 figure { order: 1; } .cmsBlok24 .content, .cmsBlok25 .content { position: relative; } .cmsBlok25 .content { order: 2; } .cmsBlok24 .content:before, .cmsBlok25 .content:before { content: ''; display: block; width: calc(100% - 30px); height: 100%; position: absolute; bottom: 0; right: 15px; left: 15px; background: #648c98; z-index: 1; } .cmsBlok24 .content .inner, .cmsBlok25 .content .inner { padding: 30px; position: relative; z-index: 2; } .cmsBlok24 .content .inner p, .cmsBlok25 .content .inner p { font-size: 16px; } .cmsBlok24 .content .inner p, .cmsBlok24 .content .inner h1, .cmsBlok24 .content .inner h2, .cmsBlok24 .content .inner h3, .cmsBlok25 .content .inner p, .cmsBlok25 .content .inner h1, .cmsBlok25 .content .inner h2, .cmsBlok25 .content .inner h3 { color: #fff; } .cmsBlok24 .content .inner p:last-child, .cmsBlok25 .content .inner p:last-child { margin-bottom: 0; } .cmsBlok24 .content .inner .btn, .cmsBlok25 .content .inner .btn { background: transparent; border: 1px solid #fff; } .cmsBlok24 .content .inner .btn:hover, .cmsBlok24 .content .inner .btn:focus-visible, .cmsBlok25 .content .inner .btn:hover, .cmsBlok25 .content .inner .btn:focus-visible { background: #fff; border: 1px solid #fff; color: #648c98; } .cmsBlok24 a:not(.btn):hover, .cmsBlok25 a:not(.btn):hover { color: #000; } .cmsBlok25 .content:before { background: rgba(0, 0, 0, .15); } .cmsBlok25 .content .inner { padding: 30px; } .cmsBlok25 .content .inner h1, .cmsBlok25 .content .inner h2, .cmsBlok25 .content .inner h3 { color: #444; } .cmsBlok25 .content .inner p { color: #505050; } .cmsBlok25 .content .inner .btn { background: transparent; border: 1px solid #505050; color: #505050; } .cmsBlok25 .content .inner .btn:hover, .cmsBlok25 .content .inner .btn:focus-visible { background: #505050; border: 1px solid #505050; color: #fff; } .cmsBlok26 { float: left; } .cmsBlok26 .inner { padding-bottom: 60px; } .cmsBlok27, .cmsBlok28 { background: #648c98; padding-top: 60px; padding-bottom: 60px; float: left; width: 100%; } .cmsBlok27 p, .cmsBlok27 h1, .cmsBlok27 h2, .cmsBlok27 h3, .cmsBlok28 p, .cmsBlok28 h1, .cmsBlok28 h2, .cmsBlok28 h3 { color: #fff; } .cmsBlok27 .btn { background: #fff; border-color: #fff; color: #648c98; } .cmsBlok27 .btn:hover,.cmsBlok27 .btn:hover { background: #000; border-color: #000; color: #fff; } .cmsBlok28 { background: rgba(0, 0, 0, .15); } .cmsBlok28 h1, .cmsBlok28 h2, .cmsBlok28 h3 { color: #444; } .cmsBlok28 p { color: #505050; } .prd-discount-toggle { width: 100%; display: block; order: 3; margin-top: 1rem; height: 20px; } .prd-discount-toggle a { color: #E8340E; text-align: left; text-decoration: none; } .prd-discount-toggle a:hover, .prd-discount-toggle a:focus { color: #E8340E; text-decoration: underline; } /* New belcellen */ .belcellen h1 {font-size: 3em !important; font-weight: 500 !important; display: flex; align-items: center; margin: 12px 0 0 0;} .belcellen .cmsBlok4 h2 {display: flex; align-items: center; color: #ffff;} .smileyIcon {background: url('../img/boshopnl/smile.svg') no-repeat; width: 88px; height: 88px; margin: auto 12px 0 0;} .belcellen .cmsBlok24 .col-xs-12 {margin-bottom: 24px; padding:0;} .belcellen .cmsBlok24 .imgRow {margin: 0;} .belcellen .cmsBlok24 .imgRow .img1 { padding: 0 12px 0 0;} .belcellen .cmsBlok24 .imgRow .img2 { padding: 0 0 0 12px} .belcellen .cmsBlok24 .imgRow figure img {width: 100%; height: auto; vertical-align: middle;} .belcellen .cmsBlok24 .content { background-color: none; padding: 0px !important;} .belcellen .cmsBlok24 .content::before { content: none;} .belcellen .cmsBlok24 .content .inner {margin: 12px 0 0 0; padding: 0 28px;} .belcellen .cmsBlok24 .content .inner p {color: #000000 !important;} .belcellen .cmsBlok25 .content::before { content: none;} .belcellen .cmsBlok25 .content .inner { padding: 48px !important; background-color: #648C98;} .belcellen .cmsBlok25 .content .inner p { color: #ffff;} .belcellen .cmsBlok25 .content .inner h2 {color: #ffff; font-weight: 400; font-size: 1.8em;} .belcellen .cmsBlok25 .row {margin: 0;} .belcellen .cmsBlok25 .col-xs-12 {padding: 0;} .uspCol {background-color: #ECECEC; float: right; width: 100%; margin-top: -45px; display: flex; justify-content: center;} .uspCol .row {list-style: none; padding: 100px 0px; width: 70%; display: flex; justify-content: center;} .uspCol .row .uspIcon {width: 100px; height: 100px; white-space: nowrap; display: flex; align-items: center; flex-direction: column;} .uspCol .row .uspIcon p {text-align: center;} .belcellen .textBlock1 {margin: 52px 0; display: flex; justify-content: center;} .belcellen .cmsBlok1 .textBlock1 .twoColumn {column-count: 2; padding: 0;} .belcellen .cmsBlok4 .adviesBlock {display: flex; margin-bottom: 32px;} .belcellen .cmsBlok4 .adviesBlock .adviesCol {background-color: #0F434D !important; padding: 24px 48px; display: flex; flex-direction: column; justify-content: center; align-items: start;} .belcellen .cmsBlok4 .adviesBlock .adviesCol p {color: #ffff; margin-bottom: 24px;} .belcellen .cmsBlok4 figure {padding: 0;} .belcellen .cmsBlok4 figure img {object-fit: fill; height: 100%;} .saleGirderNew {background: #ECECEC; padding: 32px 0; margin: 0;} .saleGirderNew .girder span {font-weight: 400; font-size: 36px;} /* End of new */ @media (min-width: 768px) { .prd-discount-toggle { text-align: center; margin-top: 3rem; height: auto; } } @media(min-width:1900px){ .hermanHeader img {margin-left:-90px;float:left;} } @media(min-width:992px) and (max-width:1200px){ #tab-callback .kop, #productdescript .kop { font-size:38px;} #tab-callback strong {display:inline-block;width:100%;} .hermanHeader img {margin-right:-218px;} } @media(min-width:767px) and (max-width:992px){ #tab-callback .kop, #productdescript .kop { font-size:32px;} #tab-callback strong {display:inline-block;width:100%;} .hermanHeader img {margin-right:-239px;} } @media(max-width:767px){ .vervolgHeader img { min-height: 0 } #tab-callback p, #tab-callback strong {font-size:18px;} #tab-callback strong {display:inline-block;width:100%;} #productdescript {margin-bottom:30px;} .product-info-box .heading {font-size:25px;} .product-col .btn {font-size:16px;} .hermanHeader img {margin-right: -426px;} .hermanHeader .logo {width:200px;right:15px;} .cart-button.button-group {text-align:center;} .cart-button.button-group .btn {float: none !important;} .productExtraLabels > div {margin-top:15px; margin-bottom:15px;} .pdf-brochure {margin:-10px 10px 0 13px;} .cart-button.button-group .btn {width:100%;margin:10px 0;} #sortFrm .pagination {margin:0;} .branding {text-align:center;} .brandBlok h1 {text-align:center;} .branding .img-responsive {float:none;display:inline-block;} .betaalprocess #main-menu {display:none;} .artikelAantal select {height:32px;border:1px solid #ccc;} #bx-pager a {width:21.170832%!important} #bx-pager a:nth-of-type(4n+1){margin-left:0!important} .series img {max-width: 100px;} #prdImg ul.bxslider li {line-height: auto;} #prdImg ul.bxslider li a {display: inline-block;height: 100%;width: 100%;} #prdImg ul.bxslider li img.thumbnail {max-height: 100% !important;max-width: 100%;width: auto;height: auto;display: inline-block;margin: 0 !important;vertical-align: top !important;} .brandHeader .logo-herman-miller {max-width: 75%;right:auto;left: 50%;transform: translateX(-50%);} .customerAlready {position: static;width: 100%;margin-bottom: 15px;text-align: center;} #checkoutFrm .form-group {margin: 0 !important;} #checkoutFrm .form-group .col-xs-12 {padding-left:0px;padding-right: 0;} #checkoutFrm .row {margin: 0 !important;} #checkoutFrm .checkbox label {max-width: 100% !important;padding: 0;} .searchToggle {position: absolute;right: 36px;top: 10px;padding: 5px;font-size: 18px;} .searchTop {margin-top: 12px;width: 90%;} #search button{height:30px;width:29px;} #search input[type="text"] {width: calc(100% - 29px);height: 30px;} #logo {width: 89%;} #logo a {max-width: 67%;} #logo img {max-width: 100%;} #search {display: none;} .sideMenu .list-group-item i {color: #00a6d8;} .sideMenu .badge {color: #00a6d8;} .sideMenu .list-group-item.alle {color: #000;} .sideMenu .list-group-item.alle i {color: #000;} .product-col .image {height: 200px; text-align:center; } #prdImg .bxslider { display: flex; } .bx-wrapper, .bx-viewport, .bx-wrapper ul li { overflow: hidden; } .images-block{min-height:360px; display: flex; flex-wrap:wrap;} .images-block .bx-pager {margin-top: auto;} #renderContainer { height: 250px; } } .cookie{position:fixed;width:100%;padding-top:15px;padding-bottom:15px;bottom:0;border-top:1px solid #b3b4b4;z-index:10001;background:#fff;left:0;right:0} .cookie p{color:#4c4a4a} .cookie p a{text-decoration:underline!important} .levertijd{min-height:20px;color:#2f2e2b;font-size:14px;line-height:20px} .levertijd.directleverbaar,.levertijd.opvoorraad{color:#1b8f00} .directleverbaar:before{display:inline-block;content:'';width:16px;height:17px;margin:0 5px -4px 0;background:url('../img/boshopnl/sprite.png') no-repeat -87px -34px} #hmwfh-popup { position: fixed; z-index: 4; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); } #hmwfh-popup .left { padding: 30px; } #hmwfh-popup .left img { max-height: 60px; margin-bottom: 10px; } #hmwfh-popup .left .h1 { font-size: 3rem; font-weight: 700; line-height: 1.3; } #hmwfh-popup .left p { font-size: 2rem; font-weight: 300; line-height: 1.3; } #hmwfh-popup .left label,#hmwfh-popup .left input { font-size: 2rem; font-weight: 300; line-height: 1.3; } #hmwfh-popup .left .btn { background: #fb9006; font-size: 2rem; font-weight: 300; padding: 7px 15px; float: right; margin-top: 15px; } #hmwfh-popup .left .btn:hover, #hmwfh-popup .left .btn:focus { color: #fff; } #hmwfh-popup .left #hmwfh-form { padding-top: 15px; padding-left: 0; padding-right: 0; } #hmwfh-popup .left #hmwfh-form .btn { margin-top: 0; } #hmwfh-popup .right img { height: 600px; object-fit: cover; object-position: 65% 0%; } #hmwfh-popup .js-hmwfh-close { display: inline-flex; align-items: center; justify-content: center; background: #648c98; color: #fff; border: 2px solid #fff; border-radius: 100%; width: 30px; height: 30px; position: absolute; top: 30px; right: 30px; font-size: 20px; transition: background .1s ease; } #hmwfh-popup .js-hmwfh-close:hover, #hmwfh-popup .js-hmwfh-close:focus { text-decoration: none; background: #000; } .hmwfh-catfish { position: fixed; bottom: 0; right: 350px; background: #fff; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 5px; border-radius: 100% 100% 0 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3); z-index: 4; } .hmwfh-catfish span { position: absolute; top: 0; left: 50%; transform: translate(-50%, calc(-100% - 5px)); background: #E8340E; color: #fff; padding: 5px; text-align: center; width: 100px; border-radius: 100px; } .hmwfh-catfish img { max-width: 100%; } @media (max-width: 992px) { #hmwfh-popup .right img { height: 465px; } } @media (max-width: 768px) { #hmwfh-popup { width: calc(100% - 30px); } #hmwfh-popup .left .h1 { font-size: 20px; } #hmwfh-popup .left p { font-size: 14px; } #hmwfh-popup .left label { font-size: 14px; } #hmwfh-popup .left .btn { font-size: 14px; } #hmwfh-popup .left #hmwfh-form { padding-left: 15px; padding-right: 0; } #hmwfh-popup .right { display: none; } /* #hmwfh-popup .right img { height: auto; } */ .hmwfh-catfish { left: 30px; right: auto; } } .test-banner { position: fixed; top: 7px; left: 15px; padding: 5px 15px; background: #e74c3c; color: #fff; border-radius: 10px; z-index: 500; font-weight: 700; } .paymentTxt { margin-bottom: 50px; } .paymentTxt .payment-bank { padding: 7px; text-decoration:none; cursor:pointer} .paymentTxt .payment-bank .inner { background: #fff; border: 1px solid #eee; padding: 10px; transition: all .15s ease-in-out; height: 100%; display: flex; flex-wrap: wrap; align-items: center; } .paymentTxt .payment-bank .inner:hover, .paymentTxt .payment-bank .inner:focus, .paymentTxt .payment-bank .inner:active { border-color: rgb(58, 58, 58) } .paymentTxt .payment-bank input[type="radio"] { display: none; } .home-search { width: 100%; padding-bottom: 45px; } .home-search .col-md-4 .inner { text-align: center; display: flex; align-items: center; justify-content: center; height: 100%; } .home-search h2 { font-weight: 700; color: #4c4a4a; } .home-search form { background: #e9f1f3; padding: 10px; display: flex; } .home-search form input { flex: 1 1 auto; border-radius: 0; border: none; padding: 15px; font-size: 16px; } .home-search form input:focus { outline: none; } .home-search form button { flex: 0 0 50px; background: #648c98; color: #fff; border-radius: 0; border: none; margin-left: 10px; padding: 15px; } .homeprod .inner .col-xs-12 a { text-align: center; } .homeprod .inner .col-xs-12 .btn { margin-top: 10px; } .homeprod5 .inner { background: #648c98; color: #fff; padding: 30px 15px; display: flex; align-items: flex-start; } .homeprod5 .kop { color: #fff; } .homeprod5 a { color: #fff; text-decoration: none; } .homeprod5 a:hover, .homeprod5 a:focus { color: #fff; text-decoration: underline; } .homeprod11 .inner { background: #fff; color: #000; padding: 30px 15px; display: flex; flex-direction: column; justify-content: space-between; } .homeprod11 .inner > .col-xs-12:first-child { flex: 1 1 auto; } .homeprod11 .inner > .col-xs-12:last-child { flex: 0 0 auto; padding-left: 0; padding-right: 0; margin-bottom: -15px; } .homeprod11 .kop { color: #648c98; } .homeprod12 .inner { background: #fb920a; color: #fff; padding: 30px 15px; display: flex; flex-direction: column; justify-content: space-between; } .homeprod12 .inner > .col-xs-12:first-child { flex: 1 1 auto; } .homeprod12 .inner > .col-xs-12:last-child { flex: 0 0 auto; padding-left: 0; padding-right: 0; margin-bottom: -15px; } .homeprod12 .kop { color: #fff; } .homeprod12 img { max-height: 135px; width: auto !important; margin-left: auto; margin-right: auto; } .homeprod12 .btn { background: #fff; color: #fb920a; } .homeprod12 .btn:hover, .homeprod12 .btn:focus { background: #000; color: #fff; } .homeSlider2020 { float: left; width: 100%; background: #93bbc3; } .homeSlider2020 .left { display: flex; align-items: center; padding-top: 30px; padding-bottom: 30px; } .homeSlider2020 .right .inner { display: flex; align-items: center; padding-top: 30px; padding-bottom: 30px; height: 100%; } .homeSlider2020 .right img { width: 100%; } .homeSlider2020 h1 { font-size: 30px; color: #000; font-weight: 700; } .homeSlider2020 p { font-size: 16px; line-height: 1.5; color: #fff; font-weight: 300; } .homeSlider2020 .sActieButton { top: auto; transform: rotate(10deg); bottom: 30px; } .ab-hidden { display: none; } .brand-product { float: right; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; } .brand-product .product-serie { font-size: 15px; text-align: center; } .brand-product .product-serie a { font-size: 15px; } .brand-product .merklogo { display:block; max-height:100px; margin-bottom: 5px; width: 100%; text-align:center } .merklogo img { max-height: 100px; max-width:200px; text-align:center; display:inline } .btn-filter { background: #fff; border: 2px solid #648C98; color: #648C98; padding: 4px 15px; } .btn-filter:hover, .btn-filter:focus { background: #648C98; border: 2px solid #648C98; color: #fff; } .btn-filter.selected { background: #648C98; color: #fff; } .btn-filter.selected:before { content: '\00D7'; margin-right: 7px; } .smallTitle { font-size: 18px; } @media (max-width: 768px) { .brand-product { float: none; justify-content: space-between; -ms-flex-pack: justify; flex-direction: row; -ms-flex-direction: row; margin-bottom: 1rem; flex-wrap: wrap; } .brand-product .product-serie { text-align: left; } .uspCol .row {display: block;} .uspCol .row li {margin-bottom: 56px;} .uspCol .row li:last-child {margin-bottom: 0;} .belcellen .cmsBlok4 figure {display: none;} .belcellen .cmsBlok1 .textBlock1 .twoColumn {column-count: 1;} .belcellen .cmsBlok24 .row {display: block;} .belcellen .cmsBlok24 .row figure:first-child {margin-bottom: 24px;} .belcellen h1 {font-size: 2em !important;} .smileyIcon {display: none;} .belcellen .cmsBlok24 .imgRow .img1, .belcellen .cmsBlok24 .imgRow .img2 {padding: 0;} } @media (min-width: 768px) { .homeprod5 .inner { height: 377px; } .homeprod11 .inner { height: 377px; } .homeprod12 .inner { height: 377px; } .homeSlider2020 h1 { font-size: 40px; } .uspCol .row {display: block;} .uspCol .row li {margin-bottom: 64px;} .uspCol .row li:nth-last-child(-n+2) {margin-bottom: 0;} .belcellen .cmsBlok4 figure {display: none;} } @media (min-width: 992px) { .home-search .col-md-4 .inner { text-align: right; justify-content: flex-end; } .homeprod5 .inner { height: 269px; } .homeprod11 .inner { height: 269px; } .homeprod12 .inner { height: 269px; } .homeSlider2020 h1 { font-size: 50px; } .cmsBlok24 .content:before, .cmsBlok25 .content:before { width: 150%; height: calc(100% + 60px); bottom: -60px; right: 15px; left: auto; } .cmsBlok25 .content:before { right: auto; left: 15px; } .cmsBlok24 .content .inner { padding: 90px 60px 30px 45px; } .cmsBlok25 .content .inner { padding: 90px 45px 30px 60px; } .cmsBlok25 .content { order: 1; } .cmsBlok25 figure { order: 2; } .uspCol .row {display: flex;} .uspCol .row .uspIcon {margin-bottom: 0;} .uspCol .row li {margin-bottom: 0;} .belcellen .cmsBlok4 figure {display: block !important;} } @media (min-width: 1200px) { .homeprod5 .inner { height: 318px; } .homeprod11 .inner { height: 318px; } .homeprod12 .inner { height: 318px; } .homeSlider2020 h1 { font-size: 60px; } } .sActieBlackFriday { background-color: #ffd700; border: 4px solid #000; overflow: hidden; position:absolute; top: 110px; } .sActieBlackFriday span { color: #000; } .sActieBlackFriday .merk-actie { line-height: 1.85; } .sActieBlackFriday .merk-actie span { display: inline-block; font-size: 1.5rem !important; position: absolute; inset: -10px; text-transform: uppercase; opacity: 0.6 } .sActieBlackFriday :is(.actie-content, .actie-cta) { transform: rotate(-5deg); } .sActieBlackFriday .actie-content { line-height: 1; font-size: 2rem !important; margin-bottom: 15px; } .sActieBlackFriday .actie-content strong { text-transform: uppercase; font-size: 5.2rem !important;} .sActieBlackFriday .actie-cta { font-size: 2rem; position: absolute; bottom: 35px;} @media (max-width: 786px) { .sActieBlackFriday { width: 180px; height: 180px; } .sActieBlackFriday .merk-actie { font-size: 1.2rem; } .sActieBlackFriday .merk-actie span { inset: -3px; } .sActieBlackFriday .actie-content { font-size: 2rem; margin-top: 10px; } .sActieBlackFriday .actie-content strong { font-size: 3.8rem;} .sActieBlackFriday .actie-cta {font-size: 1.5rem; bottom: 25px;} } .small-text { font-size: 14px; min-height: 23px } .lease-option .inner{display:flex;flex-direction:column;gap:15px;padding:10px;background:#f9f9f9;border:1px solid #ccc;border-radius:3px} .lease-option .inner>div{display:inherit;align-items:flex-start;justify-content:flex-start;gap:inherit} .lease-image{flex-shrink:0;width:50px;height:auto} .lease-image img{width:100%;height:auto} .lease-text{display:flex;flex-direction:column;gap:5px;width:100%} .lease-text small{font-style:italic;opacity:.75} .lease-title{display:flex;align-items:flex-start;justify-content:space-between;gap:inherit;color:#fb9006;font-size:24px;font-weight:700} .lease-price span{font-size:16px} .lease-price-amount{color:#3f8391;font-size:24px!important;font-weight:700;line-height:32px} span+.lease-price-amount{margin-inline:5px}