html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body	{
	height: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div, header, menu, main, footer {
	display:block;
	margin:0;
	padding:0;
}



		

body	{
	font-family: 'Karla', Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:1.8;
	color: #333333;
}
img	{
	border:none;
}
ul, ol {
	padding-left:20px;
}
strong {
	font-weight:700;
}



a {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:active	{
	color: #233C75;
}



a[href^="tel:"] {
	color:#333333;
	text-decoration:none !important;
}
a[href^="tel:"]:hover {
	text-decoration:underline !important;
}








h1 {
	font-family:'Oswald';
	font-size:25px;
	font-weight:700;
	line-height:1.2;
	color:#C2A561;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	
	border:1px solid #C2A561;
	border-left:none;
	border-right:none;
	padding:10px;
	margin:0 auto 50px;
	
	width:100%;
	max-width:730px; /* VGHZP */
}
h2 {
	font-family:'Karla';
	font-size:20px;
	font-weight:700;
	line-height:1.3;
	color:#233C75;
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* DEFAULT */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
hr {
	width:100%;
	clear:both;
	background-color:#DDDDDD;
	height:1px;
	border:0;
	margin:0;
	padding:0;
}
hr.topS { margin-top:5px !important; }
hr.btmS { margin-bottom:5px !important; }
hr.topM { margin-top:10px !important; }
hr.btmM { margin-bottom:10px !important; }
hr.topL { margin-top:20px !important; }
hr.btmL { margin-bottom:20px !important; }
hr.topXL { margin-top:30px !important; }
hr.btmXL { margin-bottom:30px !important; }
hr.topXXL { margin-top:40px !important; }
hr.btmXXL { margin-bottom:40px !important; }



hr.h1 {
	background-color:transparent;
	background-image:url(../img/layout/hr.png);
	background-size:contain;
	height:5px;
	width:173px;
	margin:5px auto 30px 0;
	text-align:left;
}





input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel], textarea {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	border:1px solid #DDDDDD;
	padding:0 8px;
	
	font-family:'Karla';
	font-size:15px;
	font-weight:500;
	line-height:30px;
	color:#000000;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
	
	-webkit-appearance: textfield;
	-moz-appearance: textfield; /* mobile firefox too! */
}
input.xlarge, textarea.xlarge {
	max-width:500px;
}
input.large, textarea.large {
	max-width:250px;
}
input.medium, textarea.medium {
	max-width:185px;
}
input.small, textarea.small {
	max-width:55px;
}
input.mini, textarea.mini {
	max-width:25px;
}

input.akkoord {
	display:none;
}





.hoofdkleur {
	color:#05B4DD;
}
.steunkleur {
	color:#58585A;
}
.grijs {
	color:#999999;
}




.klein {
	font-size:14px;
}
.kleiner {
	font-size:13px;
}
.kleinst {
	font-size:12px;
}



.clearboth {
	float:none !important;
	width:100% !important;
	clear:both !important;
}
.hide, .verberg {
	display:none !important;
}








.frmrow {
	display:table;
	width:100%;
	margin-bottom:15px;
}
.frmrow.noform {
	margin-bottom:10px;
}
.frmrow.compact {
	margin-bottom:5px;
}
.frmrow.wide {
	margin-bottom:25px;
}
.frmrow.xwide {
	margin-bottom:50px;
}




.frmrow > div {
	display:table-cell;
	vertical-align:middle;
}
.frmrow > div:nth-child(1) {
	width:200px;
}
.frmrow.check > div:nth-child(1) {
	width:30px;
}


.frmrow.vb > div {
	vertical-align:bottom;
}
.frmrow.vt > div {
	vertical-align:top;
}
.frmrow > div.ar {
	text-align:right;
}



.frmrow.rows {
	display:block;
}
.frmrow.rows > div {
	display:block;
}
.frmrow.rows > div:nth-child(1) {
	display:block;
	width:100%;
	color:#000000;
	padding-bottom:5px;
}






.goed	{
		background-color:#F2FFF2;
		border:1px solid #73CC73;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.fout	{
		background-color:#FFF2F2;
		border:1px solid #FF7373;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.alertgoed {
	color:#009900;
}
.alertfout {
	color:#FF0000;
}
.invulmis {
	color:#FF0000 !important;
}







.box_rotate_open {
  -webkit-transform: rotate(-180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(-180deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(-180deg);  /* IE 9 */
        -o-transform: rotate(-180deg);  /* Opera 10.50-12.00 */
         transform: rotate(-180deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_rotate_close {
  -webkit-transform: rotate(0deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(0deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(0deg);  /* IE 9 */
        -o-transform: rotate(0deg);  /* Opera 10.50-12.00 */
         transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50�12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}











/* - - - - - - CONTENTBLOCKS - - - - - -  */
.contentblok {
	display:block;
	width:100%;
	margin:0 auto 50px;
}

.contentblok > div.content > div.img > img {
	display:block;
	width:100%;
	margin:auto;
}




/* default contentblok met foto boven */
.contentblok.boven > div.content > div.img {
	margin-bottom:50px;
}

/* default contentblok met foto onder */
.contentblok.onder > div.content > div.img {
	/*margin-top:50px;*/
	margin-top:30px;
}

.contentblok:not(.links) > div.content > div.txt, .contentblok:not(.rechts) > div.content > div.txt {
	/*max-width:800px;*/
}


/* default contentblok met foto links/rechts */
.contentblok.links > div.content, .contentblok.rechts > div.content {
	display:table;
	width:100%;
}
.contentblok.links > div.content > div, .contentblok.rechts > div.content > div {
	display:table-cell;
	vertical-align:top;
}
.contentblok.links > div.content > div.img, .contentblok.rechts > div.content > div.img {
	width:50%;
}


/* default contentblok met foto links */
.contentblok.links > div.content > div.img {
	padding: 0 25px 0 0;
}
.contentblok.links > div.content > div.txt {
	padding: 0 0 0 25px;
}

/* default contentblok met foto rechts */
.contentblok.rechts > div.content {
	direction:rtl;
}
.contentblok.rechts > div.content > div {
	direction:ltr;
}
.contentblok.rechts > div.content > div.img {
	padding: 0 0 0 25px;
}
.contentblok.rechts > div.content > div.txt {
	padding: 0 25px 0 0;
}








/* - - - - - - ROWS - - - - - -  */
.row {
	display:table;
	width:100%;
	margin-top:30px;
	padding-top:30px;
}
.row > div {
	display:table-cell;
	vertical-align:top;
}
.row > div.img {
	width:50%;
	padding:0 50px 0 0;
}


.row.rtl {
	direction:rtl;
}
.row.rtl > div {
	direction:ltr;
}
.row.rtl > div.img {
	width:40%;
	padding:0 0 0 30px;
}


.row > div.img img {
	display:block;
	width:100%;
}
.row:nth-child(1) {
	margin-top:0;
	border-top:none;
	padding-top:0;
}






/* - - - - - - PAGER - - - - - -  */
ul.pager {
	margin:30px 0 0 0;
	padding:0;
	border:0;
	text-align:center;
}
ul.pager > li {
	display:inline;
	vertical-align:middle;
}
ul.pager > li > a {
	text-decoration:none;
	color:#333333;
	line-height:1;
	padding:5px 13px;
	border:1px solid #DDDDDD;
	border-right:none;
}
ul.pager > li > a:hover, ul.pager > li > a:active {
	color:#626060;
	text-decoration:none;
	background-color:#F2F2F2;
}
ul.pager > li i {
	font-size:16px;
	line-height:1;
}


ul.pager > li > a.active {
	background-color:#C6C7C9;
}

ul.pager > li > a.disabled {
	cursor:pointer;
}
ul.pager > li > a.disabled:hover, ul.pager > li > a.disabled:active {
	background-color:#FFFFFF;
}


ul.pager > li:nth-child(1) > a {	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul.pager > li:nth-last-child(1) > a {
	border-right:1px solid #DDDDDD;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}






/* - - - - - - SOCIAL SHARE - - - - - -  */
ul.socialshare {
	display:block;
	margin:0;
	padding:0;
	border:0;
}
ul.socialshare > li {
	display:inline-block;
	list-style:none;
	margin-right:12px;
}
ul.socialshare > li > a {
	font-size:24px;
	line-height:1;
	color:#999999;
}
ul.socialshare > li > a.facebook:hover, ul.socialshare > li > a.facebook:active {
	color:#39579A;
}
ul.socialshare > li > a.twitter:hover, ul.socialshare > li > a.twitter:active {
	color:#059FF5;
}
ul.socialshare > li > a.google:hover, ul.socialshare > li > a.google:active {
	color:#C23B2A;
}
ul.socialshare > li > a.linkedin:hover, ul.socialshare > li > a.linkedin:active {
	color:#0083C1;
}
ul.socialshare > li > a.mail:hover, ul.socialshare > li > a.mail:active {
	color:#F5C300;
}

















/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CK-STYLES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */








/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* WEBSITE SETTINGS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a.anchor {
	position:relative;
	z-index:-1;
	
	display:block;
	height:0;
	padding-top: 180px;
    margin-top: -180px;
	font-size:0;
	line-height:0;
	border:none;
}



ul.subpages {
	margin:0;
	padding:0;
	border:0;
	display:block;
	text-align:center;
}
ul.subpages > li {
	display:inline-block;
	width:280px;
	text-align:center;
	margin:10px 20px;
}




.txt-cols-2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	-webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
	
	text-align:justify;
}





@-webkit-keyframes hvr-buzz-out {
	10% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	20% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	30% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	60% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	70% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	80% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	90% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}
@keyframes hvr-buzz-out {
	10% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	20% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	30% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	60% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	70% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	80% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	90% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
}
.hvr-buzz-out {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
	-webkit-animation-name: hvr-buzz-out;
	animation-name: hvr-buzz-out;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}










ul.verkoop-provincies {
	margin:20px 0 0 0;
	padding:0;
}
ul.verkoop-provincies > li {
	display:block;
	padding:15px 5px;
	border-bottom: 1px solid #C2A561;
	
	font-size:20px;
	line-height:1;
	text-align:left;
}

ul.verkoop-provincies a {
	display:block;
	text-decoration:none;
}
ul.verkoop-provincies a i {
	display:inline-block;
	vertical-align:middle;
	font-size:24px;
	color:#C2A561 !important;
	float:right;
	padding:0 10px;
}









div.video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
div.video > iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #DDDDDD;
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* BIEROVERZICHT */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.bierenWrap {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	margin: 15px 0 100px 0;
}
div.bierenWrap > div.cat.traditioneel {
	width: calc((((100% - 80px) / 5) * 3) + 40px);
}
div.bierenWrap > div.cat.speciaal {
	width: calc((((100% - 80px) / 5) * 2) + 20px);
}



div.bierenWrap > div.cat div.items {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
div.bierenWrap > div.cat div.items .beer {
	flex-grow: 1;
	flex-basis: 0;
	margin-left: 20px;
	text-align: center;
	border-bottom: 15px solid #C2A561;

	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
div.bierenWrap > div.cat div.items .beer > .img {
	padding: 0 30%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
div.bierenWrap > div.cat div.items .beer > .img img {
	display: block;
	width: 100%;
}
div.bierenWrap > div.cat div.items .beer p {
	padding: 20px 0 0px 0;
	font-size: 20px;
	text-transform: uppercase;
}
div.bierenWrap > div.cat div.items .beer a {
	color: #C2A561;
	text-decoration: none;
}
div.bierenWrap > div.cat div.items .beer:nth-child(1) {
	margin-left: 0;
}



div.bierenWrap > div.cat div.items .beer.blond {
	border-color: #1B3183
}
div.bierenWrap > div.cat div.items .beer.blond a {
	color: #1B3183
}

div.bierenWrap > div.cat div.items .beer.tripel {
	border-color: #57626D
}
div.bierenWrap > div.cat div.items .beer.tripel a {
	color: #57626D
}

div.bierenWrap > div.cat div.items .beer.bruin {
	border-color: #9F785E
}
div.bierenWrap > div.cat div.items .beer.bruin a {
	color: #9F785E
}

div.bierenWrap > div.cat div.items .beer.kriek {
	border-color: #A23436
}
div.bierenWrap > div.cat div.items .beer.kriek a {
	color: #A23436
}

div.bierenWrap > div.cat div.items .beer.oak {
	border-color: #703B2E
}
div.bierenWrap > div.cat div.items .beer.oak a {
	color: #703B2E
}
div.bierenWrap > div.cat div.items .beer.quadrupel {
	border-color: #605b91
}
div.bierenWrap > div.cat div.items .beer.quadrupel a {
	color: #605b91;    
}





div.bierenWrap > div.cat p.cattitel {
	font-size: 20px;
	text-align: center;
	color: #193146;
	text-transform: uppercase;
	padding: 20px 5px;
	background-color: #F7F7F7;
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* SHOPLOCATOR */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#shoplocator {
	text-align:left !important
}

#shoplocator div.titelbalk {
	display:block;
	width:100%;
}
#shoplocator div.titelbalk h2 {
	display:inline-block;
	vertical-align:middle;
	width:calc(50%);
}
#shoplocator div.titelbalk ul {
	display:inline-block;
	vertical-align:middle;
	width:calc(50%);
	
	margin:0;
	padding:0;
	text-align:right;
}
#shoplocator div.titelbalk ul > li {
	display:inline-block;
	vertical-align:middle;
	padding:0 1px;
}
#shoplocator div.titelbalk ul a {
	display:inline-block;
	vertical-align:baseline;
	width:30px;
	padding:4px 5px 4px 5px;
	text-align:center;
	background-color:#C2A561;
	
	font-size:18px;
	line-height:1;
	color:#FFFFFF;
	text-decoration:none;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#shoplocator div.titelbalk ul a:hover,
#shoplocator div.titelbalk ul a:active {
	background-color:#193146;
}

#shoplocator div.titelbalk ul a.active {
	background-color:#233C75;
}


#shoplocator #map {
	margin-top:10px;
}
#shoplocator #map > #gmap {
	width:100%;
	height:450px;
	border:1px solid #DDDDDD;
}
#shoplocator #map > p {
	margin-top:5px;
	text-align:center;
}


#shoplocator #list {
	display:block;
	margin-top:10px;
}
#shoplocator #list > div {
	display:inline-block;
	vertical-align:top;
	width:50%;
	padding:0 30px 30px 0;
}


#shoplocator #regios {	
	margin-top:10px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* SHOPLOCATOR ADD */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
form#frmAddShop {
	max-width:550px;
	margin:auto;
}
form#frmAddShop div.frmrow {
	text-align:left;
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ETIKETTEN */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.slider {
	position: relative;
}
div.slider img {
	display: block;
	width: 100%;
	display: none;
}


