/* 
Theme Name: Lagg reizen
Theme URI: 
Description: A 2024 framework for WordPress.
Author: Internetbureau Jun-E-Jay
Version: 1.0 
Tags:

General comments (optional).

*/
/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */

/* #Site Styles
================================================== */
:root {
	--width-base: 1320px;
	--width-base-xl: 1756px;
	--gutter-base-right: 20px;
	--gutter-base-left: 20px;
	--white-color: #fff;
	--black-color: #000;
	--blue-color: #312783;
	--sky-blue-color: #009fe3;
	--purple-color: #951b80;
	--green-color: #90b724;
	--light-green: #f2f4ea;
	--orange-color: #f3940c;
	--yellow-color: #fabc33;
	--gray-color: #71706f;
	--light-gray: #f9f9f9;
	--dark-gray: #818181;
	--gray-color-100: #1a202c;
	--gray-color-200: #4a5567;
	--btn-hover-color: #690f5a;
	--btn-primary-hover: #749616;
	--base-duration: all 0.3s;
	--font-family-base: 'Titillium Web';
	--font-family-icon: 'icomoon';
	--font-size-base: 16px;
	--line-height-base: 1.5;
	--line-height-heading: 1.05;
	--font-size-h1: 50px;
	--font-size-h2: 36px;
	--font-size-h3: 30px;
	--font-size-h4: 24px;
	--font-size-h5: 20px;
	--font-size-h6: 16px;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--heading-margin: 0 0 20px 0;
	--w-100: 100%;
	--h-100: 100%;
	--input-height: 50px;
	--input-color: rgba(0, 0, 0, 0.5);
	--input-border-color: rgba(112, 112, 112, 0.2);
	--box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--black-color); }
body { background: var(--white-color); }
input,
textarea { padding: 10px 20px; width: var(--w-100); height: var(--input-height); font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--input-color); border: 1px solid var(--input-border-color); border-radius: 5px; }
input::placeholder,
textarea::placeholder { color: var(--input-color); }
img { display: block; max-width: var(--w-100); border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
p { margin-bottom: 20px; }
a { display: inline-block; text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: var(--heading-margin); font-family: var(--font-family-base); font-weight: var(--font-weight-semibold); line-height: var(--line-height-heading); }
h1 { font-size: var(--font-size-h1); font-weight: var(--font-weight-bold); }
.h1,
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
.h2,
h4 { font-size: var(--font-size-h4); }
.h3,
h5 { font-size: var(--font-size-h5); }
.h4,
h6 { font-size: var(--font-size-h6); }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
.centered-xl { padding-right: calc((100% - var(--width-base-xl)) / 2); padding-left: calc((100% - var(--width-base-xl)) / 2); }
.wrap { display: flex; flex-wrap: wrap; }
.custom-select { padding: 10px 20px; width: var(--w-100); height: var(--input-height); font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--input-color); border: 1px solid var(--input-border-color); border-radius: 5px; background: url('images/select-arrow.png') no-repeat center right 20px; -webkit-appearance: none; cursor: pointer; }
.button { padding: 13px 40px; display: inline-block; font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: var(--font-weight-bold); text-align: center; color: var(--white-color); border: 0; border-radius: 5px; background-color: var(--purple-color); transition: var(--base-duration); cursor: pointer; }
.button:hover { background-color: var(--btn-hover-color); }
.button.primary { color: var(--white-color); background-color: var(--green-color); }
.button.primary:hover { background-color: var(--btn-primary-hover); }
.button.secondary { color: var(--blue-color); background-color: var(--white-color); }
.button.secondary:hover { background-color: rgba(255, 255, 255, 0.5); }
.link { text-decoration: underline; color: var(--green-color); transition: var(--base-duration); }
.link:hover { text-decoration: none; }

.gform_required_legend, .gfield_validation_message{ display: none!important; }
.ginput_container_consent{ position: relative!important; }
.ginput_container_consent input{ top: 14px!important; }
#gform_wrapper_1 .gfield_consent_label, #gform_wrapper_2 .gfield_consent_label{ color: #ffffff!important; }
.gform_fields{grid-row-gap: 0!important;}
.gform_button { 
	padding: 13px 20px!important; 
	width: 100%!important; 
	padding: 13px 40px!important;
	display: inline-block!important;
	font-family: var(--font-family-base)!important;
	font-size: var(--font-size-base)!important;
	font-weight: var(--font-weight-bold)!important;
	text-align: center!important;
	color: var(--black-color)!important;
	border: 0!important;
	border-radius: 5px!important;
	background-color: var(--white-color)!important;
	cursor: pointer!important; 
	height: 50px!important;
	transition: all 0.3s!important;
	opacity: 1!important;
	}
.gform_button:hover{ opacity: 0.6!important; }
.gform_validation_errors{ margin-bottom: 10px!important; }

#gform_wrapper_3 .gform-button{
	padding: 13px 40px!important;
	display: inline-block!important;
	font-family: var(--font-family-base)!important;
	font-size: var(--font-size-base)!important;
	font-weight: var(--font-weight-bold)!important;
	text-align: center!important;
	color: var(--white-color)!important;
	border: 0!important;
	border-radius: 5px!important;
	background-color: var(--green-color)!important;
	transition: var(--base-duration)!important;
	cursor: pointer!important;
	height: 50px!important;
	transition: all 0.3s;
	}
#gform_wrapper_3 .gform-button:hover{ background-color: var(--btn-primary-hover)!important; } 
	
	
#gform_wrapper_3 input[type=text], #gform_wrapper_3 input[type=email], #gform_wrapper_3 input[type=tel]{ 	
	padding: 10px 20px;
	width: var(--w-100);
	height: var(--input-height);
	font-family: var(--font-family-base);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	color: var(--input-color);
	border: 1px solid var(--input-border-color);
	border-radius: 5px;
	} 
 #gform_wrapper_3 textarea{ 	
	padding: 10px 20px;
	width: var(--w-100);
	font-family: var(--font-family-base);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	color: var(--input-color);
	border: 1px solid var(--input-border-color);
	border-radius: 5px;
	}  
 #gform_wrapper_3 .gfield{ margin-bottom: 13px; }
 #gform_wrapper_3 .gfield_label{
	margin-bottom: 4px;
	display: block;
	font-weight: var(--font-weight-semibold);
	font-size: 16px;
	}
 #gform_wrapper_3 .gfield_consent_label{font-size: 12px!important; padding-left: 20px!important; padding-top: 16px!important;}
 
 
 .gchoice{ position: relative!important; } 
 
 #gform_submit_button_4{
	padding: 13px 40px!important;
	display: inline-block!important;
	font-family: var(--font-family-base)!important;
	font-size: var(--font-size-base)!important;
	font-weight: var(--font-weight-bold)!important;
	text-align: center!important;
	color: var(--white-color)!important;
	border: 0!important;
	border-radius: 5px!important;
	background-color: var(--green-color)!important;
	transition: var(--base-duration)!important;
	cursor: pointer!important;
	height: 50px!important;
	transition: all 0.3s;
	width: 50%!important;
	}
#gform_submit_button_4:hover{ background-color: var(--btn-primary-hover)!important; } 
	
#gform_wrapper_4 .gform_next_button{
	padding: 13px 40px!important;
	display: inline-block!important;
	font-family: var(--font-family-base)!important;
	font-size: var(--font-size-base)!important;
	font-weight: var(--font-weight-bold)!important;
	text-align: center!important;
	color: var(--white-color)!important;
	border: 0!important;
	border-radius: 5px!important;
	background-color: var(--green-color)!important;
	transition: var(--base-duration)!important;
	cursor: pointer!important;
	height: 50px!important;
	transition: all 0.3s;
	width: 49%!important;
	}
#gform_wrapper_4 .gform_next_button:hover{ background-color: var(--btn-primary-hover)!important; } 	
	
