@font-face {
	font-family: 'MidnightKernboyBold';
	src: url("../assets/fonts/MidnightKernboy-Bold.eot");
	src: url("../assets/fonts/MidnightKernboy-Bold.woff2") format("woff2"),
	url("../assets/fonts/MidnightKernboy-Bold.woff") format("woff"),
	url("../assets/fonts/MidnightKernboy-Bold.ttf") format("truetype")
	font-display: swap;
}

@font-face {
	font-family:"felt-tip-roman";
	src:url("../assets/fonts/felt-tip-roman.woff2") format("woff2"),
	url("../assets/fonts/felt-tip-roman.woff") format("woff"),
	url("../assets/fonts/felt-tip-roman.otf") format("opentype");
	font-display:auto;font-style:normal;font-weight:400;
	font-display: swap;
}

@font-face {
	font-family:"felt-tip-roman";
	src:url("../assets/fonts/felt-tip-roman-bold.woff2") format("woff2"),
	url("../assets/fonts/felt-tip-roman-bold.woff") format("woff"),
	url("../assets/fonts/felt-tip-roman-bold.otf") format("opentype");
	font-display:auto;font-style:normal;font-weight:700;
	font-display: swap;
}

@font-face {
	font-family:"realist";
	src:url("../assets/fonts/realist.woff2") format("woff2"),
	url("../assets/fonts/realist.woff") format("woff"),
	url("../assets/fonts/realist.otf") format("opentype");
	font-display:auto;font-style:normal;font-weight:400;
	font-display: swap;
}

@font-face {
	font-family:"realist";
	src:url("../assets/fonts/realist2.woff2") format("woff2"),
	url("../assets/fonts/realist2.woff") format("woff"),
	url("../assets/fonts/realist2.otf") format("opentype");
	font-display:auto;font-style:italic;font-weight:400;
	font-display: swap;
}

@font-face {
	font-family:"realist";
	src:url("../assets/fonts/realist-bold.woff2") format("woff2"),
	url("../assets/fonts/realist-bold.woff") format("woff"),
	url("../assets/fonts/realist-bold.otf") format("opentype");
	font-display:auto;font-style:normal;font-weight:700;
	font-display: swap;
}

@font-face {
	font-family:"realist";
	src:url("../assets/fonts/realist-bold2.woff2") format("woff2"),
	url("../assets/fonts/realist-bold2.woff") format("woff"),
	url("../assets/fonts/realist-bold2.otf") format("opentype");
	font-display:auto;font-style:italic;font-weight:700;
	font-display: swap;
}

.tk-felt-tip-roman { font-family: "felt-tip-roman",sans-serif; }
.tk-realist { font-family: "realist",sans-serif; }

html {
	font-family: realist, sans-serif;
	font-weight: 400;
	font-style: normal
}

svg .a {
	stroke-width: 0px
}

button {
	outline: none
}

button:focus,
button:active {
	outline: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: MidnightKernboyBold, Fallback, sans-serif
}

p,
ul {
	line-height: 32px
}

ul {
	list-style-type: none;
	padding-left: 0px
}

a {
	transition: all ease-in-out 0.2s
}

a:hover {
	text-decoration: none
}

p a {
	color: #cc4b43;
	text-decoration: underline
}

p a:hover {
	color: #D0703A
}

.cta-btn {
	background-color: #cc4b43;
	border-radius: 4px;
	padding: 20px 40px;
	display: block;
	color: #fff;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	transition: all ease-in-out 0.2s
}

.cta-btn:hover {
	background-color: #ffd882;
	color: #252947
}

.tooltip {
	top: -10px !important
}

.tooltip.show {
	opacity: 1
}

.tooltip .tooltip-inner {
	background-color: #ffd882;
	padding: 8px 24px;
	max-width: 250px;
	color: #252947
}

.tooltip .tooltip-inner p {
	line-height: 20px
}

.tooltip .tooltip-inner a {
	color: #53757f
}

.tooltip .arrow:before {
	border-top-color: #ffd882
}

#main-nav {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: transparent;
	transition: all ease-in-out 0.2s;
	z-index: 9999
}

#main-nav.scrolled {
	background-color: #252947;
	border-bottom: 2px solid #3B3F5C
}

#main-nav.scrolled nav.navbar .brand-logo {
	padding: 24px 0px
}

#main-nav.scrolled nav.navbar .brand-logo img {
	max-width: 150px
}

#main-nav nav.navbar {
	padding: 0px 72px
}

#main-nav nav.navbar .brand-logo {
	position: relative;
	padding: 24px 48px 48px 0px
}

#main-nav nav.navbar .brand-logo img {
	position: relative;
	transition: all ease-in-out 0.2s;
	max-width: 230px;
	z-index: 1
}

#main-nav nav.navbar .brand-logo:after {
	content: "";
	position: absolute;
	top: 0px;
	left: -72px;
	height: 100%;
	width: calc(100% + 72px);
	background-color: #252947;
	border-radius: 0px 0px 16px 0px;
	z-index: 0
}

#main-nav nav.navbar .menu-container {
	margin-left: auto
}

#main-nav nav.navbar .menu-container .navbar-nav {
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	flex-direction: row
}

#main-nav nav.navbar .menu-container .navbar-nav li {
	padding-left: 8px;
	padding-right: 8px
}

#main-nav nav.navbar .menu-container .navbar-nav li a.nav-link {
	position: relative;
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 24px;
	color: #fff
}

#main-nav nav.navbar .menu-container .navbar-nav li a.nav-link:after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #cc4b43;
	height: 3px;
	width: 0px;
	transition: all ease-in-out 0.2s
}

#main-nav nav.navbar .menu-container .navbar-nav li:hover a:after {
	width: 100%
}

#main-nav nav.navbar .menu-container .navbar-nav li.active a:after {
	background-color: #ffd882;
	width: 20px
}

#main-nav .navbar-toggler {
	position: relative;
	outline: none;
	display: none;
	z-index: 9999;
	border: 0px;
	height: 50px
}

#main-nav .navbar-toggler .hamburger-menu,
#main-nav .navbar-toggler .hamburger-menu:after,
#main-nav .navbar-toggler .hamburger-menu:before {
	width: 40px;
	height: 5px
}

#main-nav .navbar-toggler .hamburger-menu {
	position: relative;
	background: #ffd882;
	transition: all 0ms 300ms
}

#main-nav .navbar-toggler .hamburger-menu.animate {
	background: rgba(255, 216, 130, 0)
}

#main-nav .navbar-toggler .hamburger-menu:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 16px;
	background: #ffd882;
	transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

#main-nav .navbar-toggler .hamburger-menu:after {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	max-width: 30px;
	background: #ffd882;
	transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

#main-nav .navbar-toggler .hamburger-menu.animate:after {
	top: 0;
	max-width: none;
	transform: rotate(45deg);
	transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

#main-nav .navbar-toggler .hamburger-menu.animate:before {
	bottom: 0;
	transform: rotate(-45deg);
	transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.overlay-menu {
	position: fixed;
	z-index: 8888;
	background-color: #cc4b43;
	border-radius: 16px 0px 0px 16px;
	top: 200px;
	right: -80vw;
	width: 45vw;
	height: auto;
	padding: 32px 56px;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1)
}

.overlay-menu.visible {
	right: 0px
}

.overlay-menu .mobile-brand {
	margin-bottom: 32px
}

.overlay-menu .mobile-brand a,
.overlay-menu .mobile-brand a img {
	width: 100%;
	display: block
}

.overlay-menu ul.navbar-nav {
	padding-right: 15px;
	padding-left: 15px
}

.overlay-menu ul.navbar-nav li {
	margin-bottom: 8px
}

.overlay-menu ul.navbar-nav li a {
	position: relative;
	display: inline-block;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	font-size: 24px;
	color: #fff;
	font-weight: 700
}

.overlay-menu ul.navbar-nav li a:after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #cc4b43;
	height: 3px;
	width: 0px;
	transition: all ease-in-out 0.2s
}

.overlay-menu ul.navbar-nav li:hover a:after {
	width: 100%
}

.overlay-menu ul.navbar-nav li.active a:after {
	background-color: #ffd882;
	width: 20px
}

body.type-reserveringspagina #main-nav,
body.type-betalingSuccessPagina #main-nav,
body.type-beschikbaarheidAangevraagdPagina #main-nav,
body.type-aanbetaling #main-nav,
body.type-aanbetalingStatus #main-nav {
	background-color: #252947;
	border-bottom: 2px solid #3B3F5C
}

body.type-reserveringspagina #main-nav nav.navbar .brand-logo,
body.type-betalingSuccessPagina #main-nav nav.navbar .brand-logo,
body.type-beschikbaarheidAangevraagdPagina #main-nav nav.navbar .brand-logo,
body.type-aanbetaling #main-nav nav.navbar .brand-logo,
body.type-aanbetalingStatus #main-nav nav.navbar .brand-logo {
	padding: 24px 0px
}

body.type-reserveringspagina #main-nav nav.navbar .brand-logo img,
body.type-betalingSuccessPagina #main-nav nav.navbar .brand-logo img,
body.type-beschikbaarheidAangevraagdPagina #main-nav nav.navbar .brand-logo img,
body.type-aanbetaling #main-nav nav.navbar .brand-logo img,
body.type-aanbetalingStatus #main-nav nav.navbar .brand-logo img {
	max-width: 150px
}

header {
	position: relative;
	padding: 200px 0px 32px;
	background-color: #252947
}

header:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 5;
	background: -moz-linear-gradient(top, rgba(83, 117, 127, 0.4) 0%, rgba(37, 41, 71, 0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(83, 117, 127, 0.4) 0%, rgba(37, 41, 71, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(83, 117, 127, 0.4) 0%, rgba(37, 41, 71, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6653757f', endColorstr='#cc252947', GradientType=0)
}

.header-home {
	height: 80vh;
}

.header-home h1 {
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	font-size: 2.3rem;
	text-transform: uppercase;
}

header .herocontent {
	position: relative;
	z-index: 10
}

header .herocontent h1 {
	margin-bottom: 112px;
	color: #fff;
	text-align: center;
	word-break: break-word;
	font-size: 1.8rem;
}

header .herocontent .rating svg {
	margin: 0 auto 28px;
	display: block
}

header .herocontent .rating svg.rating-3 path {
	fill: #D0703A
}

header .herocontent .rating svg.rating-4 path {
	fill: #b9b9b9
}

header .herocontent .rating svg.rating-5 path {
	fill: #ffd882
}

header .slogan {
	position: relative;
	overflow: hidden;
	margin-top: 48px;
	z-index: 10
}

header .slogan svg {
	float: right
}

header .breadcrumbs {
	position: relative;
	z-index: 10
}

header .breadcrumbs .row {
	text-align: center
}

header .breadcrumbs .crumbs {
	margin-bottom: 0px
}

header .breadcrumbs .crumbs li {
	display: inline-block
}

header .breadcrumbs .crumbs li:after {
	content: "";
	background-image: url("../img/arrow-right.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 8px;
	width: 4px;
	display: inline-block;
	margin: 0px 8px
}

header .breadcrumbs .crumbs li:last-of-type:after {
	display: none
}

header .breadcrumbs .crumbs li a {
	color: #fff;
	font-size: 16px
}

header.large-padding {
	padding: 250px 0px 125px
}

header.large-padding .herocontent h1 {
	margin-bottom: 56px
}

header.reis-header .herocontent h1 {
	margin-bottom: 40px
}

header.reis-header .herocontent p {
	color: #fff;
	padding: 0px 15%;
	margin-bottom: 56px;
	text-align: center
}

header .search-filters {
	position: relative;
	margin-bottom: 56px;
	z-index: 20
}

header .search-filters .filter-wsearch a {
	height: auto;
	padding: 17px 40px;
	font-family: MidnightKernboyBold, Fallback, sans-serif
}

header.filter-header .herocontent h1 {
	margin-bottom: 80px
}

header.filter-header .filters {
	position: relative;
	margin-bottom: 56px;
	z-index: 20
}

header.header-home .filters .filter-reset,
header.filter-header .filters .filter-reset {
	width: 100%;
	order: 3;
	overflow: hidden;
	display: flex !important;
	padding: 0px 5px;
	align-items: center !important;
	flex-direction: row-reverse !important
}

header.header-home .filters .filter-reset input,
header.filter-header .filters .filter-reset input {
	background-color: transparent;
	order: 2 !important;
	border: none;
	outline: none;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	color: #fff;
	float: none !important;
	transition: all ease-in-out 0.2s
}
header.header-home .filters .filter-reset input,
header.filter-header .filters .filter-reset input:hover {
	color: #ffd882
}

header.header-home .filters .filter-reset input:focus,
header.filter-header .filters .filter-reset input:focus,
header.header-home .filters .filter-reset input:active,
header.filter-header .filters .filter-reset input:active {
	outline: none
}

header.header-home .filters .filter-reset:after,
header.filter-header .filters .filter-reset:after {
	content: "";
	display: inline-block;
	order: 1 !important;
	width: 12px;
	height: 12px;
	background-image: url("../img/reset-filter.svg");
	background-repeat: no-repeat;
	background-size: contain
}

header.reservering-header {
	background-color: #f5f5f5;
	padding: 140px 0px 56px;
	display: flex;
	flex-direction: column
}

header.reservering-header:after {
	display: none
}

header.reservering-header .herocontent {
	order: 2
}

header.reservering-header .herocontent h1 {
	margin-top: 64px;
	margin-bottom: 24px;
	color: #252947;
	text-align: left
}

header.reservering-header .breadcrumbs {
	order: 1
}

header.reservering-header .breadcrumbs .crumbs li a {
	color: #252947
}

header.reservering-header .hero-img {
	display: none
}

header a.scrolldown {
	position: absolute;
	width: 20px;
	height: 14px;
	left: calc(50% - 10px);
	bottom: 56px;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
	z-index: 10
}

header a.scrolldown svg path {
	fill: #ffd882
}

header amp-img img,
header .hero-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	object-fit: cover;
	object-position: top;
	z-index: 0
}

@media only screen and (max-width: 1200px) {
	header amp-img img,
	header .hero-img {
		object-fit: cover;
	}
}


#js_ajaxinateRender {
	display: flex;
	flex-flow: row wrap
}

#js_ajaxinateRender .filter-wrapper {
	display: flex;
	flex-direction: column;
	padding: 0px 5px;
	cursor: pointer;
	flex-grow: 1
}

#js_ajaxinateRender .filter-wrapper .filter-header {
	position: relative;
	order: 1;
	margin-bottom: 8px;
	background-color: #fff;
	border-radius: 4px;
	transition: all ease-in-out 0.2s;
	padding: 8px 40px 8px 16px;
	display: inline-block;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	color: #252947;
	font-size: 18px
}

#js_ajaxinateRender .filter-wrapper .filter-header:before {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #53757f;
	font-family: realist, sans-serif
}

#js_ajaxinateRender .filter-wrapper .filter-header:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 5px;
	background-image: url("../img/arrow-down_blue.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	top: calc(50% + 7px);
	right: 15px
}

#js_ajaxinateRender .filter-wrapper .filter-header input[type="number"] {
	background-color: #f5f5f5;
	border-radius: 8px;
	padding: 0 2px;
	font-size: 15px;
	width: 50px
}

#js_ajaxinateRender .filter-wrapper .filter-header button.btn {
	position: absolute;
	background-color: #ffd882;
	top: 0px;
	right: 0px;
	border: 0px;
	border-radius: 0px 4px 0px 0px;
	outline: none;
	box-shadow: none
}

#js_ajaxinateRender .filter-wrapper .filter-header button.btn.active {
	background-color: #cc4b43
}

#js_ajaxinateRender .filter-wrapper.filterPersonen .filter-header:after {
	display: none
}

#js_ajaxinateRender .filter-wrapper.filterPersonen .filter-header+.filter-header {
	display: none
}

#js_ajaxinateRender .filter-wrapper:hover .filter-header {
	background-color: #f5f5f5
}

#js_ajaxinateRender .filter-wrapper span {
	display: none
}

#js_ajaxinateRender .filter-wrapper ul {
	position: absolute;
	width: calc(100% - 36px);
	left: 16px;
	order: 2;
	background-color: #fff;
	border-radius: 4px;
	padding: 8px 16px;
	margin-bottom: 0px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
	transition: all ease-in-out 0.2s;
	visibility: hidden;
	opacity: 0;
	top: 80px;
	z-index: 10
}

#js_ajaxinateRender .filter-wrapper.filterDoelgroepen .filter-header:before {
	content: "Wij zijn een groep"
}

#js_ajaxinateRender .filter-wrapper.filterBestemmingen .filter-header:before {
	content: "Wij willen graag naar"
}

#js_ajaxinateRender .filter-wrapper.filterPersonen .filter-header:before {
	content: "Wij zijn met circa"
}

#js_ajaxinateRender .filter-wrapper.filterThemas .filter-header:before {
	content: "Interessante thema’s"
}

#js_ajaxinateRender .filter-wrapper.filterPrijsPerPersoon .filter-header:before {
	content: "Prijs per persoon"
}

#js_ajaxinateRender .filter-wrapper.filterPrijsPerPersoon.active .filter-options {
	top: 139px
}

#js_ajaxinateRender .filter-wrapper.filterAantalSterren .filter-header:before {
	content: "Aantal sterren"
}

#js_ajaxinateRender .filter-wrapper.active .filter-options {
	visibility: visible;
	opacity: 1;
	top: 70px
}

#js_ajaxinateRender .filter-wsearch a:hover {
	background-color: #ffd882;
	color: #252947
}

.reizen-overzicht {
	padding: 48px 0
}

.reizen-overzicht h2 {
	text-align: center;
	margin-bottom: 56px
}

.reizen-overzicht .card {
	position: relative;
	border: 0px;
	margin-bottom: 16px;
	height: auto !important
}

