/*

font-family: "Comfortaa", cursive;
font-weight: 700;

font-family: "Source Sans Pro", sans-serif;
font-weight: 400/600;

GROEN: #50bcbd
GEEL: #ffcd1c
BLAUW: #398CCB
ROOD: #E71E6E
ZWART: #243138

ROOD SITE: #bf1519
	
*/

* { 
	border: 0;
	padding: 0;
	margin: 0; 
}

/* general */

body {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #243138;
	background: #fff;
}

br.clear {
	clear: both;
}

a {
	text-decoration: none;
}

/* wrapper */

.wrapper {
	margin: 0 auto;
	max-width: 1200px;
}

/* top */

.top {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 45px;
	overflow: hidden;
	color: #fff;
	background: #50BCBD;
}

/* user indicator */

.user_indicator {
	float: left;
	padding: 13px 0;
	font-size: 14px;
}

.user_indicator span {
	margin-left: 3px;
}

.user_indicator span a.title {
	font-weight: 600;
	margin-right: 7px;
	color: #fff;
}

.user_indicator span a.link {
	color: #fff;
	border-bottom: 1px solid #B9E4E4;
}

.user_indicator span a.link:hover {
	border-bottom: 1px solid #fff;
}

.user_indicator span a.link.active {
	border-bottom: 1px solid #fff;
}

.user_indicator em {
	font-style: normal;
}

/* search */

.search_form {
	float: right;
	background: #7bcccd;
	margin-left: 15px;
	position: relative;
}

.search_form input {
	float: left;
	width: 190px;
	height: 25px;
	padding: 10px 15px;
	color: #fff;
	background: transparent;
	outline: none;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.search_form button {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 45px;
	height: 45px;
	font-size: 20px;
	color: #fff;
	background: #7bcccd;
	transition: color 0.1s;
	outline: none;
}

.search_form:hover button {
	color: #fff;
}

/* social icons */

.social {
	float: right;
	padding: 9px 0 0 0;
	text-align: right;
}

.social a {
	color: #fff;
}

.social i {
	float: left;
	font-size: 29px;
	margin-right: 9px;
	opacity: 0.75;
	transition: opacity 0.1s;
}

.social i:hover {
	opacity: 1;
}

/* cart indicator */

a.cart_indicator {
	float: right;
	color: #FFF;
	text-decoration: none;
	margin-top: 14px;
	margin-right: 20px;
	position: relative;
}

a.cart_indicator i {
	font-size: 20px;
}

a.cart_indicator b {
	position: absolute;
	top: -9px;
	right: -9px;
	z-index: 1000;
	color: #FFF;
	width: 17px;
	height: 17px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffcd1c;
	border-radius: 50px;
	font-size: 12px;
	line-height: 1em;
}

a.cart_indicator:hover b {
	background: #398CCB;
}

/* container */

.container {
	float: left;
	width: 100%;
	padding-top: 45px;
}

/* header */

.header {
	float: left;
	width: 100%;
	padding: 30px 0;
}

/* logo */

.logo {
	float: left;
	height: 100px;
}

/* nav */

ul.nav {
	float: right;
	margin-top: 42px;
	list-style: none;
	text-align: right;
} 

ul.nav li {
	display: inline-block;
}

ul.nav li a {
	display: inline-block;
	color: #398CCB;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
	font-size: 20px;
	line-height: 1em;
	text-decoration: none;
	text-transform: lowercase;
	margin-left: 50px;
}

ul.nav li a:hover {
	color: #e71e6e;
}

ul.nav li a.selected {
	color: #e71e6e;
}

ul.nav li a.nav_home {
	display: none;
}

ul.nav li a.nav_account {
	display: none;
}

ul.nav li ul {
	display: none;
}

/* nav toggle */

.nav_toggle {
	float: right;
	margin-top: 20px;
	margin-right: 25px;
	color: #398CCB;
	display: none;
}

.nav_toggle i {
	float: right;
	font-size: 50px;
}

.nav_toggle span {
	float: right;
	font-size: 16px;
	margin-top: 12px;
	margin-right: 12px;
}

/* banner */

.banner_wrapper {
	float: left;
	width: 100%;
}

#banner {
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;  
	user-select: none;
	overflow: hidden;
}

div.banner {
	float: left;
	width: 100%;
	position: relative;
}

div.banner img {
	float: left;
	width: 100%;
}

div.banner_text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 500;
	padding-bottom: 70px;
	color: #fff;
	text-align: center;
}

div.banner_text_info.link:hover {
	opacity: 0.8;
}

div.banner_text strong {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.2em;
	text-shadow: 2px 2px 20px #243138;
}

div.banner_text span {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.1em;
	text-shadow: 1px 1px 20px #243138;
}

div.banner_text a.button {
	margin: 0;
	margin-top: 25px;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1em;
	padding: 15px 18px;
	color: #fff;
	background: #50bcbd;
	border-radius: 50px;
	transition: background 0.1s;
}

div.banner_text a.button i {
	margin-left: 5px;
}

div.banner_text a.button:hover {
	background: #398ccb;
}

/* subnav */

.subnav {
	float: left;
	width: 100%;
	padding: 20px 0 5px 0;
	background: #f5f5f5;
}

.subnav ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
}

.subnav ul li {
	float: left;
	margin-right: 35px;
	margin-bottom: 15px;
}

.subnav ul li a {
	float: left;
	font-size: 17px;
	color: #398CCB;
}

.subnav ul li a:hover {
	color: #e71e6e;
}

.subnav ul li a.selected {
	font-weight: 600;
	color: #e71e6e;
}

/* crumb */

.crumb {
	float: left;
	width: 100%;
	padding: 25px 0;
	font-size: 13px;
	color: #999;
}

.crumb a {
	color: #999;
	border-bottom: 1px solid #ddd;
	transition: color 0.1s, border-bottom 0.1s;
}

.crumb a:hover {
	color: #243138;
	border-bottom: 1px solid #243138;	
}

.crumb i {
	margin: 0 3px;
}
	
/* content */

.content {
	float: left;
	width: 100%;
	padding: 0 0 25px 0;
}

.content_home {
	padding-bottom: 8px !important;
}

.content a {
	text-decoration: none;
	color: #50bcbd;
	border-bottom: 1px solid #ddd;
	transition: color 0.1s, border 0.1s;
}

.content a:hover {
	border-bottom: 1px solid #50bcbd;
}

.content a.button {
	display: inline-block;
	color: #fff;
	background: #50bcbd;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1em;
	padding: 15px 18px;
	border-radius: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0 !important;
	transition: background 0.1s;
}

.content a.button:hover {
	background: #398ccb;
}

.content a.button i {
	margin-left: 5px;
}