#gform_wrapper_4 input[type=text], #gform_wrapper_4 input[type=email], #gform_wrapper_4 input[type=tel], #gform_wrapper_4 select{ 	
	padding: 10px 20px;
	width: var(--w-100);
	height: var(--input-height);
	font-family: var(--font-family-base);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	color: var(--input-color);
	border: 1px solid var(--input-border-color);
	border-radius: 5px;
	} 
#gform_wrapper_4 select{ 	
	padding: 0px 20px;
	width: var(--w-100);
	height: var(--input-height);
	font-family: var(--font-family-base);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	color: var(--input-color);
	border: 1px solid var(--input-border-color);
	border-radius: 5px;
	}	
#gform_wrapper_4 input[type=checkbox], #gform_wrapper_4 input[type=radio]{ 
	position: relative!important;	
	}
	
 #gform_wrapper_4 textarea{ 	
	padding: 10px 20px;
	width: var(--w-100);
	font-family: var(--font-family-base);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	color: var(--input-color);
	border: 1px solid var(--input-border-color);
	border-radius: 5px;
	}  
 #gform_wrapper_4 .gfield{ margin-bottom: 13px; }
 #gform_wrapper_4 .gfield_label{
	margin-bottom: 4px;
	display: block;
	font-weight: var(--font-weight-semibold);
	font-size: 16px;
	}

	
 #gform_wrapper_4 .gfield_consent_label{font-size: 12px!important; padding-left: 20px!important; padding-top: 16px!important;}
 #gform_wrapper_4 .gform_page_footer{ display: flex; justify-content: space-between; }

.gform-theme--framework .gf_step_completed .gf_step_number:after{ background-color: var(--green-color)!important; border-color: var(--green-color)!important; }








 
 

/* ### wrapper ### */
#wrapper { padding-top: 125px; position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: fixed; top: 0; left: 0; z-index: 9; width: var(--w-100); transition: var(--base-duration); }
#headerCntr.sticky { transform: translateY(-45px);  }

