/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * acumin-pro:
 *   - http://typekit.com/eulas/00000000000000003b9acafc
 *   - http://typekit.com/eulas/00000000000000003b9acafd
 *   - http://typekit.com/eulas/00000000000000003b9acaf7
 *   - http://typekit.com/eulas/00000000000000003b9acaf6
 *
 * © 2009-2019 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2019-01-15 19:53:53 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=fey8iqc&ht=tk&f=26053.26054.26056.26062&a=19374600&app=typekit&e=css");

@font-face {
font-family:"acumin-pro";
src:url("https://use.typekit.net/af/6d4bb2/00000000000000003b9acafc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/6d4bb2/00000000000000003b9acafc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/6d4bb2/00000000000000003b9acafc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-style:normal;font-weight:700;
}

@font-face {
font-family:"acumin-pro";
src:url("https://use.typekit.net/af/6ce26b/00000000000000003b9acafd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/6ce26b/00000000000000003b9acafd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/6ce26b/00000000000000003b9acafd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-style:italic;font-weight:700;
}

@font-face {
font-family:"acumin-pro";
src:url("https://use.typekit.net/af/aa5b59/00000000000000003b9acaf7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/aa5b59/00000000000000003b9acaf7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/aa5b59/00000000000000003b9acaf7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-style:italic;font-weight:400;
}

@font-face {
font-family:"acumin-pro";
src:url("https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style:normal;font-weight:400;
}

.tk-acumin-pro { font-family: "acumin-pro",sans-serif; }


h1{ font-family: "acumin-pro",sans-serif; font-weight: 700; font-size: 30pt; color: #fff; }
h2{ font-family: "acumin-pro",sans-serif; font-weight: 700; font-size: 24pt; color: #fff; }
h3{ font-family: "acumin-pro",sans-serif; font-weight: 700; font-size: 16pt; color: #fff; }
h4{ font-family: "acumin-pro",sans-serif; font-weight: 700; font-size: 12pt; color: #fff; }
h5{ font-family: "acumin-pro",sans-serif; font-weight: 700; font-size: 8pt; color: #fff; }
p{ font-family: "acumin-pro",sans-serif; font-weight: 400; font-size: 10pt; line-height: 14pt; color: #fff; }

html{ height:100%; }

body{
	background-color: #333;
	max-width: 100%;
	width: 100%;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
}

.wrapper{ overflow-x: hidden; min-height: 100%;}

p,span{ color: #fff; }
a, a:hover{ color: #c6403d; }

/** HEADER **/
header .toprow{ 
  padding: 50px 0 40px;
}

header .toprow a{
	color: #dac248;
	font-size: 13px; 
	font-family:"acumin-pro";
	font-weight: 700;
	letter-spacing: 1px;
}

header .menu{
	margin-bottom: 50px;
	background-color: #fff;
	position: relative; 
	z-index: 1;
	min-height: 52px;
	max-height: 52px;
}

header .menu .logo{ 
	position: absolute;
	z-index: 2;
	width: 167px; 
	height: 137px;
	left: calc(50% - 84px);
	top: -50px;
	border: none;
}

header .menu .info address{
	color: #333333;
	font-size: 13px;
	font-family:"acumin-pro";
	font-weight: 700;
	letter-spacing: 1px;
	margin-right: 10px;
	line-height: 52px;
	display: inline-block;
}

a.facebook-icon{
	color: #fff !important;
	background-color: #3a549e;
	padding: 3px 3px 0px 8px;
}

header .menu .info a{ }

header .menu .navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default{
	background-color: transparent;
	border: none;
}

header .menu .menu-item a{
	font-size: 13px; 
	font-family:"acumin-pro";
	font-weight: 700;
	letter-spacing: 1px;
	color: #333;
	text-transform: lowercase;
}

header .menu .menu-item.active, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	background-color: transparent;
}

header .menu .navbar-collapse, header .menu .menu-item a{ padding-left: 0; }
header .menu .menu-item a{ padding-right: 30px; }

header .menu .menu-item.active a{
	color: #c6403d;
	font-size: 13px; 
	font-family:"acumin-pro";
	font-weight: 700;
	letter-spacing: 1px;
}

header .menu .navcontainer{ position: relative; } 
header .menu .relzindex{  } 

/** FOOTER **/
footer{ padding: 45px 0; background: url('../images/footer.png'); margin-top: auto; height: 108px; }

footer, footer a{
	color: #fff;
	font-size: 13px; 
	font-family:"acumin-pro";
	font-weight: 400;
	letter-spacing: 1px;
}

footer a:hover{ color: #c6403d; text-decoration: none; }

footer .col-sm-6{ text-align: center; }

/** HOME SPECIFIC STYLES **/
#home_image{ position: relative;}
#home_image .container{ position: relative; }
#home_image .col-sm-12{ padding-left: 0; padding-right: 0; float: left; width: 100%; padding-bottom: 100px; margin-top: -50px; overflow: hidden;  } 
#home_image .image{ width: 100%; position: absolute; }
#home_image .homeimgcontainer{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#home_image .image img{ width: 100%; }

img.bg {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: 0 auto; 
  min-width: 50%;
  min-height: 50%;
  width: 100%;
}

#home_image .col-left{ padding-top: 100px; padding-left: 100px; }
#home_image .col-left li{ max-width: 100%; }
#home_image .col-left li img{ max-width: 80%; }
#home_image .col-right{ padding-top: 120px; }

#home_image h1{ color: #fff; }
#home_image p{ color: #fff; font-size: 12pt; margin: 30px 0; }

.btn{ font-family: "acumin-pro", sans-serif; font-weight: 700; font-size: 12pt; background-color: #dac249; color: #fff; padding: 5px 30px; margin-right: 50px; }

#content{ position: relative; } 
#content .yellow-ad{ background-color: #dac249; padding: 50.5px 100px; position: relative; }
#content .yellow-ad .pull-left{ padding-left: 0; }
#content .icon{ position: absolute; top: 43px; right: 51px; }
#content h2, #content p{ color: #fff; }
#content .price{ text-align: center; color: #fff; }
#content .price strong{ font-size: 32pt;} 
#content .price { font-size: 16pt; } 

#content .image-ad{ padding-left: 0; padding-right: 0; }
#content .image-ad img{ max-width: 100%; }
#content .opentimes-ad{ color: #fff; background-color: #c6403d; padding: 48.5px 50px; }
#content .opentimes-ad p, #content .opentimes-ad table{ color: #fff; text-transform: lowercase; font-size: 11pt; }
#content .opentimes-ad table td{ padding: 0px 15px 5px 0; white-space: nowrap; }

.largeimage img{ max-width: 100%; }

/** CONTACT PAGE **/
.photostack-contact{  }
#contact-content .form-content{ padding-bottom: 100px; } 
#contact-content .form{ margin: 50px 0; width: 100%; }
#contact-content .form input, #contact-content .form textarea{ width: 100%; background-color: transparent; border: 1px solid #fff; color: #fff; padding: 5px; margin-bottom: 10px; }
#contact-content .form input::placeholder { color: #fff; }
#contact-content .form .btn{ border-radius: 0; } 

#contact-content .contact-content-text{ background-color: #dac249; padding: 46.5px 46px; }
#contact-content .opentimes-ad{ background-color: #c6403d; padding: 49.5px 50px; }
#contact-content .opentimes-ad, #contact-content .opentimes-ad table, #contact-content .contact-content-text p{ color: #fff; font-size: 10pt; margin: 0; line-height: 18pt; }
#contact-content .contact-content-text p{ line-height: 20pt; }
#contact-content .largeimage{ padding-right: 0; }

#contact-content .gmaps{ padding-right: 0; }
#contact-content iframe{ max-width: 100%; max-height: 100%; }

/** MENU additional styles **/
.red{ background-color: #c6403d; }
.yellow{ background-color: #dac249; }
.grey{ background-color: #595959; }
.yellow-title{ color: #dac249; font-weight: bold; display: block; }

.filters .item{ text-align: center; padding: 27px 0; }
.filters span{ padding: 10px 5px; font-size: 10px; font-style: italic; display: block; }
.maandspecial{ padding: 67px 0 72px 114px; color: #fff; }
.maandspecial .pull-left{ padding-left: 0; } 
#content .maandspecial .price{ color: #dac249; }
#content .maandspecial h2{ font-size: 31pt; }
.teamimage{ padding: 0; }
.teamimage img{ max-width: 100%; width: 100%; }
.menu #content .additionalinfo .opentimes-ad{ padding: 52px 46px 40px 46px; line-height: 25px; }
.menu #content .additionalinfo .opentimes-ad table td{ padding: 0px 18px 11px 0 }

.menu .productslist{ padding: 0; }
.menu .productslist .heading{ display: block; padding-left: 8.333333%; background-color: #dac249; font-family: "acumin-pro",sans-serif; font-weight: 700; font-size: 30pt; color: #fff; }
.menu .productlist{ padding-top: 30px; padding-bottom: 30px; padding-left: 8.33333%; margin-left: 0; margin-right: 0; }
.menu .productlist .row{ margin-left: 0; margin-right: 0; }
.menu .productlist .pull-left{ padding-left: 0; } 
.menu .productlist .title{ display: block; font-family: "acumin-pro",sans-serif; } 
.menu .productlist .description{ display: block; font-family: "acumin-pro",sans-serif; font-style: italic; font-size: 12px; margin-bottom: 5px; }
.menu .productlist .priceline{ display: block; font-family: "acumin-pro",sans-serif; } 

.photostack-contact{ padding: 50px 0 50px 100px; }
.photostack-contact li{ max-width: 100%; }
.photostack-contact li img{ max-width: 65%; }

span.notice{ display: block; margin-top: 10px; }

/* Photostack styles */
.js-photostack{
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
}
.js-photostack > *{
	position: absolute;
	top: 0;
	left: 0;
	list-style-type: none;
	max-width: 100%;
}
.js-photostack li{ width: 100%; }
.js-photostack img{ max-width: 65%; border: 3px solid #fff; }

.fullwidth-filters,.show-mobile{ display: none; }

@media only screen and (min-width: 1320px){
	.menu .productslist{ max-height: 930px; overflow-y: scroll; }	
	
	/* width */
	.menu .productslist::-webkit-scrollbar {
	  width: 20px;
	}

	/* Track */
	.menu .productslist::-webkit-scrollbar-track {
	  background: #333333; 
	}

	/* Handle */
	.menu .productslist::-webkit-scrollbar-thumb {
	  background: #80807f; 
	  content: 'sleep om te scrollen.';
	  color: #fff;
	}

	/* Handle on hover */
	.menu .productslist::-webkit-scrollbar-thumb:hover {
	  background: #fff; 
	}
}
@media only screen and (max-width: 1320px){
	.fullwidth-filters{ display: block; }
	.fullwidth-filters .filters{ margin-bottom: 50px; }
	.teamimage{ height: 285px; overflow: hidden; }
}
@media only screen and (max-width: 1200px){
	#home_image .col-left, #home_image .col-right{ padding-top: 75px; }
	#content .yellow-ad{ padding: 44px 100px; }
	#content .opentimes-ad{ padding: 21.5px 34px; }
	#content .opentimes-ad table tr td:last-child{ padding-right: 0; }
	
	#contact-content .opentimes-ad{ padding: 46.5px 45px; }
	#contact-content .contact-content-text { padding: 46.5px 28px; }
}
@media only screen and (max-width: 1092px){
	.teamimage{ height: auto; overflow: auto; }
}
@media only screen and (max-width: 992px){
	header .menu .info{ text-align: right; }
	#home_image .col-right{ padding-top: 25px; }
	#home_image .col-right h1{ font-size: 20pt; }
	.btn{ padding: 5px 18px; margin-right: 25px; }
	#content .yellow-ad{ padding: 25.5px 30px; }
	#content .image-ad { overflow:hidden; }
	#content .image-ad img{ width: 100%; }
	#content .opentimes-ad{ padding: 66.5px 75px; }
	#content .opentimes-ad p, #content .opentimes-ad table{ font-size: 14pt; }
	
	#contact-content .opentimes-ad table{ width: 100%; }
	#contact-content .form-content{ padding-bottom: 50px; }
	#contact-content .gmaps{ padding-left: 0; }
	#contact-content .gmaps iframe{ width: 100%; }
	#contact-content .contact-content-text {padding: 85.5px 28px;}
	#contact-content .largeimagecontainer{ padding-left: 0; }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	#content .yellow-ad{ padding: 53px 30px; }
	#content .opentimes-ad{ padding: 18px 25px; }
	header .menu .info{ text-align: right; }
}
@media only screen and (max-width: 767px){
	header .toprow{ padding: 20px 0 70px; }
	header .toprow .contactus, header .toprow .addressinfo{ text-align: center; }
	header ul#hoofdmenu.pull-left{ width: 100%; text-align: center; margin-top: 30px; }
	header .menu .navbar-default .navbar-collapse.in{ padding-right: 0; background-color: #ccc; margin-top: 2px; }
	header .menu .menu-item a{ padding-right: 0; } 
	header .menu .menu-item a:hover{ color: #c6403d; } 
	.navbar-nav{ margin: 0; }
	header .menu .info.pull-right{ float: left; }
	.show-mobile{ display: block; }
	.hidden-mobile{ display: none; }
	.addressinfo address{ display: inline-block; color: #dac248; font-size: 13px; font-family:"acumin-pro"; font-weight: 700; letter-spacing: 1px; margin-right: 10px; }
	.js-photostack img{ max-width: 85%; border: 3px solid #fff; }
	#home_image .col-left{ padding-top: 57px; padding-left: 70px; }
	#content{ float: left; }
	#home_image img.bg{ min-width: 100%; width: auto; min-height: 100%; height: 100%; }
	#home_image .col-sm-12{ padding-bottom: 50px; } 
	
	#contact-content .form-content{ padding-bottom: 0; }
	#contact-content .photostack-contact{ display: none; }
}

/* Smartphones in landscape */ 
@media (min-width: 481px) and (max-width: 767px) {
  #content .opentimes-ad{ padding: 50px 64px; }
  footer, footer a{ font-size: 11px; }
  footer .col-sm-6{ text-align: center; width: 100%; float: left; }
  #content .container, #home_image .container{ padding-left: 0; padding-right: 0; }

  
  p { font-size: 13pt; line-height: 18pt; }
  .yellow-ad .price{ margin-top: 20px; }
}

@media (min-width: 570px) and (max-width: 767px) {
  #content .opentimes-ad{ padding: 60.5px 69px; }
  #contact-content .contact-content-text{ padding: 59.5px 28px; }
}

@media (min-width: 481px) and (max-width: 569px) {
  #content .image-ad, #content .opentimes-ad{ width: 100%; margin: 0; }  
  #home_image h1{ font-size: 14pt !important; } 
  .btn{ padding: 4px 7px; margin-right: 2px; font-size: 12pt; }
  
  #contact-content .contact-content-text{ padding: 59.5px 28px; }
}

/* Meeste Smartphones */
@media (min-width: 320px) and (max-width: 480px) {
	body,html{ overflow-x: hidden; } 
  .wrapper { overflow-x: hidden !important; position: relative; width: 100%; }
  #content .container, #home_image .container{ padding-left: 0; padding-right: 0; }
  #content .image-ad, #content .opentimes-ad{ width: 100%; margin: 0; }
  .facebook-icon{ display: none; }
  #content .opentimes-ad{ padding: 50px 64px; }
  #home_image h1{ font-size: 14pt !important; } 
  .btn{ padding: 4px 7px; margin-right: 2px; font-size: 10pt; }
  #content{ float: left; }
  footer .row{ padding-bottom: 30px; }
  footer, footer a{ font-size: 11px; }
  footer .col-sm-6{ text-align: center; width: 100%; float: left; }
  
  p { font-size: 13pt; line-height: 18pt; }
  .yellow-ad .price{ margin-top: 40px; }
  
  #contact-content .contact-content-text{ padding: 46.5px 10px; }
  #contact-content .opentimes-ad{ padding: 59.5px 15px; }
  
  
  .maandspecial{ padding: 67px 0 72px 50px; color: #fff; }
}