/** HOMEPAGE **/ .bigTitle { display: none; } .carousel-control.left { background: none; } .carousel-control.right { background: none; } .referenties img { margin: 20px 0 10px 0;width: 100%;} .carousel-inner .btn.btn-primary { position: absolute; bottom: 20px; right: 20px; } .right.carousel-control { height: 55px; position: absolute; top: 100px;} .left.carousel-control { height: 55px; position: absolute; top: 100px;} @media (min-width:992px) and (max-width:1199px) { .right.carousel-control { top: 50px;} .left.carousel-control { top: 50px;} } @media (min-width:769px) and (max-width:991px) { .right.carousel-control { top: 65px;} .left.carousel-control { top: 65px;} } @media (min-width:100px) and (max-width:768px) { .right.carousel-control { top: 15px;} .left.carousel-control { top: 15px;} } /** DIVIDER **/ .section.divider { margin: 30px 0 80px; float: left; width: 100%; } .section.divider .aa { padding: 13px 0 20px; float: left; width: 100%; border-radius: 9px; border: 1px solid #EAEAEA; background: #F4F4F4 } .section.divider img { width: 174px; height: auto; border-radius: 100px; position: absolute; border: 3px solid #EAEAEA; margin-right: 40px; top: -25px; left: 113px } .section.divider p { padding: 0; margin: 0; line-height: 31px; font-family: "Open Sans",sans-serif; font-size: 21px; color: #444; font-weight: 200; width: 99%; text-transform: uppercase; } .section.divider h2 { padding: 0; margin: 0; line-height: 35px; font-family: "Open Sans",sans-serif; font-size: 26px; color: #222; border: 0; font-weight: 700!important; } .section.divider i { margin-right: 10px; } .section.divider strong { margin-right: 15px; font-size: 14px; font-weight: 300; color: #fff; background: #222; border-radius: 9px; padding: 9px 15px; margin-right: 4px; } .section.divider .btn { margin-top: 10px; margin-right: 10px; text-transform: none } .section.divider .btn.btn-white { margin-right: 10px; margin-top: 10px; } .section.divider .desktopOnly { float: left; } /* HOMEPAGE - SIDEBAR */ .productArea .dropdown-header { color: #222222; font-weight: 700; font-size: 13px; font-family: "Open Sans",sans-serif; text-transform: uppercase; float: left; line-height: 41px; border-bottom: 1px solid #f1f1f1; margin-bottom: 0; margin-top: 10px; padding: 10px 0; } .productArea .dropdown-header { color: #222222; font-weight: 700; font-size: 13px; font-family: "Open Sans",sans-serif; text-transform: uppercase; float: left; line-height: 41px; border-bottom: 1px solid #f1f1f1; margin-bottom: 0; margin-top: 10px; padding: 10px 0; } .productArea .dropdown-header i { float: left; position: relative!important; font-size: 15px!important; padding-right: 10px!important; color: #72c02c!important; } .sidebars { border: 1px solid #e0e0e0; border-radius: 9px; } .sidebars h3 { margin: 0; padding: 0; } .sidebars ul { margin: 0; padding:8px 20px; float: left; width: 100%; } .sidebars ul li { font-size: 13px; color: #444444; list-style: none; margin: 0; padding: 2px 0px; line-height: 32px; font-weight: 300; border-top: 1px solid #f1f1f1; width: 100%; float: left; } .sidebars ul li a:link, .sidebars ul li a:visited { color: #444444; width: 100%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 92%; } .sidebars ul li:first-of-type { border-top: none; } .sidebars ul li.last { padding: 5px 10px 0px 0px; } .sidebars ul li.last a:link, .sidebars ul li.last a:visited { color: #444444; font-weight: 300; } .sidebars ul li i { background: white; margin-top:2px; color: #ccc; margin-right: -2px; right: 29px; font-size: 10px; position: absolute; padding: 10px; } .sidebarsTitle { background: #F4F4F4; border-bottom: 1px solid #e0e0e0; height: auto; float: left; width: 100%; } .sidebarsTitle i { color: #444444; padding: 15px; } .sidebarsTitle h3 { color: #222222; font-weight: 700; font-size: 13px; float: left; line-height: 44px; } .sidebars ul li.last strong { font-weight: 700; } ul.topShopsList { border-bottom: 1px solid #f1f1f1} ul.topShopsList .badge { position: absolute; margin-top: 7px; right: 40px; background: #3dbf04; color: #FAFAFA; } .sidebarsProductsShops ul li.dropdown i { background: white; margin-top:2px; color: #ccc; margin-right: -2px; right: 0; font-size: 10px; position: absolute; padding: 10px; } .sidebarsProductsShops ul li.dropdown.open { z-index: 9999999999999; } li.dropdown.open a.dropdown-hover { background: #fff; } .showAllProdutcs { background: #fff; border-top: 1px solid #e5e5e5; } .showAllProdutcs a:link, .showAllProdutcs a:visited { border-radius: 9px; background: #222; color: white!important; border: 1px solid #e45200; line-height: 46px; border: 1px solid #000!important; } .noSideBar.productArea { float: left; width: 100%; margin:0 0 20px 0; } .noSideBar.productArea .product-box { margin-top: 15px; padding-left: 25px; padding-right: 25px; } .sidebars ul li > .dropdown-menu { width: 666px; z-index: 15; padding: 0px; margin: -34px 0 0 200px; position: absolute; float: left; } .sidebars ul li > .dropdown-menu .sidebarSideMenu { border-right: 1px solid #e0e0e0; min-height: 345px; } .productInfo h2 { font-size: 14px; line-height: 24px; text-transform: inherit; height: 50px; overflow: hidden; border: 0 } .productArea .product-box .btn { } .sidebarsProductsShops .product-box { width: 50%; margin-top: 20px; float: left; } .sidebarsProductsShops .product-box-image { padding: 0px; height: auto; margin-bottom: 0px; max-width: 100%; max-height: 120px; } /** HOMEPAGE - SIDEBAR SECOND CAT **/ .dropdown-menu.blaat { display: block} .subCat:hover { background: white; display: block; } .extraCat { height: auto; display: block; position: absolute; z-index: 99; border-left: 1px solid #e8e8e8; height: auto; left: 40%; width: 60%; padding: 0; height: 100%; background: #f3f3f3; margin-left: -1px; } .extraCat ul { float: left; margin-left: -20px; display: block; padding-top: 40px; padding-bottom: 40px; min-height: 277px; margin-top: -20px; width: 110%; } .extraCat ul li { background: white; float: left; padding: 0; margin: 0; width: 100%; } .extraCat ul li a { margin: 0; padding: 0 0 0 20px; z-index: 100; border-bottom: 0px; width: 100%; float: left; line-height: 35px; color: #2a6496; } .extraCat ul li a:hover { background: #f3f3f3 ; text-decoration: none; } .extraCat:hover { display: block!important; } /* END Second cat sidebar */ .homepageProducts .productsBoxBottom { display: none; } .homepageProducts .innerBox:first-child { border-left: 0;} .homepageProducts .innerBox { overflow: hidden; padding: 25px; border-left: 1px solid #f1f1f1; } .homepageProducts { border: 1px solid #e0e0e0; border-radius: 9px; padding: 0px; float: left; width: 100%; } .homepageProducts ul { margin-bottom: 20px; } .homepageProducts .btn { width: 100%; } .homepageProducts h2 { margin: 0; padding: 0; color: #222222; font-size: 14px; line-height: 27px; border: none; text-transform: lowercase; font-weight: 700;} .homepageProducts h2:first-letter { text-transform: capitalize; } .homepageProducts img { max-width: 100%; max-height: 180px; margin: 10px auto 10px auto; display: block; } .homepageProducts i { margin-right: 5px; font-size: 9px!important;; } .section.productsBanner .homepageProducts, .section.productsNoBanner .homepageProducts { margin-bottom: 40px;} .section.productsBanner .selectedProducts .salesBox, .section.productsNoBanner .selectedProducts .salesBox { height: auto; } .section.productsBanner .selectedProducts img, .section.productsNoBanner .selectedProducts img { padding: 10px 10px 0 10px; } .section.productsBanner .selectedProducts, .section.productsNoBanner .selectedProducts { margin-bottom: 40px; } .ribbon-banner { display: block; position: absolute; top: 20px; left: 20px; width: auto; height: auto; line-height: 30px; text-align: center; font-size: 13px; font-weight: 800; color: #222222; background-color: #E4F0DA; z-index: 7; padding: 2px 17px; border-radius: 9px; } .ribbon-banner strong { font-weight: 400; } .bannerHomepage { border-radius: 9px; overflow: hidden; border: 1px solid #e7e7e7; margin-bottom: 20px; } .contactBlockHomepage { border:1px solid #e0e0e0; width: 100%; float: left; border-radius: 9px; overflow: hidden; background: url("/css/cow.nl/images/greenBottomBg.png") #fff; background-position: bottom left; background-repeat: repeat-x; height: 290px; } .contactBlockHomepage p { float: left; margin-top: 30px; margin-bottom: 0; margin-right: 24px; } .contactBlockHomepage h2 { margin:0px; float: left; width: 100%;} .contactBlockHomepage img { max-width: 100%; height: auto; border-radius: 100px; border: 2px solid #ffffff; } .contactBlockHomepage .contactBlockTitle { padding: 20px 30px 30px 30px; } .contactBlockHomepage .BlockCustomerServiceLeft { float: left; width: 40%; padding: 30px; } .contactBlockHomepage .BlockCustomerServiceRight { float: left; width: 60%; } .contactBlockHomepage .BlockCustomerServiceRight .btn { margin-top: 50px; width: auto; } .contactBlockHomepage .BlockCustomerServiceRight strong { font-weight: 700; } /* HOMEPAGE - BANNERS */ .homepageBanners h4 { font-family: 'Open Sans', sans-serif; font-weight: 200; text-transform: uppercase; font-size: 32px; margin-bottom: 30px; margin-top: 0 } .banner01 { background: url("/css/cow.nl/images/homepage/banner01.jpg") #73c12c; background-position: right; background-repeat: no-repeat;border-radius: 9px 0 0 9px; padding: 30px;} .banner02 { background: url("/css/cow.nl/images/homepage/banner02.jpg") #73c12c; background-position: right; background-repeat: no-repeat;padding: 30px; border-left: 1px solid #fff; border-right: 1px solid #fff; } .banner03 { background: url("/css/cow.nl/images/homepage/banner03.jpg") #bae097; background-position: right; background-repeat: no-repeat; border-radius: 0 9px 9px 0; padding: 30px; } .banner04 { overflow: hidden; background: #d52a39; background-position: right; background-repeat: no-repeat;border-radius: 9px 0 0 9px; padding: 0px;} .banner05 { overflow: hidden; background: #fdc633; background-position: right; background-repeat: no-repeat;padding: 0px; border-left: 1px solid #fff; border-right: 1px solid #fff; } .banner06 { overflow: hidden; background: #062f3a; background-position: right; background-repeat: no-repeat; border-radius: 0 9px 9px 0; padding: 0px; } .homepageBannersUniversal h4 { font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 30px; margin:0; position: absolute; top: 30px; left: 30px; } .homepageBannersUniversal .btn { position: absolute; bottom: 30px; left: 30px; } /* HOMEPAGE - SELECTED PRODUCTS */ .selectedProducts { border: 1px solid #e0e0e0; border-radius: 9px; padding: 0; } .selectedProducts i { color: #ffc92d; margin: 5px 0; } .selectedProducts img { width: 97%; padding: 0 10px; } .selectedProducts .salesBox { height: 250px; border-right: 1px solid #e7e7e7; } .selectedProducts .salesBox:nth-child(4n+4) { border-right: none; } .selectedProducts .salesBox:nth-child(-n+4) { border-bottom: 1px solid #e7e7e7; } .selectedProducts .introDesc { } .selectedProducts .introDesc p { margin: 0; padding: 0; float: left; width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 700; } .selectedProductstitle { width: 100%; float: left; } .selectedProductstitle h2 { margin: 0 0px 10px 0px; text-transform: lowercase; } .selectedProductstitle h2 span { border: 0; } .selectedProductstitle h2:first-letter { text-transform: capitalize; } .selectedProductstitle i { line-height: 23px; font-size: 13px; float: left } .introDesc #rating { height: 19px; display: none; } span.introPrice { font-weight: 300; font-size: 13px; margin: 0; padding: 0; line-height: 30px; } .selectedProductsXtra { margin-top: 30px; } .selectedProductsXtra img { max-width: 90%; margin-bottom: 15px; padding-bottom: 25px; border-bottom: 1px solid #e0e0e0; } .selectedProductsXtra h2 { margin:0 0 30px 0} .selectedProductsXtra p { font-size: 15px; line-height: 27px; margin: 0; color: #444; } .selectedProductsXtra .introDesc { float: left; height: 100px; margin-bottom: 25px; } .selectedProductsXtra .introDesc .introPrice { font-size: 22px; line-height: 22px; font-weight: 900; position: relative; color: #222; } .selectedProductsXtra .introDesc .introPrice span { color: #444; font-size: 12px; font-weight: 300; line-height: 27px; } .selectedProductsXtra i { color: #ffc92d; margin: 5px 0; } .selectedProducts .introDesc { color: #222222; font-size: 13px; width: 100%; float: left } .selectedProducts .counts { display: block; position: absolute; top: 19px; left: 19px; width: auto; height: auto; line-height: 30px; text-align: center; font-size: 17px; font-weight: 800; color: #222222; background-color: #E4F0DA; z-index: 7; padding: 5px 15px; border-radius: 9px; } .introDesc #rating { height: 19px; } span.introPrice { font-weight: 300; font-size: 13px; margin: 0; padding: 0; line-height: 23px; float: left; width: 100%; margin-bottom: 20px; } /* HOMEPAGE PORTFOLIO */ .section.productsNoBanner .randomPortfolio .neutralImageBackground, .section.productsBanner .randomPortfolio .neutralImageBackground { background-color: white; border-radius: 9px; margin: 0 auto; display: block; } .section.productsNoBanner .randomPortfolio .btn, .section.productsBanner .randomPortfolio .btn { left: 0; width: auto; } .section.productsBanner .randomPortfolio > div { left: 0;} .section.productsBanner .randomPortfolio .borderLeft { padding-left: 45px; border-left: 1px solid #f1f1f1; } .section.productsBanner .randomPortfolio img.main-image { max-height: 230px; padding: 20px; } .section.productsBanner .randomPortfolio span.rating-text { margin-top: -13px; right: 114px; } .section.productsBanner .randomPortfolio span.rating { border-bottom: 1px solid #f1f1f1; } .section.productsBanner .randomPortfolio .ribbon-banner { display: block; left: -140px; top: 31px; } .section.productsNoBanner .randomPortfolio > div { left: 0;} .section.productsNoBanner .randomPortfolio .btn { left: 0; margin-top: 20px; } .section.productsNoBanner .randomPortfolio .borderLeft { padding-left: 45px; border-left: 1px solid #f1f1f1; } .section.productsNoBanner .randomPortfolio img.main-image { max-height: 230px; padding: 20px; } .section.productsNoBanner .randomPortfolio span.rating-text { margin-top: -13px; right: 114px; } .section.productsNoBanner .randomPortfolio span.rating { border-bottom: 1px solid #f1f1f1; } .section.productsNoBanner .randomPortfolio .ribbon-banner { display: block; left: -140px; top: 31px; } .randomPortfolio > div { border: 1px solid #EAEAEA; padding: 30px; left: 15px; position: relative; border-radius: 9px; overflow: hidden; background-color: #F4F4F4; } .randomPortfolio img.main-image { margin-left: auto; margin-right: auto; display: block; max-width: 100%; } .randomPortfolio .btn { width: 100%; left: 15px; margin-top: 15px; position: relative; } .randomPortfolio p.quote { font-size: 15px; font-style: italic; font-weight: 300; color: #444444; margin: 15px 0 0 0; float: left; } .randomPortfolio p.quote strong { font-weight: 700; color: #222222; font-style: normal; float: left; width: 100%; margin-top: 10px; } .randomPortfolio span.rating { border-bottom: 1px solid #e0e0e0; width: 100%; float: left; margin: 30px 0 30px; } .randomPortfolio span.rating img { margin-left: auto; margin-right: auto; display: block; background: white; } .randomPortfolio span.rating-text { background: white; position: absolute; right: 65px; margin-top: -14px; font-weight: 600; letter-spacing: 0.2px; font-size: 18px; padding-right: 20px; padding-left: 4px; color: #222; } .randomPortfolio div.stars-holder { width:140px; overflow:auto; margin:0 auto -10px; padding:0 20px; background:white; left: -28px; position: relative } .randomPortfolio span.stars-clear { float:left; padding:0; margin:0; } .randomPortfolio span.stars-full { float:left; padding:0; margin:-21px 0 0 0; overflow:hidden;} /* HOMEPAGE MOODSHOT */ .moodshot > div { border: 1px solid #e7e7e7; padding: 25px; left: 15px; position: relative; border-radius: 9px; overflow: hidden } .moodshot .btn { width: 100%; position: relative; float: left; } .moodshot .imageBox { border:0px solid #e7e7e7; background: #F8F8F8; width: 100%; height: auto; padding: 0; max-height: 210px; } .moodshot .imageBox img { width: 100%; } .moodshot .contactBox { border: 1px solid #EAEAEA; background: #F4F4F4; width: 100%; height: auto; padding: 25px; margin-top: 15px; } .moodshot .contactBox a:link, .moodshot .contactBox a:visited { color: #222222; text-decoration: underline; font-weight: 400; } .moodshot .contactBox h4 { color: #222222; font-size: 23px; line-height: 29px; font-weight: 800; margin: 0 0 15px 0; text-transform: lowercase; } .moodshot .contactBox h4 { text-transform: capitalize; } .moodshot .contactBox i { font-size: 20px; margin-right: 10px; } .moodshot .contactBox img { width: 80px; height: 80px; border-radius: 9px; float: left; margin-right: 25px; } .moodshot .contactBox ul { float: left; width: 50%; } .moodshot .contactBox ul li { color: #444444;} .moodshot .contactBox strong { font-weight: bold; color: #222222; } .section.topcat .container { padding-bottom: 80px;} .section.topcat .hotcat h3 { font-size: 15px; font-weight: 600; color: #222222; margin: 0; padding: 0; line-height: 25px; text-transform: uppercase } .section.topcat .hotcat .desc { line-height: 25px; } .section.topcat .hotcat .btn:visited { color: white; } .section.topcat .hotcat img { border-bottom: 1px solid #ffffff; width: 100%; margin-bottom: 15px; border-radius: 4px; } .section.content strong { color: #222222; } .section.content .columnRight p { margin-left: 35px; margin-bottom: 25px } .section.blocks h2 { margin-left: 0; margin-bottom: 20px; } .section.blocks img { position: absolute; right: 0; top: -40px; } .section.blocks .emailName { margin-bottom: 20px; border-radius: 0; border: 3px solid #ece9e3; padding: 10px 11px; } .section.blocks .btn { color: white; } .mobileTitle { display: none; } .section.products { margin-bottom: 55px; margin-top: 10px; float: left; width: 100%; } .section.productsBanner { margin-bottom: 55px; margin-top: 10px; float: left; width: 100%; } .section.productsNoBanner { margin-bottom: 55px; margin-top: 10px; float: left; width: 100%; } .section.productsNoBanner { margin-bottom: 55px; margin-top: 10px; float: left; width: 100%; } .section.banners { margin: 0 0 55px 0; float: left; width: 100%; } .section.bannersXtra { margin: 0 0 85px 0; float: left; width: 100%; } .section.referenties { margin:0 0 110px; float: left; width: 100%; } .section.intro { margin-bottom: 45px; } .section.content { margin: 0px; } .section.blocks { margin: 0px 0 45px 0; } .section.topcat { margin: 0; } /** FAQ CUSTOMER SERVICE **/ .companyDetails label { line-height: 30px; font-size: 14px; margin: 0; font-weight: 300; } .companyDetails span { line-height: 30px; font-size: 14px; float: right; text-align: left; width: 52%; } .customerSidebar strong { color:#014587; font-size: 13px; } .customerSidebar ul li { font-size: 13px; line-height: 23px; } .customerServiceRight h4 { color: white; font-weight: 500; font-size: 15px; } .customerServiceRight ul li { color: white; font-size: 12px; line-height: 21px; } .faqtitle { font-weight: 500; color: #014587; font-size: 15px; } .inputfield input { color: #555; } .inputfield textArea { color: #555; } .hint { font-size: 11px; } .errorMessage { color: white; display: none} .contactForm strong { font-weight: 500; font-size: 15px; } .contactForm label { color: #555555; font-weight: 300; } .contactForm input[type="text"] { color: #555555; } .ccaptcha a:link, .ccaptcha a:visited { color: #555; font-size: 9px; font-weight: 300; } .ccaptcha img { width: 50%; margin-left: -6px; margin-right: 0} .hideItem { color: #31708f; } .hideItem .linkList a:link, .hideItem .linkList a:visited { color: #555555; } /** MOBILE VIEW **/ @media (max-width: 767px) { /* HOMEPAGE */ .referenties img { margin: 20px 0 10px 0; width: 100%;} .section.blocks img { margin-top: 30px; } .leftSideHome { margin-left: auto; border-right: none; border-top: none; } .moodshot .imageBox { display: none; } .moodshot .contactBox { background: #e7e7e7; border: 1px solid #e0e0e0; padding: 25px; } .moodshot .contactBox img { width: 94px; height: 94px; margin-top: 4px; } .moodshot { margin-left: -15px; padding: 0; } .moodshot .contactBox h4 { color: #222; font-weight: 700; } .moodshot .contactBox ul { margin-left: 0; } .moodshot .contactBox ul li { color: #444; font-size: 21px; font-weight: 200; line-height: 31px; font-family: "Open Sans",sans-serif; } .moodshot .contactBox a:link, .moodshot .contactBox a:visited { color: #444; } .selectedProductsXtra .col-xs-6 { min-height: 300px } .bannerHomepage { margin-top: 25px; } .contactBlockHomepage .BlockCustomerServiceLeft { display: none } .contactBlockHomepage .BlockCustomerServiceRight { width: 100%; padding: 0 30px 30px 30px; } .contactBlockHomepage .BlockCustomerServiceRight .btn { margin-top: 10px; width: 100%;} .contactBlockHomepage p { display: none} .contactBlockHomepage h2 { margin-bottom: 25px; } .contactBlockHomepage { height: auto; background: none} .portfolioBlockHomepage { margin-bottom: 30px; background: none; } .portfolioBlockHomepage p { width: 100%; } .portfolioBlockHomepage h2 { width: 100%; } .sidebars { display: none; } .sidebars.mobile { display: block} .selectedProducts .salesBox:nth-child(-n+6) { border-bottom: 1px solid #e7e7e7} .homepageProducts img { width: 35%; margin: 0; float: left; padding-right: 25px } .homepageProducts { border: none; padding: 0; margin-top: 0px; } .homepageProducts h2 { font-size: 15px; line-height: 20px; float: left; width: 65%; margin-top: 0; text-align: left; margin-top: 2%; } .homepageProducts .innerBox:first-of-type { margin-top: 0; border: 1px solid #e7e7e7; border-radius: 5px 5px 0 0 ; } .homepageProducts .innerBox { padding: 18px 15px; border: 1px solid #e7e7e7; margin: -1px 0 0px 0 } .homepageProducts ul { display: none } .homepageProducts .ribbon-banner { display: none; } .homepageProducts .btn { padding: 11px; width: 65%; float: left; } .homepageProducts .productsBoxBottom { display: block; background: #f8f8f8; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; width: 100%; float: left; border-radius: 0 0 5px 5px; } .homepageProducts .productsBoxBottom .btn-large { border: 0px solid #e7e7e7; width: 100%; float: left; padding: 15px; font-weight: 400; color: #444; } .homepageProducts .productsBoxBottom i { margin-left: 15px; } .banner01 { background: url("/css/cow.nl/images/homepage/banner01.jpg") #b9e096; border-radius: 9px; margin-bottom: 15px; background-repeat: no-repeat; background-position: right } .banner02 { background: url("/css/cow.nl/images/homepage/banner02.jpg") #b9e096; border-radius: 9px; margin-bottom: 15px; background-repeat: no-repeat; background-position: right; } .banner03 { background: url("/css/cow.nl/images/homepage/banner03.jpg") #b9e096; border-radius: 9px; margin-bottom: 15px; background-repeat: no-repeat; background-position: right; } .banner04 { border-radius: 9px; margin-bottom: 15px; background-repeat: no-repeat; background-position: right } .banner05 { border-radius: 9px; margin-bottom: 15px; background-repeat: no-repeat; background-position: right; } .banner06 { border-radius: 9px; margin-bottom: 15px; background-repeat: no-repeat; background-position: right; } .selectedProducts .salesBox { height: auto} .randomPortfolio { display: none; } .section.content .columnRight { margin-top: 40px; } .section.content .columnRight p { margin-left: 0px;} .section.divider { margin-top: 25px; } .section.divider p { text-align: center; } .section.divider strong { width: 100%; float: left; } .section.divider img { display: none} .section.divider .btn { width: 100%; margin-top: 15px; } .section.divider h2 { text-align: center; } .btn.btn-default.fwbutton.opencat { display: none } .btn.btn-default.fwbutton.openfilter { display: none } .catnav.category-active { width: 100%; padding-top: 85px; padding-bottom: 30px; } .catnav.category-active .subCatBlock { display: block; width: 48.50%; margin: 1%; padding: 1rem; } .catnav.category-active .subCatBlock:nth-of-type(odd) { margin-left: 0; } .catnav.category-active .catnavHead { background:#f5f5f5; border-bottom: 1px solid #ddd; width: 100%; position: fixed; top: 0; z-index: 99; } .catnav.category-active .closebtn { position: fixed; padding: 0 15px } .catnav.category-active .closebtn:hover { cursor: pointer; color: #555; transition: 0.2s; } .catnav.category-active .subCatBlock .catCount { display: none} .subCatBlock .categoryName { padding: 0; text-align: left} .subCatBlock .badge { display: block; position: absolute; padding: 8px 12px;} #productCountMobile span { background: white; color: #555; border-radius: 4px; padding: 2px 4px; } .sidebarFilter .filterName { margin-bottom: 0; margin-top: 0; } .sidebarFilter label { line-height: 28px; margin: 0; font-weight: 300; font-size: 16px;} .sidenav.filter-active .panel-heading { z-index: 99; } .sidenav.filter-active .panel-title { line-height: 30px;} .sidenav.filter-active .filterValue.filterPrice span { color: #555; font-size: 14px; } } /** LOWRES VIEW **/ @media (min-width: 768px) and (max-width: 991px) { /* HOMEPAGE */ .homepageProducts img { width: 100%; float: none; margin-right: auto; margin-left: auto; } .sidebarsProducts { display: none; } .homepageProducts .btn { width: 100%; margin-top: 15px;} .homepageProducts { border-radius: 0 0 5px 5px; } .sidebars { width: 100%; float: left; border-radius: 5px 5px 0 0; border-bottom: none; display: none; } .section.divider p { text-align: center; } .section.divider img { margin-left: auto; margin-right: auto; float: none!important; position: relative; left: auto; margin-top: -63PX; display: block; } .section.divider { padding: 30px 0 20px; } .section.divider .btn { margin-top: 18px; } .section.divider h2 { text-align: center; line-height: 34px; } .section.divider .aa { padding: 40px; } .section.divider .btn { width: 100%; } .randomPortfolio { padding: 0; margin-top: 30px; } .randomPortfolio > div { left: 0} .randomPortfolio .btn { left: 0} .section.intro .moodshot { left: -15px; padding: 0; margin-top: 30px; } .section.content .columnRight { left: -20px; padding: 0; margin-top: 30px; } .referenties img { width: 100%; } /* HOMEPAGE */ .sidebars { width: 100%; float: left; border-radius: 5px 5px 0 0; border-bottom: none; display: none; } .section.blocks img { position: absolute; width: 30%; float: right; clear: both; } .cowicon { display: none; } .contactBlockHomepage:first-of-type { margin-bottom: 15px; } .section.productsBanner .selectedProducts .salesBox { height: 250px; } .section.productsNoBanner .selectedProducts .salesBox { height: 250px; } .section.productsNoBanner .randomPortfolio span.rating-text { right: 80px; } .section.productsBanner .randomPortfolio span.rating-text { right: 80px; } .randomPortfolio span.rating-text { right: 244px; background: white; } }