/* ### top box ### */
.topBox { padding-top: 8px; padding-bottom: 8px; border-top: 5px solid var(--blue-color); background-color: var(--sky-blue-color); }
.topBox .slider { width: 375px; }
.topBox span { padding-left: 30px; position: relative; display: inline-block; color: #fff; }
.topBox span:after { position: absolute; top: 50%; left: 0; font-family: var(--font-family-icon); font-size: var(--font-size-h5); transform: translateY(-50%); content: '\e90b'; }

/* ### header box ### */
.headerBox { display: flex; flex-wrap: wrap; align-items: center; background-color: var(--white-color); }
.headerBox .logo { width: 27%; }
.headerBox .logo img { max-width: 100%; }

/* ### menu box ### */
.menuBox { padding-left: 6px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 73%; }
.menuBox ul > li { margin-right: 20px; padding-top: 26px; padding-bottom: 26px; position: relative; display: inline-block; }
.menuBox ul > li:last-child { margin-right: 0; }
.menuBox ul > li.dropdown:after { margin-left: 1px; display: inline-block; font-family: var(--font-family-icon); font-size: 13px; vertical-align: middle; content: '\e900'; }
.menuBox ul > li > a { font-size: 18px; font-weight: var(--font-weight-semibold); color: var(--black-color); transition: var(--base-duration); white-space: nowrap; }
.menuBox ul > li > a:hover { color: var(--purple-color); }
.menuBox ul > li > ul { padding: 10px 0; position: absolute; top: 100%; left: 0; display: block; opacity: 0; visibility: hidden; border-radius: 0 0 5px 5px; background-color: #fff; transition: all 0.3s ease-in-out; box-shadow: var(--box-shadow); }
.menuBox ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox ul > li > ul > li { margin: 0; padding: 0 20px; width: 100%; }
.menuBox ul > li > ul > li > ul { top: 0; left: 100%; display: none;  border-radius: 0 5px 5px 0; }
.menuBox ul > li > ul > li:hover > ul { display: block; }
.menuBox .button { padding: 13px 10px; min-width: 260px; }

/* ### mobile menu ### */
.mobile-menu { display: none; }
.mobile-menu .hamburger { position: absolute; top: 69px; right: 15px; display: flex; align-items: center; color: #1a202c; transition: all 0.3s ease-in-out; cursor: pointer; }
.m-menu__checkbox { display: none; }
.m-menu__toggle { margin-left: -8px; padding-top: 5px; cursor: pointer; }
.m-menu { position: fixed; top: 0; right: -768px; z-index: 2; opacity: 0; visibility: hidden; width: calc(100vw - 30px); max-width: 768px; height: 100vh; background-color: var(--white-color); -moz-transform: translate3d(768px, 0, 0); -o-transform: translate3d(-450px, 0, 0); -ms-transform: translate3d(768px, 0, 0); -webkit-transform: translate3d(768px, 0, 0); transform: translate3d(768px, 0, 0); transition: transform 0.35s; overflow: hidden; }
.m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: 100%; background-color: rgba(103, 103, 103, 0.5); }
.m-menu__header { padding: 0 16px; display: flex; align-items: center; height: 50px; border-bottom: 1px solid var(--black-color); }
.m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: var(--white-color); }
.m-menu .m-menu { transform: translate3d(768px, 0, 0); }
.m-menu ul { height: 100%; overflow-y: auto; }
.m-menu ul li { margin-right: 0 !important; position: relative; display: block !important; }
.m-menu ul li ul { display: block !important; }
.m-menu ul li a { padding: 0 15px !important; color: var(--black-color); border-bottom: 1px solid var(--black-color); }
.m-menu ul li a:hover { text-decoration: none !important; }
.m-menu ul li a,
nav .m-menu ul li label { padding: 0 15px; position: relative; display: block; line-height: 47px; text-align: left; text-decoration: none; border-bottom: 1px solid var(--black-color); cursor: pointer; }
nav .m-menu ul li label { border-bottom: 0; }
.m-menu .btn-last { padding: 15px 10px; }
.m-menu .button { padding: 15px 30px !important; width: 100%; line-height: unset; text-align: center !important; color: var(--white-color); }
.m-menu ul li label.a-label__chevron { padding: 15px 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px var(--black-color); }
.m-menu ul li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--black-color); border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); content: ''; }
.m-menu ul li .-invisible { border-bottom: 0; }
.m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; border-bottom: 0; }
.m-menu__checkbox:checked ~ .m-menu__overlay { display: block; }
.m-menu__checkbox:checked ~ .m-menu { right: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### hero box ### */
.heroBox { position: relative; display: flex; align-items: center; justify-content: center; min-height: 480px; }
.heroBox .content { margin: 0 auto; padding-bottom: 58px; position: relative; z-index: 1; max-width: 870px; text-align: center; }
.heroBox ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.heroBox ul > li:after { margin: 0 12px; display: inline-block; width: 2px; height: 15px; vertical-align: middle; background-color: var(--white-color); content: ''; }
.heroBox ul > li:last-child:after { display: none; }
.heroBox ul > li > a { font-weight: var(--font-weight-bold); color: var(--white-color); transition: var(--base-duration); }
.heroBox ul > li > a:hover { color: var(--purple-color); }
.heroBox h1 { color: var(--white-color); overflow: hidden; }
.heroBox .image { position: absolute; top: 0; left: 0; width: var(--w-100); height: var(--h-100); }
.heroBox .image img { width: var(--w-100); height: var(--h-100); object-fit: cover; object-position: center center; }

/* ### banner box ### */
.bannerBox { position: relative; display: flex; align-items: center; justify-content: center; min-height: 300px; }
.bannerBox .text { position: relative; z-index: 1; }
.bannerBox .text strong { display: block; color: var(--white-color); text-shadow: 3px 6px 2px rgba(0, 0, 0, 1); }
.bannerBox h1 { margin-bottom: 0; color: var(--white-color); }
.bannerBox .image { position: absolute; top: 0; left: 0; width: var(--w-100); height: var(--h-100); }
.bannerBox .image img { width: var(--w-100); height: var(--h-100); object-fit: cover; }
.bannerBox .wrap { align-items: center; justify-content: space-between; width: var(--w-100); }
.bannerBox.inner { padding-top: 65px; padding-bottom: 65px; justify-content: unset; min-height: 480px; }
.bannerBox.inner h1 { text-shadow: 3px 6px 2px rgba(0, 0, 0, 1); max-width: calc(100% - 340px); }

/* ### breadcrumbs ### */
.breadcrumbs { padding-top: 6px; }
.breadcrumbs { display: flex; }
.breadcrumbs { font-size: 12px; }
.breadcrumbs a { text-decoration: underline; color: var(--green-color); }
.breadcrumbs a:hover { text-decoration: none; }

/* ### info box ### */
.infoBox { margin-top: -50px; position: relative; z-index: 1; }
.infoBox .box { padding: 11px 20px; border-radius: 5px; background-color: var(--white-color); box-shadow: var(--box-shadow); }
.infoBox .wrap { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.infoBox .column { padding: 0 8px; width: 37.5%; }
.infoBox .column.submit { width: 25%; }
.infoBox label { margin-bottom: 4px; display: block; font-weight: var(--font-weight-semibold); }
.infoBox .button { padding: 13px 15px; width: var(--w-100); }

/* ### popular box ### */
.popularBox { padding-bottom: 40px; padding-top: 40px; position: relative; }
.popularBox .wrap { margin: 0 -8px; }
.popularBox .column { margin-bottom: 34px; padding: 0 8px; width: 25%; }
.popularBox .view-all { text-align: center; }

.popularBox .view-more { padding-top: 17px; text-align: center; }

.grayedout{ opacity: 0.5; pointer-events: none; }



/* ### intro-text ### */
.intro-text { margin: 0 auto 32px; max-width: 748px; text-align: center; }
.intro-text h2 { margin-bottom: 8px; }
.intro-text p { line-height: 1.65; }

/* ### card-popular ### */
.card-popular { display: flex; flex-direction: column; justify-content: space-between; height: var(--h-100); border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--white-color); transition: var(--base-duration); }
.card-popular .image { border-radius: 5px 5px 0 0; }
.card-popular .image img { width: var(--w-100); border-radius: 5px 5px 0 0; height: 200px; }
.card-popular .price { padding: 4px 10px 5px; font-size: 14px; font-weight: var(--font-weight-semibold); text-align: center; color: var(--white-color); background-color: var(--orange-color); }
.card-popular .content { padding: 26px 30px 0px; flex:auto; }
.card-popular .content_btn { padding: 0px 30px 29px; }
.card-popular .title { min-height: 84px; }
.card-popular h5 { margin-bottom: 4px; color: var(--black-color); }
.card-popular .location { margin-bottom: 18px; padding-left: 16px; position: relative; display: block; font-size: 14px; font-weight: var(--font-weight-semibold); color: var(--black-color); }
.card-popular .location:before { position: absolute; top: -1px; left: -4px; font-family: var(--font-family-icon); font-size: 16px; color: var(--purple-color); content: '\e904'; }
.card-popular ul { margin-bottom: 24px; }
.card-popular ul > li { margin-bottom: 4px; padding-left: 18px; position: relative; color: var(--black-color); }
.card-popular ul > li:last-child { margin-bottom: 0; }
.card-popular ul > li:after { position: absolute; top: 5px; left: 0; font-family: var(--font-family-icon); font-size: 12px; color: var(--green-color); content: '\e901'; }
.card-popular p { margin-bottom: 15px; line-height: 1.65; color: var(--black-color); }
.card-popular .button { display: block; width: var(--w-100); }
.card-popular:hover { box-shadow: var(--box-shadow); }
.card-popular:hover .button { background-color: var(--btn-hover-color); }
.card-popular:hover .link { text-decoration: none; }

/* ### reviews box ### */
.reviewsBox { margin-bottom: 54px; overflow: hidden; }
.reviewsBox .slide { padding: 0 8px; opacity: 0.3; }
.reviewsBox .slide.slick-center { opacity: 1; }
.reviewsBox .slick-list { margin: 0 -700px; }
.reviewsBox .reviews-dots { }
.reviewsBox .slick-dots { display: flex; align-items: center; justify-content: center; }
.reviewsBox .slick-dots > li { margin-right: 8px; }
.reviewsBox .slick-dots > li:last-child { margin-right: 0; }
.reviewsBox .slick-dots > li button { width: 16px; height: 16px; font-size: 0; border: 1px solid var(--gray-color); border-radius: 50px; background-color: transparent; cursor: pointer; }
.reviewsBox .slick-dots > li.slick-active button { background-color: var(--gray-color); }
#review_slider_footer{ display: flex; justify-content: space-between; align-items: center; padding-top: 11px; min-height: 24px; }
#review_slider_footer>div{ min-width: 125px; }

/* ### card-review ### */
.card-review { padding: 26px 20px 42px; text-align: center; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; }
.card-review .content { margin: 0 auto; max-width: 870px; }
.card-review .quoteIcon { margin-bottom: 11px; font-size: 53px; color: var(--green-color); }
.card-review p { margin-bottom: 32px; font-size: 18px; font-style: italic; line-height: 1.65; }
.card-review .more-text { display: none; }
.card-review .client { margin: 0 auto; padding-left: 75px; position: relative; width: 250px; }
.card-review .client-img { position: absolute; top: 0; left: 0; }
.card-review ul.star { margin-bottom: 2px; display: flex; align-items: center; }
.card-review ul.star > li { margin-right: 2px; font-size: 14px; color: var(--yellow-color); }
.card-review ul.star > li:last-child { margin-right: 0; }
.card-review .client-name { display: block; font-size: 14px; line-height: 1.1; text-align: left; }
.card-review .client-name span { font-weight: 600; }
.card-review ul.review-date { display: flex; align-items: center; }
.card-review ul.review-date > li { font-size: 14px; white-space: nowrap; }
.card-review ul.review-date > li:after { margin: 0 10px; display: inline-block; width: 1px; height: 13px; vertical-align: middle; background-color: var(--black-color); content: ''; }
.card-review ul.review-date > li:last-child:after { display: none; }
.card-review.inner { text-align: left; }
.card-review.inner .client { margin-left: 0; }

/* ### kind box ### */
.kindBox { padding-bottom: 40px; padding-top: 40px; }
.kindBox .wrap { margin: 0 -8px; }
.kindBox .column { padding: 0 8px; width: 33.33%; margin-bottom: 20px; }

/* ### copy box ### */
.card-kind { position: relative; display: block; border-radius: 5px; overflow: hidden; }
.card-kind img { width: 100%; border-radius: 5px; transition: all 0.3s; }
.card-kind .btn { padding: 30px; position: absolute; bottom: 0; left: 0; width: var(--w-100); }
.card-kind .button { padding: 13px 15px; width: var(--w-100); font-weight: var(--font-weight-semibold); }
.card-kind:hover .button { background-color: var(--btn-hover-color); }
.card-kind:hover img { transform: scale(1.05); }

/* ### e-book box ### */
.e-bookBox { margin-bottom: 40px; margin-top: 40px; overflow: hidden; }
.e-bookBox .holder { padding: 53px 20px 58px; position: relative; border-radius: 5px; background-color: var(--sky-blue-color); }
.e-bookBox .content { margin: 0 auto; position: relative; z-index: 2; max-width: 1320px; }
.e-bookBox .text { max-width: 870px; }
.e-bookBox h2 { margin-bottom: 7px; color: var(--white-color); }
.e-bookBox p { margin-bottom: 15px; line-height: 1.65; color: var(--white-color); }
.e-bookBox .list { display: flex; flex-wrap: wrap; }
.e-bookBox ul { width: 50%; }
.e-bookBox ul > li { margin-bottom: 5px; padding-left: 19px; position: relative; color: var(--white-color); }
.e-bookBox ul > li:before { position: absolute; top: 6px; left: 0; font-family: var(--font-family-icon); font-size: 11px; content: '\e901'; }
.e-bookBox ul > li:last-child { margin-bottom: 0; }
.e-bookBox .infoBox { margin-top: 0; padding-top: 40px; }
.e-bookBox .e-book { position: absolute; top: 0; right: -61px; z-index: 1; width: 726px; height: var(--h-100); }
.e-bookBox .e-book img { width: var(--w-100); height: var(--h-100); }
.e-bookBox .e-book-bg { position: absolute; top: 0; left: 0; opacity: 0.1; width: var(--w-100); height: var(--h-100); border-radius: 5px; }
.e-bookBox .e-book-bg img { width: var(--w-100); height: var(--h-100); object-fit: cover; border-radius: 5px; }

.e-bookBox .gform_fields, .gform_wrapper{ width: 100%; }
.e-bookBox .gfield_label{ 
	margin-bottom: 4px!important;
	display: block!important;
	font-weight: var(--font-weight-semibold)!important; 
	font-size: var(--font-size-base)!important;
	}
.e-bookBox input{
	padding: 10px 20px!important;
	width: var(--w-100)!important;
	height: var(--input-height)!important;
	font-family: var(--font-family-base)!important;
	font-size: var(--font-size-base)!important;
	font-weight: var(--font-weight-semibold)!important;
	color: var(--input-color)!important;
	border: 1px solid var(--input-border-color)!important;
	border-radius: 5px!important;
	margin-bottom: 5px!important;
	}
.e-bookBox #field_submit{ display: flex!important; flex-direction: column!important; justify-content: flex-end!important; }
.e-bookBox .gform_footer{ margin-block-start:0px!important; }

.e-bookBox .gform-button{
	color: var(--white-color)!important;
	background-color: var(--green-color)!important;
	padding: 13px 40px!important;
	display: inline-block!important;
	font-family: var(--font-family-base)!important;
	font-size: var(--font-size-base)!important;
	font-weight: var(--font-weight-bold)!important;
	text-align: center!important;
	color: var(--white-color)!important;
	border: 0!important;
	border-radius: 5px!important;
	transition: var(--base-duration)!important;
	cursor: pointer!important;
	}
.e-bookBox .gform-button:hover{
	background-color: var(--btn-primary-hover)!important;
	}

/* ### choose box ### */
.chooseBox { padding-bottom: 40px; padding-top: 40px; }
.chooseBox .wrap { margin: 0 -8px; }
.chooseBox .column { padding: 0 8px; width: 25%; }
.chooseBox .read-more { padding-top: 34px; text-align: center; }

/* ### card-choose ### */
.card-choose { padding: 15px 15px 25px; display: block; height: var(--h-100); text-align: center; border-radius: 5px; background-color: rgba(49, 39, 131, 0.15); }
.card-choose .icon { margin-bottom: 5px; display: block; font-size: 36px; }
.card-choose h5 { margin-bottom: 0; }


/* ### card-text ### */
.card-text { padding: 82px 30px 30px; height: 100%; color: var(--black-color); border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--light-gray); transition: var(--base-duration); }
.card-text p { margin-bottom: 25px; line-height: 1.6; }
.card-text:hover { box-shadow: var(--box-shadow); }
.card-text:hover .link { text-decoration: none; }

