#custom_simple_slider{
position: relative;
display: block;
margin:0;
padding:0;
width:100%;
height:0;
padding-bottom:70%;
transition:all 1s;
}
#custom_simple_slider_fullscreen_background{
position: fixed;
display:none;
width:100%;
height:100%;  
z-index:88;
left:0;
right:0;
top:0;
bottom:0;
background:black;
opacity:.87;
}
#custom_simple_slider_fullscreen_background #close{
position: fixed;
display:block;
width:30px;
height:30px;
font-size:30px;
line-height:30px;
color:white;
top:5%;
right:5%;
cursor: pointer;
}
#custom_simple_slider.fullscreen{
position: fixed;
padding:0;
height:90%;
width:120vh;
max-width:100%;
height:90vh;
top:5%;
left:0;
right:0;
margin:0 auto;
bottom:5%;
z-index:99;
}
#custom_simple_slider #img{
position: absolute;
display: block;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:82%;
margin:0;
padding:0;
background-size:100% auto;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
cursor:pointer;
}
#custom_simple_slider ul#pagination{
position: absolute;
bottom:0;
margin:0;
padding:0;
width:100%;
height:18%;
list-style-type: none;
}
#custom_simple_slider ul#pagination li{
display: inline-block;
margin-top:4px;
box-sizing: border-box;
height:100%;
cursor:pointer;
background-size:100% auto;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: grayscale(100%);
filter: gray;
transition: all .6s;
}
#custom_simple_slider ul#pagination li:last-of-type{
margin-right:0;
}
#custom_simple_slider ul#pagination li.active,
#custom_simple_slider ul#pagination li:hover{
-webkit-filter: grayscale(0%);
filter: none;
}h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8{
font-family: 'QlassikMedium';
}
#product_gallerij{
font-family: "Helvetica Neue", helvetica, sans-serif;
display:block;
margin:0;
padding:0;
width:100%;
max-width:980px;
min-height:400px; margin-top:-20px;
}
#product_gallerij #header{
display:block;
margin:0;
padding:0;
width:100%;
height:230px;
background-position: center; 
background-size: cover;
position: relative;
transition: background-image 1s;
}
#product_gallerij #header h1{
font-weight:600;
font-size:90px;
line-height:100px;
padding:0;
margin:0 10px 0 0;
position: absolute;
bottom:0;
right:0;
color:#F0E9DB;
font-family: 'QlassikMedium';
text-shadow: 2px 2px 2px #555555;
opacity:.8; 
}
#product_gallerij ul#menu{
display:block;
top:0;
margin:0;
padding:0;
width:100%;
text-align: center;
margin:20px 0 0 0;
}
#product_gallerij ul#menu li{
display:inline-block;
list-style-type:none;
padding:10px 17px;
margin: 10px;
box-sizing:border-box;
cursor:pointer;
transition: all .5s;
font-size: 16px;
font-weight: 500;
color:#535353;
text-align: left;
background: #fafafa;
border: 1px solid #dbdbdb;
}
#product_gallerij ul#menu li:hover,
#product_gallerij ul#menu li.active{
color:white;
} #product_gallerij ul#menu li:nth-child(4n+1){
border-bottom: 4px solid #860038;
}
#product_gallerij ul#menu li:nth-child(4n+1):hover,
#product_gallerij ul#menu li:nth-child(4n+1).active{
background: #860038;
} #product_gallerij ul#menu li:nth-child(4n+2){
border-bottom: 4px solid #9FA617;
}
#product_gallerij ul#menu li:nth-child(4n+2):hover,
#product_gallerij ul#menu li:nth-child(4n+2).active{
background:#9FA617;
} #product_gallerij ul#menu li:nth-child(4n+3){
border-bottom: 4px solid #CE7019;
}
#product_gallerij ul#menu li:nth-child(4n+3):hover,
#product_gallerij ul#menu li:nth-child(4n+3).active{
background:#CE7019;
} #product_gallerij ul#menu li:nth-child(4n+4){
border-bottom: 4px solid #E7D2AD;
}
#product_gallerij ul#menu li:nth-child(4n+4):hover,
#product_gallerij ul#menu li:nth-child(4n+4).active{
background:#E7D2AD;
}
#product_gallerij #beschrijving{
display:none;
width:75%;
box-sizing: border-box;
height:auto;
margin:0 auto;
text-align: center;
font-size:14px;
color:#2c2c2c;
background:none;
}
#product_gallerij #beschrijving:before,
#product_gallerij #beschrijving:after {
display: block;
border: 0;
height: 1px;
width:100%;
content:' ';
margin:20px auto;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(31, 31, 31, 0.3), rgba(0, 0, 0, 0));
}
#product_gallerij ul#producten{
padding:20px 0 0 0;
box-sizing: border-box;
vertical-align: top;
margin:0;
height:auto;
width:100%;
display:block;
text-align:left;
}
#product_gallerij ul#producten li{
display: inline-block;
vertical-align: top;
width:calc(100% / 3 - 20px);
box-sizing: border-box;
height:385px;
overflow:hidden;
margin: 15px 10px;
padding:10px;
text-align: left;
position: relative;
transition: all 0.2s;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.25);
}
#product_gallerij ul#producten li:hover,
#product_gallerij ul#producten li:focus{
-webkit-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.75);
}
#product_gallerij ul#producten li:hover > a.button{
opacity:1;
}
#product_gallerij ul#producten a{
color:inherit;
cursor:pointer;
text-decoration: none;
}
#product_gallerij ul#producten li p{
display: block;
margin:0;
padding:0;
font-size:12px;
transition: color .4s;
color:#2c2c2c;
}
#product_gallerij ul#producten #image_wrapper{
width:100%;
display: block;
height:185px;
position: relative;
padding:0;
margin:0;
overflow:hidden;
}
#product_gallerij ul#producten li #image_wrapper img{
display: block;
width:100%;
min-height:100%;
position: absolute;
top:0;
bottom:0;
margin: auto;
}
#product_gallerij ul#producten li p.titel{
font-size:22px;
line-height: 22px;
font-family: 'QlassikMedium';
padding:0;
margin:3px 0;
}
#product_gallerij ul#producten li #image_wrapper p.prijs{
font-weight:normal;
font-size:19px;
line-height: 19px;
position: absolute;
right:0;
bottom:0;
background: #860038;
color:white;
display: block;
widt:auto;
float:right;
padding:7px 10px;
}
#product_gallerij ul#producten li #image_wrapper p.prijs small{
font-size: 58%;
}
#product_gallerij ul#producten li span.badge{
font-weight:300;
font-size:17px;
background:#CE7019; 
padding:4px 6px;
color:white;
display: block;
position:absolute;
top:0;
left:0;
}
#product_gallerij ul#producten li p.beschrijving{
font-style: italic;
margin:0;
padding:0;
margin-top:5px;
font-weight: 500;
}
#product_gallerij ul#producten li a.button{
display: block;
border-radius: 0;
box-shadow:none;
width:auto;
opacity:0;
transition: all 0.2s;
font-weight:500;
font-size:17px;
background:#CE7019; 
color:white;
text-align:center;
position:absolute;
bottom:15px;
left:15px;
right:15px;
height:35px;
line-height:35px;
} #product_gallerij.rwijn ul#producten li,
#product_gallerij.wwijn ul#producten li,
#product_gallerij.dwijn ul#producten li,
#product_gallerij.champagneprosecco ul#producten li,
#product_gallerij.rose ul#producten li{
width:calc(16% - 20px);
margin:0 0 20px 20px;
height:430px;
background:none;
display: inline-block;
border:0;
}
#product_gallerij.rwijn ul#producten li p.beschrijving,
#product_gallerij.wwijn ul#producten li p.beschrijving,
#product_gallerij.dwijn ul#producten li p.beschrijving,
#product_gallerij.champagneprosecco ul#producten li p.beschrijving,
#product_gallerij.rose ul#producten li p.beschrijving,
#product_gallerij.rwijn ul#producten li p.titel,
#product_gallerij.wwijn ul#producten li p.titel,
#product_gallerij.dwijn ul#producten li p.titel,
#product_gallerij.champagneprosecco ul#producten li p.titel,
#product_gallerij.rose ul#producten li p.titel{
display:none;
}
#product_gallerij.rwijn ul#producten #image_wrapper,
#product_gallerij.wwijn ul#producten #image_wrapper,
#product_gallerij.dwijn ul#producten #image_wrapper,
#product_gallerij.champagneprosecco ul#producten #image_wrapper,
#product_gallerij.rose ul#producten #image_wrapper{
width:100%;
height:calc(100% - 60px);
text-align: center;
}
#product_gallerij.rwijn ul#producten #image_wrapper p.prijs,
#product_gallerij.wwijn ul#producten #image_wrapper p.prijs,
#product_gallerij.dwijn ul#producten #image_wrapper p.prijs,
#product_gallerij.champagneprosecco ul#producten #image_wrapper p.prijs,
#product_gallerij.rose ul#producten #image_wrapper p.prijs{
font-size:25px;
line-height: 25px;
}
#product_gallerij.rwijn ul#producten #image_wrapper img,
#product_gallerij.wwijn ul#producten #image_wrapper img,
#product_gallerij.dwijn ul#producten #image_wrapper img,
#product_gallerij.champagneprosecco ul#producten #image_wrapper img,
#product_gallerij.rose ul#producten #image_wrapper img{
width:100%;
height:100%;
max-width:110px;
position: relative;
}  /*/*//*/*//*/*/#single_product{
}
#single_product a.terug_link{
margin:0;
padding:0;
display: block;
margin-bottom:10px;
}
#single_product p{
display: block;
margin:0;
padding:0;
color:#2c2c2c;
}
#single_product h1,
#single_product h2,
#single_product h3,
#single_product h4,
#single_product h5,
#single_product h6,
#single_product h7,
#single_product h8{
margin:0;
}
#single_product #image_wrapper{
width:400px;
display: block;
height:auto;
position: relative;
padding:0;
margin:0;
margin: 0 15px 15px 0;
overflow:hidden;
float:left;
box-sizing: border-box;/**/border: 1px solid #dbdbdb;
padding: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 0px 3px #eee;
-moz-box-shadow: 0px 0px 3px #eee;
box-shadow: 0px 0px 3px #eee;
text-align: center;
}
#single_product #image_wrapper a img{
display: block;
width:100%;
height:auto;
} #single_product #image_wrapper p.prijs{
font-weight:normal;
font-size:25px;
line-height: 25px;
position: absolute;
right:0;
bottom:0;
background: #860038;
color:white;
display: block;
width:auto;
float:right;
padding:6px 14px;
margin:0;
}
#single_product #image_wrapper p.prijs small{
font-size: 58%;
}
#single_product span.badge{
font-weight:300;
font-size:18px;
vertical-align: top;
background:#CE7019; 
padding:2px 5px;
margin:0;
color:white;
display: inline;
margin-right:5px;
box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.57);
}
#single_product #details{
height:auto;
width:auto;
margin-left:400px;
display:block;
padding:5px 15px;
box-sizing: border-box;
position: relative;
}
#single_product #details p.titel{
font-size:24px;
line-height:26px;
font-family: 'QlassikMedium';
padding:5px 0;
margin-bottom:10px;
color:black;
}
#single_product #details p{
font-size:14px;
font-family: "Helvetica Neue", helvetica, sans-serif;
color:#676767;
}
#single_product #details ul:not(#pagination){
padding: 5px;
padding-left: 20px;
}
#single_product #details ul.menu_kaart{
width:calc(100% - 20px);
max-width:750px;
font-size:19px;
font-family: 'QlassikMedium';
color:#2c2c2c;
margin: 0 auto !important;
}
#single_product #details ul.menu_kaart li{
padding:4px 0;
}
#single_product #details ul.menu_kaart li .small{
font-size:70%;
}
#single_product #details ul.menu_kaart li .prijs{
float:right;
} #single_product.rwijn #image_wrapper,
#single_product.wwijn #image_wrapper,
#single_product.dwijn #image_wrapper,
#single_product.champagneprosecco #image_wrapper,
#single_product.rose #image_wrapper{
width:150px;
height: auto;
border:0;
border-radius: 0;
box-shadow: none;
}
#single_product.rwijn #details,
#single_product.wwijn #details,
#single_product.dwijn #details,
#single_product.champagneprosecco #details,
#single_product.rose #details{
margin-left:180px;
}
#single_product.rwijn #details table,
#single_product.wwijn #details table,
#single_product.dwijn #details table,
#single_product.champagneprosecco #details table,
#single_product.rose #details table{
margin-top:10px;
}
#single_product.rwijn #details table td,
#single_product.wwijn #details table td,
#single_product.dwijn #details table td,
#single_product.champagneprosecco #details table td,
#single_product.rose #details table td{
padding:5px;
}
#single_product.rwijn #details table td:first-child,
#single_product.wwijn #details table td:first-child,
#single_product.dwijn #details table td:first-child,
#single_product.champagneprosecco #details table td:first-child,
#single_product.rose #details table td:first-child{
font-weight: 700;
} #clear{
clear:both;
}
@media screen and (max-width: 800px) {
}