.content a.anchor {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

.content a.green {
	color: #50bcbd;
}

.content a.red {
	color: #bf1519;
}

.content .a2a_kit a {
	border: 0 !important;
}

.content img.left {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
}

.content img.right {
	float: right;
	padding-left: 15px;
	margin-left: 15px;
}

.content img.round {
	float: left;
	width: 70% !important;
	height: auto !important;
	margin: 5px 15% 25px 15%;
	border-radius: 400px;
}

.content img.facebook {
	float: left;
	width: 45%;
	max-width: 100%;
	min-width: 350px;
	margin-bottom: 30px;
	opacity: 1;
	transition: opacity 0.1s;
}

.content img.facebook:hover {
	opacity: 0.8;
}

.content img.signature {
	width: 300px;
}

.content h1 {
	color: #398ccb;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
	font-size: 36px;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 25px;
}

.content h2 {
	color: #e71e6e;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 25px;
}

.content h3 {
	color: #50bcbd;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 20px;
}

.content h3.nomargin {
	margin-bottom: 15px;
}

.content h4 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 10px;
}

.content h4.multiple {
	float: left;
	margin-right: 15px;
}

.content em.pink {
	color: #e71e6e;
}

.content i.pink {
	color: #e71e6e;
}

.content i.blue {
	color: #398ccb;
}

.content i.green {
	color: #50bcbd;
}

.content i.blue {
	color: #398ccb;
}

.content strong.blue {
	color: #398ccb;
}

.content em.small {
	display: inline-block;
	font-size: 13px;
	font-style: normal;
}

.content p {
	line-height: 1.6em;
	margin-bottom: 25px;
}

.content p.center {
	text-align: center;
}

.content p.margin15 {
	margin-bottom: 15px;
}

.content p.margin5 {
	margin-bottom: 5px;
}

.content p.margin10 {
	margin-bottom: 10px;
}

.content ul {
	list-style-type: disc;
	margin-bottom: 25px;
	clear: both;
}

.content ol {
	list-style-type: decimal;
	margin-left: 10px;
	margin-bottom: 25px;
	padding-left: 15px;	
	clear: both;
}

.content li {
	margin-left: 15px;
	margin-bottom: 5px;
	line-height: 1.4em;
}

.content ul.check {
	list-style-type: none;
	margin-bottom: 25px;
}

.content ul.check li {
	margin-left: 0;
	padding-left: 26px;
	margin-bottom: 8px;
	background: url('/_graphics/icon_check.png') top left no-repeat;
	background-size: 16px auto;
}

.content table {
	width: 100%;
	margin-bottom: 30px;
}

.content table.white {
	background: #FFF;
}

.content th {
	color: #999;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
}

.content td {
	padding: 5px;
	vertical-align: top;
	line-height: 1.4em;
	border-bottom: 1px solid #ddd;
}

.content td.right {
	text-align: right;
}

.content table.contact td {
	border-bottom: 0;
}

.content table.booking_overview {
	margin-bottom: 15px;
}

.content table.booking_overview td {
	padding: 10px 5px;
}

.content table.booking_overview td.price {
	text-align: right;
	color: #e71e6e;
	font-weight: 700;
	white-space: nowrap;
}

.content table.booking_overview td.total {
	font-size: 22px;
	color: #e71e6e;
	font-weight: 700;
	line-height: 1.4em;
}

.content hr {
	float: left;
	width: 100%;
	height: 1px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ddd;
}

.content hr.line_spacer {
	float: left;
	width: 100%;
	height: 1px;
	margin-bottom: 30px;
	background: none;
	border-bottom: 1px solid #ddd;
}

.content hr.vacation_spacer {
	background: none;
	height: 1px;
	margin-bottom: 29px;
	border: 0;
}

.content hr.news_spacer {
	background: none;
	height: 1px;
	margin-bottom: 29px;
}

.content hr.album_spacer {
	background: none;
	height: 1px;
	margin-bottom: 29px;
}

.content hr.home_spacer {
	background: none;
	height: 1px;
	margin-bottom: 60px;
}

.content hr.spacer10 {
	background: none;
	border: 0;
	height: 1px;
	margin-bottom: 9px;
}

.content hr.spacer15 {
	background: none;
	border: 0;
	height: 1px;
	margin-bottom: 14px;
}

.content hr.spacer20 {
	background: none;
	border: 0;
	height: 1px;
	margin-bottom: 19px;
}

.content hr.spacer30 {
	background: none;
	border: 0;
	height: 1px;
	margin-bottom: 29px;
	border: 0;
}

.content strong.green {
	color: #50bcbd;
}

.content span.green {
	color: #50bcbd;
}

.content strong.date_exclude {
	float: left; 
	width: 100%; 
	margin-top: -10px; 
	margin-bottom: 20px;
	color: #e71e6e;
}

.content i.date_exclude {
	color: #e71e6e;
}

.responsive_iframe_wrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.responsive_iframe_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* text */

.text {
	float: left;
	width: 60%;
	position: relative;
}

.text.rental {
	float: right;
	width: calc(100% - 300px);
}

.text.wide {
	width: 100%;
}

/* sidebar */

.sidebar {
	float: right;
	width: 30%;
}

.sidebar.wide {
	width: 35%;
}

img.monitor {
	float: left;
	width: 70%;
	margin: 0 15%;
	border-radius: 500px;
}

/* childnav */

.content ul.childnav {
	float: left;
	width: 100%;
	list-style-type: none;
	margin-bottom: 25px;
}

.content ul.childnav li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px solid #f5f5f5;
}

.content ul.childnav li a {
	color: #243138;
	border-bottom: 0;
}

.content ul.childnav li a:hover {
	color: #50bcbd;
}

.content ul.childnav li a.selected {
	color: #50bcbd;
	font-weight: 600;
}

/* blocks */

.block_pink {
	color: #e71e6e;
	border: 2px solid #e71e6e;
	padding: 25px 20px 0 20px;
	margin-bottom: 30px;
}

.block_pink a {
	color: #e71e6e;
}

.block_pink a:hover {
	border-bottom: 1px solid #e71e6e;
}

.block_pink a.button {
	background: #e71e6e;
}

.block_pink h3 {
	color: #e71e6e;
}

.block_pink.large {
	font-size: 18px;
}

.block_blue {
	color: #398ccb;
	border: 2px solid #398ccb;
	padding: 25px 20px 0 20px;
	margin-bottom: 30px;
}

.block_blue a {
	color: #398ccb;
}

.block_blue a:hover {
	border-bottom: 1px solid #398ccb;
}

.block_blue h3 {
	color: #398ccb;
}

.block_blue_border {
	border: 2px solid #398ccb;
	padding: 25px 20px 0 20px;
	margin-bottom: 30px;
}

/* locations */

div.location {
	float: left;
	width: 92%;
	padding: 25px 4% 0 4%;
	margin-bottom: 20px;
	background: #f5f5f5;
}

div.location img {
	float: right;
	margin: 0 0 25px 25px;
	border-radius: 5px;
}

/* staff */

