/* cmsms stylesheet: main modified: 07-10-19 11:40:54 */
  /*blue*/
  /*middle blue*/
  /*light blue*/
  /*red*/
  /*light grey*/
  /*dark grey*/

body{
font-family: 'Montserrat', sans-serif;
background: #f2f2f2;
/*color:#444;
background: url('/images/strooigoedBG.jpg');*/
}
body.Home {background: #FFF;}
/*section#homeContent>.container {padding-left:60px;padding-right:30px; padding-top:50px;
background: url('/images/lijstjeBG.png') repeat-y;
}*/


form.formSubmitted select:invalid,
form.formSubmitted input:invalid{
  border: solid 1px #F00;
  box-shadow: 0 0 0 .25rem rgba(255,0,0,.25);
}

.shadowBox {
    box-shadow: 0 2px 19px -12px rgba(0, 0, 0, .25);
    background: #FFF;
    padding: 1em;
}
.pCard.shadowBox {
  position: relative;
}
.pCard a {
  text-decoration: none;
}
.pCard .regPricePromo{
color:#FFF;
background: #C00;
position: absolute;
left: 15px; top: 15px;
width:90px;
height:90px;
border-radius:50%;
padding:20px 0 0 0;
line-height:1em;
text-transform: uppercase;
font-size:0.9em;
transform: rotate(-10deg);
text-align: center;
}
.pCard .regPricePromo span{
font-weight: 700;
font-size:1.7em
}

.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: #C00; /*linear-gradient(#F70505 0%, #8F0808 100%);*/
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}



.productPageBar {
    background: #FFF;
    border-top: solid 1px #000;
    z-index: 110;
    position: Fixed;
    bottom: 0;
    min-height: 40px;
}