/* ### about box ### */
.aboutBox { padding-bottom: 40px; padding-top: 40px; }
.aboutBox .wrap { align-items: center; }
.aboutBox .left { width: 50%; }
.aboutBox .right { padding-left: 40px; width: 50%; }
.aboutBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.aboutBox .item { padding: 0 8px; width: 50%; }
.aboutBox .image { margin-bottom: 16px; }
.aboutBox .image img { width: 100%; border-radius: 5px; }
.aboutBox h2 { margin-bottom: 10px; }
.aboutBox p { margin-bottom: 25px; line-height: 1.6; }
.aboutBox ul { margin-bottom: 28px; }
.aboutBox ul > li { margin-bottom: 2px; }
.aboutBox ul > li:last-child { margin-bottom: 0; }
.aboutBox .button { min-width: 257px; }
.aboutBox.inner .wrap { flex-direction: row-reverse; }
.aboutBox.inner .right { padding-right: 40px; padding-left: 0; }
.aboutBox.inner-1 p { margin-bottom: 0; }

/* ### caribbean box ### */
.caribbeanBox { margin-bottom: 53px; padding-top: 50px; }
.caribbeanBox h2 { margin-bottom: 23px; }
.caribbeanBox .wrap { margin: 0 -8px; }
.caribbeanBox .column { margin-bottom: 20px; padding: 0 8px; width: 25%; }
.caribbeanBox .card-popular h5 { margin-bottom: 19px; }
.caribbeanBox.inner { padding-top: 0; }

/* ### text-box ### */
.text-box { margin-bottom: 80px; }
.text-box .wrap { margin: 0 -35px; }
.text-box .content { padding: 0 35px; width: 50%; }
.text-box h2 { margin-bottom: 10px; }
.text-box p { margin-bottom: 27px; line-height: 1.6; }
.text-box .button { min-width: 257px; }

/* ### auteur box ### */
.auteurBox { margin-bottom: 40px; display: flex; flex-wrap: wrap; align-items: center; }
.auteurBox .text { padding-right: 15px; width: 75%; }
.auteurBox h2{ font-size: 24px; }
.auteurBox p { margin-bottom: 25px; line-height: 1.6; }
.auteurBox ul { display: flex; align-items: center; flex-wrap: wrap; }
.auteurBox ul > li:after { margin: -5px 15px 0; display: inline-block; width: 2px; height: 15px; vertical-align: middle; background-color: var(--black-color); content: ''; }
.auteurBox ul > li:first-child { margin-right: 15px; }
.auteurBox ul > li:first-child:after,
.auteurBox ul > li:last-child:after { display: none; }
.auteurBox ul > li > a { color: var(--green-color); transition: var(--base-duration); text-decoration: underline; }
.auteurBox ul > li > a:hover { text-decoration: none; }
.auteurBox .image { width: 25%; }
.auteurBox .image img { margin-left: auto; border-radius: 5px; }
.auteurBox.inner { margin-bottom: 73px; }