div.slider .cycle-pager {
	position: absolute;
	z-index: 800;
	left: 0;
	top: 100%;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
div.slider .cycle-pager > span {
	display: inline-block;
	font-size: 50px;
	line-height: 0;
	color: #C2A561;
	margin: 0 5px;
	cursor: pointer;
}
div.slider .cycle-pager > span:hover {
	color: #6F3D23;
}
div.slider .cycle-pager > span.cycle-pager-active {
	color: #233C75;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* PAGES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body#page-pages .wrapper {
	text-align:center;
}










/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* AGE */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#age {
	background: #C2A561;
	width: 100%;
	height: 100%;
	text-align: center;
}
#age div.container {
	width: 100%;
	max-width: 480px;
	height: 100%;
	margin: auto;
}
#age div.container > div.tabel {
	display: table;
	width: 100%;
	height: 100%;
}
#age div.container > div.tabel > div {
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
}

#age h1 {
	color: #FFFFFF;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HOME */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* HOMEPAGE */
div.page#homepage {
	min-height:100vh;
	margin-bottom: 50px;
}
div.page#homepage div.bierenWrap {
	margin: 250px 0 50px 0;
}






div.page#homepage .quote {
	font-size:20px;
	line-height:1.8;
	text-align:center;
	color: #C2A561;
	margin-top:40px;
}
div.page#homepage .quote i {
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	color:#C2A561;
	padding:0 5px;
}
div.page#homepage .quote i.fa.fa-quote-right {
	vertical-align:bottom;
}