.reizen-overzicht .card:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0.85;
	background: -moz-linear-gradient(top, transparent 15%, #222 100%);
	background: -webkit-linear-gradient(top, transparent 15%, #222 100%);
	background: linear-gradient(to bottom, transparent 15%, #222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#222222', GradientType=0);
	top: 0px;
	left: 0px;
	transition: all ease-in-out 0.2s;
	z-index: 0
}

.reizen-overzicht .card .rating {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	padding: 8px 24px 16px;
	background-color: #fff;
	border-radius: 0px 0px 0px 4px
}

.reizen-overzicht .card .rating svg.rating-3 path {
	fill: #D0703A
}

.reizen-overzicht .card .rating svg.rating-4 path {
	fill: #b9b9b9
}

.reizen-overzicht .card .rating svg.rating-5 path {
	fill: #ffd882
}

.reizen-overzicht .card .card-content {
	position: absolute;
	z-index: 10;
	bottom: 40px;
	width: 100%;
	transition: all ease-in-out 0.2s;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	color: #fff
}

.reizen-overzicht .card .card-content h5 {
	color: #fff;
	margin-bottom: 0px;
	text-transform: uppercase;
	padding: 0px 10px;
	text-align: center
}

.reizen-overzicht .card .card-footer {
	position: relative;
	z-index: 10;
	border-top: 0px;
	text-align: center;
	color: #666;
	background-color: #fff;
	border-radius: 0px;
	padding: 10px 15px 0px;
	min-height: 68px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px
}

.reizen-overzicht .card:hover .card-content {
	top: 55%
}

.reizen-overzicht .card:hover:after {
	opacity: 1
}

.ajaxinateLoadMore {
	margin-bottom: 48px
}

.ajaxinateLoadMore .cta-btn {
	display: block;
	margin: 0 auto;
	padding: 24px;
	width: 200px;
	color: #252947;
	background-color: #ffd882;
	cursor: pointer;
	text-align: center
}

.ajaxinateLoadMore .cta-btn:after {
	content: "›";
	color: #53757f;
	transition: all ease-in-out 0.2s
}

.ajaxinateLoadMore .cta-btn:hover {
	background-color: #cc4b43;
	color: #fff
}

.ajaxinateLoadMore .cta-btn:hover:after {
	color: #fff
}

.ajaxinateLoadMore .js_elMessage {
	text-align: center;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	color: #252947;
	font-size: 20px;
	cursor: pointer
}

.ajaxinateLoadMore .js_elMessage:hover {
	text-decoration: underline
}

body.type-reizen footer {
	padding-bottom: 60px
}

.reservation-bar {
	background-color: #f5f5f5;
	padding: 20px 0px;
	margin-bottom: 48px;
	transition: all ease-in-out 0.2s
}

.reservation-bar.duplicate {
	position: fixed;
	bottom: 0px;
	border-top: 2px solid #3B3F5C;
	transform: translateY(100%);
	margin-bottom: 0px;
	width: 100%;
	z-index: 99;
	background-color: #252947
}

.reservation-bar.duplicate .row .title h5 {
	color: #fff;
	overflow: inherit;
	text-overflow: inherit;
	white-space: inherit
}

.reservation-bar.duplicate .row .title h5:after {
	display: none;
	background: -moz-linear-gradient(left, rgba(37, 41, 71, 0) 0%, #252947 100%);
	background: -webkit-linear-gradient(left, rgba(37, 41, 71, 0) 0%, #252947 100%);
	background: linear-gradient(to right, rgba(37, 41, 71, 0) 0%, #252947 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00252947', endColorstr='#252947', GradientType=1)
}

.reservation-bar.duplicate .row .price-per-person .pricepp {
	color: #fff
}

.reservation-bar.duplicate .row .price-total .total-price {
	color: #fff
}

.reservation-bar.duplicate.sticky {
	transform: none
}

.reservation-bar .row {
	flex-direction: row;
	align-items: center
}

.reservation-bar .row .title {
	flex-grow: 1;
	display: flex;
	align-content: center
}

.reservation-bar .row .title h5 {
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 400px;
	overflow: hidden;
	position: relative;
	color: #f5f5f5
}

.reservation-bar .row .title h5:after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 20%;
	background: -moz-linear-gradient(left, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
	background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5', GradientType=1)
}

.reservation-bar .row .title .rating {
	display: inline-block;
	padding-left: 24px
}

.reservation-bar .row .title .rating svg.rating-3 path {
	fill: #D0703A
}

.reservation-bar .row .title .rating svg.rating-4 path {
	fill: #b9b9b9
}

.reservation-bar .row .title .rating svg.rating-5 path {
	fill: #ffd882
}

.reservation-bar .row .persons {
	flex-grow: 1
}

.reservation-bar .row .persons .persons-number-field {
	position: relative;
	background-color: #fff;
	border-radius: 4px;
	padding: 8px 40px 8px 16px;
	display: inline-block;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	color: #252947;
	font-size: 18px
}

.reservation-bar .row .persons .persons-number-field button.btn {
	position: absolute;
	background-color: #ffd882;
	top: 0px;
	right: 0px;
	border: 0px;
	border-radius: 0px 4px 0px 0px;
	outline: none;
	box-shadow: none
}

.reservation-bar .row .persons .persons-number-field button.btn.active {
	background-color: #cc4b43
}

.reservation-bar .row .persons .persons-number-field span {
	display: block;
	font-size: 12px;
	color: #53757f;
	font-family: realist, sans-serif
}

.reservation-bar .row .persons .persons-number-field input {
	border: none;
	display: inline-block;
	width: auto;
	padding: 0px;
	padding-left: 5px;
	height: 24px;
	width: 70px;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	background-color: #f9f9f9;
	border-radius: 4px;
	text-align: left;
	color: #252947;
	font-size: 18px;
	outline: none
}

.reservation-bar .row .price-per-person {
	flex-grow: 1;
	padding: 0px 8px
}

.reservation-bar .row .price-per-person h6 {
	color: #53757f;
	line-height: 16px;
	margin-bottom: 0px
}

.reservation-bar .row .price-per-person .pricepp {
	color: #252947;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	font-size: 28px;
	line-height: 24px
}

.reservation-bar .row .price-per-person .pricepp:before {
	margin-right: 5px;
	content: "€"
}

.reservation-bar .row .price-total {
	flex-grow: 1;
	padding: 0px 8px;
	display: none
}

.reservation-bar .row .price-total h6 {
	color: #53757f;
	margin-bottom: 0px;
	line-height: 16px
}

.reservation-bar .row .price-total .total-price {
	color: #252947;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	line-height: 24px;
	font-size: 28px
}

.reservation-bar .row .price-total .total-price:before {
	content: "€";
	margin-right: 5px
}

.reservation-bar .row .reservation-btn {
	flex-grow: 1;
	display: flex
}

.reservation-bar .row .reservation-btn .cta-btn {
	display: inline-block;
	align-items: center
}

.reis-informatie {
	overflow: hidden
}

.reis-informatie .reisgegevens-tabel {
	padding: 15px;
	margin-bottom: 32px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper {
	background-color: #f5f5f5;
	width: 80%;
	display: block;
	padding: 16px 24px;
	border-radius: 8px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row {
	display: flex;
	align-items: center;
	padding: 16px 0px;
	border-bottom: 1px solid #fff
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row:last-of-type {
	border-bottom: none
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.themas .title-wrapper {
	scrollbar-width: thin
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.themas .title-wrapper::-webkit-scrollbar {
	width: 4px;
	border-radius: 8px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.themas .title-wrapper::-webkit-scrollbar-track {
	background: #f5f5f5
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.themas .title-wrapper::-webkit-scrollbar-thumb {
	background: #666;
	transition: all ease-in-out 0.2s;
	border-radius: 4px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.themas .title-wrapper::-webkit-scrollbar-thumb:hover {
	background: #cc4b43
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.themas h5 {
	display: inline-block
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.themas h5:after {
	content: ",";
	margin-right: 4px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.themas h5:last-of-type:after {
	content: ""
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .icon {
	width: 25px;
	margin-right: 24px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .icon svg {
	overflow: visible
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .icon svg .a {
	stroke-width: inherit
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .icon svg path {
	fill: #cc4b43
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .icon.star-icon svg path {
	fill: transparent;
	stroke-width: 1.5px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row span {
	margin-right: 24px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row span:first-of-type {
	min-width: 100px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row h5 {
	margin-bottom: 0px;
	text-transform: uppercase
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .rating svg {
	display: block
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .rating svg .a {
	stroke-width: 0px
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .rating svg.rating-3 path {
	fill: #D0703A
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .rating svg.rating-4 path {
	fill: #b9b9b9
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .rating svg.rating-5 path {
	fill: #ffd882
}

.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .rating-number {
	display: none
}

.leesmeer,
.inclExcl {
	position: relative;
	overflow: hidden;
	margin-bottom: 16px
}

.inclExcl ul {
	padding-left: 20px
}

.leesmeer-trigger {
	position: relative;
	display: block;
	margin-bottom: 56px;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	text-transform: uppercase;
	color: #252947
}

.leesmeer-trigger span {
	position: relative;
	z-index: 10
}

.leesmeer-trigger:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 16px;
	background-image: url("../img/arrow-down.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain
}

.leesmeer-trigger.active:before {
	content: '';
	position: absolute;
	bottom: 20px;
	width: 100%;
	height: 64px;
	background: -webkit-linear-gradient(rgba(46, 59, 60, 0) 0%, #fff 100%);
	background: -o-linear-gradient(rgba(46, 59, 60, 0) 0%, #fff 100%);
	background: linear-gradient(rgba(46, 59, 60, 0) 0%, #fff 100%);
	opacity: 1;
	z-index: 1
}

.leesmeer-trigger.non-active:after {
	background-image: url("../img/arrow-up.svg")
}

.sidebar {
	overflow: hidden;
	transform: translateY(-20%)
}

.sidebar .card:after {
	height: 100%
}

.sidebar .card .card-content {
	bottom: 45px
}

.sidebar .rating.rating-5Sterren svg path {
	fill: #ffd882
}

.sidebar .rating.rating-3Sterren {
	right: -60px
}

.sidebar .rating.rating-3Sterren svg path {
	fill: #D0703A
}

.sidebar .rating.rating-3Sterren svg path:nth-child(1),
.sidebar .rating.rating-3Sterren svg path:nth-child(2) {
	fill: transparent
}

.sidebar .rating.rating-4Sterren {
	right: -30px
}

.sidebar .rating.rating-4Sterren svg path {
	fill: #b9b9b9
}

.sidebar .rating.rating-4Sterren svg path:nth-child(1) {
	fill: transparent
}

.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper {
	width: 100%;
	padding: 8px 24px
}

.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row {
	align-items: baseline
}

.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row span {
	color: #666
}

.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row span h5 {
	color: #252947
}

.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.pakket {
	border-bottom: none
}

.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.prijsPerPersoon {
	display: block;
	padding-left: 49px;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	font-size: 24px
}

.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.prijsPerPersoon span {
	color: #53757f;
	line-height: 24px
}

.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.prijsPerPersoon span .reis-prijsPerPersoon,
.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.prijsPerPersoon span .reis-totaalprijs {
	color: #252947
}

.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.prijsPerPersoon span .reis-prijsPerPersoon:before,
.sidebar.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row.prijsPerPersoon span .reis-totaalprijs:before {
	content: "€";
	margin-right: 5px
}

form {
	margin-top: 80px
}

form header {
	float: left;
	width: 100%;
	padding: 16px 0px 0px 2px;
	background-color: transparent
}

form header h3 {
	text-transform: uppercase
}

form header:after {
	display: none
}

form .tab {
	overflow: hidden
}

form .tab .singleline,
form .tab .email,
form .tab .number,
form .tab .phone,
form .tab .date {
	width: 50%;
	float: left
}

form .tab .singleline .heading,
form .tab .email .heading,
form .tab .number .heading,
form .tab .phone .heading,
form .tab .date .heading {
	padding-left: 2px
}

form .tab fieldset legend,
form .tab fieldset label,
form .tab .singleline .heading label,
form .tab .email .heading label,
form .tab .number .heading label,
form .tab .phone .heading label,
form .tab .date .heading label {
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	color: #252947
}

form .tab .singleline .input,
form .tab .email .input,
form .tab .number .input,
form .tab .phone .input,
form .tab .date .input {
	padding-left: 2px
}

form .tab .singleline .input input,
form .tab .email .input input,
form .tab .number .input input,
form .tab .phone .input input,
form .tab .date .input input {
	width: calc(100% - 24px);
	background-color: #f5f5f5;
	border: none;
	border-radius: 4px;
	padding: 24px 16px;
	margin-bottom: 16px
}

form .tab .singleline .input input:focus,
form .tab .singleline .input input:active,
form .tab .email .input input:focus,
form .tab .email .input input:active,
form .tab .number .input input:focus,
form .tab .number .input input:active,
form .tab .phone .input input:focus,
form .tab .phone .input input:active,
form .tab .date .input input:focus,
form .tab .date .input input:active {
	border: none;
	box-shadow: none;
	outline: none;
	background-color: #ffd882;
	color: #252947
}

form .tab .field.phone select {
	display: none
}

form .tab .field.phone ul.errors {
	color: #cc4b43;
	font-size: 14px
}

form .tab .paragraph {
	width: 100%;
	float: left
}

form .tab .paragraph .heading {
	padding-left: 2px;
	display: none
}

form .tab .paragraph .input {
	padding-left: 2px
}

form .tab .paragraph .input textarea {
	width: calc(100% - 24px);
	background-color: #f5f5f5;
	border: none;
	border-radius: 4px;
	padding: 24px 16px;
	margin-bottom: 16px
}

form .tab .paragraph .input textarea:focus,
form .tab .paragraph .input textarea:active {
	border: none;
	box-shadow: none;
	outline: none;
	background-color: #ffd882;
	color: #252947
}

form .tab .optin {
	padding-left: 2px;
	width: 50%;
	padding-right: 24px;
	float: left;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	color: #252947
}

form .tab .optin label {
	font-size: 0.9rem
}

form .tab .optin input {
	margin-right: 4px
}

form .tab .optin a {
	color: #53757f;
	text-decoration: underline
}

form .submit {
	overflow: hidden
}

form .submit button {
	background-color: #cc4b43;
	border-radius: 4px;
	padding: 20px 40px;
	margin: 16px 24px 32px 0px;
	float: right;
	display: block;
	color: #fff;
	border: none;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	transition: all ease-in-out 0.2s
}

form .submit button:hover {
	background-color: #ffd882;
	color: #252947
}

form .sproutforms-message-success {
	background-color: #252947;
	padding: 16px 24px 1px;
	border-radius: 4px;
	margin-bottom: 16px;
	color: #fff;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	font-size: 24px;
	line-height: 24px
}

.aanbetaling-form {
	padding: 56px 15px 40px
}

.aanbetaling-form input {
	width: 100%;
	background-color: #f5f5f5;
	border: none;
	border-radius: 4px;
	padding: 24px 16px;
	margin-bottom: 16px
}

.aanbetaling-form input:focus,
.aanbetaling-form input:active {
	border: none;
	box-shadow: none;
	outline: none;
	background-color: #ffd882;
	color: #252947
}

.aanbetaling-form input.btn {
	background-color: #cc4b43;
	border-radius: 4px;
	padding: 20px 40px;
	margin: 16px 24px 32px 0px;
	display: block;
	color: #fff;
	border: none;
	width: auto;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	transition: all ease-in-out 0.2s
}

.aanbetaling-form input.btn:hover {
	background-color: #ffd882;
	color: #252947
}

#mc_embed_signup input.email {
	display: none !important
}

#mc_embed_signup .btn {
	margin: 0px;
	background-color: #252947
}

#mc_embed_signup .btn:hover {
	background-color: #ffd882;
	color: #252947
}

.betalings-info {
	padding: 56px 15px 40px
}

.pakkettten {
	padding: 48px 0px
}

.pakkettten .pakketten-titel h2 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 56px
}

.pakkettten .pakketten-wrapper {
	justify-content: center
}

.pakkettten .pakketten-wrapper .pakket {
	margin-bottom: 24px
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder {
	background-color: #f5f5f5;
	padding:0px 15px 32px;
    height: 100%;
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .rating svg {
	padding: 16px 24px;
	min-height: 50px;
	margin: 0 auto 32px;
	display: block;
	background-color: #fff
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .rating svg.rating-3 {
	min-width: 175px
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .rating svg.rating-3 path {
	fill: #D0703A
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .rating svg.rating-4 {
	min-width: 175px
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .rating svg.rating-4 path {
	fill: #b9b9b9
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .rating svg.rating-5 {
	min-width: 175px
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .rating svg.rating-5 path {
	fill: #ffd882
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder h3 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .usps .usp {
	color: #666;
	border-bottom: 1px solid #fff;
	padding: 8px 5px;
	text-align: center
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .usps .usp:last-of-type {
	border-bottom: 0px;
	padding-bottom: 0px
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .cta-btn {
	display: table;
	width: auto;
	padding: 16px;
	text-align: center;
	margin: 24px auto 0px;
	background-color: #ffd882;
	color: #252947
}

.pakkettten .pakketten-wrapper .pakket .pakket-holder .cta-btn:hover {
	background-color: #252947;
	color: #fff
}

.introductie {
	padding: 48px 0px 0px
}

.introductie h2 {
	margin-bottom: 32px;
	text-align: center;
	text-transform: uppercase
}

.introductie p {
	text-align: center;
	color: #666
}

.uitgelichte-bestemmingen {
	padding: 48px 0px;
	background-color: #f5f5f5;
}

.uitgelichte-bestemmingen h2 {
	text-align: center
}

.uitgelichte-bestemmingen .bestemming {
	margin-top: 32px
}

.uitgelichte-bestemmingen .bestemming:first-of-type {
	margin-top: 0px
}

.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 4px;
	overflow: hidden;
	padding: 97px 15px 54px
}

.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 80%;
	bottom: 0px;
	left: 0px;
	z-index: 5;
	background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%)
}

.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper .meta {
	position: relative;
	z-index: 10;
	text-align: center;
	color: #fff;
	max-height: 75px;
	min-height: 75px;
	display: flex;
	align-items: flex-end;
	justify-content: center
}

.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper .meta .hiddenbestemming {
	display: none
}

.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper .meta h4,
.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper .meta p {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: #fff;
	line-height: 24px;
	margin-bottom: 0px
}

.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper .meta .cta-btn {
	background-color: #53757f;
	display: inline-block
}

.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper .meta .cta-btn span {
	color: #ffd882
}

.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper .meta .cta-btn:hover {
	background-color: #cc4b43;
	color: #fff
}

.uitgelichte-bestemmingen .slick-dots {
	display: table;
	margin: 0 auto
}

.uitgelichte-bestemmingen .slick-dots li {
	display: inline-block
}

.uitgelichte-bestemmingen .slick-dots li button {
	position: relative;
	background-color: transparent;
	color: transparent;
	border: none
}

.uitgelichte-bestemmingen .slick-dots li button:before {
	content: '';
	width: 7px;
	height: 7px;
	background-color: #fff;
	border: 1px solid #53757f;
	position: absolute;
	border-radius: 20px;
	top: calc(50% + 3.5px);
	transition: all ease-in-out 0.2s
}

.uitgelichte-bestemmingen .slick-dots li.slick-active button:before {
	background-color: #53757f
}

.uitgelichte-bestemmingen .slick-dots li:before {
	display: none
}

.uitgelichte-bestemmingen .calltoaction {
	text-align: center
}

.uitgelichte-bestemmingen .calltoaction .cta-btn {
	background-color: #ffd882;
	color: #252947;
	margin: 40px 0px 0px;
	display: inline-block
}

.uitgelichte-bestemmingen .calltoaction .cta-btn span {
	color: #53757f;
	transition: all ease-in-out 0.2s
}

.uitgelichte-bestemmingen .calltoaction .cta-btn:hover {
	background-color: #cc4b43;
	color: #fff
}

.uitgelichte-bestemmingen .calltoaction .cta-btn:hover span {
	color: #fff
}

.alle-bestemmingen {
	padding: 24px 0px 48px
}

.alle-bestemmingen .bestemming .col-12 {
	margin-bottom: 16px
}

.alle-bestemmingen .bestemming .col-12 .bestemming-wrapper {
	padding: 112px 15px 54px;
	background-color: #252947
}

.alle-bestemmingen .bestemming .col-12 .bestemming-wrapper .meta h4 {
	min-height: inherit
}

#social {
	padding: 48px 0px 112px;
	/*background-color: #f5f5f5*/
}

#social .crt-widget .crt-post {
	background-color: #f5f5f5
}

#social h2 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 64px
}

#social .crt-widget .crt-social-icon,
#social .crt-widget .crt-post-fullname {
	display: none
}

#social .crt-widget .crt-post-text {
	color: #666;
	text-align: left;
	margin-bottom: 16px;
	padding-bottom: 0px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden
}

#social .crt-widget .crt-post-footer {
	border-top: none
}

#social .crt-widget .crt-post-footer .crt-post-userimage,
#social .crt-widget .crt-post-footer .crt-post-username,
#social .crt-widget .crt-post-footer .crt-post-share {
	display: none
}

#social .crt-widget .crt-post-footer .crt-post-date {
	display: block;
	color: #666;
	width: 100%;
	text-align: right;
	opacity: 1
}

#social .crt-widget .crt-post-footer .crt-post-date a {
	padding: 5px 15px;
	margin-bottom: 15px
}

#social .crt-widget .crt-post {
	border-radius: 4px
}

#social .crt-widget .crt-post .crt-post-content-image {
	max-height: 200px
}

#social .crt-widget .crt-logo.crt-tag {
	display: none
}

#social .social-end {
	display: flex;
	align-items: center
}

#social .social-end a {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: auto;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	color: #252947;
	text-transform: uppercase
}

#social .social-end a svg {
	height: 14px;
	margin-right: 6px
}

#social .social-end a:after {
	content: "";
	position: absolute;
	width: 180px;
	height: 50px;
	bottom: -50px;
	right: -60px;
	background-image: url("../img/like-ons-op-fb.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.cntct {
	padding: 72px 0px 0px
}

.cntct .contact-form {
	margin-top: 48px
}

.cntct .contact-form .tab .paragraph .heading {
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	color: #252947;
	display: block
}

.cntct .contact-form .tab .optin {
	width: 100%
}

.cntct-intro {
	padding: 88px 0px;
	background-color: #f5f5f5
}

.cntct-intro p {
	color: #666
}

.sidebar.cntct-sidebar {
	transform: translateY(0%)
}

.sidebar.cntct-sidebar .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row {
	display: block;
	color: #666
}

.sidebar.cntct-sidebar .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row h3 {
	color: #252947;
	margin-bottom: 0px
}

.sidebar.cntct-sidebar .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row a {
	display: block;
	width: 100%;
	color: #666;
	margin-bottom: 8px
}

.sidebar.cntct-sidebar .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row a svg {
	height: 16px;
	max-width: 16px;
	margin-right: 4px
}

.sidebar.cntct-sidebar .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row a svg path {
	fill: #cc4b43
}

.sidebar.cntct-sidebar .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row a:hover {
	color: #cc4b43
}

.sidebar.cntct-sidebar .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row:first-of-type {
	border-bottom: none
}

.sidebar.cntct-sidebar .afbeeldingcntct {
	position: relative;
	width: calc(100% + 30px);
	left: -15px
}

body.formulier-verstuurd header .herocontent h1 {
	margin-bottom: 24px
}

footer {
	background-color: #252947;
	padding: 64px 0px 32px;
	color: #fff
}

footer h5 {
	text-transform: uppercase
}

footer .about .logo {
	width: 75%
}

footer .about p {
	margin-top: 32px
}

footer .links {
	padding-top: 50px
}

footer .links .footernav {
	margin-bottom: 0px
}

footer .links .footernav li a.nav-link {
	position: relative;
	display: inline-block;
	padding: 0px;
	color: #fff
}

footer .links .footernav li a.nav-link:after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #cc4b43;
	height: 3px;
	width: 0px;
	transition: all ease-in-out 0.2s
}

footer .links .footernav li:hover a:after {
	width: 100%
}

footer .links .footernav li.active a:after {
	background-color: #ffd882;
	width: 20px
}

footer .cntct {
	padding-top: 50px
}

footer .cntct a {
	display: block;
	color: #fff
}

footer .cntct a svg {
	margin-right: 4px
}

footer .cntct a svg path {
	fill: #ffd882
}

footer .cntct a.social-icon {
	display: none;
	margin-right: 24px;
	margin-top: 16px
}

footer .cntct a.social-icon svg {
	height: 16px
}

footer .cntct a.social-icon svg path {
	fill: #ffd882
}

footer .copyright {
	position: relative;
	margin-top: 24px
}

footer .copyright:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 15px;
	width: calc(100% - 30px);
	height: 2px;
	background-color: #3B3F5C
}

footer .copyright .slogan {
	padding: 24px 15px
}

footer .copyright .slogan svg {
	width: 100%
}

footer .copyright .text-right {
	padding: 24px 15px
}

footer .copyright a {
	position: relative;
	display: inline-block;
	padding: 0px;
	margin-left: 24px;
	color: #fff
}

footer .copyright a:after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #cc4b43;
	height: 3px;
	width: 0px;
	transition: all ease-in-out 0.2s
}

footer .copyright a svg {
	height: 16px
}

footer .copyright a:hover:after {
	width: 100%
}

footer .copyright a.active:after {
	background-color: #ffd882;
	width: 20px
}

@media only screen and (max-width: 1200px) {
	.reservation-bar .row .title h5:after {
		display: block
	}
}

@media only screen and (max-width: 992px) {
	#main-nav nav.navbar .menu-container {
		display: none
	}
	#main-nav nav.navbar .navbar-toggler {
		display: block
	}
	header .herocontent h1 {
		text-align: center !important;
		margin-bottom: 80px
	}
	header.reis-header .herocontent h1 {
		text-align: center;
		margin-bottom: 24px
	}
	header.reis-header .herocontent p {
		padding: 0px;
		margin-bottom: 40px
	}
	header.reservering-header .herocontent h1 {
		text-align: left !important
	}
	header .filters .filter-wsearch {
		margin: 0px 5px;
		width: 100%
	}
	.reservation-bar .row .title {
		display: none
	}
	.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper {
		width: 100%;
		margin-bottom: 32px
	}
	.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper {
		padding: 130px 15px;
		max-height: 220px
	}
	.uitgelichte-bestemmingen .bestemming .col-12 .bestemming-wrapper .meta .cta-btn {
		line-height: 18px
	}
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
	.reserveringsformulier-form .tab .singleline,
	.reserveringsformulier-form .tab .email,
	.reserveringsformulier-form .tab .number,
	.reserveringsformulier-form .tab .date,
	.reserveringsformulier-form .tab .phone,
	.reserveringsformulier-form .tab .optin {
		width: 100%
	}
}

@media only screen and (max-width: 768px) {
	.overlay-menu {
		width: 65vw
	}
	header .herocontent h1 {
		text-align: left;
		margin-bottom: 56px
	}
	header.large-padding .herocontent h1 {
		text-align: center
	}
	#js_ajaxinateRender .filter-wrapper {
		position: relative;
		width: 100%
	}
	#js_ajaxinateRender .filter-wrapper .filter-options {
		left: 20px;
		width: calc(100% - 40px)
	}
	#js_ajaxinateRender .filter-wrapper .filter-options li {
		width: 100%
	}
	#js_ajaxinateRender .filter-wrapper.active .filter-options {
		top: 125px;
		box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35)
	}
	.reis-informatie .row {
		display: flex
	}
	.reis-informatie .row .r-beschrijving {
		order: 1;
		text-align: center
	}
	.reis-informatie .row .r-info {
		order: 5
	}
	.reis-informatie .row .r-info h2 {
		display: none
	}
	.reis-informatie .row .r-incl {
		order: 2
	}
	.reis-informatie .row .r-excl {
		order: 3
	}
	.reis-informatie .row .r-impressie {
		order: 4;
		text-align: center;
		margin-bottom: 40px
	}
	form {
		margin-top: 32px
	}
	form .tab .optin {
		width: 100%
	}
	.sidebar {
		padding-top: 32px;
		transform: translateY(0%)
	}
	.sidebar .card {
		display: none
	}
	#social .crt-widget .crt-panel-next {
		right: 0px
	}
	#social .crt-widget .crt-panel-prev {
		left: 0px
	}
	.sidebar.cntct-sidebar {
		margin-bottom: 32px
	}
	.sidebar.cntct-sidebar .afbeeldingcntct {
		display: none
	}
	footer {
		padding: 40px 0px 8px
	}
	footer .about {
		display: none
	}
	footer .links {
		padding-top: 0px
	}
	footer .cntct {
		padding-top: 0px
	}
	footer .cntct a.social-icon {
		display: inline-block
	}
	footer .copyright .slogan svg {
		width: auto;
		max-width: 100%
	}
	footer .copyright .text-right a {
		display: block;
		clear: both;
		float: left;
		margin-left: 0px;
		margin-bottom: 8px
	}
	footer .copyright .text-right a.social-icon {
		display: none
	}
}

@media only screen and (max-width: 576px) {
	#main-nav nav.navbar {
		padding: 0px 15px
	}
	#main-nav nav.navbar .brand-logo {
		padding: 24px 30px 48px 0px
	}
	header .herocontent h1 {
		text-align: left;
		margin-bottom: 32px
	}
	header .filters .filter-wrapper {
		width: 100%
	}
	.reservation-bar {
		padding: 32px 15px
	}
	.reservation-bar .row .reservation-btn {
		width: 100%
	}
	.reservation-bar .row .reservation-btn .cta-btn {
		margin-top: 24px;
		width: 100%;
		text-align: center
	}
	.reservation-bar.duplicate {
		background-color: transparent;
		border-top: 0px;
		padding: 16px 15px
	}
	.reservation-bar.duplicate .persons,
	.reservation-bar.duplicate .price-per-person,
	.reservation-bar.duplicate .price-total {
		display: none
	}
	.reservation-bar.duplicate .reservation-btn .cta-btn {
		margin-top: 0px
	}
	footer .cntct {
		padding-top: 32px
	}
	footer .copyright {
		margin-top: 80px
	}
}

@media only screen and (max-width: 480px) {
	.overlay-menu {
		width: 85vw;
		right: -85vw;
		padding: 32px
	}
	.overlay-menu ul.navbar-nav li a {
		padding-bottom: 0px;
		font-size: 20px
	}
	.reservation-bar .row .persons {
		width: 100%
	}
	.reservation-bar .row .persons .persons-number-field {
		width: 100%;
		margin-bottom: 16px
	}
	.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row .icon {
		margin-right: 8px
	}
	.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row span {
		margin-right: 8px
	}
	.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row span:first-of-type {
		min-width: 75px;
		font-size: 14px
	}
	.reis-informatie .reisgegevens-tabel .reisgegevens-tabel-wrapper .gegeven-row h5 {
		font-size: 0.85rem
	}
	form .tab .singleline,
	form .tab .email,
	form .tab .number,
	form .tab .date,
	form .tab .phone,
	form .tab .optin {
		width: 100%
	}
}

@media only screen and (max-width: 380px) {
	#main-nav nav.navbar .brand-logo img {
		max-width: 190px
	}
}

@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-25px)
	}
	60% {
		-webkit-transform: translateY(-15px)
	}
}

@-moz-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0)
	}
	40% {
		-moz-transform: translateY(-25px)
	}
	60% {
		-moz-transform: translateY(-15px)
	}
}