/* ### tips box ### */
.tipsBox { margin-bottom: 77px; }
.tipsBox .holder { margin-bottom: 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.tipsBox h2 { margin-bottom: 0; }
.tipsBox .custom-select { padding: 10px; width: 206px; font-weight: 400; color: var(--black-color); background-position: center right 10px; }
.tipsBox .wrap { margin: 0 -8px; }
.tipsBox .column { margin-bottom: 19px; padding: 0 8px; width: 25%; }
.tipsBox .view-more { padding-top: 17px; text-align: center; }

/* ### testimonial box ### */
.testimonialBox { margin-bottom: 80px; }
.testimonialBox .holder { margin: 0 auto; max-width: 1094px; }
.testimonialBox .card-review { margin-bottom: 20px; }
.testimonialBox .load-more { padding-top: 13px; text-align: center; cursor: pointer; }

/* ### overview box ### */
.overviewBox { margin-bottom: 80px; }
.overviewBox .card-review { margin: 0 auto; max-width: 1094px; }
.overviewBox .back { padding-top: 35px; text-align: center; }

/* ### tab box ### */
.tabBox { margin-bottom: 80px; padding-top: 20px; }
.tabBox .tab-nav { padding: 16px 30px; position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--white-color); }
.tabBox .tab-nav > li { font-size: 18px; font-weight: var(--font-weight-semibold); color: var(--black-color); cursor: pointer; transition: var(--base-duration); }
.tabBox .tab-nav > li:hover,
.tabBox .tab-nav > li.active { text-decoration: underline; color: var(--purple-color); }
.tabBox .tab-box .tab_content-2 { display: block; opacity: 0; }
.tabBox .tab-box.first .tab_content-2 { display: block; }
.tabBox .tab-box.first .tab_drawer_heading { border-top: 1px solid rgba(112, 112, 112, 0.2); }
.tab_drawer_heading { margin-bottom: 0; padding: 15px 15px 15px 0; position: relative; display: none; font-weight: var(--font-weight-semibold); border-bottom: 1px solid rgba(112, 112, 112, 0.2); }
.tab_drawer_heading:after { position: absolute; top: 50%; right: 0; font-family: var(--font-family-icon); font-size: 12px; line-height: 1; transform: translateY(-50%); transition: all 0.3s ease-in-out; content: '\e900'; }
.tab_drawer_heading.d_active:after { transform: rotate(-180deg); }
.tabBox .wrap { padding-top: 33px; }
.tabBox .left { width: 74.5%; }
.tabBox .right { padding-top: 7px; padding-left: 15px; width: 25.5%; margin-top: -100px; }
.tabBox .fixed-top { position: sticky; top: 90px; }
.tabBox .tab-nav {  width: 74.5%;  }
.tabBox.inner .tab-nav > li:hover,
.tabBox.inner .tab-nav > li.active { color: var(--green-color); }
.tabBox.inner .right { padding-top: 0; margin-top: -566px; }
.aangesloten_bij img{ width: 26px; height: auto; }

.js-cta-blokjes-slider{ position: relative; }
.js-cta-blokjes-slider a{ background-color:rgba(0, 0, 0, 0.4); position: absolute; z-index: 5; top:calc(50% - 30px); padding-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-size: 32px; color: #ffffff; cursor: pointer; border-radius:6px; }
.js-cta-blokjes-slider .prev-arrow { left:4px; }
.js-cta-blokjes-slider .next-arrow{ right:4px; }


#sticky_tab, #voorstel_blokje , #sticky_tab_block{ transition: top 0.3s;  max-width: 984px;}
#sticky_tab.sticky , #sticky_tab_block.sticky{ position: fixed; max-width: 984px;}
#voorstel_blokje .fixed-top { top:79px; transition: top 0.3s;}

#voorstel_blokje.scrolled_up .fixed-top { top:79px; }
#voorstel_blokje.scrolled_down .fixed-top { top:124px; }

#sticky_tab.scrolled_up { top:79px;}
#sticky_tab.scrolled_down { top:124px;}

#sticky_tab_block.scrolled_up { top:79px;}
#sticky_tab_block.scrolled_down { top:124px;}





/* ### card-advice ### */
.card-advice { margin-left: auto; max-width: 317px; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; }
.card-advice .image img { width: var(--w-100); border-radius: 5px 5px 0 0; }
.card-advice .sub-title { padding: 4px 10px 5px; font-size: 14px; font-weight: var(--font-weight-semibold); text-align: center; color: var(--white-color); background-color: var(--orange-color); }
.card-advice .text { padding: 26px 28px 28px; }
.card-advice h5 { margin-bottom: 28px; }
.card-advice .button { margin-bottom: 20px; padding: 13px 15px; width: var(--w-100); }
.card-advice .button:last-child { margin-bottom: 0; }

/* ### brief box ### */
.briefBox h2 { margin-bottom: 8px; }
.briefBox p { margin-bottom: 35px; line-height: 1.65; }
.briefBox .holder { display: flex; flex-wrap: wrap; margin-bottom: 40px; }
.briefBox .content { padding-top: 10px; padding-right: 15px; width: 66%; }
.briefBox .text { margin-bottom: 53px; }
.briefBox .text:last-child { margin-bottom: 0; }
.briefBox h4 { margin-bottom: 10px; }
.briefBox .text p { margin-bottom: 27px; }
.briefBox ul { margin-bottom: 27px; }
.briefBox ul > li { margin-bottom: 2px; }
.briefBox ul > li:last-child { margin-bottom: 0; }
.briefBox ul > li > a { text-decoration: underline; color: var(--black-color); transition: var(--base-duration); }
.briefBox ul > li > a:hover { color: var(--green-color); }
.briefBox .images { width: 34%; }
.briefBox .image { margin-bottom: 40px; }
.briefBox .image:last-child { margin-bottom: 0; }
.briefBox .image img { margin-left: auto; border-radius: 5px; }

/* ### travel box ### */
.travelBox h2 { margin-bottom: 8px; }
.travelBox p { margin-bottom: 35px; line-height: 1.65; }
.travelBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.travelBox .column { margin-bottom: 20px; padding: 0 8px; width: 33.33%; }
.travelBox .card-popular .title { margin-bottom: 9px; min-height: auto; }
.travelBox .card-popular p { margin-bottom: 0; }

/* ### hotel box ### */
.hotelBox h2 { margin-bottom: 8px; }
.hotelBox p { margin-bottom: 22px; line-height: 1.65; }

/* ### card-hotel ### */
.card-hotel { margin-bottom: 20px; display: flex; flex-wrap: wrap; color: var(--black-color); border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--white-color); transition: var(--base-duration); }
.card-hotel .image { position: relative; width: 44%; }
.card-hotel .image img { width: var(--w-100); height: 250px; object-fit: cover; border-radius: 5px 0 0 5px; min }
.card-hotel .sub-title { padding: 4px 10px 5px; position: absolute; bottom: 0; left: 0; width: var(--w-100); font-size: 14px; font-weight: var(--font-weight-semibold); text-align: center; color: var(--white-color); border-radius: 0 0 0 5px; background-color: var(--orange-color); }
.card-hotel .content { padding: 26px 15px 23px 30px; width: 56%; }
.card-hotel ul > li { margin-bottom: 4px; padding-left: 20px; position: relative; }
.card-hotel ul > li:last-child { margin-bottom: 0; }
.card-hotel ul > li:before { position: absolute; top: 5px; left: 0; font-family: var(--font-family-icon); font-size: 13px; color: var(--green-color); content: '\e901'; }
.card-hotel:hover { box-shadow: var(--box-shadow); }

/* ### accordion box ### */
.accordionBox { margin-bottom: 23px; }
.accordionBox:last-child { margin-bottom: 0; }
.accordionBox h2 { margin-bottom: 8px; }
.accordionBox p { margin-bottom: 22px; line-height: 1.65; }
.accordionBox .holder { display: flex; flex-wrap: wrap; }
.accordionBox .left { width: 34%; }
.accordionBox .right { width: 66%; }
.accordionBox h4 { margin-bottom: 10px; }

/* ### accordion-item ### */
.accordion-item { margin-bottom: 10px; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; }
.accordion-item .accordion-title { padding: 22px 40px 19px 18px; position: relative; cursor: pointer; }
.accordion-item .accordion-title:after { position: absolute; top: 50%; right: 20px; font-size: 18px; font-weight: 600; transform: translateY(-50%); transition: var(--base-duration); content: '+'; }
.accordion-item.active .accordion-title:after { content: '-'; }
.accordion-item h6 { margin-bottom: 0; }
.accordion-item .answer { padding: 5px 18px 20px; }
.accordion-item p:last-child { margin-bottom: 0; }
.accordion-item .images { margin: 0 -13px; display: flex; flex-wrap: wrap; }
.accordion-item .image { padding: 0 13px; width: 33.33%; }
.accordion-item .image img { width: var(--w-100); border-radius: 5px; }

