@import "reset.css";
input[type="number"] {
    position: relative;
}
input[type="number"], input[type="text"], textarea {
    -webkit-border-radius: 0px;
    -webkit-appearance: none;
    border-radius: 0;
}
#vertr{
	padding:10px 0;padding-bottom:30px;
}
#vertr2{
	padding:10px 0;text-align:center;padding-bottom:30px;
}
div.lbl2{display:inline-block;margin-right:15px;}
#vertr div i{font-size:20px;}
.greenSafety{margin-right:10px;color:#99a717;}

html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#333;font-family:Montserrat,Arial;font-size:14px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#cc0000;}
b,strong{font-weight:bold;}
#navMob{display:none;}
#navMobMenu{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob {background-color:#d96502;display:none;}
h1.homeT{text-align:center;color:#bc290a;margin-bottom:10px;}
div.alcoholH{text-align:center;margin-bottom:20px;}	
#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1160px;width:95%;height: auto;margin: 0px auto;position:relative;}
.videoWrapper 	{position: relative;padding-bottom: 56.25%;margin-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#melding {background-color: #75d61e;color: #fff;padding: 20px 10px;position: fixed;bottom: 0px;left: 0px;width: 100%;z-index: 99999;text-align: center;box-sizing: border-box;}

.toTop{text-align:center;margin:100px 0px 100px 0px;}
.toTop a{font-size:60px;color:#999;}
.toTop a:hover{color:#000;}

/*WARNING
****************/
#warning				{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup2.png);}
#Wmessage				{background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
.placer{    box-shadow: 0px 6px 9px -3px rgb(0 0 0 / 34%); padding: 0px 0px 30px 0}

.placeholder {color:#4a4a4a;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#4a4a4a;}
:-moz-placeholder {color:#4a4a4a;opacity:1;}
::-moz-placeholder {color:#4a4a4a;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#4a4a4a;}	
input[placeholder], textarea[placeholder] {color:#4a4a4a;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#imagelightbox {position:fixed;z-index:9999;-ms-touch-action:none;touch-action:none;}

.calltoactions {margin-top:30px;display:none;}
.knop {display:inline-block;margin-right:20px;}
.knop:last-child {margin-right:0;}
.knop a {display:block;padding:10px 20px;background-color:#99a717;color:#fff;text-decoration:none;text-align:center;}
.knop a:hover {background-color:#000;color:#fff;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}

h1 {color:#000;font-size:24px;line-height:normal;font-weight:700;margin-bottom:20px;font-family:Montserrat,arial;}
h2 {color:#666;font-size:16px;line-height:normal;font-weight:700;margin-bottom:20px;font-family:Montserrat,arial;}
h3 {color:#000;font-size:20px;line-height:normal;margin-bottom:5px;text-transform:uppercase;font-family:Montserrat,arial;font-weight:700;}
h4 {color:#fff;font-size:14px;line-height:normal;margin-bottom:30px;text-transform:uppercase;font-family:Montserrat,arial;font-weight:700;}
h5 {color:#666;font-size:14px;line-height:normal;margin-bottom:30px;text-transform:uppercase;font-family:Montserrat,arial;font-weight:700;}

/*header
******************/
#supertop {background-color:#222;padding:10px 0;text-align:left;}
#top {background:#363636;padding:25px 0;position:sticky;top:0px;z-index:500}

.topleft {float:left;}
#logo {}

.topright {float:right;text-align:right;}
.topright2 {float:right;display:none;}
.ext {display:inline-block;border-right:1px solid #636363;color:#fff;text-transform:uppercase;font-family:Montserrat,arial;font-size:10px;vertical-align:middle;padding:0px 10px 0px 0;margin-right:10px;}
.ext:last-child {border-right:0px;padding:0px;margin-right:0px;}
.ext a {color:#fff;}
.ext i {font-size:10px;}
.idk {display:inline-block;border-right:1px solid #636363;color:#fff;text-transform:uppercase;font-family:Montserrat,arial;font-size:11px;vertical-align:middle;padding:10px 40px 10px 0;margin-right:40px;}
.idk a {color:#fff;}
.idk i {font-size:14px;}

#aanmelden {float:right;}
#aanmelden a {display:block;padding:10px;color:#fff;text-decoration:none;}

#accBtn {display:none;}

#header {background-color:#bc290a;padding:10px 0;;z-index:100}
.headleft {float:left;}
.headright {float:right;}
.ext2 {display:inline-block;color:#fff;text-transform:uppercase;font-family:Montserrat,arial;font-size:10px;vertical-align:middle;padding:7px 20px 7px 0;}
.ext2 a {font-size:14px;text-transform:uppercase;font-weight:700;color:#fff;}
.ext2 span {font-size:14px;text-transform:uppercase;font-weight:700;}
.ext2.last {margin-right:0;padding-right:0;border-right:0px;}
.ext2 i {font-size:14px;}

.searchfield {position:relative;padding:6px 43px 6px 14px;background-color:#fff;}
input.search {background-color:#fff;color:#4a4a4a;border: 0px;border-radius: 0px;box-shadow: none;-webkit-appearance:none;width:235px;font-family:Source Sans Pro,arial;font-size:13px;letter-spacing:0.5px;display:inline-block;vertical-align:top;}
.search_submit {position:absolute;top:0px;right:0px;background-color:#000;color:#fff;text-decoration:none;padding:6px;line-height:normal;width:20px;text-align:center;vertical-align:top;}
.search_submit:hover {background-color:#000;color:#fff;}

#geboortedatum {cursor:pointer;}

#navigation {display:none;}


#banner {background:url(../images/houtbg.jpg) repeat;}
#slideshow {float:right;width:75%;}
.slidepad {padding:50px 0;}
#slogan {position:absolute;bottom:0px;width:100%;}
.sloganpad {padding:20px;background:rgba(0,0,0,0.6);color:#fff;line-height:24px;font-family:Montserrat,arial;text-transform:uppercase;font-size:20px;}

/*main content -> menu & content
*********************************/
#main {width:100%;margin:80px 0;}

#main2 {width:100%;line-height:24px;}

#contenthome {float:left;width:50%;margin-right:5%;}
#content {width:100%;}
#contentShop {width:100%;margin:50px 0;}

#toggle, #togglemenu {display:none;}
#toggle {cursor:pointer;background-color:#eee;padding:20px;font-size:16px;font-family:Montserrat,arial;text-transform:uppercase;letter-spacing:0.5px;font-weight:700;}

#nieuw {text-align:center;margin-top:80px;}
.alle a {color:#84b6b3;font-size:12px;}
.producten {margin-top:50px;}
.resp {position:relative;}

#promoties {text-align:center;}

.degustatie {margin-bottom:50px;}
.degleft {float:left;width:30%;margin-right:10%;}
.degright {float:right;width:60%;}

.degTitel a {margin-bottom:20px;display:block;padding-bottom:20px;border-bottom:1px dashed #ebebeb;text-decoration:none;text-transform:uppercase;color:#4a4a4a;letter-spacing:1px;font-size:12px;font-weight:700;
font-family: Montserrat,arial;}
.meerinfo a {display:block;margin-top:20px;background-color:#bc290a;color:#fff;text-transform:uppercase;text-decoration:none;font-size:12px;padding:5px 0;}

.wijntel {display:inline-block;padding:10px;background-color:#bc290a;color:#fff;text-transform:uppercase;text-decoration:none;border-radius:10px;}
.wijntel:hover {color:#fff;}
.provincie {position:absolute;top:50px;left:50px;font-size:24px;color:#fff;}

/*footer top
****************/
#sticky {}
#footer {padding:30px 0px;color:#fff;background-color:#363636;line-height:24px;}
#footer a {color:#fff;}
#footer a.tel{text-decoration:none;}

.ftkol1 {float:left;width:33%;}
.ftkol2 {float:left;width:34%;text-align:center;}
.ftkol3 {float:left;width:33%;text-align:right;font-size:13px;line-height:24px;}

#fct {}
#fct ul{margin:0px;list-style-type:none;}
#fct ul li{display:block;font-size:13px;}
.fb {display:inline-block;background-color:#295396;height:25px;width:25px;border-radius:50%;text-align:center;margin-right:10px;line-height:25px;}

#navContainer2 {width:auto;display:block;z-index:100;}

#nav2 {z-index:100;}
#nav2 ul {list-style-type: none; margin: 0; padding: 0; width:auto;white-space:normal;}
#nav2 ul li {}
#nav2 ul li a {display:block;color:#fff;font-size:13px;text-decoration:none;}
#nav2 ul li a:hover, #nav2 li a:focus {text-decoration:underline;}
#nav2 li a:active, #nav2 ul li a.active {text-decoration:underline;}

#footer2 {border-top:1px dashed #616161;text-align:center;color:#fff;padding:20px 0;font-size:11px;background-color:#363636;line-height:normal;letter-spacing: 1px;}
#footer2 a {color:#fff;text-decoration:underline;}

#footer3 {text-align:center;color:#363636;padding:20px 0;font-family:Montserrat,arial;text-transform:uppercase;letter-spacing:2px;font-size:10px;background-color:#fff;line-height:normal;}

.navB{display:none;}

/*forms*/
/***********/
.required {color: #FF0000;}
.field_heading {font-weight: bold;padding-top: 10px;}
.field_title {float:left;width:30%;margin-bottom:10px;}
.field_input {float:left;width:70%;margin-bottom:10px;}
.field_checkbox {float:left;width: 100%;margin-bottom:10px;}
.field_title2 {width:100%;margin-bottom:10px;}
.field_input2 {width:100%;margin-bottom:10px;}

.email,.textfield,.textarea,select {color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:2px;width:100%;font-family:arial;box-sizing: border-box;}
.email,.textfield,.textarea{webkit-appearance: none;border-radius: 0;}
.textarea {height: 100px;}
.checkbox_label {cursor: pointer;}
.radio_label {cursor: pointer;}
.nixhier {display:none;}
select.day{width:30%;max-width:70px;}
select.month{width:30%;}
select.year{width:30%;}