div.page#homepage .subhome {
	margin-top:40px;
}





/* ABOUT */
div.dikke-jan-about {
	display:block;
	text-align:right;
	margin-top:30px;
}
div.dikke-jan-about img {
	width:200px;
}





/* BIEREN */
div.bieren {
	width: 100%;
	max-width: 830px;
}
div.bier {
	display: table;
	width: 100%;
	margin-bottom: 75px;

	background-color: #F7F7F7;
	border-right: 25px solid #C2A561;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
div.bier > div {
	display: table-cell;
	vertical-align: top;
}
div.bier > div.img {
	position: relative;
	width: 130px;
}
div.bier > div.img > div {
	position: absolute;
	left: 0;
	top: -10px;
	width: 100%;
	height: calc(100% + 20px);
	
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
div.bier > div.img > div.fles {
	opacity:100;
}
div.bier > div.img > div.glas {
	opacity:0;
}
div.bier > div.txt {
	padding: 25px 50px 25px 25px;
}


div.bier h1 {
	border: none;
	padding: 0;
	margin: 0 0 15px 0;
	font-family: 'Karla';
	font-size: 25px;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
	letter-spacing: 0;
}



div.bier.blond {
	border-color: #1B3183;
}
div.bier.blond h1 {
	color: #1B3183;
}

div.bier.tripel {
	border-color: #57626D;
}
div.bier.tripel h1 {
	color: #57626D;
}

div.bier.bruin {
	border-color: #9F785E;
}
div.bier.bruin h1 {
	color: #9F785E;
}

div.bier.kriek {
	border-color:#A23436;
}
div.bier.kriek h1 {
	color: #A23436;
}

div.bier.oak {
	border-color: #703B2E;
}
div.bier.oak h1 {
	color: #703B2E;
}
div.bier.quadrupel {
	border-color: #605b91;
}
div.bier.quadrupel h1 {
	color: #605b91;
}




/* VERKOOPPUNTEN */
.contentblok.verkooppunten {
	line-height: 1.3;
	text-align:center;
}


.contentblok.webshop {
	margin-top: 75px;
}
.contentblok.webshop img {
	display: block;
	width: 100%;
	max-width: 500px;
	margin: auto;
}






/* CONTACT */
.contentblok.contact {
	text-align:center;
}



.contactlogo img {
	display:block;
	width:100%;
	margin-right:auto;
}


.contactlogo ul {
	margin:0;
	padding:0;
	border:0;
}
.contactlogo ul > li {
	display:inline-block;
	vertical-align:middle;
	margin:30px;
}
.contactlogo ul > li.salmosalar img {
	max-width:132px;
}
.contactlogo ul > li.dikkejan img {
	max-width:110px;
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* OPBOUW */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wrapper {
	position:relative;
	display:block;
	width:100%;
	min-width:360px;
	max-width:1024px;
	padding:0 20px;
	margin:auto;
}
.wrapper.small {
	max-width:770px; /* VGHZP */
}




div.page {
}
a.headerpush {
	display:block;
}











.logo {
	position:absolute;
	width:176px;
	height:176px;
	top:0;
	left:50%;
	margin-left:-88px;
	z-index:999;
}
.logo img {
	display:block;
	width:100%;
}
div#homepage .logo {
	width:300px;
	height:299px;
	top:-35px;
	margin-left:-150px;
	z-index:998;
}


.menubalk {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menushop a{
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.menushop i {
   font-size: 22px;
}

.menutxt {
    display: inline-block;
    font-weight: lighter;
	font-size: 18px;
    line-height: 1;
    padding: 0 10px;    
}

menu.top {
	background-color:#C2A561;
	text-align:center;
	padding:7px 0;
}

menu.top a {
	font-family:'Oswald';
	font-size:30px;
	font-weight:700;
	line-height:1.2;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	opacity:1;
	letter-spacing:3px;
}
menu.top a:hover, menu.top a:active {
	opacity:0.75;
}





menu.top div.menulbl {
	display:block;
	text-align:right;
}
menu.top div.menulbl a {
	display: flex;
    align-items: center;
	padding-bottom:2px;
	
	font-size:30px;
	line-height:1;
	color:#FFFFFF;
}



div.closelbl {
	display:none;
	position:fixed;
	right:24px;
	top:5px;
	z-index:9999;
}
div.closelbl a {
	display:inline-block;
	vertical-align:bottom;
	
	font-size:30px;
	line-height:1;
	color:#FFFFFF;
}





menu.top ul {
	margin:0;
	padding:0;
	
	display:none;
	padding-top:5%;
	position:fixed;
	z-index:9998;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	background-color:#C2A561;
}
menu.top ul > li {
	display:block;
	padding:15px 0;
}
menu.top ul > li.divider {
	display:none;
}
menu.top ul > li.social {
	padding-left:10px !important;
}











div#homepage menu.top ul {
	z-index:999;
}
div#homepage  menu.top ul > li.divider {
	width:230px;
}
div#homepage  menu.top ul > li {
	padding:0 25px;
}
div#homepage  menu.top ul > li:nth-child(1) {
	padding-left:45px !important;
}