div.staff {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

div.staff_image {
	float: left;
	width: 18%;
}

div.staff_image img {
	float: left;
	width: 100%;
	border-radius: 150px;
	margin-bottom: 25px;
}

div.staff_text {
	float: right;
	width: 77%;
}

div.staff_text strong {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

div.staff_text em {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	line-height: 1.3em;
	color: #50bcbd;
}

/* brochures */

div.brochure {
	float: left;
	width: 45%;
	margin: 0 5% 25px 0;
}

div.brochure img {
	float: left;
	width: 25%;
	margin-right: 25px;
	margin-bottom: 25px;
}

/* news list */

a.news {
	float: left;
	width: 100%;
	border: 0;
	margin-bottom: 30px;
}

a.news div.news_image {
	float: left;
	width: 45%;
	overflow: hidden;
}

a.news div.news_image img {
	float: left;
	width: 100%;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a.news:hover div.news_image img {
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
     transform: scale(1.05);
}

a.news div.news_text {
	float: right;
	width: 55%;
}

a.news div.news_text_date {
	float: left;
	width: 100%;
	margin-bottom: 22px;
	color: #fff;
	background: #50bcbd;
}

a.news div.news_text_date span {
	float: left;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 20px;
	color: #fff;
}

a.news div.news_text_info {
	float: left;
	width: 86%;
	padding: 0 7%;
	color: #243138;
}

a.news div.news_text_info strong {
	float: left;
	width: 100%;
	font-size: 20px;
	margin-bottom: 10px;
	color: #20bcbd;
	transition: color 0.1s;
}

a.news div.news_text_info em {
	float: left;
	font-style: normal;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	padding: 4px 6px;
	border-radius: 4px;
	margin-bottom: 15px;
}

a.news div.news_text_info u {
	text-decoration: none;
	color: #20bcbd;
	border-bottom: 1px solid #ddd;
	transition: border-bottom 0.1s;
}

a.news:hover div.news_text_info u {
	color: #20bcbd;
	border-bottom: 1px solid #20bcbd;
}

/* small news */

a.news.small {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd !important;
}

a.news.small div.news_text {
	float: left;
	width: 100%;
}

a.news.small div.news_text_date {
	background: #fff;
	margin-bottom: 0;
}

a.news.small div.news_text_date span {
	color: #fff;
	background: #ffcd1c;
	font-size: 14px;
	padding: 8px;
}

a.news.small div.news_text_info {
	width: 100%;
	padding: 10px 0;
}

a.news.small div.news_text_info strong {
	font-size: 16px;
	margin-bottom: 0;
	transition: color 0.1s;
}

a.news.small:hover div.news_text_info strong {
	color: #50bcbd;
}

/* news spotlight */

#spotlight {
	float: left;
	width: 100%;
}

a.spotlight {
	float: left;
	width: 100%;
	border: 0 !important;
}

a.spotlight div.spotlight_image {
	float: left;
	width: 100%;
	overflow: hidden;
}

a.spotlight div.spotlight_image img {
	float: left;
	width: 100%;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a.spotlight:hover div.spotlight_image img {
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
     transform: scale(1.05);
}

a.spotlight div.spotlight_date {
	float: left;
	width: 90%;
	padding: 12px 5%;
	font-size: 16px;
	font-weighy: 400;
	color: #fff;
	background: #50bcbd;
	margin-bottom: 20px;
}

a.spotlight div.spotlight_info {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #243138;
}

a.spotlight div.spotlight_info.nopadding {
	padding-bottom: 0;
}

a.spotlight div.spotlight_info strong {
	float: left;
	width: 100%;
	font-size: 22px;
	margin-bottom: 10px;
	color: #50bcbd;
	transition: color 0.1s;
}

a.spotlight:hover div.spotlight_info strong {
	color: #50bcbd;
}

a.spotlight div.spotlight_info u {
	text-decoration: none;
	color: #50bcbd;
	border-bottom: 1px solid #ddd;
	transition: border-bottom 0.1s;
}

a.spotlight:hover div.spotlight_info u {
	border-bottom: 1px solid #50bcbd;
}

.rsSpotlight .rsBullet span {
	border: 1px solid #50bcbd;
	background: #fff !important;
}

.rsSpotlight .rsBullet:hover span,  
.rsSpotlight .rsBullet.rsNavSelected span {
	border: 1px solid #50bcbd;
	background: #50bcbd !important;
}

/* news page */

span.news_date {
	float: left;
	color: #fff;
	background: #ffcd1c;
	padding: 10px 15px;
	font-size: 16px;
	margin-bottom: 15px;
	border-radius: 2px;
}

div.news_video {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

img.news_image {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

/* home links */

.home_links {
	float: left;
	width: 100%;
	margin-top: 50px;
}

.home_links div {
	float: left;
	width: 27%;
	margin: 10px 3% 30px 3%;
	text-align: center;
	line-height: 1.4em;
	cursor: pointer;
}

.home_links div img {
	float: left;
	width: 80%;
	margin: 0 10%;
	margin-bottom: 25px;
	border-radius: 400px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.home_links div:hover img {
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
     transform: scale(1.05);
}

.home_links div:hover a.button {
	background: #398ccb;
}

.home_links div h2 {
	font-size: 25px;
}

.content h1.home_links {
	text-align: center;
	font-weight: normal;
	margin-bottom: 5px;
}

.content p.home_links {
	margin-top: 0;
	margin-bottom: 25px;
	text-align: center;
}

.content span.pink {
	color: #e71e6e;
}

.content span.blue {
	color: #398ccb;
}

.content span.grey {
	color: #999;
}

.content span.small {
	font-size: 14px;
}

.content strong.pink {
	color: #e71e6e;
}

.content p em.small {
	font-size: 14px;
}

.content a.small {
	font-size: 14px;
}

/* vacations */

div.vacation {
	float: left;
	width: 100%;
	margin-bottom: 40px;	
}

div.vacation strong {
	float: left;
	width: 100%;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 15px;
}

div.vacation_left {
	float: left;
	width: 26%;
}

div.vacation_right {
	float: right;
	width: 72%;
}

div.vacation_icons {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 14px;
	color: #398ccb;
}

div.vacation_icons span {
	float: left;
	margin: 0 12px 10px 0;
}

div.vacation_icons span.feature {
	color: #e71e6e;
}

div.vacation_icons.large {
	font-size: 16px;
	margin-top: -12px;
	margin-bottom: 10px;
}

div.vacation_image {
	float: left;
	width: 100%;
	position: relative;
}

div.vacation_image img.cover {
	float: left;
	width: 100%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	transition: opacity 0.5s ease-in;
	border-radius: 5px;
}

div.vacation_image img.banner {
	position: absolute;
	top: 15px;
	left: -20px;
	z-index: 100;
	height: 45px;
}

div.vacation_image img.banner_new {
	height: 60px;
	left: -15px;
}

div.vacation_album {
	float: left;
	width: 100%;
	max-width: 500px;
	margin-bottom: 30px;
}

div.vacation_album img {
	float: left;
	width: 15%;
	margin-left: 5%;
}

div.vacation_album p {
	float: right;
	width: 76%;
	line-height: 1.2em;
	font-size: 19px;
	margin-top: 18px;
	margin-bottom: 0;
}

div.vacation_album a {
	color: #50bcbd;
}

div.vacation_album a:hover {
	border-bottom: 1px solid #50bcbd;
}

table.related_vacations {
	float: left;
	width: 100%;
	margin-bottom: 0;
}

table.related_vacations tr.grey {
	color: #999;
}

table.related_vacations th {
	color: #999;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

table.related_vacations td {
	font-size: 14px;
	padding: 10px 6px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	cursor: pointer;
}

table.related_vacations td.price {
	white-space: nowrap;
}

table.related_vacations td.price.promo {
	color: #e71e6e;
}

table.related_vacations td.button {
	padding: 0;
	text-align: right;
}

table.related_vacations td.button a.button {
	min-width: 150px;
	border-radius: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
}

table.related_vacations td.button a.button.limited {
	background: #398ccb;
}

table.related_vacations td.button.full {
	padding: 12px 5px;
}

table.related_vacations td.button span {
	float: right;
	font-size: 14px;
	margin-top: 3px;
	margin-right: 5px;
	color: #999;	
}

table.related_vacations td.favourite {
	width: 20px;
	font-size: 16px;
	text-align: right;
	color: #125253;
}

table.related_vacations tr.grey td.favourite {
	color: #999;
}

table.related_vacations tr.active td {
	background: #f5f5f5;
}

table.related_vacations tr.active td a.button, 
table.related_vacations tr.active td a.button.limited {
	background: #50bcbd;
}

table.related_vacations tr:hover td {
	background: #f5f5f5;
}

table.related_vacations tr:hover td a.button, 
table.related_vacations tr:hover td a.button.limited {
	background: #398ccb;
}

table.related_vacations td img.flag {
	height: 21px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
}

table.related_vacations tr.grey td img.flag {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

/* paging */

.paging {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
}

.paging a {
	display: inline-flex;
	width: 42px;
	height: 42px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: none;
	color: #50bcbd;
	border: 1px solid #50bcbd;
	border-radius: 50px;
	text-decoration: none;
	justify-content: center;
	align-items: center;
}

.paging a:hover {
	color: #FFF;
	background: #50bcbd;
}

.paging span {
	display: inline-flex;
	width: 42px;
	height: 42px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #aaa;
	background: #fff;	
	border: 1px solid #fff;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
}

.paging span.selected {
	color: #FFF;
	background: #50bcbd;
	border: 1px solid #50bcbd;
}

.paging span.nobg {
	background: none;
	padding: 5px 0;
	font-size: 1.1em;
}

.paging span.arrow {
	display: none;
}

.paging a.arrow {
	display: inline-block;
	width: auto;
	height: auto;
	color: #50bcbd;
	background: none;
	padding: 15px 5px;
	text-decoration: underline;
	border: 0;
}

.paging a.arrow:hover {
	color: #398CCB;
}

/* counter */

.counter {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #AAA;
	margin-bottom: 30px;
}

/* sticky filter button */

.sticky_filter_button {
	position: fixed;
	bottom: -60px;
	right: 50px;
	height: 20px;
	overflow: hidden;
	z-index: 500;
	color: #fff;
	background: #e71e6e;
	padding: 15px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
	transition: background 0.1s, bottom 0.5s;
}

.sticky_filter_button em {
	font-style: normal;
}

.sticky_filter_button:hover {
	background: #398ccb;
}

.sticky_filter_button.active {
	bottom: 0;
}

/* vacation page */

p.prevnext {
	float: left; 
	width: 100%; 
	margin-bottom: 15px;
	text-align: right;
	color: #999;
}

p.reservation_info {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #999;
	margin-top: 15px;
	margin-bottom: 40px;
}

/* vacation location */

div.vacation_location {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	background: #f5f5f5;
	position: relative;
	border-radius: 5px;
}

div.vacation_location_info {
	float: left;
	width: 44%;
	padding: 30px 3% 5px 3%;
}

div.vacation_location img.cover {
	float: right;
	margin: 0 0 25px 25px;
	border-radius: 5px;
}

div.vacation_location img.flag {
	height: 21px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
}

div.vacation_location_map {
	position: absolute;
	top: 0;
	right: 0;
	width: 48%;
	height: 100%;
}

#google_maps_canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#google_maps_canvas.contact {
	float: left;
	position: relative;
	height: 250px;
	margin-bottom: 50px;
}

/* booking */

table.child_list_booking {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

table.child_list_booking td {
	padding: 10px;
	cursor: pointer;
}

table.child_list_booking td.disabled {
	color: #999 !important;
	cursor: default !important;
}

table.child_list_booking td:hover {
	color: #398ccb;
}

table.day_list_booking {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

table.day_list_booking td {
	padding: 8px;
}

table.day_list_booking td:hover {
	color: #398ccb;
}

table.day_list_booking td.active {
	font-weight: 600;
	color: #398ccb;
}

table.day_list_booking td.weekcamp_label, 
table.day_list_booking td.daycamp_day_label {
	width: 275px;
}

table.day_list_booking td.daycamp_text {
	text-align: right;
}

table.vacation_info td {
	padding: 10px 0;
}

table.vacation_info td.promo {
	color: #e71e6e;
}

table.vacation_info td img.flag {
	height: 21px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
}

strong.booking_price {
	float: left;
	width: 100%;
	font-size: 22px;
	color: #e71e6e;
	margin-bottom: 15px;
	line-height: 1.4em;
}

strong.booking_price b {
	font-size: 17px;
	font-weight: 400;
}

/* albums */

a.album {
	float: left;
	width: 27%;
	margin: 10px 3% 30px 3%;
	text-align: center;
	line-height: 1.4em;
	color: #999;
	font-size: 14px;
}

a.album b {
	color: #50bcbd;
	font-size: 17px;
}

a.album img {
	float: left;
	width: 80%;
	margin: 0 10%;
	margin-bottom: 15px;
	border-radius: 400px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.album:hover img {
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
     transform: scale(1.05);
}

hr.splitter3 {
	float: left;
	width: 100%;
	border: 0;
	margin: 0;
	background: none;
}

/* search results */

ul#search_results {
	float: left;
	list-style-type: none;
	width: 100%;
}

ul#search_results li {
	float: left;
	width: 100%;
	cursor: pointer;
	padding: 25px 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

ul#search_results li:last-child {
	background: none;
}

ul#search_results li strong {
	color: #50bcbd;
	font-size: 18px;
	line-height: 1.5em;
}

ul#search_results li a {
	float: left;
	font-size: 13px;
	margin-top: 6px;
}

ul#search_results li img {
	float: left;
	width: 175px;
	margin: 0 15px 0 0;
	border-radius: 5px;
}

ul#search_results li:hover {
	color: #50bcbd;	
}

/* sitemap */

ul#sitemap {
	font-size: 18px;
}

ul#sitemap li ul {
	list-style-type: disc;
	margin-top: 5px;
	padding-left: 15px;
}

ul#sitemap li ul li {
	font-size: 17px;
}

ul#sitemap li ul li ul {
	list-style-type: square;
	margin-top: 5px;
	padding-left: 15px;
}