@-o-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-o-transform: translateY(0)
	}
	40% {
		-o-transform: translateY(-25px)
	}
	60% {
		-o-transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0)
	}
	40% {
		transform: translateY(-25px)
	}
	60% {
		transform: translateY(-15px)
	}
}

@font-face {
	font-family: 'MidnightKernboyBold';
	src: url("../assets/fonts/MidnightKernboy-Bold.eot");
	src: url("../assets/fonts/MidnightKernboy-Bold.woff2") format("woff2"),
	url("../assets/fonts/MidnightKernboy-Bold.woff") format("woff"),
	url("../assets/fonts/MidnightKernboy-Bold.ttf") format("truetype")
}


.filter-wsearch a {
	background-color: #cc4b43;
	color: #fff;
	transition: all ease-in-out 0.2s;
	padding: 8px 25px 8px 40px;
	border-radius: 4px;
	height: calc(100% - 8px);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	text-transform: uppercase
}

@media all and (-ms-high-contrast: none) {
	.filter-wsearch a {
		height: 62px
	}
	*::-ms-backdrop,
	.filter-wsearch a {
		height: 62px
	}
}

.filter-wrapper.filterDoelgroepen .filter-options label:hover,
.filter-wrapper.filterDoelgroepen .filter-options label.checked,
.filter-wrapper.filterAantalSterren .filter-options label:hover,
.filter-wrapper.filterAantalSterren .filter-options label.checked {
	color: #252947
}