tr.bg-success.text-white td{color:#FFF !important}

.card-header > .card-tools {
  float: right;
  margin-right: -.625rem;
}
.btn-tool {
  background-color: transparent;
  color: #adb5bd;
  font-size: .875rem;
  margin: -.75rem 0;
  padding: .25rem .5rem;
}



label.selectCouponLabel:HOVER{
/* font-weight:bold; */


}
.CheckCodesModal{
position: fixed;
left:0;
top:0;
right:0;
bottom:0;
z-index:12000;
background:rgba(0,0,0, .85);
}

.CheckCodesModal .modal-content {border-radius:0;}
.CheckCodesModal #CheckCodesBtn,
.CheckCodesModal #setFirstNameBtn {background:#6194BC;border-color:#6194BC;color:#FFF}
.CheckCodesModal .modal-content .modal-header h2 {margin-top:15px;color:#6194BC; font-size:1.8em; text-transform:uppercase}

.ZVG_cart{
  width:60px;
  height:60px;
  background-image:

url("data:image/svg+xml;utf8,<svg aria-hidden='true' style='height:18px;width:auto' focusable='false' data-prefix='far' data-icon='sack' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-sack fa-w-16 fa-7x'><path id='MyRect' fill='rgb(0, 128, 0)' d='M326 115.91l55.4-81.18A24 24 0 0 0 360 0H152a24 24 0 0 0-21.47 34.73L186 115.92C-9.82 235.66.08 392.05.08 412c0 55.23 49.11 100 109.69 100h292.49c60.57 0 109.68-44.77 109.68-100 0-19.59 8.8-177-185.94-296.09zM314.28 48l-38.22 56h-40.12l-38.22-56zm149.66 364c0 28.67-27.67 52-61.68 52H109.77c-34 0-61.68-23.33-61.68-52-.82-81 32.63-175.45 170.91-260h74.08c137.58 84.18 171.53 178.93 170.86 260z'></path></svg>");

  /*      <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>*/
}
.ZVG_cart #MyRect {fill:red;}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}



input[type="radio"]:checked + .slider {
  background-color: #2196F3;
}

input[type="radio"]:disabled + .slider {
  background-color: #DDD;
  border:solid 1px ccc;
}
input[type="radio"]:disabled + .slider:before {
  background-color: #EEE;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input[type="radio"]:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}




body.ytkAngular {font-weight:300; }

section.brand,
section.category,
section.productHolder,
section#homeContent{margin-top:30px;padding-top:60px;padding-bottom:90px;}

body
section#homeContent{margin-top:60px;padding-bottom:90px;background:#FFF;}

.homeLeft{
margin-left:-20px;
background-image: url("/images/style/Combined%20Shape.svg"), url("/images/style/zakvolgeluk.jpg");
background-color: #EFEFEF;
background-position: right, center;
background-repeat: no-repeat;
background-size: cover;
height:100vw;
}

body.home .leftHalfContainer,
body.home .rightHalfContainer {line-height:2em; }

/* PRODUCT LIST */

.productGrid {
    display: grid;
    grid-column-gap: 15px;
    row-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: repeat(1, 1fr);
}

/* PRODUCT CARD */

.productCard a h4.itemTitle {
    font-size: 14px;
    color:#000000;
    font-weight: bold;
    text-align:center;
}

.productCard .imgHolder {
    display: table;
    background-color: #FFF;
    width: 100% !important;
}
.productCard .imgHolder .imgContainer {
    display: table-cell;
    height: 80vw;
    vertical-align: bottom;
    text-align: center;
}
.productCard .imgHolder .imgContainer img {
    max-height: 100%;
    max-width: 100%;
}

.homeContent h1{
color:#A5D1F3;
font-size: 2em;
}
.homeContent h4{
color:#E4001B;
text-transform: uppercase;
}

h1, h2, h3, h4
.h1, .h2, .h3, .h4{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
/*font-family: 'Chilanka', cursive;
font-weight: 400;
color:#00C;*/
line-height: 1.1;
/**/
font-size: 24px;
}
strong,
h1 strong,
h2 strong,
h3 strong,
h4 strong {font-weight:700;}

h1.pageTitle {font-size: 1.5rem; font-weight:300;letter-spacing: 0.3em; margin-right:-0.3em;}

.foundSearchProducts a.badge.bg-success.removeable{
font-size:1.2em;
}

a.badge.bg-success.removeable{
  text-decoration:none;
}
a.badge.bg-success.removeable:HOVER{
  background-color:#C00 !important;
  color:#FFF;
  text-decoration:none;
}
.childNavCol {-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: url(/images/js/loading.GIF) center no-repeat #fff;
}
.bgHolder{
  background:url(/images/backgrounds/keuken.jpg) center center no-repeat;
  background-size:cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index:-1;
}

.btn { border-radius: 0;}

.btn-info,
.btn-info:not(:disabled):not(.disabled):active {
    background: #FFF;
    border: solid 1px #000;

    color: #000;
    text-shadow: none;
    box-shadow: none;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:focus {
background: #CCC;
box-shadow: none;/*0 0 0 .2rem rgba(128,128,128,.5);*/
}

.btn-info:HOVER {
background: #000;
color: #FFF;
border-color:#000;
}
 div.inspiratie {
position:fixed;right:10px; top:10px; padding: 5px 10px; background-color:#000; color:#FFF; z-index:10000
}
div.inspiratie span{display:none;}
div.inspiratie a {color:#FFF;}

#menuToggle {
    display: block;
    position: fixed;
    top: 2px;
    left: 2px;
    z-index: 5000;
    width: 48px;
    height: 48px;
    padding: 13px 8px;
    background: #FFF;
}

#menuToggle .stack {
    background-color: #000;
    height: 2px;
    margin-bottom: 8px;
}

.menuDisplay {
  background:#FFF;
  width: 300px;
  position:fixed;
  z-index:100;
  top:0;
  left:-300px;
  min-height:100vh;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-width:100%;
  overflow:hidden;
}
a.logoHover#menuToggle,
a#menuToggle:HOVER { background: #000; }
a.logoHover#menuToggle .stack,
a#menuToggle:HOVER .stack { background-color: #FFF; }
.menuDisplay.sideActive {
   border-right: 1px solid #ddd;
   left:0;
}
.menuDisplayContent{
  padding:20px;
}
#menuToggle{
  position:fixed;
  z-index:101;
  height:50px;
  width:50px;
  border:none;
}

.menuDisplay ul {
    list-style: none;
    margin-top: 40px;
    text-align: center;
    padding-left: 0;
}
.menuDisplay ul li a {
    text-transform: uppercase;
    line-height: 25px;
    color: #474746;
    letter-spacing: 3px;
    font-weight:normal;
}


.menuDisplay ul ul {
  margin-top:0;
  margin-bottom:5px;
}

.sidebarLogo {
  position:absolute;
  bottom:40px;
}

.splitCol .splitColHolder {
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.splitCol {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 0;
}

.splitCol:nth-child(odd) .splitColHolder:nth-child(even) {order:1}
.splitCol:nth-child(odd) .splitColHolder:nth-child(odd)  {order:2}

.splitCol .splitColHolder:nth-child(even) {padding-right:0;}
.splitCol .splitColContent { min-height:300px; padding:30px;}
.splitColContent p {font-size:18px;}

.splitCol:nth-child(even) .splitColHolder:nth-child(even) {background-color: #000; color: #FFF; }
.splitCol:nth-child(even) .splitColHolder:nth-child(odd)  {background-color: #FFF; color: #000;}
.splitCol:nth-child(odd) .splitColHolder:nth-child(even)  {background-color: #FFF; color: #000;}
.splitCol:nth-child(odd) .splitColHolder:nth-child(odd)   {background-color: #000; color: #FFF; }

.splitCol .splitColHolder h1
{text-align:center; padding:0.5em 0 ; margin: 0 auto; font-size:1.5rem; margin-top: calc( 300px - 1.5rem ); background-color: #fff; color:#000;}

p.brandContent { column-count: 2; }

.textOpener{
padding:100px;
}


.offcanvas-header h5 {font-weight: 700;color:#C00;}
.offcanvas  .overlay.dark, .info-box .overlay.dark, .overlay-wrapper .overlay.dark, .small-box .overlay.dark {
  background-color: rgba(0,0,0,.5);
}
.offcanvas  .overlay, .card .overlay, .info-box .overlay, .overlay-wrapper .overlay, .small-box .overlay {
  border-radius: .25rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255,255,255,.7);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 50;
}
.offcanvas > .overlay {border-radius:0;}

.offcanvas  > .loading-img,
.offcanvas > .overlay,
.card > .overlay,
.info-box > .loading-img,
.info-box > .overlay, .overlay-wrapper > .loading-img, .overlay-wrapper > .overlay, .small-box > .loading-img, .small-box > .overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.textOpener h1{
letter-spacing: 4px;
font-weight:400;
text-transform:uppercase;
}
.textOpener h2{
color:#999;
}

.mouse-outer {
    cursor: pointer;
    border: 3px solid #FFFFFF;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    display: block;
    height: 46px;
    margin: 0 auto;
    width: 26px;
}

.mouse-outer .button {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    height: 9px;
    margin: 5px auto;
    width: 1px;
     -webkit-animation: mouse-move 1s linear infinite;
    -moz-animation: mouse-move 1s linear infinite;
    -ms-animation: mouse-move 1s linear infinite;
    -o-animation: mouse-move 1s linear infinite;
    animation: mouse-move 1s linear infinite;
}



/*********CUSTOM HELPER ********
/*
 * animation helper
 */
.animated {
	visibility: hidden;
}
.visible {
	visibility: visible;
}

@-webkit-keyframes mouse-move {
    from{
        	transform: translateY(0px);
        	opacity:1;
    }
    to{
        	transform: translateY(8px);
        	opacity:0.2;
    }
}
@-moz-keyframes mouse-move {
    from{
        	transform: translateY(0px);
        	opacity:1;
    }
    to{
        	transform: translateY(8px);
        	opacity:0.2;
    }
}
@-o-keyframes mouse-move {
    from{
        	transform: translateY(0px);
        	opacity:1;
    }
    to{
        	transform: translateY(8px);
        	opacity:0.2;
    }
}
@keyframes mouse-move {
    from{
        	transform: translateY(0px);
        	opacity:1;
    }
    to{
        	transform: translateY(8px);
        	opacity:0.2;
    }
}

/*** END HELPER***/



.siteHolder {
  padding:20px 20px 0 20px;
  /*background:#0F0;*/
  float:left;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.siteHolder.sideActive{
  width: -webkit-calc(100% - 250px);
  width: -moz-calc(100% - 250px);
  width: calc(100% - 250px);
}


ul.footerBrandList {
    list-style: none;
    padding: 0;
font-size:0.9em;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.footerBrandList li { text-align:center;line-height:1.2em; background: rgba(255,255,255,.8);margin-bottom:2px;}
.footerBrandList li a { color: #6194BC; text-transform:capitalize;display:block;padding: .3em .5em; text-decoration:none;}
.footerBrandList li a:hover { color:#FFF; background: #6194BC}



/* div#instagramGal {

 column-count: 1; }*/

div#instagramGal { display: grid; grid-template-columns: auto auto ; grid-gap: 10px; }
div#instagramGal>p {height:50vw; margin:0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
/*div#instagramGal>p:nth-of-type(4n+1) { grid-column-start: auto; grid-column-end: auto;}
div#instagramGal>p:nth-of-type(4n-2) { grid-column-start: 2; grid-column-end: 4; }
div#instagramGal>p:nth-of-type(4n+3) { grid-column-start: 1; grid-column-end: 3; }
div#instagramGal>p:nth-of-type(4n+4) { grid-column-start: auto; grid-column-end: auto;} */

.leftHalfContainer h4 {font-size: 1.2rem;}
.leftHalfContainer {float:right}

.rightHalfContainer, .leftHalfContainer{ width:100%;}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .rightHalfContainer, .leftHalfContainer{ width:100%; }
    .productCard .imgContainer { height: 42vw; }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

  body.home section#homeContent{margin-top:60px;padding-bottom:90px;}
  body.home .rightHalfContainer{padding-top:10vh; line-height:2em; }
  .homeLeft{height:50vw; }
  .homeContent h1 { font-size: 3.5em; }
  section.productHolder,
  section.brand,
  section.category,
  section#homeContent{margin-top:90px;padding-top:0;padding-bottom:90px;}
  ul.footerBrandList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  p.brandContent { column-count: 3; }
  .productCard .imgHolder .imgContainer { height: 30vw; }
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  body.home .rightHalfContainer{padding-top:15vh; line-height:2em; }
  .rightHalfContainer, .leftHalfContainer{ width:750px; } .leftHalfContainer h4 {font-size: 1.5rem;}
  /*.rightHalfContainer, .leftHalfContainer{ width:485px; } */
  section.productHolder,
  section.brand,
  section.category,
  section#homeContent{margin-top:120px;padding-bottom:90px;}

  ul.footerBrandList {
    list-style: none;
    padding: 0;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .childNavCol {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .productCard .imgHolder .imgContainer { height: 22vw; }

}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .rightHalfContainer, .leftHalfContainer{ width:585px; } .owl-carousel.brandSlider { min-height: 150px; }

  .productCard .imgHolder .imgContainer { height: 18vw; }
.portfolio-item {
 position:relative;
 right: 0;
 top:0;
 left:0;
 bottom:0;
    margin: 0 !important;;
   padding:0 !important;
}
}


.plus-wrapper {
   display: inline-block;
}


.plus-wrapper .lr {
  width:40px;
  height:2px;
  background-color:#FFF;

-webkit-box-shadow: 3px 4px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 4px 4px 0px rgba(0,0,0,0.75);
box-shadow: 3px 4px 4px 0px rgba(0,0,0,0.75);

}

.plus-wrapper .lr .rl {
   width:40px;
   height:2px;
   background-color:#FFF;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);

-webkit-box-shadow: 3px -2px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px -2px 2px 0px rgba(0,0,0,0.75);
box-shadow: 3px -2px 2px 0px rgba(0,0,0,0.75);
}





.btn-primary {
  background-color:#6194BC;
  border-color:#6194BC;
}
.btn-outline-primary { color:#6194BC; border-color:#6194BC;}
.btn-outline-primary:HOVER { color:#FFFF; background-color:#6194BC;}


.btn-primary:hover {
 /* opacity:.3;*/
  background-color:#A5D1F3;
  border-color:#A5D1F3;
}

/*** END CUSTOM STYLE ***/

@media(min-width:767px) {
     .portfolio-item {
        margin: 0 0 30px;
    }
}


input[type=submit]{
  background-color: #474746;
  border-color: #414140;
  color:#FFF;
  text-transform:uppercase;
  letter-spacing:5px;
}

input[type=submit]:hover {
  color:#FFF;
  opacity: .5;
  background-color: #474746;
  border-color: #414140;Finsta



}

.galleryHolder,
.callout {
  background:#FFF !important;
  margin:0 -20px;
}

footer {
  padding-top:40px;
  width: 100%;
border-top:solid 1px #E4001B;
background:#FFF;
text-align:center;
}
footer .footer{
background: url('/images/sintDoodles.png') no-repeat left bottom;
background-size:75% auto;
}

footer .topRow .centerCol,
footer .topRow .rightCol,
footer .topRow .leftCol {min-height:150px; padding-bottom:20px;}

footer .topRow h4 { color:#6194BC; font-size:1.2em }
footer .socialRow { background:#6194BC;color:#FFF;padding-top:15px;padding-bottom:10px; /*border-top:solid 1px #E4001B;*/}
footer .socialRow a {color:#FFF;}
footer .siteCloser {background:#E4001B; height:5px; }
.btn-social { border-color:#606060;}

.btn-social {

    width: 3.25rem;
    height: 3.25rem;
    font-size: 1.25rem;
    line-height: 2.25rem !important;

}

footer ul {
    list-style: none;
    padding: 0;
}

footer {

}

footer a { color: #FFF; }
footer a:HOVER { color: #999; }
footer .social-buttons span.fa-stack { font-size:24px; }
footer .social-buttons i.fa-stack-1x { color:#000; font-size:0.7em; }

@media (min-width: 320px) {
  footer {
    /*padding: 20px 0px 100px 0px;*/
    /*text-align: center !important;*/
  }
}

.callout p {
    color: #999;
    letter-spacing: 2px;
}



#back-to-top {
    /* display: none; */
    background: #FFF;
    color: black;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 30px 21px;
    width: 60px;
    height: 60px;
    z-index: 9999;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: background 0.1s linear 0s;
    -moz-transition: background 0.1s linear 0s;
    -o-transition: background 0.1s linear 0s;
    transition: background 0.1s linear 0s;
}

.back-to-top-icon {
    width: 24px;
    height: 24px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
}

.feature.map iframe {
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }
}




/* Instagram grid */
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
  /* div#instagramGal {
     column-count: 1;
 }   */
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  footer .topRow .rightCol h4 { font-size:3em; }

  .productGrid {
    grid-template-columns: repeat(3, 1fr);
  }


  footer{text-align:left;}
  footer .centerCol {text-align:center;}
  footer .rightCol {text-align:right;}


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .top-section {
    height:260px;
  }
  .productGrid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .productGrid {
      grid-template-columns: repeat(5, 1fr);
  }
  .container {
    max-width: 1400px;
}
}

/* Xtra Large Devices, Wider Screens */
@media only screen and (min-width : 1600px) {
.container {
    max-width: 1650px;
}
/*.productGrid {
    grid-template-columns: repeat(6, 1fr);
}*/
}




li.sectionheader {
  text-transform:uppercase;
  color:#333;
  margin-top:5px;
  letter-spacing:3px;
  color:#000;
  font-weight:700;
  background-color:#f9f9f9;
  padding:10px 0;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #fafafa;
}

li.sectionheader span.sectionheader  {padding:5px 30px;border-bottom:solid 2px #000; display:inline-block;margin-bottom:10px;}

li.sectionheader a {
font-weight:normal;
}
/* cmsms stylesheet: Shop modified: 04-10-19 14:26:32 */
/***** algemeen *****/

body.ytkAngular #ytkSearchbar{
display:none;
}

a.viewBlok.inv {
background: #FFF;
color:#E4001B;
padding:10px;
}
.childNavCol{
padding-bottom:1em;
}

#ytkSearchbar .form-select,
#ytkSearchbar .form-control {
/*font-size:1.5em;
padding:1em;*/
border-color: #6194BC;
}
#ytkSearchbar .input-group-text{
border-radius:0 !important;
border-color: #6194BC;
color:#fff;
background-color:#6194BC;
}

#ytkSearchbar .searchPrice {float:right;}

.input-group-text.notFirst {
border-left:none;
}

.ytkBrandTitle,
.ytkViewTitle{
color:#6194BC;

}



a.viewBlok {
  display:block;
padding:10px;
text-transform:uppercase;
background: #E4001B;
border:solid 1px #E4001B;
color:#FFF;
font-weight: 700;
font-size:12px;
position:relative;
text-decoration: none;
}
a.viewBlok p {
position:absolute;
margin-bottom:0;
bottom:5px;
width:100%;
font-size:10px;
font-weight: 400;
}
a.viewBlok > hr {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}

div#ytkSearchResults {
    padding: 10px 10px 0 10px;
    position: absolute;
    background-color: #FFF;
    border: solid 1px #ccc;
    width: calc(100% - 28px);
    z-index: 15000;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.65);
}
div#ytkSearchResults a{display:block}


div.ytkLoader {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color: rgba(255,255,255,.9);
  z-index:2000;
}

div.ytkLoader i {
  position:fixed;
  top:50%;
  left:calc(50% - 20px);
  font-size:40px;
}

.directToCart {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color: rgba(0,0,0,.65);
  z-index:1100;
  padding-top:25vh;
  color:#FFF;
}
.directToCart .round {
  display:inline-block;
  font-size:20px;
  text-align:center;
  width: 10em;
  height: 10em;
  overflow: hidden;
  background:#01b9d8;
  -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;

}
.directToCart .round i.fa{
  color:#FFF;
font-size:7em;
line-height:1.35em;

}

i.closedirectToCart {
  cursor:pointer;
color:#FFF;
font-size:32px;
}
i.closedirectToCart:HOVER {
color:#F00;
}

/*.row.row-equal {
  overflow: hidden;
}

.row.row-equal [class*="col-"] {
    margin-bottom: -99999px;
  padding-bottom: 99999px;
  background:#EFEFEF;
}*/
.row.row-equal [class*="col-"] .thumbnail h4{ min-height:55px;}


h1#productTitle{
margin-top:0;
color:#E4001B;
font-size:2.5em;
margin-bottom:15px;
}

div#productPrice,
div.productPrice
 {
  font-weight:700;
  font-size:6em;
  color:#333;
  text-align:center;
   padding:  0;
}


.viewPrice {
font-family: 'Montserrat', sans-serif;
font-weight:700;
}
.viewPrice sup:not(.decimal),
#productPrice sup:not(.decimal),
.productPrice sup:not(.decimal){
    -webkit-transform: scaleY(1.2);
    transform: scaleY(1.2);
    -webkit-transform: scaleX(1.5);
    transform: scaleX(1.5);
}
.viewPrice sup,
#productPrice sup,
.productPrice sup{
    position: relative;
    top: -0.4em;
    left: -0.3em;
    font-size: 60%;
    display: inline-block;
}
.productPrice,
{
  font-size:1.8em;
  color:#060;
}
.productPriceOriginal,
#productPriceOriginal{
  font-size:1.4em;
   text-decoration: line-through;
  color:#C00;
}



div#productSelectorOpen hr {  border: 0; height: 1px; background: #003C67;}
div#productSelectorClose hr { border: 0; height: 1px; background: #003C67;}

.item h4 {color:#000;}
.item div.viewPrice,
p.viewPrice {
font-size:2.5em;
color:#000;
}
.item button:HOVER {text-decoration:none;}

h2 .smaller{
font-size:0.8em;
color:#666;
}

.input-group-addon .checkbox{
margin-top: 3px;
margin-bottom: -3px;
}

/***** view *****/

ul.social.topSocial {
  list-style:none;
  margin-top:3vh;
  text-align:center;
}

ul.social.topSocial li {
  display:inline-block;
}

ul.social.topSocial li a {
  font-size:25px;
  padding:15px;
  color:#99C12C;
}


#finOrders .panel, #finOrders .panel-heading {
    border-radius: 0;
}
#finOrders .panel-heading {
    color: #FFFFFF;
    background-color: #006600;
}
#finOrders .panel-body {
    padding: 0;
}
#finOrders .panel-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.85em;
}
#finOrders .panel-body ul li {
    padding: 12px;
    text-align: center;
    border-bottom: solid 1px #ddd;
}
#finOrders h4.panel-title {
    text-align: center;
    color: #FFF;
    font-size: 1.5em;
    padding: 10px 0;
    text-transform: uppercase;
}

.smallPaddingTable .row.smallPadding{
border-bottom:solid 1px #CCC;
}

/*
.row.smallPadding:last-child{
  border:none;
}

.row.smallPadding,
.row.smallPadding .row,
form .row {margin-left:-7px;margin-right:-7px;}
.row.smallPadding div[class*=col],
form div[class*=col]{
padding-left:7px;
padding-right:7px;
padding-bottom:5px;
padding-top:5px;

}
.row.smallPadding .row {
margin-bottom:-15px;
}
*/
.btn-primary.btn-success{
background-color:#060;

color:#FFF;

}

.btn.fb { color:#FFF; background:#4D70A8}
.btn.tw { color:#FFF; background:#00BBF2}
.btn.wa { color:#FFF; background:#1BD741}
.btn.ig { color:#FFF; background: #d6249f;  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}




.buttonDisabledTooltip{
  border:solid 1px #000;
  border-radius:2px;
  background:#FFF;
  padding:5px 10px;
  display:none;
  color:#000;
  position:absolute;
  top:-30px;
}

.buttonDisabledTooltip span {text-transform:capitalize;color:#C00}

.form-control,
.form-select{
border-radius:0;
}

button[disabled]:hover .buttonDisabledTooltip{
 display:block;
}
.pageCart {
position:fixed;
top:10px;
right:10px;
z-index:40;

}

.shirtBuilder {
background:#FFF;
position:relative;
width:100%;
padding-bottom:105%;

}

.designHolder{
position:absolute;
top:0;
z-index:50;

}
.shirtHolder{
position:absolute;
top:0;
z-index:40;
border: solid 1px #ccc;
}

div.mainImageHolder {
border:solid 1px #CCC;
margin-bottom:15px;
}

.imagesAlt .img-thumbnail{
  border-radius: 0;
cursor: pointer;
}
.imagesAlt .img-thumbnail:HOVER{
  border-color:#000;
}

ul.configSelector{
padding:0;
list-style:none;
margin:0;
margin-bottom:10px;
}

ul.configSelector li
{
  border:solid 2px #CCC;
  background:#000;
  border-radius:5px;
  padding:0;
  margin-right:5px;
  margin-bottom:5px;

  text-align:center;
  display:inline-block;
  width:48px;
  height:48px;
  cursor:pointer;
}
ul.configSelector li.disabled{
  background:#CCC;
  cursor:no-drop;
}

ul.configSelector li.selected{
background:#666;

}

ul.configSelector li {line-height:42px;color:#FFF;font-size:1.2em;font-weight:700;text-transform:uppercase;}



@media only screen and (min-width : 767px) {


.form-control-xl {
    height: calc(3.875rem + 3px);
    padding: .5rem 1rem;
    font-size: 1.5rem;
    line-height:2;
}
.ytkBrandTitle,
.ytkViewTitle { font-size:3em; padding:1em 0; }
.btn-xl,
.input-group-text-xl {
    height: calc(3.875rem + 3px);
    padding: .5rem 1.5rem;
    font-size: 1.5rem;
    line-height:2;
}

.input-group-xl .form-control,
.input-group-xl .form-select {
    height: calc(3.875rem + 3px);
    padding: .5rem 1rem;
    font-size: 1.5rem;
    line-height:2;
}
.ytkBrandTitle,
.ytkViewTitle { font-size:3em; padding:1em 0; }

.input-group-xl .btn,
.input-group-xl .input-group-text {
    height: calc(3.875rem + 3px);
    padding: .5rem 1.5rem;
    font-size: 1.5rem;
    line-height:2;
}


.searchPromo{
  max-width:220px;
}




}




@media only screen and (max-width : 1200px) {

  div#productPrice,
  div.productPrice { font-size:4.5em; }
}

@media only screen and (max-width : 979px) {

  div#productPrice,
  div.productPrice { font-size:3em; }

}

@media only screen and (max-width : 767px) {
section {
  padding-top: 20px;
 padding-bottom: 20px;
}
.center-xs{
text-align:center;
}

h1#productTitle{ font-size:1.2em; }
div#productPrice,
div.productPrice { font-size:1.8em; }
/* a.ytkCartBut{ margin-top:15px; } */
}

@media only screen and (max-width : 480px) {
body {
font-size:12px;
}
p{
line-height:1.5em;
}
}
/*.btn.btn-default,
.btn.btn-primary,
button.btn.btn-default,
button.btn.btn-primary {
    padding: 10px;
}*/

@media only screen and (max-width : 320px) {

}







.ytkCartBut {padding: 15px}
.ytkCartBut svg {height:18px;}
/*.item { padding: 15px; padding-left: 15px; border:solid 1px #FFF}*/
.item .shadowBox {transition: transform .2s; /* Animation */}
.item .shadowBox:HOVER { transform:scale(1.1); box-shadow: 0 2px 19px -12px rgba(0, 0, 0, .95); z-index:100;}
.item h4 {
margin-top:0;
font-size: 14px;
}
/*.item:HOVER{ border-color:#E4001B;}*/
/*.item:HOVER h4,
.item:HOVER .viewPrice{ color:#A5D1F3;}*/

.productCard .viewPrice{
display:inline-block;
color:#000;
font-weight:700;
text-align:center;
font-size:3em;
margin-left:5px;
}

/*** CART (angular) ***/

.ytkAngular #siteLogo svg {
width:200px;
height:auto;
}

.ytkAngular ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #D0EAFF !important;
  opacity: 1; /* Firefox */
}

.ytkAngular :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #D0EAFF !important;
}

.ytkAngular ::-ms-input-placeholder { /* Microsoft Edge */
  color: #D0EAFF !important;
}
/* cmsms stylesheet: navBar modified: 04-10-19 15:03:09 */
#mainNav {
  padding-top: 15px; /*0.15rem;*/
  padding-bottom:  5px; /*0.15rem;*/
  background: none;
  border-bottom: solid 1px #c00;
  background: #FFF;
}




#mainNav a.topLogo img{ position:relative;z-index:5000; height: 50px;  }
#mainNav img.logoInverse {display:none;}
#mainNav.navbar-shrink img.logo { height:30px; display:none;}
#mainNav.navbar-shrink  a.topLogo img{ height:50px; display:block;}

/*#mainNav.navbar-shrink { background: #D0EAFF !important;}

/*#mainNav.navbar-shrink .navbar-nav li.nav-item a.nav-link.active{
  border-bottom:solid 5px #F00;
  padding-bottom: 22px;
  margin-bottom: -19px;
} */

#mainNav .actions .ytkCartBut {padding: 15px; margin-top:-10px;}

#mainNav .navbar-toggler{
border-radius: 0;
  background:#FFF;
border:solid 1px #6194BC;
  font-size:1.25em; font-weight:300;padding: 0.8rem;}

#mainNav li[class~='dropdown']:last-of-type{
/*background:#0F0;*/
}

#mainNav li.dropdown.level0:last-of-type div.dropdown-menu {
    right: 0;
    left: auto;
 /*background:#F00;*/

}


/*#mainNav ul.navbar-nav.navbar-nav>li.nav-item:nth-last-of-type(2)  div.dropdown-menu {background:#F00 !important}*/



#mainNav .navbar-nav {
  margin-top: 0.5rem;
  letter-spacing: 0.0625rem;
}

#mainNav .navbar-nav li.nav-item.nav-item-inverse a.nav-link { font-weight:700;background: #C00; color:#FFF }
#mainNav .navbar-nav li.nav-item a.nav-link { font-weight:700;color: #C00; }
#mainNav .navbar-nav.actions li.nav-item a.nav-link { font-weight:700;color: #6194BC; }
/*#mainNav.navbar-shrink .navbar-nav li.nav-item a.nav-link { color:#A5D1F3; }*/


li.dropdown div.dropdown-menu {
border-radius: 0;
border:none;
border-bottom: solid .5em #666;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover { color:#6194BC;}
#mainNav .navbar-nav li.nav-item a.nav-link.active { color:#6194BC;}
#mainNav .navbar-nav.actions li.nav-item a.nav-link:hover { color:#C00;}
#mainNav .navbar-nav.actions li.nav-item a.nav-link.active { color:#C00;}


@media (min-width: 992px) {
  #mainNav a.topLogo img{ height: 80px;  }
  #mainNav {
    padding-top: 1rem;
    padding-bottom: 0;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    font-size: 1.4em;
    -webkit-transition: font-size 0.3s;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    /*color: #fff;
    background: #18BC9C;*/
    border-color:#F00;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {

    border-color:#F00;
    /*color: #fff;
    background: #18BC9C;*/
  }
  #mainNav.navbar-shrink {
    padding-top:  10px; /*0.15rem;*/
  padding-bottom:  5px; /*0.15rem;*/
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1em;
  }
  /* laatste items andere kant uitlijnen */
  #mainNav ul.navbar-nav.navbar-nav>li.nav-item:nth-last-of-type(2) div.dropdown-menu,
  #mainNav ul.navbar-nav.navbar-nav>li.nav-item:nth-last-of-type(1) div.dropdown-menu,
  #mainNav ul.navbar-nav.navbar-nav>li.nav-item:last-of-type div.dropdown-menu { right: 0; left: auto; }


}



}
/* cmsms stylesheet: Cart modified: 04-10-19 14:23:05 */
/* verlanglijstje */
body.ytkAngular.verlanglijstje {
background: #EFEFEF url('/images/strooigoedBG.jpg');
padding-right:20px;

}

.verlanglijstjeDisplay{
margin: 20px auto 0 auto;
padding:10px 20px 60px 50px;
background: url('/images/lijstjeBG.png') repeat-y ;
max-width: 900px;
-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.8);
box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.8);

}

body.ytkAngular.verlanglijstje h2{ font-size: 1.5em;}


/*/ Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {



}

/*/ Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.verlanglijstjeDisplay{
margin: 50px auto 0 auto;
padding:50px 80px 150px 100px;
}

/* a.ytkCartBut{
position: fixed;
top:15px;
right:15px;
} */


}

/*/ Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { /* css */ }

/*/ Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
/*body.home #mainNav  { background: none !important;}*/
#mainNav .nav-link.dropdown-toggle:HOVER{cursor: default;}
#mainNav .dropdown:hover>.dropdown-menu { display: block; margin-top:-1px; }
li.dropdown div.dropdown-menu {
-webkit-box-shadow: 0px 0px 10px 8px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 8px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}