body.taal-fr menu.top ul {
	padding-right:19px;
}
body.taal-fr menu.top ul > li {
	/* padding:0 25px; */
}
body.taal-fr menu.top ul > li:nth-child(1) {
	padding-left:0 !important;
}


body.taal-fr div#homepage  menu.top ul > li {
	padding:0 19px;
}
body.taal-fr div#homepage  menu.top ul > li:nth-child(1) {
	padding-left:0 !important;
}
body.taal-fr div#homepage menu.top ul {
	padding-right:25px;
}







body.taal-en menu.top ul > li:nth-child(1) {
	padding-left:30px !important;
}


body.taal-en div#homepage  menu.top ul > li:nth-child(1) {
	padding-left:25px !important;
}







menu.language {
	position:relative;
	z-index:999;
	color:#C2A561;
	text-align:right;
	
	margin-top:-105px;
	margin-bottom:115px;
}

div#homepage menu.language {
	margin-top:0;
	margin-bottom:0;
}


menu.language .wrapper {
	text-align:right !important;
}

menu.language a {
	font-family:'Karla';
	font-size:14px;
	font-weight:400;
	line-height:1.2;
	color:#C2A561;
	text-transform:uppercase;
	text-decoration:none;
}
menu.language a:hover, menu.language a:active {
	color:#6F3D23;
}


menu.language a.active {
	font-weight:700;
}

menu.language ul {
	margin:0;
	padding:0;
}
menu.language ul > li {
	display:inline-block;
	padding:0 1px;
}









header#fix {
	position:absolute;
	width:100%;
	z-index:999;
	padding-bottom:65px;
}

header#fix.fixed {
	position:fixed;
	width:100%;
	top:0;
}

header#fix .spacer {
	height:65px;
	background-color:#FFFFFF;
}



main {
	padding-bottom:80px;
}










a.btn1 {
	display:block;
	vertical-align:middle;
	padding:5px 15px;
	background-color:#C2A561;
	
	font-size:18px;
	line-height:30px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	
	opacity:1;
}
a.btn1:hover, a.btn1:active {
	opacity:0.85;
}
a.btn1 i {
	display:inline-block;
	vertical-align:baseline;
	padding-left:10px;
}




a.btn2 {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	max-width:320px;
	padding:5px 10px;
	background-color:#233C75;
	
	font-size:18px;
	line-height:30px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	
	opacity:1;
}
a.btn2:hover, a.btn2:active {
	opacity:0.85;
}
a.btn2 i {
	display:inline-block;
	vertical-align:baseline;
	padding-left:10px;
}