body {font-family: 'Avenir-Roman' !important; color: #000000 !important;font-size: 16px !important;
}
body p{line-height: 24px;}
body {
    background:#ffffff;
    }
.background-img {background: url('https://ecdn.speedsize.com/e846e3c3-208f-47fb-a483-fae8c591f77b/https://www.joemerino.com/pub/media/wysiwyg/Landingspaginas/dikketrui-header-new.jpg') no-repeat; background-size: cover;}
iframe {padding: 60px 0;}
section {clear: both;}
#maincontent {margin-top: 0 !important;}
h3 {font-weight: bold;font-size: 18px;}
.button {text-align: center !important;}
.hero-section h1 {color: #FFFFFF; font-size: 50px; text-align:center;text-shadow:1px 1px 1px black;}
.hero-section h3 {color: #FFFFFF; font-size: 28px; text-align:center;text-shadow:1px 1px 1px black;}
.onder-hero {background: #f8f8f8;float: left; width: 100%;}
.page-main {max-width: 100% !important;padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}
.box {max-width: 1180px; margin: 0 auto; clear:both; overflow:hidden;}
.col-12-mid {width: 100%; padding: 30px 0; }
.col-12 {width: 100%; padding: 30px 0 50px; }
.col-4 {width: 25%; float:left; padding: 30px 4%; } 
.col-4-mid {width: 25%; float:left; padding: 30px 4% 0 4%;  }
.col-4-low {width: 25%;padding: 30px 4% 0 4%; display:inline-block}
.col-8 {width: 64%; float:left; padding: 30px 1%; }
.col-6 {width: 48%; float:left; padding: 30px 1%; }
.hero {padding:180px 0;}
.mobile-hide {display:block}
.centertext {text-align: center;}
.green {background-color: #f8f8f8 !important; display: block; }
.product-link { text-transform: uppercase; font-size: 16px;  color: #000 !important;  letter-spacing: 2px;  line-height: 25px; font-weight:bold !important; clear:both;}
.image-top {height: 423px; width: 1180px; margin: 0 auto; }
.cms-content {width: 600px !important; margin: 0 auto; padding: 45px 0;text-align:center;}

@media screen and (max-width: 767px) and (min-width: 320px) {
.mobile-hide {display:none}
.background-img {background-position:center;}
.box {width: 98% !important; margin: 0 auto; clear:both;}
.col-12 {width: 98%; padding: 20px 0; }
.col-12-mid {width: 100%; padding: 20px 0; }
.col-4 {width: 100%; float:left; padding: 20px 5%;box-sizing: border-box; }
.col-4-mid {width: 90%; float:left; padding: 20px 5% 0 5%; box-sizing: border-box; }
.col-4-low {width: 90%;float: left;padding: 10px 4% 0 4%;box-sizing: border-box;}
.col-8 {width: 100%; float:left; padding: 20px 5%; box-sizing: border-box;}
.col-6 {width: 90%; float:left; padding: 20px 5%; box-sizing: border-box;}
.image-top {overflow: hidden !important; width:100% !important;}
.cms-content {width: 90% !important; float:left; padding: 20px 5%;}
iframe {   height: 280px;}
.hero-section h1 {font-size: 33px; }
.hero-section h3 {font-size: 21px;}
.custom-btn { margin: 5px 0; padding: 9px 70px 9px 40px !important; line-height:30px !important;}

.merino-box-main{overflow: auto; display: flex; padding-bottom: 20px;}
.box.centertext .merino-box-main a{width: auto !important; min-width: calc(250px - 7.5px);}
.box.centertext .merino-box-main a .col-4-low{ width:100%; }
.hero-section br {
    display: none;
}
.hero-section h3 {
    margin-bottom: 30px;
}
.box.waarom-main {overflow: auto; display: flex; padding-bottom: 20px;}
.waarom-main .col-4{ padding: 20px 15px !important; width: auto !important; min-width:calc(300px - 7.5px);  }
.custom-grid.block.widget.block-products-list.grid {display: block !important;}
li.product-item:nth-child(n+4) {display: none;}
.page-layout-1column .custom-grid.block.widget .products-grid .product-item { width: 33% !important;}
}


@media screen and (max-width: 1024px) and (min-width: 769px) {
.box {width: 100%;}
}

@media screen and (max-width: 768px) and (min-width: 480px) {
.box {width: 100%;}
.col-4-low {width: 30%; padding: 30px 0 0 0;}
.col-4 { width: 25%;}
.green .col-4 {width: 93% !important;}
.green .col-8 {width: 100%;}
}



.custom-btn-2 {
    background: #ff6900;
    border: 2px solid #ff6900;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    letter-spacing: 2px;
    font-weight: 400;
    border-radius: 0;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    box-shadow: none;
    height: 18px;
}

.custom-btn-2:after {
    content: '\e608';
    font-family: 'icons-blank-theme';
    color: #fff;
    font-size: 40px;
    position: absolute;
    margin-left: -19px;
}

h1 {
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #555555;
    margin-bottom: 0;
    font-family: 'Avenir-Heavy';
    margin-bottom: 30px;
}

.page-main {
    max-width: 100% !important;
}

.lightbg {
    background: #f8f8f8!important;
}

.lightbg_text a {
    background: #ff6900 !important;
    border: 2px solid #ff6900 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 20px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    padding: 13px 70px 13px 40px !important;
    display: inline-block !important;
    letter-spacing: 2px !important;
    font-weight: normal !important;
    border-radius: 0 !important;
    position: relative !important;
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    box-shadow: none !important;
    margin-bottom: 20px;
}

.lightbg_text a:hover {
    background: transparent;
    color: #ff6900;
    text-decoration: none;
    border: 2px solid #ff6900;
}

#maincontent {
    padding: 0 !important;
}

.lightbg {
    padding: 0 !important;
}

.lightbg_text {
    width: 44% !important;
    padding: 0 10px !important;
}

.rightfloat {
float:right !important;
}

.width_div {
    overflow: hidden;
    padding: 0px 15px !important;
}
.all-product-listing .alle-producten-grid .alle-producten-column{
    width: 33.33%;
    margin: 0px;
    height: auto !important;
    display: inline-block;
    vertical-align: top;
    background:none !important;
    position: relative;
    padding: 0px 15px;
    margin-bottom: 30px;
    float: left;
    box-shadow: none;
    display: flex;
    box-sizing: border-box;

}
.all-product-listing .alle-producten-grid .alle-producten-column a{    
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.18);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,.18);   
     box-shadow: 0 3px 3px rgba(0,0,0,.18);
     display: flex;
background: #fff;
 }
.all-product-listing, .all-products-page .all-product-listing {
    text-align: center;
}

.all-product-listing .alle-producten-grid {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}

.all-product-listing {
    padding-bottom: 30px;
    text-align: center;
    clear:both;
}

.all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-img-container {
    width: 60%;
    float: left;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-txt-container {
    width: 100%;
    float: left;
    padding: 30px 5px 0;
    height: 150px;
    text-align: left;
}
.all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-txt-container h3 {
    margin: 0;
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-txt-container p {
    font-size: 14px;
    line-height: 20px;
    color: #555;
    margin-right: 20px;
}

.all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-content {
    margin: auto 0 !important;
}

.all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-price p {
    font-size: 13px;
    line-height: 20px;
    color: #000000;
}

.all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-price span {
    font-size: 16px;
line-height: 20px;
font-family: 'Avenir-Roman';
color: #555;}

.all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-price {
    width: 100%;
    float: left;
    padding: 0 5px;
    text-align: left;
    box-sizing: border-box;
}
.all-product-listing .alle-producten-grid .alle-producten-column  .alle-producten-content{ width: 40%;
    padding: 10px 8px 10px; margin: auto 0 !important;}
.alle-producten-img-container img {
margin-top: 0px;
}


.cms-landingpage-2021 .breadcrumbs{ display: none; }
.alle-producten-price .subqty {
    background: #f4f4f4;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 14px;
    font-family: 'Avenir-Roman';
    color: #8e8e8e;
    text-transform: uppercase;
    padding: 7px 10px;
    display: inline-block;
    margin-bottom: 11px;
}
.alle-producten-price .subqty .total_products{ font-size: 11px !important;letter-spacing: 1px !important;
    line-height: 14px;font-family: 'Avenir-Roman';    color: #8e8e8e !important;}
  .all-product-listing .alle-producten-grid .alle-producten-column:hover{transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    filter: none;}  

@media screen and (max-width: 991px) {.all-product-listing .alle-producten-grid .alle-producten-column {width: 50% !important;}}
@media screen and (max-width: 767px) {
.lightbg_text {width: 100% !important;}

h1 { text-align: center;}
.width_div { padding: 50px 15px !important;}
iframe {   height: 280px;}
.alle-producten-img-container img {
    margin-top: 28px;
}
}


@media screen and (max-width: 640px){ 
 .all-product-listing .alle-producten-grid .alle-producten-column {
    width: 100% !important;
}
 }

 @media screen and (max-width: 479px){
    .custom-btn{padding: 9px 40px 9px 20px !important; font-size: 13px !important;}
    .custom-btn::after{ margin-left: 0px; }
    .all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-txt-container{
        padding-bottom: 20px;
    }
    .all-product-listing .alle-producten-grid .alle-producten-column .alle-producten-txt-container h3{ padding-bottom: 0px; }
  }