ul#sitemap li ul li ul li {
	font-size: 16px;
}

/* child list */

table.child_list {
	float: left;
	width: 100%;
}

table.child_list tr:hover {
	background: #f5f5f5;
}

table.child_list td {
	padding: 15px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	cursor: pointer;
}

table.child_list td.child {
	width: 77px;
}

table.child_list td.child img {
	width: 75px;
	border-radius: 200px;
}

/* child list */

table.child_list {
	float: left;
	width: 100%;
}

table.child_list tr:hover {
	background: #f5f5f5;
}

table.child_list td {
	padding: 15px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

/* reservation list */

table.reservation_list {
	float: left;
	width: 100%;
}

table.reservation_list tr:hover {
	background: #f5f5f5;
}

table.reservation_list th {
	padding: 10px 15px;
}

table.reservation_list td {
	padding: 15px;
	border-bottom: 1px solid #ddd;
}

table.reservation_list td.grey {
	font-size: 16px;
	color: #999;
}

table.reservation_list td.right {
	text-align: right;
}

table.reservation_list td.check {
	font-size: 16px;
	color: #50bcbd;
	width: 16px;
}

/* participation list */

table.participation_list {
	float: left;
	width: 100%;
}

table.participation_list td {
	padding: 15px;
	border-bottom: 1px solid #ddd;
	background: #f5f5f5;
}

table.participation_list td.right {
	text-align: right;
}

table.participation_list tr.responsible td {
	color: #398ccb;
}

table.participation_list tr.responsible td strong {
	color: #243138;
}

table.participation_list tr.monitors td {
	padding: 10px;
	background: #fff;
}

table.participation_list tr td.weekplanning {
	color: #50bcbd;
}

table.participation_list tr td.weekplanning a {
	color: #50bcbd;
}

table.participation_list tr td.weekplanning a:hover {
	color: #50bcbd;
	border-bottom: 1px solid #50bcbd;
}

b.rookie {
	display: inline-block;
	font-size: 12px;
	line-height: 1.3em;
	border-radius: 5px;
	margin-left: 3px;
	padding: 2px 4px;
	border: 1px solid #e71e6e;
	color: #e71e6e;
	vertical-align: top;
}

b.absent {
	display: inline-block;
	font-size: 12px;
	line-height: 1.3em;
	border-radius: 5px;
	margin-top: 5px;
	margin-right: 4px;
	padding: 2px 4px;
	border: 1px solid #bf1519;
	color: #bf1519;
	vertical-align: top;
}

b.present {
	display: inline-block;
	font-size: 12px;
	line-height: 1.3em;
	border-radius: 5px;
	margin-top: 5px;
	margin-right: 4px;
	padding: 2px 4px;
	border: 1px solid #50bcbd;
	color: #50bcbd;
	vertical-align: top;
}

/* monitor list */

table.monitor_list {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

table.monitor_list td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

table.monitor_list td.email {
	word-break: break-word;
}

table.monitor_list tr:last-child td {
	border-bottom: 0;
}

table.monitor_list td.right {
	text-align: right;
}

/* monitor vacation list */

table.monitor_vacation_list {
	margin-bottom: 0;
	margin-top: 5px;
}

table.monitor_vacation_list td {
	padding: 10px 10px;
	border-bottom: 0;
}

/* kompas list */

table.kompas_list {
	float: left;
	width: 100%;
}

/* filter toggle */

.filter_toggle {
	float: left;
	width: 100%;
	padding: 13px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 17px;
	color: #fff;
	background: #398ccb;
	display: none;
}

.filter_toggle i {
	margin-right: 7px;
}

/* filter */

.filter {
	float: left;
	width: 100%;
	padding: 25px 0 15px 0;
	color: #fff;
	background: #398ccb;
	margin-bottom: 30px;
}

.filter_title {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.filter_title b {
	font-size: 25px;
	font-weight: 600;
}

.filter_title span {
	float: right;
	text-align: right;
}

.filter_title a {
	color: #fff;
	border-bottom: 1px solid #ddd;
	transition: border-bottom 0.1s; 
}

.filter_title a:hover {
	border-bottom: 1px solid #fff;
}

.filter_block {
	float: left;
	width: 18.5%;
	margin-right: 1.5%;
}

.filter_block.first {
	width: 20%;
}

.filter_block.last {
	margin-right: 0;
}

.filter_block.wide {
	width: 100%;
	margin: 20px 0 0 0;
	position: relative;
}

.filter_block span {
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.filter_block .select-wrapper {
	margin-top: 0;
	margin-bottom: 5px;
}

.filter_block .select-wrapper.large {
	width: 100%;
}

.filter_block .select-wrapper:after {
    background-color: transparent;
}

.filter_block select {
	border: none !important;
	margin: 0;
	padding: 10px 10px;
	font-size: 16px;
	border-radius: 3px;
}

.vacation_search_form {
	float: left;
	width: 100%;
	background: #fff;
	position: relative;
	border-radius: 3px;
}

.vacation_search_form input {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px;
	color: #243138;
	background: transparent;
	outline: none;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1em;
}

.vacation_search_form:after {
	content: "\f002";
    font-family: "Font Awesome 7 Pro";
    font-size: 14px;
    color: #398ccb;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 13px 12px 0 12px;
    position: absolute;
    pointer-events: none;
    line-height: 14px;
    background: #fff;
    border-radius: 3px;
}

.filter_block label {
	float: left;
	font-size: 16px;
	margin-right: 18px;
	margin-bottom: 12px;
	cursor: pointer;
	white-space: nowrap;
}

.filter input.checkbox {
	float: left;
	width: 17px;
	height: 17px;
	margin-top: 3px;
	margin-right: 3px;
}

.filter br.clear {
	display: none;
}

/* child filter */

.child_filter {
	float: left;
	width: 100%;
}

.child_filter img {
	float: left;
	width: 42px;
	margin-right: 12px;
	border-radius: 100px; 
	opacity: 0.6;
	transition: opacity 0.1s;
}

.child_filter img:hover, 
.child_filter img.active {
	opacity: 1;
}

/* filter info */

.filter_info {
	float: left;
	width: 100%;
	margin-top: -5px;
	margin-bottom: 20px;
}

.filter_info a.delete_filter {
	float: left;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	padding: 9px 13px;
	color: #fff;
	background: #e71e6e;
	border-radius: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0 !important;
	transition: opacity 0.1s;
}

.filter_info a.delete_filter:hover {
	opacity: 0.8;
}

.filter_info a.reset_filter {
	float: left;
	color: #e71e6e;
	font-size: 15px;
	margin-top: 8px;
	margin-left: 10px;
}

.filter_info a.reset_filter:hover {
	border-bottom: 1px solid #e71e6e;
}

/* rental filter toggle */

.rental_filter_toggle {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	color: #50bcbd;
	background: none;
	border: 2px solid #50bcbd !important;
	display: none;
}

.rental_filter_toggle i {
	margin-right: 7px;
}

/* rental: filter */

.rental_filter {
	float: left;
	width: 230px;
}

.rental_filter_block {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.rental_filter_block b {
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 10px;
}

.rental_filter_block ul {
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0;
}

.rental_filter_block ul li {
	float: left;
	width: 100%;
	margin-left: 0;
	margin-bottom: 2px;
}

.rental_filter_block ul li a {
	float: left;
	width: 100%;
	border: 0 !important;
	text-decoration: none;
	font-size: 16px;
}

.rental_filter_block ul li a:hover {
	color: #398CCB;
}

.rental_filter_block ul li a.selected {
	color: #398CCB;
	font-weight: 600;
}

.rental_filter_block ul li a.selected:hover {
	text-decoration: line-through;
}

.rental_filter_block ul li a i {
	float: left;
	font-size: 7px;
	margin-top: 9px;
	margin-right: 6px;
}

/* rental: reset filter */

a.rental_reset_filter {
	float: left;	
}

/* rental: date form */

.date_form {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 2px;
}

.date_form select {
	float: left;
	width: 100%;
	height: auto;
	box-sizing: border-box;
    box-shadow: none;
    display: inline-block;
    zoom: 1;
    color: #50bcbd;
	background: none;
    border: 0;
    padding: 0;
    margin: 0;
	margin-top: 5px;
    border-radius: 0;
    font-size: 16px;
    line-height: 1em;
    cursor: pointer;
    outline: none;
    text-align: left;
}

.date_form select option {
	padding: 2px 4px;
}

.date_form select::-ms-expand {
    display: none;
}

.date_form:after {
	content: "\f078";
    font-family: "Font Awesome 7 Pro";
    font-weight: 400;
    font-size: 14px;
    color: #50bcbd;
    right: 0;
    top: 3px;
	width: 30px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
    position: absolute;
    pointer-events: none;
}

/* rental: search */

.rental_search_form {
	float: left;
	width: 100%;
	background: #7bcccd;
	position: relative;
	margin-bottom: 25px;
}

.rental_search_form input {
	float: left;
	width: 100%;
	height: 45px;
	padding: 10px 15px;
	color: #fff;
	background: transparent;
	outline: none;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 16px;
	box-sizing: border-box;
}

.rental_search_form input::placeholder {
	color: #FFF;
}

.rental_search_form button {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 45px;
	height: 45px;
	font-size: 20px;
	color: #fff;
	background: #7bcccd;
	transition: color 0.1s;
	outline: none;
}

.rental_search_form:hover button {
	color: #fff;
}

/* rental: filter help */

.rental_filter_help {
	float: left;
	width: 100%;
	padding: 20px;
	padding-bottom: 0;
	box-sizing: border-box;
	color: #FFF;
	background: #E71E6E;
	margin-top: 10px;
	margin-bottom: 20px;
}

.rental_filter_help span {
	float: left;
	width: 100%;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 15px;
}

.rental_filter_help p {
	font-size: 15px;
}

.rental_filter_help a {
	color: #FFF;
}

/* rental: sort form */

.sort_form {
	float: right;
	width: 250px;
	box-sizing: border-box;
	position: relative;
}

.sort_form select {
	float: left;
	width: 100%;
	height: auto;
	box-sizing: border-box;
    box-shadow: none;
    display: inline-block;
    zoom: 1;
    color: #000;
	background: none;
    border: 1px solid #DDD;
    padding: 8px 15px;
    padding-right: 30px;
    margin: 0;
    border-radius: 0;
    font-size: 15px;
    line-height: 1em;
    cursor: pointer;
    outline: none;
    text-align: left;
}

.sort_form select option {
	padding: 2px 4px;
}

.sort_form select::-ms-expand {
    display: none;
}

.sort_form:after {
	content: "\f078";
    font-family: "Font Awesome 7 Pro";
    font-weight: 400;
    font-size: 14px;
    color: #243138;
    right: 0;
    top: 2px;
	width: 30px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
    position: absolute;
    pointer-events: none;
}

/* products: counter */

.product_list_counter {
	float: left;
	width: 100%;
	margin-top: 20px;
	color: #999;
	font-size: 14px;	
}

/* products: list */

.product_list {
	float: left;
	width: 100%;
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_list a {
	width: 31.5%;
	box-sizing: border-box;
	border: 1px solid #DDD !important;
	margin-bottom: 25px;
}

.product_list a:hover {
	border: 1px solid #398CCB !important;
	color: #398CCB;
}

.product_list .product_dummy {
	width: 31.5%;
}

.product_list a .product_image {
	float: left;
	width: 80%;
	background-size: contain !important;
	margin: 25px 10%;
	position: relative;
}

.product_list a .product_image img {
	float: left;
	width: 100%;
}

.product_list a .product_image img.banner {
	position: absolute;
	top: -5px;
	left: -40px;
	z-index: 100;
	height: 55px;
	width: auto;
	z-index: 100;
}

.product_list a .product_info {
	float: left;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 0 20px;
	margin-bottom: 25px;
}

.product_list a .product_info strong {
	float: left;
	width: 100%;
	margin-bottom: 8px;
}

.product_list a .product_info span {
	float: left;
	width: 100%;
	color: #243138;
	margin-bottom: 8px;
	font-size: 18px;
}

.product_list a .product_info.sale span {
	color: #E71E6E;
}

.product_list a .product_info em.rent {
	float: none !important;
	color: #FFF;
	background: #243138;
	font-style: normal;
	font-size: 11px;
	line-height: 1em;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 4px 8px;
}

.product_list a .product_info em.sale {
	float: none !important;
	color: #FFF;
	background: #E71E6E;
	font-style: normal;
	font-size: 11px;
	line-height: 1em;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 4px 8px;
}

/* product controls */

.product_controls {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	color: #999;
}

.product_controls .left {
	float: left;
}

.product_controls .right {
	float: right;
	text-align: right;
}

.product_controls a em {
	font-style: normal;
	display: none;
}

.product_controls .right span {
	color: #999;
}

/* product images */

.product_image_wrapper {
	float: left;
	width: 43.5%;
	position: relative;
	margin-bottom: 25px;
}

.product_image_wrapper img.banner {
	position: absolute;
	top: 15px;
	right: -10px;
	z-index: 100;
	height: 55px;
	width: auto;
	z-index: 100;
}

.product_image_wrapper img.product_cover {
	float: right;
	width: 70%;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.product_image_wrapper img.product_cover.full {
	width: 100%;
}

.product_thumb_wrapper {
	float: left;
	width: 25%;
	margin-bottom: 30px;	
}

img.product_thumb {
	float: left;
	width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
	margin-bottom: 15px;
}

img.product_thumb.hidden {
	display: none;
}

/* product info */

.product_info {
	float: right;
	width: 52%;
	box-sizing: border-box;
}

.product_info.wide {
	width: 100% !important;
}

table.specs td.label {
	font-weight: 600;
}

.product_info em.rent, 
.product_info em.sale {
	float: left;
	color: #FFF;
	background: #243138;
	font-style: normal;
	font-size: 13px;
	line-height: 1em;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px 10px;
	margin-bottom: 20px;
}

.product_info em.sale {
	color: #FFF;
	background: #E71E6E;
}

.product_info h1 {
	margin-bottom: 15px;
}

.product_info h2 {
	font-size: 24px;
}

.product_info h2.rent {
	color: #243138;
}

.product_info h2.sale {
	color: #E71E6E;
}

/* cart */

table.cart {
	float: left;
	width: 100%;
	border-collapse: collapse;
}

table.cart th {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	background: none;
}

table.cart th.right, 
table.cart th.price {
	text-align: right;
}

table.cart td {
	padding: 15px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #eee;
	line-height: 1.2em;
}

table.cart tr.clickable td {
	cursor: pointer;
}

table.cart tr:hover td {
	/* background: rgba(130, 130, 130, 0.1); */
}

table.cart td.image {
	background: #fff !important;
}

table.cart td.image img {
	width: 100px;
}

table.cart td.name {
	width: 100%;
	line-height: 1.5em;
}

table.cart td.name span {
	font-size: 15px;
}

table.cart td.grey {
	color: #999;
}

table.cart td.delete a {
	color: #ccc;
	border: 0;
}

table.cart td.delete a:hover {
	color: #000;
}

table.cart td.delete a i {
	font-size: 18px;
	line-height: 1.5em;
}

table.cart td.amount {
	white-space: nowrap;
}

table.cart td.amount select {
	padding: 5px;
	background: #fff;
	border: 1px solid #999;
	font-size: 15px;
	font-weight: 400;
	border-radius: 5px;
}

table.cart td.amount option {
	padding: 2px 4px;
}

table.cart td.price {
	white-space: nowrap;
	text-align: right;
}

table.cart td.actions {
	text-align: right;
}

table.cart td.subtotal {
	font-size: 18px;
	background: #fff !important;
}

table.cart td.reduction {
	color: #50bcbd;
	background: #fff !important;
	font-size: 18px;
}

table.cart td.total {
	color: #fff;
	background: #398CCB !important;
	border: 1px solid #398CCB;
	font-size: 22px;
}

.content a#invoice_toggle {
	border: 0;
}

div#invoice {
	float: left;
	width: 100%;
	padding-top: 20px;
}

div.payment_options {
	display: none;
}

div.payment_options.active {
	display: block;
}

/* form */

.form {
	float: left;
	width: 90%;
	padding: 25px 5% 20px 5%;
	background: #f5f5f5;
	margin-top: 10px;
	margin-bottom: 25px;
	border-radius: 10px;
}

/* form labels */

.form label {
	cursor: pointer;
}

.form span.label, 
.form span.hint {
	float: left;
	width: 100%;
	line-height: 1.3em;
}

.form span.label {
	color: #50bcbd;
	margin-bottom: 2px;
}

.form span.label.error {
	color: #bf1519;
}

.form label.active {
	color: #398CCB;
}

.form span.hint {
	font-weight: normal;
	font-size: 15px;
	color: #999;
	margin-top: -5px;
	margin-bottom: 20px;
	line-height: 1.4em;
}

.form span.hint a {
	color: #999;
}

.form span.hint a:hover {
	color: #243138;
	border-bottom: 1px solid #243138;
}

.form span.hint u {
	cursor: pointer;
}

.form span.checkbox {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.3em;
	color: #50bcbd;
}

.form label.radio {
	color: #50bcbd;
}

.form label.radio.error {
	color: #bf1519;
}

.form span.checkbox label {
	cursor: pointer;
}

.form span.checkbox a {
	color: #50bcbd;
}

.form span.checkbox a:hover {
	border-bottom: 1px solid #50bcbd;
}

.form span.checkbox.error {
	color: #bf1519;
}

.form span.checkbox.error a {
	color: #bf1519;
}

.form span.checkbox.error a:hover {
	border-bottom: 1px solid #bf1519;
}

.form span.label b, 
.form span.checkbox b {
	color: #999;
	font-size: 12px;
	font-weight: 400;
}

.form span.label.error b, 
.form span.checkbox.error b {
	color: #bf1519;
	font-weight: 600;
}

.form span.form_block {
	float: left; 
	width: 100%; 
	margin-bottom: 15px;
	line-height: 1.3em;
}

.form span.form_block.error {
	color: #bf1519;
}

.form_warning {
	float: left;
	width: 100%;
	font-weight: 600;
	color: #bf1519;
	margin-bottom: 15px;
}

.mollie_commitment_alert {
	display: none;
}

.mollie_commitment_alert.active {
	display: block;
}

/* form fields */

.form input.text {
	float: left;
	width: 96%;
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px 1%;
	margin-top: 3px;
	margin-bottom: 15px;
	color: #243138;
	font-size: 18px;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	outline: none;
	transition: border 0.1s;
}

.form input.text:focus {
	border: 1px solid #999;
}

.form input.text.error {
	border: 1px solid #bf1519;
}

.form textarea {
	float: left;
	width: 96%;
	height: 75px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px 1%;
	margin-top: 3px;
	margin-bottom: 15px;
	color: #243138;
	font-size: 18px;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	outline: none;
	transition: border 0.1s;
}

.form textarea:focus {
	border: 1px solid #999;
}

.form textarea.error {
	border: 1px solid #bf1519;
}

.select-wrapper {
	float: left;
	width: 50%;
	position: relative;
	margin-top: 3px;
	margin-bottom: 15px;
}

.select-wrapper.small {
	width: 20%;
	margin-right: 15px;
}

.select-wrapper.medium {
	width: 35%;
	margin-right: 15px;
}

.select-wrapper.large {
	width: 98%;
}

.select-wrapper.amount {
	width: 60px;	
	margin: 0;
}

.select-wrapper:after {
    content: "\f078";
    font-family: "Font Awesome 7 Pro";
    font-size: 14px;
    color: #398ccb;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 13px 12px 0 0;
    position: absolute;
    pointer-events: none;
    line-height: 14px;
    background-color: transparent;
}

.select-wrapper.amount:after {
	padding-top: 10px;
}

select {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    display: inline-block;
    zoom: 1;
    color: #243138;
    background-color: #fff;
    padding: 8px 40px 8px 1%;
    margin: 0 7px 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
    border: 1px solid #ccc;
    width: 100%;
    cursor: pointer;
    outline: none;
    transition: border 0.1s;
}

select::-ms-expand {
    display: none;
}

.form select:focus {
	border: 1px solid #999;
}

.form select.error {
	border: 1px solid #bf1519;
}

.select-wrapper.small select, 
.select-wrapper.medium select {
	padding-left: 7px;
}

/*

.form input.checkbox {
	float: left;
	vertical-align: top;
	display: block;
	overflow: hidden;
	padding: 0; 
	border: 0;
	margin: 4px 4px 2px 0;
	width: 16px;
	height: 16px;
	line-height: 1em;
}

*/

.rating {
	float: left;
	width: 100%;
	margin: 5px 0;
}

.rating img {
	width: 25px;
	margin-right: 0;
	margin-bottom: 12px;
}

div.form_break {
	float: left;
	width: 98%;
	height: 1px;
	margin-right: 2%;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
}

div.form_title {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 15px;
}

div.form_title.error {
	color: #bf1519;
}

div.radio_option_wrapper {
	float: left;
	width: 100%;
	line-height: 1.4em;
	margin-bottom: 8px;
}

div.radio_option_wrapper input {
	float: left;
	margin-top: 4px;
}

div.radio_label {
	float: right;
	width: calc(100% - 22px);
}

/* bancontact */

.bancontact {
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 15px;
	color: #1E3764;
}

.bancontact img {
	height: 35px;
	margin-right: 5px;
}

/* feedback */

div.feedback {
	float: left;
	width: 100%;
	padding: 18px 0;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 400;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	background: #50bcbd;
	margin-bottom: 35px;
}

div.feedback.error {
	background: #bf1519;
}

div.feedback a {
	color: #fff;
	border-bottom: 1px solid #bbb;
}

div.feedback a:hover {
	border-bottom: 1px solid #fff;
}

/* button */

.form button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

.form button {
	display: inline-block;
	color: #fff;
	background: #50bcbd;
	cursor: pointer;
	overflow: visible;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1em;
	padding: 15px 18px;
	border-radius: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: background 0.1s;
}

.form button:hover {
	background: #398ccb;
}

.form button i {
	margin-left: 5px;
}

.form button img {
	height: 12px;
}

/* cta */

.cta {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 40px 20px 30px 20px;
	color: #fff;
	background: #e71e6e;
	font-size: 22px;
}

.cta h1 {
	font-family: "Comfortaa", cursive;
	font-weight: 700;
	font-size: 32px;
	margin-top: 0;
	margin-bottom: 15px;
}

.cta h1.center {
	text-align: center;
}

.cta p {
	line-height: 1.5em;
	margin-bottom: 10px;
}

.cta p.center {
	text-align: center;
}

.cta a {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #f5a5c5;
	transition: color 0.1s, border 0.1s;
}

.cta a:hover {
	border-bottom: 1px solid #fff;
}

.cta a.button {
	display: inline-block;
	color: #e71e6e;
	background: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1em;
	padding: 15px 18px;
	border-radius: 50px;
	margin-right: 10px;
	margin-bottom: 0;
	border: 0 !important;
	transition: background 0.1s;
}

.cta a.button:hover {
	color: #fff;
	background: #50bcbd;
}

.cta.left {
	float: left;
	width: 49.6%;
	padding: 25px 6.5% 0 6.5%;
}

.cta.right {
	float: right;
	width: 49.6%;
	padding: 25px 6.5% 0 6.5%;
}

.cta.left h1, 
.cta.right h1 {
	margin-top: 15px;
	margin-bottom: 30px;
}

.cta.left p, 
.cta.right p {
	font-size: 22px;
	margin-bottom: 30px;
}

.cta.high_blue {
	color: #fff;
	background: #398ccb;
}

.cta.high_blue a.button {
	color: #398ccb;
	background: #fff;
}

.cta.high_blue a.button:hover {
	color: #fff;
	background: #50bcbd;
}

.cta.dark_blue {
	color: #fff;
	background: #398ccb;
}

.cta.dark_blue a.button {
	color: #398ccb;
	background: #fff;
}

.cta.dark_blue a.button:hover {
	color: #fff;
	background: #50bcbd;
}

/* cta links */

a.cta_link {
	float: left;
	width: 31.2%;
	padding: 30px 1%;
	margin-right: 0.2%;
	text-align: center;
	font-size: 20px;
	line-height: 1.3em;
	margin-top: 3px;
	transition: background 0.1s;
}

a.cta_link3 {
	margin-right: 0;
}

a.cta_link1 {
	color: #fff;
	background: #ffcd1c;
}

a.cta_link1:hover {
	background: #50bcbd;
}

a.cta_link2 {
	color: #fff;
	background: #e71e6e;
}

a.cta_link2:hover {
	background: #50bcbd;
}

a.cta_link3 {
	color: #fff;
	background: #398ccb;
}

a.cta_link3:hover {
	background: #50bcbd;
}

/* cta banner */

.cta_banner {
	float: left;
	width: 100%;
	position: relative;	
}

.cta_banner_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-size: cover !important;
}

.cta_banner_text {
	float: right;
	width: 44%;
	background: #50bcbd;
	color: #fff;
	padding: 35px 3% 20px 3%;
}

.cta_banner_text h1 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 1.1em;
	font-size: 30px;
}

.cta_banner_text h1 em {
	float: left;
	width: 100%;
	font-style: normal;
	font-size: 25px;
	font-weight: 400;
	line-height: 1.1em;
	margin-bottom: 10px;
}

.cta_banner_text a.button {
	margin: 0;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1em;
	padding: 15px 18px;
	color: #50bcbd;
	background: #fff;
	border-radius: 50px;
	transition: background 0.1s;
}

.cta_banner_text a.button i {
	margin-left: 5px;
}

.cta_banner_text a.button:hover {
	color: #fff;
	background: #398ccb;
}

.cta_banner_text p {
	margin-bottom: 25px;
}

/* stars */

b.stars {
	display: inline-block;
	font-size: 15px;
	line-height: 1em;
	border-radius: 5px;
	padding: 5px 6px;
	background: #fff;
}

b.stars.red {
	color: #bf1519;
	border: 1px solid #bf1519;
}

b.stars.green {
	color: #50bcbd;
	border: 1px solid #50bcbd;
}

/* footer */

.footer {
	float: left;
	width: 100%;
	padding: 40px 0;
	font-size: 15px;
	line-height: 1.7em;
	text-align: center;
	color: #999;
}

.footer.border {
	border-top: 1px solid #ddd;
}

.footer a {
	color: #999;
	border-bottom: 1px solid #ddd;
	transition: color 0.1s, border 0.1s;
}

.footer a:hover {
	color: #243138;
	border-bottom: 1px solid #243138;
}

.footer img {
	vertical-align: top;
	margin: 20px 10px 0 10px;
	height: 30px;
}

.footer br.logos {
	display: none;
}

/* quoted */

img.quoted {
	vertical-align: middle;
	height: 15px;
	margin: 0;
	margin-left: 10px;
	opacity: 1;
}

/* tooltips */

.qtip-light .qtip-content{
    font-size: 15px;
    line-height: 1.3em;
}

/* accept cookies */

.accept_cookies {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	background: rgba(255, 255, 255, 0.9);
	width: 90%;
	padding: 20px 5% 15px 5%;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
	transition: bottom 1s;
}

.accept_cookies a {
	color: #243138;
	white-space: nowrap;
	text-decoration: underline;
}

.accept_cookies a:hover {
	color: #243138;
}

.accept_cookies a.accept_cookies_button {
	background: #50bcbd;
	color: #fff;
	padding: 4px 6px 4px 6px;
	text-decoration: none;
	border-radius: 3px;
}

.accept_cookies a.accept_cookies_button:hover {
	background: #398ccb;
}

/* alert popup */

.alert_popup {
	position: fixed;
	right: 30px;
	bottom: 0;
	width: 500px;
	z-index: 500;
	box-sizing: border-box;
	padding: 25px;
	padding-bottom: 0;
	background: #fff;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	transform: translateY(-40px);
	opacity: 0;
	animation: load_popup 1s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	transition: all 0.3s;
	transition-timing: cubic-bezier(.17,.67,.83,.67);
}

@keyframes load_popup {
    from { 
	    opacity: 0;
	    transform: translateY(0);
	}
    to { 
	    opacity: 1; 
		transform: translateY(-40px);
	}
}

.close_alert_popup {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 100;
	font-size: 22px;
	border: 0 !important;
}