#js_ajaxinateRender .filter-wrapper.filterDoelgroepen ul,
#js_ajaxinateRender .filter-wrapper.filterAantalSterren ul {
	width: auto
}

#js_ajaxinateRender .filter-wrapper.filterBestemmingen li,
#js_ajaxinateRender .filter-wrapper.filterThemas li,
#js_ajaxinateRender .filter-wrapper.filterPrijsPerPersoon li,
#js_ajaxinateRender .filter-wrapper.filterDoelgroepen li,
#js_ajaxinateRender .filter-wrapper.filterAantalSterren li {
	width: calc(32.33333% - 30px);
	display: inline-block;
	border-bottom: 1px solid #f0f0f0;
	margin-right: 30px;
	cursor: pointer
}

#js_ajaxinateRender .filter-wrapper.filterBestemmingen li label,
#js_ajaxinateRender .filter-wrapper.filterThemas li label,
#js_ajaxinateRender .filter-wrapper.filterPrijsPerPersoon li label,
#js_ajaxinateRender .filter-wrapper.filterDoelgroepen li label,
#js_ajaxinateRender .filter-wrapper.filterAantalSterren li label {
	color: #252947;
	font-weight: bold;
	font-size: 16px;
	width: 100%
}

#js_ajaxinateRender .filter-wrapper.filterBestemmingen li input[type=checkbox],
#js_ajaxinateRender .filter-wrapper.filterThemas li input[type=checkbox],
#js_ajaxinateRender .filter-wrapper.filterPrijsPerPersoon li input[type=checkbox],
#js_ajaxinateRender .filter-wrapper.filterDoelgroepen li input[type=checkbox],
#js_ajaxinateRender .filter-wrapper.filterAantalSterren li input[type=checkbox] {
	background-color: #f5f5f5;
	border-color: #53757f;
	margin-right: 10px
}