/* ### quote box ### */
.quote { margin-bottom: 28px; padding: 23px 40px 24px 100px; position: relative; border-radius: 5px; background-color: rgba(144, 183, 36, 0.4); }
.quote span { position: absolute; top: 20px; left: 21px; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; text-transform: uppercase; color: var(--white-color); border-radius: 5px; background-color: rgba(102, 136, 8, 0.6); }
.quote p { margin-bottom: 0; }

/* ### content box ### */
.contentBox { margin-bottom: 80px; }
.contentBox .box { padding: 75px 20px; background-color: var(--light-gray); }
.contentBox .content { margin: 0 auto; max-width: 875px; }
.contentBox .wrap { margin: 0 -8px; padding-top: 15px; }
.contentBox .wrap .image { padding: 0 8px; width: 50%; }
.contentBox .wrap .image:last-child { margin-right: 0; }
.contentBox h1 { margin-bottom: 28px; }
.contentBox p { margin-bottom: 28px; line-height: 1.6; }
.contentBox .link { margin: 35px 0; }
.contentBox .button.primary { min-width: 257px; }
.contentBox h2 { margin-bottom: 5px; }
.contentBox h3 { margin-bottom: 5px; }
.contentBox .images { margin: 35px 0; }

/* ### social box ### */
.social-box { margin-bottom: 80px; }
.social-box .box { padding: 29px 35px 28px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; }
.social-box strong { font-size: 18px; }
.social-box ul { display: flex; }
.social-box ul > li { margin-right: 20px; }
.social-box ul > li:last-child { margin-right: 0; }
.social-box ul > li > a { padding: 13px 15px; min-width: 228px; text-align: center; color: var(--gray-color-100); background-color: var(--light-green); transition: var(--base-duration); }
.social-box ul > li > a:hover { color: var(--white-color); background-color: var(--green-color); }
.social-box ul > li > a:hover i { color: var(--white-color); }
.social-box ul > li > a i { margin-left: 5px; display: inline-block; font-size: 18px; vertical-align: middle; }

/* ### card-request ### */
.card-request { position: relative; z-index: 1; border-radius: 5px; background-color: var(--white-color); }
.card-request .price { padding: 4px 10px 5px; width: var(--w-100); font-size: 14px; font-weight: var(--font-weight-semibold); text-align: center; color: var(--white-color); border-radius: 5px 5px 0 0; background-color: var(--orange-color); }
.card-request .content { padding: 25px 30px 10px; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; }
.card-request h5 { margin-bottom: 4px; }
.card-request .location { margin-bottom: 18px; padding-left: 16px; position: relative; display: block; font-size: 14px; font-weight: var(--font-weight-semibold); color: var(--black-color); }
.card-request .location:before { position: absolute; top: -1px; left: -4px; font-family: var(--font-family-icon); font-size: 16px; color: var(--purple-color); content: '\e904'; }
.card-request ul.list { margin-bottom: 27px; }
.card-request ul.list > li { margin-bottom: 4px; padding-left: 18px; position: relative; color: var(--black-color); }
.card-request ul.list > li:after { position: absolute; top: 5px; left: 0; font-family: var(--font-family-icon); font-size: 12px; color: var(--green-color); content: '\e901'; }
.card-request .button { padding: 13px 15px; width: var(--w-100); }
.card-request ul.share { margin-bottom: 5px; padding-top: 5px; display: flex; align-items: center; justify-content: center; }
.card-request ul.share > li { margin-right: 2px; font-size: 12px; }
.card-request ul.share > li:last-child { margin-right: 0; }
.card-request ul.share > li > a { font-size: 17px; color: var(--black-color); }
.card-request ul.share.second { margin-bottom: 0; padding-top: 0; }
.card-request ul.share.second > li { margin-right: 10px; }

/* ### import box ### */
.importBox { display: flex; flex-wrap: wrap; }
.importBox .content { padding-right: 15px; width: 56%; }
.importBox h2 { margin-bottom: 9px; }
.importBox p { margin-bottom: 24px; line-height: 1.65; }
.importBox .image { width: 44%; }
.importBox .image img { width: var(--w-100); border-radius: 5px; }
.importBox .button { min-width: 257px; }

/* ### stay box ### */
.stayBox h2 { margin-bottom: 9px; }
.stayBox p { margin-bottom: 24px; line-height: 1.65; }
.stayBox .holder { margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; }
.stayBox .holder:last-child { margin-bottom: 0; }
.stayBox .image { padding-right: 7px; width: 33%; }
.stayBox .image img { border-radius: 5px; }
.stayBox .content { padding-left: 9px; width: 67%; }
.stayBox h4 { margin-bottom: 8px; }
.stayBox .content p:last-child { margin-bottom: 0; }

/* ### pricing box ### */
.pricingBox h2 { margin-bottom: 9px; }
.pricingBox p { margin-bottom: 27px; line-height: 1.6; }
.pricingBox ul.ticket { margin-bottom: 28px; }
.pricingBox ul.ticket > li { margin-bottom: 2px; }
.pricingBox ul.ticket > li:last-child { margin-bottom: 0; }
.pricingBox .holder { display: flex; flex-wrap: wrap; }
.pricingBox .item { margin-bottom: 27px; width: 50%; }
.pricingBox h4 { margin-bottom: 8px; }
.pricingBox .item ul > li { margin-bottom: 4px; padding-left: 19px; position: relative; }
.pricingBox .item ul > li:last-child { margin-bottom: 0; }
.pricingBox .item ul > li:before { position: absolute; top: 4px; left: 0; font-family: var(--font-family-icon); font-size: 14px; }
.pricingBox .item ul.check > li:before { color: var(--green-color); content: '\e901'; }
.pricingBox .item ul.close > li:before { font-size: 12px; color: var(--dark-gray); content: '\e90e'; }

