/*
Theme Name: Cornet
Theme URI: http://wordpress.org/
Author: the WordPress team
Author URI: http://wordpress.org/
Description: 
Version: 1.0
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: cornet

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* GLOBAL STYLES
-------------------------------------------------- */

@font-face {
font-family:"HaginCapsMedium";
src:url("../fonts/Hagin_Caps_Medium.eot?") format("eot"), 
url("../fonts/Hagin_Caps_Medium.woff") format("woff"), 
url("../fonts/Hagin_Caps_Medium.ttf") format("truetype"), 
url("../fonts/Hagin_Caps_Medium.svg#HaginCapsMedium") format("svg");
font-weight:normal;
font-style:normal;
}


body { font-size:18px; color: #000; margin:0; padding:0; font-family: 'Lato', sans-serif;}
a { color: #b89e57; text-decoration: none; transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;-webkit-transition: all 300ms linear; }
a:focus { outline:none; text-decoration:none; color:inherit; }
a:hover, a:active { outline: 0; text-decoration:none; }

h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; margin: 36px 0 12px; font-family:"HaginCapsMedium"; }
h1 { font-size: 36px; line-height: 1.3846153846; }
h2 { font-size: 54px; line-height: 57px; font-family:"HaginCapsMedium"; font-weight:normal; text-transform:uppercase; }
h3 { font-size: 24px; line-height: 1.0909090909; }
h4 { font-size: 20px; line-height: 1.2; }
h5 { font-size: 18px; line-height: 1.3333333333; }
h6 { font-size: 16px; line-height: 1.5; }

img{ max-width:100%;}
input{/*-webkit-appearance:none;*/ -webkit-border-radius:0px;}

/*----------Common Css Start Here-------------*/
.pullLeft { float: left; }
.pullRight { float: right; }
.hide { display: none; }
.show { display: block; }
.txtL { text-align: left; }
.txtR { text-align: right; }
.txtC { text-align:center; }
.clear { clear: both; }
.mrg-b{ margin-bottom:0 !important;}

.alignleft{ float:left; margin-right:15px; margin-top:5px; margin-bottom:10px !important;}
.alignright{ float:right; margin-left:15px; margin-top:5px; margin-bottom:10px !important;}

hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; }
::selection { background: #b89e57; color: #fff; text-shadow: none;}
::-moz-selection { background: #b89e57; color: #fff; text-shadow: none;}
/*----------Common Css End Here-------------*/

.btn-outline{ border:1px solid #000; color:#000; font-size:22.51px; text-transform:uppercase; padding:10px 35px 10px 35px; display:inline-block; line-height:29px; margin-top:20px;}
.btn-outline:hover{ background-color:#b89e57; border:1px solid #b89e57; color:#fff;}

.btn-golden{ border:1px solid #b89e57; background-color:#b89e57; color:#000; font-size:22.51px; text-transform:uppercase; padding:10px 35px 10px 35px; display:inline-block; line-height:19px; margin-top:20px;}
.btn-golden:hover{ background-color:transparent; border:1px solid #b89e57; color:#000;}

.btn-white{ border:1px solid #fff; background-color:#fff; color:#000; font-size:22.51px; text-transform:uppercase; padding:10px 35px 10px 35px; display:inline-block; line-height:19px; margin-top:20px;}
.btn-white:hover{ background-color:#000; border:1px solid #000; color:#fff;}


.leaf-icon{ width:70px; height:70px; border:1px solid #000; border-radius:50%; margin-top:60px; display:inline-block; cursor:pointer; text-align:center; padding-top:12px;}
.leaf-icon.black{ background:url(../img/shield-black.png) no-repeat center center;}
.leaf-icon.white{ background:url(../img/shield-white.png) no-repeat center center;}
.leaf-icon.golden{ background:url(../img/shield-gold.png) no-repeat center center;}

.tooltips{ position:relative; margin-top:60px;}
.tooltips img{ cursor:pointer;}
.tooltip-content{ position:absolute; left:60px; bottom:-10px; border:1px solid #333; color:#333; background-color:#fff; padding:10px; display:inline-block; font-size:14px; line-height:normal; letter-spacing:normal; max-width:410px; display:none;}



/* CUSTOM STYLES
-------------------------------------------------- */

/**
 *  Header
 * --------------------------------------------------
 */
.main-content{ line-height:33px; width:100%; float:left;}
.main-content > .vc_row {  margin-left: 0; margin-right: 0;}

header{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:1;}
header.inner-page-header{ position:relative; overflow:visible; background:url(../img/header-bg.jpg) no-repeat center center / cover;}
header.inner-page-header .navigation{ padding-bottom:28px;}
header.inner-page-header .follow-us{ bottom:inherit; margin-top:18px; right:15px;}

.logo{ float:left; padding-top:38px; padding-bottom:26px;}
.mobile-logo{ display:none;}
.language{ position:absolute; right:0;}
.language a{ padding-right:0 !important; font-size: 20px;}
.hero{ width:100%; float:left; /*min-height:500px;*/ /*background:url(../img/video-screen.jpg) no-repeat center top;background-size:100% auto;*/}

.play-icon{ width:124px; height:124px; position:absolute; bottom:45%;  left:50%; margin-left:-62px; color:#fff; border:5px solid #fff; border-radius:50%; text-align:center;}
.play-icon a{ display:block;  color:#fff; height:100%;}
.play-icon i{ font-size:60px; padding-top:27px; padding-left:10px;}
.locator{ text-align:center;  position:absolute; bottom:150px;  left:50%; margin-left:-150px;}
header .btn-outline{ border:1px solid #fff; color:#fff; width:300px; max-width:100%; padding:10px 35px 12px 35px;}
header .btn-outline:hover{ background-color:transparent; border:1px solid #b89e57; color:#b89e57;}
.down-arrow1{ position:absolute; bottom:20px; left:50%; margin-left:-21px;}

.thanks > p {
	font-size: 22px;
}
.share a {
	padding: .4em .4em .4em 1em;
	font-size: 22px;
	color: #000;
	text-transform: uppercase;
	border: 1px solid #000;
}
.share a .f-facebook {
	margin-left: .5em;
}

header .follow-us{ margin:25px 0 0 0; padding:0; font-size:18px; float:right; color:#fff; position:absolute; bottom:23px; right:12.46031746031746%;}
header .follow-us li{ list-style:none; float:left; margin-left:10px; line-height:36px;}
header .follow-us li i,
.share a .f-facebook i { background-color:#fff; border-radius:50%; width:36px; height:36px; color:#000; text-align:center; padding-top:8px; font-size:22px;transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.share a .f-facebook i { display: inline-block;background-color:#ebebeb; padding-left: 4px;}
header .follow-us li i:hover,
.share a:hover .f-facebook i { background-color:#b89e57;}
header .follow-us li:first-child{ margin-right:10px;}

.wpgmp_before_listing{ display: none !important; }
.wpgmp_categories.wpgmp_print_listing.wpgmp_listing_list { display: none !important;}
.location_pagination1.wpgmp_pagination{ display: none !important;}
.event-extra-content{width:50%}
/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-hang {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/*--video start--*/
/*video#bgvid { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../img/ocean.jpg) no-repeat;
    background-size: cover; 
}
*/

#video-container {
	position: absolute;
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
	z-index:-1;
}
#video-container video {
	position:absolute;
	width:100%;
	z-index: -100;
}

#popupvideo{ display:none;}
/*--video end--*/

.gold-bg{ background-color:#b89e57;}
.scetion{ width:100%; float:left;}
.gray-light-bg{ background-color:#f3f3f3; padding-top:60px;}
.gray-bg{ background-color:#e7e3e0;}
.produacts{width:100%; float:left; padding-top:60px; background-color:#f3f3f3;}


.actie-download{width:100%; float:left;}
.actie-download .img-left{ padding-top:170px; margin-bottom:0 !important;}
.actie-download .in-content{ padding:25px 0 0px 0px; margin-bottom:0 !important;}
.actie-download .in-content h2{ font-size:53px;}
.actie-download .gold-bg{ right:0; position:static; width:54.9%; float:right;}
.actie-download .gold-bg:after{ background-color:#b89e57; content:''; width:50%; right:0; height:100%; position:absolute; top:0; z-index:-1;}

.geschiedenis{width:100%; float:left; overflow:hidden;}
.geschiedenis .content{ background-color:#e7e3e0; z-index:1; padding:21px 0 10px 0;}
.geschiedenis-img{ width:53% !important; position:absolute !important; right:0;}
.geschiedenis-img > div{ min-height:700px !important; background-position: center top !important; background-size: 100% 100% !important;}

.bierdoos{width:100%; float:left; padding:100px 0 18px 0;}


.map-section{ margin:0; width:100%; float:left;}
.map-section .wpgmp_map_container{box-shadow:none; border-radius:0; border:none;}
.main-content > div.map-section > div > div > div.wpb_wrapper {max-width: 100%; padding:0px;}
.map-section .wpb_gmaps_widget .wpb_wrapper{ padding:0;}
.map-section > div > div{ padding:0 !important;}

.language span a { padding-left:10px; color:#fff;  }
.language span a:hover { color:#b89e57; }


.event-section{ margin:0; width:100%; float:left;}
.main-content > div.event-section > div > div > div.wpb_wrapper{ max-width:100%; padding:0px;}
.event-section .vc_col-sm-3{ width:30.31746031746032%;}
.event-section .vc_col-sm-3 > div{ padding-left:0; padding-right:0;}
.event-section .vc_col-sm-5{ width:31.66666666666667%; padding-left:20px; padding-right:55px;}
.event-section .vc_col-sm-5 > div{ padding-left:0; padding-right:0;}
.event-section .vc_col-sm-4{ width:38.01587301587302%; float:right;}
.event-section .vc_col-sm-4 > div{ padding-left:0; padding-right:0;}
.event-section .tooltips{ margin-top:100px; margin-bottom:0;}

.testimonial{ background-color:#b89e57; color:#fff; font-size:39px; font-family:"HaginCapsMedium"; line-height:47px; padding:47px 20px 48px 20px; margin-bottom:0px !important;}
.testimonial > div{ max-width:300px; padding-left:20px; position:relative;}
.testimonial-img{ min-height:227px; margin-bottom:0 !important;}
.testimonial > div:after{content:""; position:absolute; top:0; left:0;}

.bekijk-left-img > div{ min-height:700px; margin-bottom:0 !important;}
.all-event{ margin-bottom:0 !important;}
.all-event .leaf-icon.black{ margin-top:100px;}

.newsletter-section{ width:100%; float:left; text-align:center; color:#fff; background-color:#000; padding:150px 0 202px 0;}
.newsletter-section .leaf-icon{ display:inline-block; margin-top:0;}
.newsletter-section h2{ margin-top:0;}
.newsletter-section .content { font-size:26px; letter-spacing:2px; text-transform:uppercase; text-align:center; font-weight:600; margin-bottom:30px;}
.newsletter-section .content strong{ font-size:46px; display:block; letter-spacing:1px; font-weight:600; line-height:70px;}
.newsletter-section input[type="email"]{ border:1px solid #fff; padding:10px 20px 10px 20px; max-width:296px; font-size:18px; height:45px; color:#000;border-radius:1px; font-style:italic;}

.newsletter-section input[type="submit"]{ background-color:#000; border:1px solid #fff; color:#fff; font-size:22.51px; text-transform:uppercase; padding:13px 35px 13px 35px; height:45px; display:inline-block; line-height:19px; vertical-align:top;transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;-webkit-transition: all 300ms linear;border-radius:1px; margin-left:-1px;}
.newsletter-section input[type="submit"]:hover{ background-color:#b89e57; border:1px solid #b89e57; color:#fff;}
.wpcf7-not-valid-tip{ width:100%; float:left;}

.bottom-section{ width:100%; float:left; text-align:center; position:relative; height:287px; overflow:hidden;}
.bottom-section img{ width:100%;}
.bottom-section:after{ background: url(../img/img-overlay.png); content:''; width:100%; right:0; height:100%; position:absolute; top:0; z-index:1;}
.bottom-section ul{ width:100%; float:left; margin:0; padding:0;}
.bottom-section li{ width:20%; float:left; list-style:none;}
.bottom-section li img{ width:100%;}

/**
 * Footer
 * --------------------------------------------------
 */

.site-footer { background-color: #181919; padding-top:14px; padding-bottom:55px; color:#fff; width:100%; float:left; }
.site-footer ul{ margin:0; padding:0;}
.site-footer li{ list-style:none;}
.site-footer li{ list-style:none;}
.address{ font-size:14px; font-weight:300; font-style:italic; line-height:26px; margin-top:28px; max-width:425px;}

.site-footer .follow-us{ margin:25px 0 0 0; padding:0; font-size:18px; float:right;}
.site-footer .follow-us li{ list-style:none; float:left; margin-left:10px; line-height:36px;}
.site-footer .follow-us li i{ background-color:#b89e57; border-radius:50%; width:36px; height:36px; color:#000; text-align:center; padding-top:8px; font-size:22px;transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.site-footer .follow-us li i:hover{ background-color:#fff;}
.site-footer .follow-us li:first-child{ margin-right:18px;}

.fancybox-close{ text-align:center; font-size:24px;}
.fancybox-close:hover{ color:#000;}
.pack4{ color:#c00f82; position:absolute; left:-20px; top:163px; line-height:22px;}
.model{ color:#c00f82; position:absolute; left:-30px; bottom:150px; line-height:22px; width:150px; text-align:left; display:none;}

.fancybox-skin{border-radius:0 !important;}
#popupvideo video{ width:auto !important; height:auto;}

/*--het-produact page--*/
.produacts h2{ margin-bottom:17px; margin-top:56px;}
.produacts .prod-desc h2{ margin-top:0;}
/*.produacts .leaf-icon{ margin-top:98px;}*/
.feature-section{ width:100%; float:left;overflow: hidden;}
.feature-section .content{ padding-bottom:25px;}
.feature-section .content h3{ font-size:18px; text-transform:capitalize; font-family: 'Lato', sans-serif; font-weight:bold; margin-top:30px;}
.feature-section .content .title{ padding-top:23px; margin-bottom:0 !important;}
.feature-section .content .title h2{ color:#fff; margin-bottom:26px;}
.feature-section .content ul{ padding:0; margin:0;}
.feature-section .content li{ list-style-position:inside;}
.feature-section .feature-img{ position:absolute; right:0; width:40%;}
.feature-section .feature-img div{ min-height:750px; background-position: left bottom !important;}

/*-- verhall page--*/
.verhall{ width:100%; float:left; overflow:hidden; padding-top:16px;}
.verhall h2{ font-size:52px;}
.verhall .soldier-img{ position:absolute; top:120px;}
.verhall .leaf-icon{ margin-bottom:15px; margin-top:15px; display:inline-block;}
.verhall .tooltips{ margin-bottom:50px !important; margin-top:15px !important;}

.video-section{ width:100%; float:left;}
.main-content > div.video-section > div > div > div.wpb_wrapper {max-width: 100%; padding:0px;}
.video-section .wpb_gmaps_widget .wpb_wrapper{ padding:0;}
.video-section > div > div{ padding:0 !important;}

/*-- newsletter page--*/

.newsletter-page{ width:100%; float:left; padding-top:22px; padding-bottom:49px;}
.actie-form {
	margin-top: 1.5em;
}

.actie-form input[type="text"], .actie-form input[type="email"]{ border:1px solid #d8d8d8; width:100%; padding:5px 15px; font-style:italic; background-color:#d8d8d8; font-size:18px; color:#000;}
.actie-form input[type="submit"], a#printbtn { text-align:center; width:80%; background-color:#b89e57; border:1px solid #b89e57; font-size: 20px; color:#000; text-transform:uppercase; cursor:pointer;transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;-webkit-transition: all 300ms linear; padding:5px 35px;}
.actie-form input[type="submit"]:hover, a#printbtn:hover {border:1px solid #000;}
.actie-form .wpcf7-form-control-wrap{ margin-bottom:18px; display:block;}

.actie-form input[type="text"]:focus,
.actie-form input[type="email"]:focus,
.actie-form input[type="submit"]:focus,
a#printbtn:hover {
	outline: none;
	border-color: #333;
}
.actie-form .error,
.actie-form .error input[type="text"],
.actie-form .error input[type="email"]{
	color: #bd2d21;
	border-color: #bd2d21;
}
.actie-form .mandatory {
	color: #bd2d21;
	font-size: 14px;
}

/*-- Event page--*/

.event-page .graybg{padding-top:50px; position:static; background-color:#f3f3f3;}
.event-page > div:after{ background-color:#f3f3f3; content:''; width:50%; right:0; height:100%; position:absolute; top:0; z-index:-1;}
.event-page h2{ margin-top:54px; margin-bottom:22px;}

.event-row{ width:100%; float:left; margin-bottom:27px;}
.event-row .event-date{ width:60px; float:left; margin-right:20px; font-size:23px; text-align:right; line-height:16px; background-color:#f3f3f3; padding:11px 6px; font-weight:bold;}
.event-row .event-date span{ font-size:12px; display:block;}
.event-row .event-desc{ float:left; line-height:25px; max-width: 370px;}
.event-row .event-desc h5{ margin:2px 0 0 0;font-family: 'Lato', sans-serif;}
.event-pagination{ width:100%; float:left; text-align:center;}
.event-pagination .pagination a{ cursor:pointer; color:#000;}
.event-pagination .pagination a:hover{ color:#b89e57;}

.event-page .calendar{padding-left:45px;}
.event-page .calendar .myCalendar{ margin:0 auto; position:relative; left:-15px;}
.event-page .calendar ul{ padding:0 0 33px 0; margin:0;}
.event-page .calendar li{ list-style:none; font-size:17px; font-weight:600;}
.event-page .calendar li .checkbox{ line-height:normal;}
.event-page .calendar li .checkbox label{ font-weight:600; padding-left:0px;}
.event-page .calendar li .checkbox .cat-desc{ font-weight:normal; font-style:italic; padding-left:35px;}
.event-page .calendar li input[type="radio"], .event-page .calendar li input[type="checkbox"]{ margin-top:6px; margin-left:-25px;}

.locations{ width:100%; float:left; background-color:#e7e3e0; padding: 10px 0px 10px 0px;}
.locations .wpb_text_column{ margin-bottom:20px !important;}
.locations h2{ margin-top:22px; margin-bottom:5px;}
.locations .location-icon{ margin:45px 0 0 0; padding:0;}
.locations .location-icon li{ list-style:none; margin-bottom:13px; font-style:italic;}
.locations .location-icon li img{ margin-right:15px;}

input[type="checkbox"] { display:none;
}
input[type="checkbox"] + label {
    color:#000;
    padding-left: 0;
    font-size:14px;
    line-height: 1.4em;
}
input[type="checkbox"] + label span {
    display:inline-block;
	float: left;
    width:21px;
    height:21px;
    margin:1px 14px 14px 0;
    vertical-align:middle;
    cursor:pointer;
	border:1px solid #393e42;

}

input[type="checkbox"] + label span {
	background-color:#fff;
	line-height: 21px;
}

input[type="checkbox"]:checked + label span{
	 text-align:center;
}
input[type="checkbox"]:checked + label span:after{ content:"\f00c"; font-family: 'FontAwesome';font-size:18px; font-weight:normal;}

input[type="checkbox"] + label span,
input[type="checkbox"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}

/*--calendar css start--*/
.event-page .ic__year{ display:none;}
.event-page .ic__month{ width:120px; margin:0 auto; position:static;}
.event-page .ic__header select{ text-align:center; -webkit-appearance: none; -moz-appearance: none; border:none; background:none; font-size:21px; font-family: 'Lato', sans-serif; font-weight:600; line-height:21px;}
.event-page .ic__days td{ border:none; color:#000; font-size:16px;}
.event-page .ic__days td:first-child{ color:#b89e57;}
.ic__week-head td{ color:#000; font-size:12px; border:none;}
.ic__week-head td:first-child{ color:#b89e57;}
.event-page .ic__days .ic__day{ background-color:transparent;}
.event-page .ic__days .ic__day:hover{ background-color:#b89e57; color:#000;}
.event-page .ic__days .ic__day_state_current {background: #b89e57; color: #000;}
.event-page .ic__days .ic__day_state_selected {background: #cfbd8d; color: #000;}
.ic__container{ background:none;}
.ic__prev, .ic__next{ background:none; width:33%;}
.ic__prev:hover, .ic__next:hover{ background:none;}

.ic__prev div{ border:none; width:14px; height:25px; top:11px;}
.ic__prev div:before {content: "\f100";font-family: 'FontAwesome'; font-size:24px;}

.ic__next div{ border:none; width:14px; height:25px; top:11px;}
.ic__next div:before {content: "\f101";font-family: 'FontAwesome'; font-size:24px;}

.ic__header{ background:none; margin-bottom:10px;}

.ic__days .ic__day-empty{ background:none;}
/*--calendar css end--*/

/*--splash--*/
html, body {height: 100%;}
.splash-main{ background:url(../img/splash-bg.jpg) repeat center center; background-size:cover; min-height:100%; margin:0;}
.splash-main > div > div{ padding:0;}
.splash-main .logo{ text-align:center; padding-top:70px; margin-bottom:12%; width:100%;}
.splash-main .age-box{ border:1px solid #fff; width:100%; display:inline-block; text-align:center; text-transform:uppercase; padding:8px 0 9px 0; margin-bottom:28px;}
.splash-main .age-box a{ display:block; color:#fff; font-size:18px; font-weight:400; text-decoration:none;}
.splash-main .age-box a:hover{ color:#ccc;}
.splash-main .under-age-response{ text-align:center; color:#fff;}

.language-mobile{ display:none;}

.location_listing1 .wpgmp_listing_container{ margin:0; height:0;}
.location_listing1 .wpgmp_listing_header { left: 50px; margin: 10px 0 0; max-width: 600px; position: absolute; z-index: 1;}
.location_listing1 .wpgmp_search_form{ margin:0 !important;}
.location_listing1 .wpgmp_search_form input.wpgmp_search_input{border-radius:2px !important;}

.het-productcontent { padding-right:5%; } 
.het-productcontent ul  { list-style:none; }
.het-productcontent ul li { padding:0 0 0 20px; position:relative; }
.het-productcontent ul li:before { content:''; position:absolute; left:0; top:12px; width:8px; height:8px; background:#000; border-radius:100%; }

.tooltip-content {  bottom: auto; top:50%; left:40px; background:#b89e57; border:none; padding:8px 20px 8px 40px; color:#fff; font-style:italic; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.tooltips img { background:#f3f3f3;  position: relative; z-index:9; border-radius: 100%; }
.actie-download  .tooltips img { background:#fff; } 
.gray-bg .tooltips img { background:#e7e3e0; }
/*.gray-bg .tooltip-content { background:#000; }*/
.verhall .wpb_wrapper { position:relative; }
.verhall-rimg { position:absolute; bottom:0; right:0; width:30%; }
.verhall-rimg div { position:relative; }
.verhall .soldier-img { position: relative; top: auto !important; }

.hide-section { display:none !important; }


/* RESPONSIVE CSS
================================================================== */

 
@media (min-width: 768px) {
	
.container, .main-content > div > div > div > div.wpb_wrapper { margin:0 auto; max-width: 750px; padding: 0 15px;}
.bierdoos h2{ margin-top:0;}
}

@media (min-width: 992px) {
.container, .main-content > div > div > div > div.wpb_wrapper { margin:0 auto; max-width: 970px; padding: 0 15px;}
}

@media (min-width: 1200px) {
.container, .main-content > div > div > div > div.wpb_wrapper { margin:0 auto; max-width: 970px; padding: 0 15px;}

}

/*-- Max Media Queries --*/
@media (min-width: 1900px) and (max-width: 2520px) {
.geschiedenis-img{ width:52.4% !important;}
.verhall .soldier-img{top: 285px;}
}

@media (min-width: 1200px) and (max-width: 1500px) {
.bottom-section{ height:200px;}
	}

@media (min-width: 1201px) and (max-width: 1366px) {
.actie-download .gold-bg{ width:54.2%;}
.all-event{ line-height:28px;}
	}

@media (min-width: 992px) and (max-width: 1200px) {
.bottom-section{ height:200px;}
.verhall .soldier-img{ width:100%; top:268px;}
.actie-download .img-left{ padding-top:140px;}
.all-event h2{ font-size:40px; line-height:normal;}
.all-event{ line-height:26px;}
				
}

@media (min-width: 768px) and (max-width: 1024px) {
h2{ font-size:40px; line-height:normal;}
.verhall h2{ font-size:40px;}
.actie-download .in-content h2{ font-size:40px;}
.actie-download .btn-golden{ font-size:20px; padding:10px 25px;}
.geschiedenis-img > div{background-position: left top !important; background-size: auto 100% !important;}
.testimonial{ font-size:35px; line-height:45px; padding:79px 20px 79px;}
.all-event{ line-height:normal;}
.all-event .leaf-icon{ margin-top:40px;}
.site-footer .follow-us li:first-child { display: block; margin-bottom: 10px; margin-right: 0; width: 100%;}
#video-container video{ width:auto; height:100%;}
.bottom-section{ height:140px;}
.actie-download .gold-bg{ width:53%;}
.actie-form input[type="submit"], a#printbtn {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.verhall .soldier-img{ width:100%; top:426px;}
.splash-main .age-box{ min-height:80px;}
.model{ width:100px;}
.event-section .vc_col-sm-5{padding-right:20px;}
	}

@media (max-width: 768px) {
.mobile-logo { display: inline-block;  left: 50%; top:20px;  margin-left: -50px;  position: relative;  width: 100px;  z-index: 1;}	
.menuzord-responsive .menuzord-menu{ background-color:#000; position:relative; z-index:1;}

.menuzord-responsive .menuzord-menu > li:nth-child(3){ display:none;}
header.inner-page-header .container{ width:100%; max-width:100%;}
header.inner-page-header{ background-position:center top; background-size:inherit;}	
header.inner-page-header .navigation{ padding-bottom:0px;}
header.inner-page-header .navigation .col-md-12{ padding:0px;}
/*.language-mobile{ display:block; position: absolute; right: 45px; top: 20px; text-transform:uppercase; color: #fff;font-family:"HaginCapsMedium";}
.language-mobile:hover{ color:#b89e57;}*/

.menuzord-menu li.language { display:block !important; }
.menuzord-menu li.language > a:first-child { display:none; }
.menuzord-menu li.language  a  { padding:5px 20px; }
.language-mobile { display:none; }
.language span a { font-size:20px; display:inline-block; width:100%; padding:12px 20px; border-bottom:1px solid #333333; }
	}

@media (max-width: 767px) {
body{ font-size:16px; letter-spacing:1px;}
.main-content{ line-height:24px;}
h2{ font-size:30px; line-height:normal;}
.verhall h2{ font-size:30px;}
.play-icon{ bottom:222px; width:70px; height:70px; margin-left:-35px;}
.play-icon i{ font-size:30px; padding-top:15px;}
.locator{ margin-left:-100px; bottom:100px;}
header .btn-outline{ width:200px;}
#video-container video{ width:auto; height:100%;}
header .follow-us{ display:none;}
.menuzord-menu li.language { display:block !important; }

.menuzord-menu li.language > a:first-child { display:none; }
.menuzord-menu li.language  a  { padding:5px 20px; }

.language-mobile { display:none; }
.language span a { font-size:20px; display:inline-block; width:100%; padding:12px 20px; border-bottom:1px solid #333333; }

.geschiedenis-img{ position:static !important; width:100% !important;}
.geschiedenis-img > div{ background-size: 100% auto !important; min-height: 320px !important;}
.geschiedenis .content{ padding:0;}
.actie-download .gold-bg::after{ display:none;}
.actie-download .in-content{ padding:0;}
.actie-download .in-content h2{ font-size:30px;}
.testimonial{ font-size:30px; line-height:normal; padding:20px 15px;}
.testimonial > div{ max-width:100%; padding-left:0;}
.bierdoos{ padding-top:0;}
.gray-light-bg{ padding-top:0;}
.all-event{ margin-bottom:35px !important;}

.actie-download .btn-white{ text-align:center; padding:10px 15px; font-size:17px;}
.actie-download .img-left{ display:none;}
.actie-download .gold-bg{ width:100%;}
.event-section .vc_col-sm-3{ width:100%;}
.event-section .vc_col-sm-5{ width:100%; padding-left:15px; padding-right:15px; max-width:100%;}
.event-section .vc_col-sm-4{ width:100%;}

.newsletter-section{ padding:50px 0;}
.newsletter-section input[type="email"]{ width:60%;}
.newsletter-section input[type="submit"]{ width:40%; padding:13px 5px;}

.site-footer{ text-align:center; padding-top:35px; padding-bottom:35px;}	
.site-footer .follow-us{ width:100%;}
.site-footer .follow-us li{ float:none; display:inline-block;}
.site-footer .address{ margin:28px auto 0 auto;}

.verhall .soldier-img{ position:static; text-align:center !important;}

.produacts h2{ margin-top:inherit;}
.produacts .prod-img{ text-align:center !important;}
.feature-section .feature-img{ position:static; right:0; width:100%;}
.feature-section .feature-img div { min-height: 300px;}

.event-page > div:after{ display:none;}
.event-page .calendar{ width:100%; float:left; padding-left: 15px;}

.event-pagination{ margin-bottom:30px !important;}
.locations .location-icon{ margin:5px 0 40px 0;}

.locations .location-icon ul{ padding:0;}

.pack4{ display:none}
.model{ display:none;}
.bottom-section{ height:100px;}
.bottom-section li{ width:33.33333333333333%;}
.bottom-section li:nth-last-child(1){ display:none;}
.bottom-section li:nth-last-child(2){ display:none;}
.language-mobile{ right:34px;}

.location_listing1 .wpgmp_listing_container{ height:auto; padding:0 10px;}
.location_listing1 .wpgmp_listing_header{ left:0; position:relative; max-width:100%;}

.verhall-rimg { position:relative; bottom:0; right:0; width:100%; text-align:center; padding:25px 0 0 }
.verhall-rimg div { position:relative; }
.verhall .soldier-img { position: relative; top: auto !important; } 

.actie-form input[type="submit"], a#printbtn {
	width: 100%;
    padding-left: 22px;
    padding-right: 22px;
	white-space: normal;
}
.share a {
	display: block;
    text-align: center;
}
}
@media (max-width: 530px) {
.bottom-section {height: 60px;}

	}
@media (max-width: 360px) {
.event-row .event-desc{width: 205px;}
	}

@media screen and (max-width: 300px) , screen and (max-height: 360px) {
.play-icon{ bottom:122px; width:70px; height:70px; margin-left:-35px;}
.locator{ margin-left:-100px; bottom:60px;}
}



	div.error,
	div.print,
	div.thanks {
		min-height: 500px;
	}
/*	p.error,
	p.thanks {
		margin: 50px 0 0 0;
		text-align: center;
		font-weight: 700;
	}*/

	.blockAdmin {
		margin: 10px;
		border: 1px dashed #ccc;
		padding: 10px;
	}

/* PRINT PAGE */

	p.explanations,
	p#thanks {
		margin: 20px 0;
		font-size: 16px;
		line-height: 20px;
	}
	ul.actionprint,
	div.rules {
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	div.rules {
		font-size: 16px;
		line-height: 20px;
		margin: 20px 0;
		padding-left: 8px;
	}
	ul.actionprint:after,
	div.rules:after {
		content: " ";
		display: block;
		clear: both;
	}
		ul.actionprint li {
			width: 33.32%;
			display: block;
			float: left;
			padding: 0px 5px;
			text-align: left;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		}

			ul.actionprint li img {
				display: block;
				width: 90%;
				margin-bottom: .5em;
			}

			ul.actionprint li span {
				font-size: 12px;
				display: block;
				width: 20px;
				float: left;
				line-height: 1.4em;
			}

			ul.actionprint li p {
				font-size: 14px;
				line-height: 18px;
				width: 85%;
				display: block;
				float: left;
				margin: 0px 0px 0px 0px;
			}

			ul.actionprint li#printexplanation {
				position: relative;
			}
			ul.actionprint li#printexplanation .printexplanationdiv {
				display: none;
				position: absolute;
				left: 10px;
				top: 0;
				width: 270px;
				background: #fff;
				border: 1px solid #ccc;
				font-size: 12px;
				padding: 10px;
				color: #555;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				-ms-border-radius: 10px;
				-o-border-radius: 10px;
				border-radius: 10px;
			}
			ul.actionprint li#printexplanation .printexplanationdiv p {
				width: 100%;
				float: none;
				line-height: 1.2em;
			}
			ul.actionprint li#printexplanation:hover .printexplanationdiv {
				display: block;
			}
			ul.actionprint li#printexplanation .printexplanationdiv strong {
				color: #555;
				font-size: 1em;
			}

		div.rules input {
			float: left;
			margin: 3px 10px 0 0;
		}
		div.rules label {
			display: inline-block;
			float: left;
			width: 90%;
			cursor: pointer;
			font-size: 16px;
			line-height: 20px;
		}
		div.rules input[type="checkbox"] + label span {
			margin-bottom: 30px;
		}
		div.print p.submit {
			padding-left: 8px;
		}

		span#errorcheckbox {
			display: none;
			height: 12px;
			font-weight: normal;
			font-weight: bold;
			margin: 0px 0px 0px 25px;
			color: #f00;
		}

		#printinprogress {
			line-height: 50px;
			text-align: center;
			color: #333;
			padding-left: 20px;
		}

		#printbtn {
			display: inline-block;
		}

	.hidden {
	  display: none !important;
	}

	.clear {
		display: block;
		float: none;
		clear: both;
	}



@media (max-width: 768px) {
	ul.actionprint li {
		width: 100%;
		text-align: left;
		padding: 0;
			line-height: 12px;
	}
		ul.actionprint li img {
			width: 60px;
			float: left;
			margin-left: 0;
			margin-right: 10px;
		}
		ul.actionprint li span {
			font-size: 12px;
			width: 20px;
			display: inline-block;
			float: none;
		}
		ul.actionprint li p {
			width: 150px;
			text-align: left;
			display: inline;
			float: none;
			line-height: 12px;
		}
}