#js_ajaxinateRender .filter-wrapper.filterAantalSterren li {
	width: 100%
}

#js_ajaxinateRender .filter-wrapper.open .filter-header {
	background-color: #ffd882
}

.page-64 #js_ajaxinateRender .filter-wrapper.filterAantalSterren {
	position: relative
}

.page-64 #js_ajaxinateRender .filter-wrapper.filterAantalSterren .filter-options {
	width: auto;
	right: 5px;
	left: auto;
	width: calc(100% - 10px)
}

.page-64 #js_ajaxinateRender .filter-wrapper.filterAantalSterren .filter-options li {
	display: block;
	cursor: pointer
}

.filter-wrapper .filter-header {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.filter-wrapper .filter-options li:last-child {
	border: none !important
}

.filter-wrapper .filter-options li:last-child label {
	border: none;
	margin-bottom: 0
}

.card-content {
	position: absolute;
	z-index: 10;
	bottom: 40px;
	width: 100%;
	transition: all ease-in-out 0.2s;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	color: #fff
}

.card-content h5 {
	color: #fff;
	margin-bottom: 0px;
	text-transform: uppercase;
	padding: 0px 10px;
	text-align: center
}

.card-footer {
	position: relative;
	z-index: 10;
	border-top: 0px;
	text-align: center;
	color: #666;
	background-color: #fff;
	border-radius: 0px;
	padding: 10px 15px 0px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px
}

.card:hover:after {
	opacity: 1
}

.card {
	position: relative;
	border: 0px;
	margin-bottom: 16px
}

.card:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0.85;
	background: -moz-linear-gradient(top, transparent 15%, #222 100%);
	background: -webkit-linear-gradient(top, transparent 15%, #222 100%);
	background: linear-gradient(to bottom, transparent 15%, #222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#222222', GradientType=0);
	top: 0px;
	left: 0px;
	transition: all ease-in-out 0.2s;
	z-index: 0
}

.card .rating {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	padding: 16px 24px 16px;
	background-color: #fff;
	border-radius: 0px 0px 0px 4px
}

.card .rating svg.rating-3 path {
	fill: #D0703A
}

.card .rating svg.rating-4 path {
	fill: #b9b9b9
}

.card .rating svg.rating-5 path {
	fill: #ffd882
}

.populaireReizen,
.relevantethemas,
.uitgelichteReizen {
	padding: 48px 0
}

.populaireReizen h2,
.relevantethemas h2,
.uitgelichteReizen h2 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px
}

.volleBreedteContent {
	padding: 48px 0
}

.errorMessage {
	color: #cc4b43;
	display: block;
	max-width: 250px;
	font-size: 13px;
	line-height: 20px
}

.cta-btn.yellow {
	display: table;
	margin: 0 auto;
	padding: 24px;
	color: #252947;
	background-color: #ffd882;
	cursor: pointer;
	text-align: center
}

.cta-btn.yellow:hover {
	background-color: #cc4b43;
	color: #fff
}

.sfeerimpressieSlider {
	max-width: 100%
}

.sfeerimpressieSlider .slick-track {
	display: flex;
}

.sfeerimpressieSlider .slide {
	height: auto;
	margin-bottom: 30px;
	display: inline-flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
}

.sfeerimpressieSlider .slide .contentWrapper {
	margin: auto 0;
}

.sfeerimpressieSlider .slide .contentWrapper .video-responsive {
	overflow: hidden;
	padding-bottom: 66.6666666%;
	position: relative;
	margin-top: 0
}

.sfeerimpressieSlider .slide .contentWrapper .video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute
}

.sfeerimpressieSlider .slide .contentWrapper div.afbeelding {
	height: 100%
}

.sfeerimpressieSlider .slide .contentWrapper div.afbeelding img {
	object-fit: contain;
	object-position: center;
	height: 100%;
	width: 100%
}

.r-impressie {
	background-color: #f5f5f5;
	padding: 50px 0;
	position: relative;
	z-index: 1
}

.r-impressie h2 {
	padding-bottom: 20px
}

.r-impressie:before {
	position: absolute;
	width: 100vw;
	content: '';
	z-index: -1;
	background-color: #f5f5f5;
	height: 100%;
	left: calc(0px - ((100vw - 1140px) / 2));
	top: 0
}

@media only screen and (max-width: 1200px) {
	.r-impressie:before {
		left: calc(0px - ((100vw - 960px) / 2))
	}
}

@media only screen and (max-width: 992px) {
	.r-impressie:before {
		left: calc(0px - ((100vw - 720px) / 2))
	}
	#js_ajaxinateRender .filter-wrapper.filterBestemmingen li,
	#js_ajaxinateRender .filter-wrapper.filterThemas li,
	#js_ajaxinateRender .filter-wrapper.filterPrijsPerPersoon li,
	#js_ajaxinateRender .filter-wrapper.filterDoelgroepen li,
	#js_ajaxinateRender .filter-wrapper.filterAantalSterren li {
		width: 100%
	}
	
	.sfeerimpressieSlider .slide .contentWrapper {
		height: 303.75px;
		overflow: hidden
	}
}