/* ### contact box ### */
.contactBox { margin-bottom: 75px; }
.contactBox .holder { margin: 0 auto 79px; max-width: 875px; text-align: center; }
.contactBox h2 { margin-bottom: 8px; }
.contactBox p { margin-bottom: 33px; line-height: 1.65; }
.contactBox .holder .button { min-width: 260px; }
.contactBox .left { width: 74.5%; }
.contactBox .right { padding-left: 15px; width: 25.5%; }
.contactBox .info { margin-bottom: 27px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.contactBox address { font-style: normal; line-height: 1.6; color: var(--gray-color-200); }
.contactBox .info ul > li { line-height: 1.6; color: var(--gray-color-200); }
.contactBox .links { line-height: 1.6; color: var(--gray-color-200); }
.contactBox .links a { text-decoration: underline; color: var(--gray-color-200); transition: var(--base-duration); }
.contactBox .links a:hover { color: var(--purple-color); }

/* ### contact-box ### */
.contact-box { padding: 23px 30px; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; }
.contact-box .form-holder { margin: 0 -21px; display: flex; flex-wrap: wrap; }
.contact-box .column { margin-bottom: 13px; padding: 0 21px; width: 50%; }
.contact-box .column.w-100 { width: var(--w-100); }
.contact-box .column.submit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.contact-box label { margin-bottom: 4px; display: block; font-weight: var(--font-weight-semibold); }
.contact-box .checkbox { margin-bottom: 0; padding-left: 30px; position: relative; }
.contact-box input[type='checkbox'] { padding: 0; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; -webkit-appearance: none; }
.contact-box input[type='checkbox']:checked:before { display: block; font-family: var(--font-family-icon); font-size: 14px; color: var(--green-color); content: '\e901'; }
.contact-box .checkbox span { display: block; font-size: 14px; font-weight: var(--font-weight-semibold); color: rgba(0, 0, 0, 0.5); }
.contact-box .button { min-width: 316px; }

/* ### card-contact ### */
.card-contact { border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; }
.card-contact .image img { width: var(--w-100); border-radius: 5px 5px 0 0; }
.card-contact .sub-title { padding: 4px 10px 5px; font-size: 14px; font-weight: var(--font-weight-semibold); text-align: center; color: var(--white-color); background-color: var(--orange-color); }
.card-contact .content { padding: 26px 29px 27px; }
.card-contact ul { margin-bottom: 28px; }
.card-contact ul > li { margin-bottom: 2px; }
.card-contact ul > li:last-child { margin-bottom: 0; }
.card-contact ul > li > a { text-decoration: underline; color: var(--green-color); transition: var(--base-duration); }
.card-contact ul > li > a:hover { text-decoration: none; }
.card-contact span { display: block; }

/* ### trip box ### */
.tripBox { position: relative; z-index: 1; }
.tripBox .box { padding: 73px 110px 78px; position: relative; text-align: center; }
.tripBox .box:before { position: absolute; top: 0; left: 0; z-index: 1; width: var(--w-100); height: var(--h-100); border-radius: 5px; background-color: rgba(149, 27, 128, 0.9); content: ''; }
.tripBox .content { position: relative; z-index: 2; }
.tripBox h2 { margin-bottom: 17px; font-weight: var(--font-weight-semibold); color: var(--white-color); }
.tripBox p { margin-bottom: 23px; line-height: 1.65; color: var(--white-color); }
.tripBox ul { padding-top: 28px; padding-bottom: 28px; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.tripBox ul > li { color: var(--white-color); }
.tripBox ul > li > a { font-weight: var(--font-weight-semibold); text-decoration: underline; color: var(--white-color); transition: var(--base-duration); }
.tripBox ul > li > a:hover { text-decoration: none; }
.tripBox .bg { position: absolute; top: 0; left: 0; width: var(--w-100); height: var(--h-100); border-radius: 5px; }
.tripBox .bg img { width: var(--w-100); height: var(--h-100); object-fit: cover; border-radius: 5px; }

/* ### footer container ### */
#footerCntr { margin-top: -79px; overflow: hidden; width: 100%; }

/* ### footer box ### */
.footerBox { padding-top: 95px; padding-bottom: 32px; background-color: var(--blue-color); }
.footerBox .social-media { margin-bottom: 29px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.footerBox .social-media ul { display: flex; align-items: center; justify-content: center; }
.footerBox .social-media ul > li { color: var(--white-color); }
.footerBox .social-media ul > li:after { margin: 0 10px; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background-color: var(--white-color); content: ''; }
.footerBox .social-media ul > li:last-child:after { display: none; }
.footerBox .social-media ul > li > a { color: var(--white-color); transition: var(--base-duration); text-decoration: underline; }
.footerBox .social-media ul > li > a:hover { text-decoration: none; }
.footerBox .wrap { margin: 0 -10px; }
.footerBox .column { padding: 0 10px; width: 25%; }
.footerBox .title { margin-bottom: 7px; position: relative; font-size: 20px; font-weight: var(--font-weight-semibold); color: var(--white-color); }
.footerBox .title:after { position: absolute; top: 50%; right: 0; display: none; font-family: var(--font-family-icon); transform: translateY(-50%); transition: var(--base-duration); content: '\e900'; }
.footerBox .title.active:after { transform: translateY(-50%) rotate(180deg); }
.footerBox .item { margin-bottom: 29px; }
.footerBox .item:last-child { margin-bottom: 0; }
.footerBox .item ul > li { margin-bottom: 6px; }
.footerBox .item ul > li:last-child { margin-bottom: 0; }
.footerBox .item ul > li > a { font-weight: 300; color: var(--white-color); transition: var(--base-duration); text-decoration: none; }
.footerBox .item ul > li > a:hover { text-decoration: underline; }
.footerBox p { margin-bottom: 10px; color: var(--white-color); }
.footerBox .form-input { margin-bottom: 10px; }
.footerBox #input_1_3, #input_1_1 { padding: 10px 9px!important; font-size: 16px!important; font-weight: 300!important; color: var(--white-color)!important; border: 1px solid var(--white-color)!important; border-radius: 0!important; background-color: var(--blue-color)!important; height: 50px!important; margin-bottom: 10px!important; }
.footerBox input::placeholder { color: var(--white-color)!important; }
.footerBox label { display: flex; align-items: center; justify-content: center; }
.footerBox input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid var(--white-color); -webkit-appearance: none; }
.footerBox input[type='checkbox']:checked:before { display: block; font-family: var(--font-family-icon); font-size: 11px; color: var(--white-color); content: '\e901'; }
.footerBox span { padding-left: 5px; display: block; font-size: 14px; font-weight: 300; color: var(--white-color); }
.footerBox .button { padding: 13px 20px; width: 100%; }




/* ### copyright box ### */
.copyrightBox { padding-top: 7px; padding-bottom: 7px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: var(--white-color); }
.copyrightBox .nav { display: flex; flex-wrap: wrap; align-items: center; }
.copyrightBox .nav > li { font-size: 14px; color: #030a01; }
.copyrightBox .nav > li:after { margin: 0 10px; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background-color: #030a01; content: ''; }
.copyrightBox .nav > li:last-child:after { display: none; }
.copyrightBox .nav > li > a { color: #030a01; transition: var(--base-duration); text-decoration: none; }
.copyrightBox .nav > li > a:hover { text-decoration: underline; }
.copyrightBox .logo { display: flex; align-items: center; }
.copyrightBox .logo > li { margin-right: 10px; }
.copyrightBox .logo > li:last-child { margin-right: 0; }

/* ### bottom Fixed ### */
.bottomFixed { position: fixed; z-index: 9; bottom: 0; display: none; width: var(--w-100); background-color: var(--white-color); text-align: center; padding: 10px; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1360px) {
	.centered { padding-right: var(--gutter-base-right); padding-left: var(--gutter-base-left); }
	.menuBox .button { min-width: auto; }
	.card-popular .content { padding: 20px 15px; }
	.social-box .box { padding: 29px 25px 28px; }
	
	.tabBox .tab-nav { padding: 12px 20px; }
	.tabBox .tab-nav > li { font-size: 16px; }
	.tabBox .left { margin-bottom: 40px; width: var(--w-100); }
	.tabBox.inner .right { margin-top: 0; }
	.tabBox .right { padding-left: 0; width: var(--w-100); }
	.tabBox.inner .tab-nav { width: var(--w-100); }
	#sticky_tab, #voorstel_blokje, #sticky_tab_block { max-width: 100%; }
	#sticky_tab.sticky #sticky_tab_block.sticky{ position: fixed; max-width: calc(100% - 40px); }
	#sticky_tab.sticky, #sticky_tab_block.sticky {
	  position: fixed;
	  max-width: calc(100% - 40px);
	}
	.tabBox .tab-nav {
	  width: 100%;
	}
}

@media only screen and (max-width: 1199px) {
	.topBox .slider { width: auto; text-align: center; }
	.headerBox { padding-top: 10px; padding-bottom: 10px; }
	.headerBox .logo { width: auto; }
	.menuBox { display: none; }
	.mobile-menu { display: block; }
	.bannerBox.inner h1 { font-size: 40px; }
	.popularBox .column { width: 50%; }
	.card-popular .title { min-height: 55px; }
	.e-bookBox .infoBox .button { height: 50px; font-size: 13px; }
	.caribbeanBox .column { width: 50%; }
	.text-box .wrap { margin: 0 -20px; }
	.text-box .content { padding: 0 20px; }
	.auteurBox .text { padding-right: 0; order: 2; width: var(--w-100); }
	.auteurBox .image { margin-bottom: 30px; order: 1; width: var(--w-100); }
	.auteurBox .image img { margin-left: 0; }
	.tipsBox .column { width: 33.33%; }
	.card-advice .text { padding: 20px 15px; }
	.travelBox .column { width: 50%; }
	.social-box ul > li > a { padding: 10px 15px; min-width: auto; }
	.social-box ul > li > a span { display: none; }
	.social-box ul > li > a i { margin-left: 0; }
	.card-contact .content { padding: 25px 15px; }
	.contact-box .checkbox { margin-bottom: 13px; width: var(--w-100); }
	.contact-box .button { padding: 13px 15px; width: var(--w-100); min-width: auto; }
	.tripBox .box { padding: 73px 50px 78px; }
	.card-request .content { padding: 25px 15px; }
}

@media only screen and (min-width: 992px) {
	.footerBox .hidden-menu { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 991px) {
	.heroBox { min-height: 400px; }
	.bannerBox .text { margin-bottom: 30px; width: var(--w-100); }
	.bannerBox.inner h1 br { display: none; }
	.bannerBox.inner h1 { max-width: 100%; }
	.card-request { margin: 0 auto; }
	.infoBox .column { width: 33.3%; }
	.infoBox .column.submit { width: 33.3%; }
	.reviewsBox .slick-list { margin: 0; padding-right: 30px !important; padding-left: 0 !important; }
	.e-bookBox .infoBox .column { margin-bottom: 20px; width: var(--w-100); }
	.e-bookBox .infoBox .column:last-child { margin-bottom: 0; }
	.e-bookBox .infoBox .column.submit label { display: none; }
	.e-bookBox .e-book { display: none; }
	.aboutBox .left { width: 100%; }
	.aboutBox .right { padding-top: 30px; padding-left: 0; width: 100%; }
	.aboutBox.inner .right { padding-right: 0; }
	.tipsBox .column { width: 50%; }
	
	.card-advice { margin-left: 0; }
	.briefBox .content { padding-top: 0; }
	.briefBox .text { margin-bottom: 30px; }
	.accordionBox .left { margin-bottom: 0; }
	.contactBox .left { margin-bottom: 40px; width: var(--w-100); }
	.contactBox .right { padding-left: 0; width: var(--w-100); }
	.tripBox .box { padding: 60px 30px; }
	.tripBox ul > li { font-size: 15px; }
	.footerBox .column { width: var(--w-100); }
	.footerBox .title { margin-bottom: 0; }
	.footerBox .title:after { display: block; }
	.footerBox .item { padding: 10px 20px; border: 1px solid var(--white-color); }
	.footerBox .item:last-child { margin-bottom: 30px; }
	.footerBox .hidden-menu { padding-top: 10px; display: none; }
	.copyrightBox { padding-top: 12px; padding-bottom: 12px; }
	.copyrightBox .nav { margin-bottom: 10px; justify-content: center; width: var(--w-100); }
	.copyrightBox .logo { justify-content: center; width: var(--w-100); }
	.bottomFixed { display: block; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 40px; }
	.heroBox { padding-top: 80px; padding-bottom: 50px; min-height: auto; }
	.infoBox .column { margin-bottom: 15px; width: var(--w-100); }
	.infoBox .column.submit { margin-bottom: 0; width: var(--w-100); }
	.infoBox .column.submit label { display: none; }
	.popularBox .column { width: var(--w-100); }
	.card-popular .title { min-height: auto; }
	.kindBox .column { margin-bottom: 30px; width: var(--w-100); }
	.kindBox .column:last-child { margin-bottom: 0; }
	.e-bookBox .holder { padding: 50px 20px; }
	.e-bookBox h2 br { display: none; }
	.e-bookBox ul { margin-bottom: 5px; width: var(--w-100); }
	.e-bookBox ul:last-child { margin-bottom: 0; }
	.e-bookBox .infoBox .button { font-size: 16px; }
	.chooseBox .column { margin-bottom: 20px; width: 50%; }
	.card-text { padding: 40px 20px; }
	.caribbeanBox { margin-bottom: 40px; }
	.caribbeanBox .column { width: var(--w-100); }
	.text-box { margin-bottom: 60px; }
	.text-box .content { margin-bottom: 30px; width: var(--w-100); }
	.text-box .content:last-child { margin-bottom: 0; }
	.tipsBox { margin-bottom: 60px; }
	.tipsBox .column { width: var(--w-100); }
	.tipsBox h2 { margin-bottom: 20px; width: var(--w-100); }
	.tipsBox .custom-select { width: var(--w-100); }
	.testimonialBox { margin-bottom: 60px; }
	.overviewBox { margin-bottom: 60px; }
	.contentBox { margin-bottom: 60px; }
	.tabBox { margin-bottom: 60px; }
	.tabBox .tab-nav { display: none; }
	.tab_drawer_heading { display: block; }
	.tabBox .tab_content-2 { padding-top: 30px; padding-bottom: 20px; }
	.tabBox .tab-box.first .tab_content-2 { display: none; }
	.briefBox .content { margin-bottom: 40px; padding-right: 0; width: var(--w-100); }
	.briefBox .images { width: var(--w-100); }
	.briefBox .image img { width: var(--w-100); }
	.briefBox .button { padding: 13px 20px; width: var(--w-100); }
	.card-advice { max-width: var(--w-100); }
	.travelBox .column { width: var(--w-100); }
	.card-hotel .image { width: var(--w-100); }
	.card-hotel .image img { border-radius: 5px 5px 0 0; }
	.card-hotel .sub-title { border-radius: 0; }
	.card-hotel .content { padding: 25px 20px; width: var(--w-100); }
	.contentBox .box { padding: 40px 20px; }
	.social-box { margin-bottom: 60px; }
	.importBox .content { margin-bottom: 30px; padding-right: 0; width: var(--w-100); }
	.importBox .image { width: var(--w-100); }
	.accordion-item .image { margin-bottom: 20px; width: var(--w-100); }
	.accordion-item .image:last-child { margin-bottom: 0; }
	.stayBox .image { margin-bottom: 30px; width: var(--w-100); }
	.stayBox .image img { width: var(--w-100); }
	.stayBox .content { padding-left: 0; width: var(--w-100); }
	.pricingBox .item { width: var(--w-100); }
	.contactBox { margin-bottom: 60px; }
	.contactBox .holder { margin-bottom: 40px; }
	.contactBox address { margin-bottom: 10px; width: var(--w-100); }
	.contactBox .info ul { margin-bottom: 10px; width: var(--w-100); }
	.contact-box { padding: 20px; }
	.contact-box .column { width: var(--w-100); }
	.tripBox .box { padding: 40px 20px; }
	.tripBox ul > li { margin-bottom: 7px; width: var(--w-100); font-size: 16px; }
	.tripBox ul > li:last-child { margin-bottom: 0; }
	.footerBox .item { margin-bottom: 20px; }
	.footerBox .item:last-child { margin-bottom: 20px; }
	.footerBox .title { font-size: 16px; }
	#review_slider_footer{ flex-direction: column; }
	#review_slider_footer>div{ margin-bottom: 10px; }
}

@media only screen and (max-width: 480px) {
	#wrapper { padding-top: 113px; }
	.topBox span { padding-left: 24px; font-size: 14px; }
	.topBox span:after { font-size: 16px; }
	.headerBox .logo img { max-width: 200px; }
	.mobile-menu .hamburger { top: 62px; }
	.chooseBox .column { width: var(--w-100); }
	.chooseBox .column:last-child { margin-bottom: 0; }
	.aboutBox .item { width: var(--w-100); }
	.aboutBox .button { width: var(--w-100); min-width: auto; }
	.text-box .button { width: var(--w-100); min-width: auto; }
	.auteurBox .image img { width: var(--w-100); }
	.social-box .box { padding: 25px 20px; }
	.social-box strong { margin-bottom: 15px; display: block; width: var(--w-100); }
	.social-box ul { width: var(--w-100); }
}