@media only screen and (max-width: 768px) {
	.r-impressie:before {
		left: calc(0px - ((100vw - 540px) / 2))
	}
}

@media only screen and (max-width: 576px) {
	.r-impressie:before {
		left: 0
	}
}

.navitemsMedia {
	width: 100%
}

.dotsMedia,
.dotsRelevant,
.dotsuitgelicht,
.dotsuitgelichtHome,
.dotsReferenties {
	display: table;
	margin: 0 auto
}

.dotsMedia ul li,
.dotsRelevant ul li,
.dotsuitgelicht ul li,
.dotsuitgelichtHome ul li,
.dotsReferenties ul li {
	display: inline-block
}

.dotsMedia ul li button,
.dotsRelevant ul li button,
.dotsuitgelicht ul li button,
.dotsuitgelichtHome ul li button,
.dotsReferenties ul li button {
	position: relative;
	background-color: transparent;
	color: transparent;
	border: none
}

.dotsMedia ul li button:before,
.dotsRelevant ul li button:before,
.dotsuitgelicht ul li button:before,
.dotsuitgelichtHome ul li button:before,
.dotsReferenties ul li button:before {
	content: '';
	width: 7px;
	height: 7px;
	background-color: #fff;
	border: 1px solid #53757f;
	position: absolute;
	border-radius: 20px;
	top: calc(50% + 3.5px);
	transition: all ease-in-out 0.2s
}

.dotsMedia ul li.slick-active button:before,
.dotsRelevant ul li.slick-active button:before,
.dotsuitgelicht ul li.slick-active button:before,
.dotsuitgelichtHome ul li.slick-active button:before,
.dotsReferenties ul li.slick-active button:before {
	background-color: #53757f
}

.dotsMedia ul li:before,
.dotsRelevant ul li:before,
.dotsuitgelicht ul li:before,
.dotsuitgelichtHome ul li:before,
.dotsReferenties ul li:before {
	display: none
}

h2 {
	text-transform: uppercase
}

:focus {
	outline: none
}

@media only screen and (max-width: 576px) {
	.sfeerimpressieSlider .slick-track {
		padding-left: 15px
	}
}

.slick-slide {
	height: auto
}

.onze-experts {
	padding: 48px 0;
	background-color: #f5f5f5;
	overflow: hidden
}

.onze-experts h2 {
	text-align: center
}

.onze-experts .row:nth-of-type(2) {
	margin: 30px 0
}

.onze-experts .row:nth-of-type(2)>div:first-child {
	padding-right: 12.5px
}

.onze-experts .row:nth-of-type(2)>div:last-child {
	padding-left: 12.5px
}

.onze-experts .row:nth-of-type(2)>div:last-child .omschrijving {
	padding: 40px 180px 40px 20px
}

.onze-experts .row:nth-of-type(2)>div:last-child .omschrijving .expertAfbeelding {
	left: auto;
	right: -30px
}

.onze-experts .row:nth-of-type(2)>div .omschrijving {
	background-color: #fff;
	padding: 40px 20px 40px 180px;
	position: relative;
	margin-bottom: 20px
}

.onze-experts .row:nth-of-type(2) .expertAfbeelding {
	position: absolute;
	bottom: 0;
	left: -30px
}

.onze-experts.dubbeltekstblok .row {
	margin: 30px 0;
	margin: 0
}

.onze-experts.dubbeltekstblok .row>div:first-child {
	padding-right: 12.5px
}

.onze-experts.dubbeltekstblok .row>div:last-child {
	padding-left: 12.5px
}

.onze-experts.dubbeltekstblok .row>div:last-child .omschrijving {
	padding: 40px 180px 40px 20px
}

.onze-experts.dubbeltekstblok .row>div:last-child .omschrijving .expertAfbeelding {
	left: auto;
	right: -30px
}

.onze-experts.dubbeltekstblok .row>div .omschrijving {
	background-color: #fff;
	padding: 40px 20px 40px 180px;
	position: relative;
	margin-bottom: 20px
}

.onze-experts.dubbeltekstblok .row .expertAfbeelding {
	position: absolute;
	bottom: 0;
	left: -30px
}

.onze-experts.dubbeltekstblok .row>div:first-child .expertAfbeelding {
	left: -80px
}

.onze-experts.dubbeltekstblok .row>div:last-child .omschrijving .expertAfbeelding {
	right: -80px
}

.onze-experts.dubbeltekstblok .row>div .omschrijving {
	margin-bottom: 0px;
	min-height: 265px
}

.leesmeerExperts {
	overflow: hidden
}

@media only screen and (max-width: 768px) {
	.onze-experts {
		padding: 50px 0
	}
	.onze-experts .expertAfbeelding {
		display: none
	}
	.onze-experts .row:nth-of-type(2)>div .omschrijving {
		padding: 40px 20px 40px 20px
	}
	.onze-experts .row:nth-of-type(2)>div:last-child .omschrijving {
		padding: 40px 20px 40px 20px
	}
	.onze-experts .leesmeer-trigger {
		margin-bottom: 0
	}
	.onze-experts.dubbeltekstblok .row>div:first-child .omschrijving {
		padding: 40px 20px 40px 20px
	}
	.onze-experts.dubbeltekstblok .row>div:last-child .omschrijving {
		padding: 40px 20px 40px 20px
	}
}

.referenties {
  /*background-image: url(../img/background-referenties.jpg);*/
  background-size: cover;
  position: relative;
  z-index: 1;
  background-position: center;
  padding: 96px 0;
}

.referenties .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: -webkit-linear-gradient(rgba(83, 117, 127, 0.4) 0%, rgba(37, 41, 71, 0.7) 100%);
  background: -o-linear-gradient(rgba(83, 117, 127, 0.4) 0%, rgba(37, 41, 71, 0.7) 100%);
  background: linear-gradient(rgba(83, 117, 127, 0.4) 0%, rgba(37, 41, 71, 0.7) 100%);
}

.referenties .referentie {
	background-color: #fff;
	text-align: center;
	padding: 65px 60px 145px 60px;
	position: relative;
	z-index: 1
}

.referenties .referentie h3 {
	min-height: 66px;
	margin-bottom: 30px;
	position: relative;
	z-index: 3
}

.referenties .referentie .quote {
	position: absolute;
	left: 22px;
	top: 44px;
	z-index: 2
}

.referenties .leesmeerReferenties {
	overflow: hidden
}

.referenties .leesmeer-trigger {
	margin-bottom: 0
}

.referenties .leesmeer-trigger.active:before {
	left: 0
}

.referenties .nameBlock {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 80px;
	background-color: #252947;
	color: #fff;
	width: 100%;
	display: flex;
	align-items: center
}

.referenties .nameBlock .bedrijfsnaam {
	font-weight: bold;
	font-family: 'MidnightKernboyBold';
	font-size: 22px
}

.referenties .nameBlock .imgLogo {
	background-color: #fff;
	padding: 20px;
	margin-top: -87px;
	display: flex;
	align-items: center;
	width: 100px;
	height: 100px;
	margin-right: 15px;
	border-radius: 4px
}

.referenties .nameBlock .imgLogo img {
	max-width: 100%
}

.referenties .nameBlock .naamPersoon {
	margin: 0 0 0 auto;
	font-size: 16px
}

.referenties h2 {
	text-align: center;
	margin-bottom: 40px;
	position: relative;
        color: #fff;
}

@media only screen and (max-width: 1200px) {
	.referenties .referentie {
		padding: 50px 30px 210px 30px
	}
	.referenties .nameBlock {
		display: block;
		height: auto;
		padding: 40px 0 20px 0
	}
	.referenties .nameBlock .naamPersoon {
		margin: 0 auto
	}
	.referenties .nameBlock .imgLogo {
		margin: 0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 88px
	}
	.referenties .nameBlock .imgLogo img {
		margin: 0 auto
	}
}

@media only screen and (max-width: 768px) {
	.referenties .referentie {
		padding: 50px 30px 210px 30px
	}
	.referenties .nameBlock {
		display: block;
		height: auto;
		padding: 40px 0 20px 0
	}
	.referenties .nameBlock .imgLogo {
		margin: 0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 88px
	}
	.referenties .nameBlock .imgLogo img {
		margin: 0 auto
	}
}

body {
	font-family: realist, sans-serif;
	font-size: 18px
}

.mediaBlok {
	padding: 50px 0
}

.mediaBlok .row>div {
	height: auto;
	margin-bottom: 30px
}

.mediaBlok .contentWrapper {
	height: 303.75px;
	overflow: hidden
}

.mediaBlok .contentWrapper .video-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 100%;
	margin-top: 0
}

.mediaBlok .contentWrapper .video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute
}

.mediaBlok .contentWrapper div.afbeelding {
	height: 303.75px
}

.mediaBlok .contentWrapper div.afbeelding img {
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%
}

#fields-aantalPersonen-field .input {
	position: relative
}

#fields-aantalPersonen-field .input button {
	position: absolute;
	top: 0;
	right: 24px;
	background-color: #ffd882;
	border: 0px;
	border-radius: 0px 4px 0px 0px;
	outline: none;
	box-shadow: none
}

#fields-aantalPersonen-field .input button.active {
	background-color: #cc4b43
}

.crt-carousel-pane {
	cursor: pointer
}

.reservering form label {
	font-weight: bold
}

.reservering .card {
	overflow: hidden
}

@media only screen and (max-width: 1065px) and (min-width: 992px) {
	#main-nav nav.navbar .menu-container .navbar-nav li a.nav-link {
		font-size: 16px
	}
}

@media only screen and (max-width: 576px) {
	footer .cntct {
		padding: 72px 15px 0px
	}
}

.page-64 .filters.container h2,
.page-64 .filters.container .closeBtn,
.page-64 .filters.container .closeFilters {
	display: none;
	color: #fff;
	text-align: center
}

.page-64 .filter-wsearch {
	display: none
}

@media only screen and (max-width: 992px) {
	.page-64 .filters.container {
		position: fixed;
		background-color: #53757f;
		right: -200vw;
		transition: all ease-in-out 0.2s;
		top: 0;
		width: 100vw;
		padding: 180px 40px 80px;
		z-index: 999
	}
	.page-64 .filters.container h2,
	.page-64 .filters.container .closeBtn {
		display: block
	}
	.page-64 .filters.container .closeBtn {
		background-color: #53757f;
		position: absolute;
		outline: none;
		display: block;
		z-index: 99999;
		border: 0px;
		height: 60px;
		width: 60px;
		padding: 10px;
		right: 72px;
		top: 80px;
		z-index: 9999
	}
	.page-64 .filters.container .closeBtn:before {
		top: 0;
		transform: rotate(-45deg);
		content: "";
		position: absolute;
		background: #ffd882;
		width: 40px;
		height: 5px;
		left: 0
	}
	.page-64 .filters.container .closeBtn:after {
		top: 0;
		max-width: none;
		transform: rotate(45deg);
		content: "";
		position: absolute;
		left: 0;
		background: #ffd882;
		width: 40px;
		height: 5px
	}
	.page-64 .filters.container .filter-wrapper {
		width: 100%
	}
	.page-64 .filters.container.active {
		right: 0;
		position: absolute
	}
	.page-64 .filters.container #js_ajaxinateRender .filter-wrapper.filterBestemmingen li.activeFilter,
	.page-64 .filters.container #js_ajaxinateRender .filter-wrapper.filterThemas li.activeFilter,
	.page-64 .filters.container #js_ajaxinateRender .filter-wrapper.filterPrijsPerPersoon li.activeFilter,
	.page-64 .filters.container #js_ajaxinateRender .filter-wrapper.filterDoelgroepen li.activeFilter,
	.page-64 .filters.container #js_ajaxinateRender .filter-wrapper.filterAantalSterren li.activeFilter {
		width: calc(49% - 10px);
		margin-right: 10px
	}
	.page-64 .filters.container #js_ajaxinateRender .filter-wrapper.active .filter-options {
		width: 100%;
		left: 0;
		top: 66px
	}
	.page-64 .filters.container #js_ajaxinateRender .filter-wrapper.filterPrijsPerPersoon li.activeFilter {
		width: 100%
	}
	.page-64 .filters.container .filter-wsearch {
		display: block;
		opacity: 0;
		position: inherit;
		transition: all ease-in-out 0.2s;
		width: calc(100% - 40px);
		z-index: -1
	}
	.page-64 .filters.container .filter-wsearch.active {
		opacity: 1
	}
	.page-64 .filters.container .filter-wsearch a {
		margin: 0
	}
	.page-64 .filter-wsearch {
		display: inline-block;
		width: calc(100vw - 15px);
		position: fixed;
		height: 44px;
		z-index: 200
	}
	.page-64 .filter-wsearch a {
		height: auto;
		display: table;
		margin: 0 auto;
		padding: 17px 25px 17px 25px
	}
	#main-nav.filterActive {
		width: 40%
	}
	#main-nav.filterActive.scrolled {
		border-bottom: 0px solid #3B3F5C
	}
	#main-nav.filterActive.scrolled nav.navbar .brand-logo {
		padding: 24px 30px 48px 0px
	}
	#main-nav.filterActive.scrolled nav.navbar .brand-logo img {
		max-width: 230px
	}
}

body>.filter-wsearch {
	top: 80vh
}

@media only screen and (max-width: 576px) {
	.page-64 .filters.container {
		padding: 180px 15px
	}
	.page-64 .filters.container .closeBtn {
		right: 15px
	}
	.page-64 .filters.container #js_ajaxinateRender .filter-wrapper.filterThemas li.activeFilter,
	.page-64 .filters.container #js_ajaxinateRender .filter-wrapper.filterPrijsPerPersoon li.activeFilter {
		width: 100%;
		margin-right: 0
	}
	.page-64 .filter-wsearch a {
		width: calc(100% - 15px);
		margin-left: 15px
	}
}

.aanbetaling-status .betalings-info {
	padding-top: 0
}

.aanbetaling-status .reservering h2 {
	margin-top: 50px
}

.aanbetaling-status .aanbetaling-form {
	padding-top: 20px;
	padding-left: 0
}

.aanbetaling-status .aanbetaling-form form {
	margin-top: 0
}

.statusFields {
	width: 100%;
	max-width: 400px
}

.statusFields form {
	margin-top: 20px
}

.statusFields input {
	width: calc(100% - 24px);
	background-color: #F5F5F5;
	border: none;
	border-radius: 4px;
	padding: 24px 16px;
	margin-bottom: 16px
}

#bestemmingenblok {
	display: block;
	position: relative;
	top: -100px;
	visibility: hidden
}

.headerPayOff {
	opacity: 0;
	padding-left: 40px;
	transition: all ease-in-out 0.2s
}

.scrolled .headerPayOff {
	opacity: 1
}

@media only screen and (max-width: 1440px) {
	.headerPayOff {
		width: 20%
	}
}

@media only screen and (max-width: 1300px) {
	.headerPayOff {
		display: none
	}
}

.reizen-overzicht {
	position: relative;
	z-index: 1
}

.reizen-overzicht:before {
	content: 'Resultaten worden opgehaald';
	position: absolute;
	justify-items: center;
	opacity: 0;
	z-index: -1;
	transition: all ease-in-out 0.2s;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: transparent;
	font-size: 2rem;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	text-align: center;
	padding-top: 48px
}

.reizen-overzicht.loadscreen:before {
	z-index: 999;
	background-color: #fff;
	opacity: 0.8
}

.cardThing {
	height: 407.75px;
	transition: .5s ease;
}

.cardThing.hidden {
	display: none;
}

.cardThing.shown {
	display: block;
	-webkit-animation: appear_in .3s ease-out;
	-moz-animation: appear_in .3s ease-out;
}

@-webkit-keyframes appear_in {
	0% { opacity: 0; transform:scale(.8) }
	100% { opacity: 1; transform:scale(1) }
}
@-moz-keyframes appear_in {
	0% { opacity: 0; transform:scale(.8) }
	100% { opacity: 1; transform:scale(1) }
}

@media only screen and (max-width: 768px) {
	.cardThing {
		height: auto
	}
}

.crt-widget.crt-widget-branded {
	padding-bottom: 25px;
	height: auto;
	min-height: inherit
}

.BTN-slick {
	background-color: #252947;
	color: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	position: absolute;
	transition: all ease-in-out 0.2s;
	font-family: MidnightKernboyBold, Fallback, sans-serif;
	font-weight: bold;
	z-index: 10
}

.BTN-slick.next {
	right: 0;
	top: calc(50% - 40px)
}

.BTN-slick.prev {
	left: 0;
	top: calc(50% - 40px)
}

.BTN-slick:hover {
	background-color: #666
}

@media only screen and (max-width: 576px) {
	.BTN-slick.prev {
		left: 30px
	}
}

.noResults {
	display: none
}

.noResults:last-child {
	display: block
}

#fields-multipleChoice1-field .input label {
	width: 100%;
}

#fields-multipleChoice1-field .input label > input {
	margin-right: 10px;
}

#reserveringsformulier-form fieldset {
	width: 100%;
}

@media (max-width: 768px) {
	.header-home {
		height: fit-content;
		min-height: 100vh;
	}

	.header-home h1 {
		font-size: 1.5rem;
	}
}

.share_icon > i {
	transition: .5s ease;
}
.share_icon > i:hover {
	transform: scale(1.1);
}

.slick-prev:before,
.slick-next:before {
	font-size: 2.5rem !important;
	color: #252947 !important;
	position: absolute;
	top: 0;
	left: 0;
}

.slick-prev:before {
    content: '←';
    right: 0 !important;
    left: auto !important;
}

.slick-list {
	height: fit-content !important;	
}

.blog_item {
	transition: .5s ease;
}

.blog_item:hover {
	opacity: .6;
	cursor: pointer;
}

.block_item_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.blog_image_container {
	padding-bottom:100%; overflow:hidden; position:relative
}

.block_image {
	position: absolute; height: 100%; object-fit: cover;
}