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

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

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { font-family: 'Lato', sans-serif; font-size: 15px; color: #222222; }
input, select, textarea { font-family: 'Lato', sans-serif; font-size: 15px; color: #222222; }
body { background: #fff; }
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

.rounded {
	border-radius: 8px!important;
}

.grecaptcha-badge {
	z-index: 1;
}

#reservation-form button[data-sitekey] {
	border: 0;
	padding-right: 20px;
	font-size: 15px;
	color: #fff;
	font-weight: 900;
	text-decoration: none;
	background: url(../img/arrow.png) right center no-repeat;
	border: none;
	cursor: pointer;
	font-style: inherit;
	padding-left: 0;
	text-align: left;
	width: auto;
	margin-top: 2rem!important;
}

.oldform .col {
	position: relative;
	margin: 0px 18px 0px 0px;
	width: calc(20% - 18px);
	float: left;
}

.oldform.sub input[type="submit"] {
	color: #222222;
	background: url(../images/arrow1.png) right center no-repeat;
}

.oldform input[type="submit"] {
	float: right;
}

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1265px; position: relative; padding-left: 40px; padding-right: 40px; }
fieldset{ border: none; }
h1 {font-size: 48px; font-weight: 300; }
h2 {font-size: 40px; font-weight: 300; }
h3 {font-size: 36px; font-weight: 300; }
h4 {font-size: 30px; font-weight: 300; }
h5 {font-size: 26px; font-weight: 300; }
h6 {font-size: 20px; font-weight: 300; }
.button { padding: 0px 23px; line-height:50px; display: inline-block; font-size:15px; color: #fff; font-weight:900; text-decoration:none; text-transform: uppercase; border-radius:10px; border: 1px solid #fff; }
.button.alternative {    line-height: 38px!important;padding: 0px 13px!important;font-size: 13px;}
p { line-height: 27px; margin-bottom: 20px; }


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

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

	/* ### header container ### */
	#headerCntr { padding:20px 0px 29px 0px; width: 100%!important; overflow: hidden; }
	#headerCntr .logo { float:left;  }
	#headerCntr .logo a {width: 240px; height: 68px; background: url(../img/logo.png) no-repeat; text-indent: -9999px; display: block;}
	.sticky-wrapper {z-index: 100; position: relative;}

	.is-sticky #headerCntr {background: rgba(256,256,256,0.95); z-index:100; box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
	.is-sticky #headerCntr .logo a { max-width: 100%; background: url(../img/logo-colored.png) no-repeat; }

		/* ### menu box ### */
		.menuBox:not(.mm-menu) { padding:32px 0px 0px 0px; float: right; }
		.menuBox:not(.mm-menu) ul { margin-right:-10px; list-style: none; }
		.menuBox:not(.mm-menu) li { padding: 0px 10px 0px 0; float:left; }
		.menuBox:not(.mm-menu) li a { display: block; padding:0px 15px; line-height:38px; border-radius:7px; border:1px solid transparent; font-size:15px; color: #fafcfd; text-decoration:none; font-weight: 900; text-transform: uppercase; }
		.menuBox:not(.mm-menu) li a:hover, .menuBox:not(.mm-menu) li.active a {border:1px solid #fff;}
				.is-sticky .menuBox:not(.mm-menu) li a {color: #afc52c;}
		.is-sticky .menuBox:not(.mm-menu) li a:hover, .is-sticky .menuBox:not(.mm-menu) li.active a { border-color: #afc52c;}

		.mobileMenu {display: none;cursor:pointer;z-index:15;float:right; margin-top: 18px; display:none;width:30px;height:30px;position:relative;transition:.2s;overflow:hidden}
		.mobileMenu span{display:block;height:2px;text-indent:-9999px;background:#000;position:absolute;top:50%;right:20%;left:20%;transition:.2s}
		.mobileMenu span:before,.mobileMenu span:after{display:block;width:100%;height:2px;content:'';background-color:#000;transition-duration:0.2s,.2s;position:absolute;left:0}
		.mobileMenu span:before{top:-5px;transition-property:top,transform}
		.mobileMenu span:after{bottom:-5px;transition-property:bottom,transform}
		.mm-opened .mobileMenu span{background:none}
		.mm-opened .mobileMenu.active span:before,.mm-opened .header__menu-toggle.active span:after{transition-delay:0s,.2s}
		.mm-opened .mobileMenu span:before{top:0;transform:rotate(45deg)}
		.mm-opened .mobileMenu span:after{bottom:0;transform:rotate(-45deg)}
		#productCntr.margin-top {margin-top:150px;}
#productCntr .photos ul {padding-left: 0}

		/* ### banner container ### */
		#bannerCntr { height:780px; width:100%; background: url(../img/banner.png) no-repeat center; background-size: cover; margin-top: -120px; position: relative; }
		#bannerCntr .center {position: absolute; top: 50%; left: 50%; width: 1265px; transform: translate(-50% , -50%);}
		#bannerCntr:after {content: ''; background: url(../img/curves.png) no-repeat bottom center; background-size: cover; width: 100%; height: 80px; position: absolute; bottom: 0; left: 0;}
				#bannerCntr h1 { font-size:72px; color: #fafcfd; font-weight:900; }
				#bannerCntr p { padding: 0px 0px 20px 0px; font-size:30px; line-height:48px; color: #fafcfd;}
				#bannerCntr .button { font-size:18px; color: #fafcfd; text-transform: uppercase; border-radius:8px; background: #aa112c; border: none; }

		#bannerCntr .facebook {width: 230px; height: 110px; background: url(../img/bg1.png) no-repeat; position: absolute; bottom: -33px; right: 50%; margin-right: -592px; padding: 45px 20px 10px 20px; z-index: 90; }
		#bannerCntr .facebook .bird {position: absolute; top: -35px; right: -20px;}
		#bannerCntr .facebook a {color: #fff; font-weight: 300; font-size: 13px; background: url(../img/facebook.png) no-repeat right; display: block; text-decoration: none; padding: 5px 20px 5px 0; }
		#bannerCntr.sub {height: 520px; background: url(../img/banner-bungalow.jpg) no-repeat center;  background-size: cover;}
		#bannerCntr.sub2 {height: 520px; background: url(../img/banner-omgeving.jpg) no-repeat center;  background-size: cover;}
		#bannerCntr.sub3 {height: 520px; background: url(../img/banner-contact.jpg) no-repeat center;  background-size: cover;}
		#bannerCntr.sub4 {height: 520px; background: url(../img/banner-camper.jpg) no-repeat center;  background-size: cover;}
		#bannerCntr.sub5 {height: 520px; background: url(../img/banner-kamperen.jpg) no-repeat center;  background-size: cover;}
		#bannerCntr.sub6 {height: 520px; background: url(../img/banner.png) no-repeat top;  background-size: cover;}


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

		/* ### contact Box ### */

		.contactBox { padding:65px 0px 25px 0px; width:100%; background: #aa112c; position: relative; }
		.contactBox h4 { padding: 0px 0px 40px 0px; font-size:36px; color: #ffffff; font-weight:300; }
		input{ padding: 0px 13px; width:100%; line-height:38px; font-size:13px; color: #fff; font-style:italic; border:1px solid #ba4056; border-radius:7px; background:none; }
		select{ padding: 0px 10px; width:100%; line-height:38px; font-size:13px; color: #fff; font-style:italic; border:1px solid #ba4056; border-radius:7px; background:none; height: 40px; }
		input::-webkit-input-placeholder {color: #fff;}
		.contactBox .holder { margin: 0px -18px 29px 0; width: 90%; float: right; }
		input[type="submit"] { padding-right:20px; font-size: 15px; color:#fff; font-weight:900; text-decoration:none; background: url(../img/arrow.png) right center no-repeat; border: none; cursor: pointer; font-style:inherit;padding-left: 0; text-align: left;width: auto;}
		.field-margin {margin-top: 10px;}

		.input-date-wrapper {position: relative;}
		.input-date-wrapper:before {content: '';position: absolute; top: 2px;right:2px;background-color:#aa112c;height: 36px; width: 36px;pointer-events: none;border-radius: 7px;background-image: url("/assets/img/calender.png");background-position: center;background-repeat: no-repeat}

		.select-wrapper {position: relative;}
		.select-wrapper:before {content: '';position: absolute; top: 2px;right:2px;background-color:#aa112c;height: 36px; width: 36px;pointer-events: none;border-radius: 7px;background-image: url("/assets/img/arrow-2.png");background-position: center;background-repeat: no-repeat}

		.contactBox .ui-datepicker-trigger {border: none; width: 16px; height: 18px; background: url(../img/calender.png) no-repeat; cursor: pointer; position: absolute; top: 10px; right: 10px;}
		.contactBox.sub {background: #fff; padding-top: 0;}
		.contactBox.sub h4 {color: #222222;}
		.contactBox.sub input[type="text"] {border-color: #d3d3d3; color: #727272;}
		.contactBox.sub input[type="text"]::-webkit-input-placeholder {color: #727272;}
		.contactBox.sub .ui-datepicker-trigger {background: url(../img/calender1.png) no-repeat;}
		.contactBox.sub input[type="submit"] {color: #222222;  background: url(../img/arrow1.png) right center no-repeat; }
		.contactBox.sub .center {border-top: 1px solid #e8e8e8; padding-top: 90px; padding-bottom: 90px;}

		/* ### text Box ### */
		.textBox {padding: 200px 0 70px; background: #f4f2f2; position: relative;}
		.textBox:before {height: 60px; width: 100%; content: ''; background: url(../img/bg2.png) no-repeat bottom right; position: absolute; top: 0; right: 0; }
		.textBox p {max-width: 80%; margin-bottom: 60px;}
		.textBox .line {width: 100px; border-top: 3px solid #aa112c; margin-bottom: 25px; }
		.textBox em {font-size: 28px; font-weight: 300; font-style: italic; display: block;}


		/* ### product container ### */
		#productCntr { width: 100%; background: #fff url(../img/bg3.png) repeat-x center 320px; padding: 170px 0 80px; position: relative; overflow: hidden; }
#productCntr.slanted-0:before {content:unset;}
#productCntr.empty {background-position: top;padding:0 0 45px}
#productCntr.empty:after {content: unset;}
#productCntr.empty:before {content: unset;}
		#productCntr:before {height: 60px; content: ''; width: 100%; background: url(../img/bg4.png) no-repeat bottom left; position: absolute; top: 0; left: 0;}
		#productCntr .holder { clear: both; width: 100%; float: left; padding-bottom: 60px; border-bottom: 1px solid #cbd58b; position: relative; z-index: 9;}
/*#productCntr .holder:before { content: ''; position: absolute; bottom: -1px; left: -130px; width: 130px; border-bottom: 1px solid #cbd58b; }
#productCntr .holder:after { content: ''; position: absolute; bottom: -1px; right: -130px; width: 130px; border-bottom: 1px solid #cbd58b; }*/
#productCntr .left {float: left; width: 45%;}
#productCntr .left ul {text-align: center;}
#productCntr .left li {display: inline-block; vertical-align: top; margin: 0 22px;}
#productCntr .right {float: left; width: 55%; padding-left: 50px; padding-top: 25px;}
#productCntr .price {display: block; font-size: 12px; padding: 5px 0 5px 30px; font-weight: 900; background: url(../img/icon5.png) no-repeat left; margin-bottom: 100px;}
#productCntr figure { margin-bottom: 45px; width: 100%; }
#productCntr figure img {width: 100%; border: 5px solid #fff; }
#productCntr h1 {margin-bottom: 20px;}
#productCntr p { color: #fff; margin-bottom: 30px; }
#productCntr .prev {position:  absolute; top: 50%; left: 0; z-index: 10; width: 30px; height: 50px; background: url(../img/prev.png) no-repeat; opacity: 0.5;}
#productCntr .next {position:  absolute; top: 50%; right: 0; z-index: 10; width: 30px; height: 50px; background: url(../img/next.png) no-repeat; opacity: 0.5;}

#productCntr .photos { width: 100%; overflow: hidden; padding-top: 5px;}
#productCntr h4 {font-size: 36px; text-align: center; margin-bottom: 60px; }
#productCntr .photos ul {margin-right: -18px; text-align: center;}
#productCntr .photos li {display: inline-block; vertical-align: top; width: calc(20% - 3px); padding-right: 18px; }
#productCntr .photos a {position: relative; border: 5px solid #fff; text-decoration: none; display: block; border-radius: 8px }
#productCntr .photos img {width: 100%; border-radius: 5px;}
#productCntr .photos span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(150,171,23,0.8) url(../img/icon6.png) no-repeat center; opacity: 0; transition: 0.2s;}
#productCntr .photos a:hover span {opacity: 1;}
#productCntr .photos strong {font-size: 15px; text-transform: uppercase; font-weight: 700; color: #fff; text-align: center; display: block; padding-top: 25px; margin-bottom: 0;}
.mobileHead {display: none;}

p.light {opacity: .6;font-weight: 300;}

/* ### details box ### */
		.detailsBox {width: 100%; background: #aa112c; padding: 65px 0; overflow: hidden;}
		.detailsBox .left {float: left; width: 55%; padding-right: 70px;}
		.detailsBox .right {float: left; width: 45%; position: relative;z-index: 9; }
		.detailsBox .icons {text-align: center; padding-top: 30px; }
		.detailsBox .icons li {display: inline-block; margin: 0 25px;}
		.detailsBox .holder {float: left; width: 100%; margin-bottom: 60px;}
		.detailsBox h1 {color: #fff; margin-bottom: 20px;}
		.detailsBox .price {color: #fff; font-size: 12px; font-weight: 900; padding: 5px 0 5px 30px; background: url(../img/icon7.png) no-repeat left;}
.detailsBox .price.pin {background: url(../img/pin.png)no-repeat left;}
		.detailsBox p {color: #fff; margin-bottom: 30px;}
		.detailsBox a {color: #fff; text-decoration: none; margin-bottom: 0px; }
		.detailsBox a:hover {color: #fff; text-decoration: underline; }
		.detailsBox .line { width: 100px; border-top: 2px solid #fff; margin-bottom: 25px;}

		.detailsBox .gallery {width: 100%; position: relative; }
		.detailsBox .photo {border: 5px solid #fff; margin-bottom: 15px; z-index: 0;}
		.detailsBox .photo img {width: 100%;}
		.detailsBox .thumbs {overflow: hidden;}
		.detailsBox .thumbs ul {list-style: none; margin-right: -20px;padding: 0}
		.detailsBox .thumbs li {float: left; width: 25%; padding-right: 20px; margin-bottom: 20px;}
		.detailsBox .thumbs li a {display: block; border: 5px solid #fff; position: relative; text-decoration: none;}
		.detailsBox .thumbs li img { width: 100%; }
		.detailsBox .thumbs li span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(170,17,44,0.8) url(../img/icon6.png) no-repeat center; opacity: 0; transition: 0.2s; background-size: 34px;}
		.detailsBox .thumbs li a:hover span, .detailsBox .thumbs li.cycle-pager-active a span {opacity: 1;}
		.detailsBox .prev {position:  absolute; top: 48%; left: 0; z-index: 99; width: 30px; height: 50px; background: url(../img/prev.png) no-repeat; opacity: 0.5;}
		.detailsBox .prev:hover {opacity: 1;}
		.detailsBox .next {position:  absolute; top: 48%; right: 0; z-index: 99; width: 30px; height: 50px; background: url(../img/next.png) no-repeat; opacity: 0.5;}
		.detailsBox .next:hover {opacity: 1;}

		.detailsBox .photos { width: 100%; overflow: hidden; padding-top: 40px;}
		.detailsBox h4 {color: #fff; font-size: 36px; text-align: center; margin-bottom: 40px; }
		.detailsBox .photos ul {margin-right: -18px; text-align: center;padding:0;}
		.detailsBox .photos li {display: inline-block; vertical-align: top; width: calc(20% - 3px); padding-right: 18px; }
		.detailsBox .photos a {position: relative; border: 5px solid #fff; text-decoration: none; display: block; }
		.detailsBox .photos img {width: 100%;}
		.detailsBox .photos span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(150,171,23,0.8) url(../img/icon6.png) no-repeat center; opacity: 0; transition: 0.2s;}
		.detailsBox .photos a:hover span {opacity: 1;}
		.detailsBox .photos strong {font-size: 15px; text-transform: uppercase; font-weight: 700; color: #fff; text-align: center; display: block; padding-top: 25px; padding-bottom: 50px; margin-bottom: 0;}
		.mobileHead {display: none;}

		/* ### additional box ### */
		.additionalBox {width: 100%; background: #fff; padding: 60px 0; overflow: hidden; position: relative;}
		.additionalBox h3 { margin-bottom: 30px; font-size: 24px; }
		.additionalBox .list {float: left; width: 65%; padding-right: 20px; }
		.additionalBox .list li { float: left; width: 33.33%;  margin-bottom: 9px; }
		.additionalBox .list li span {padding: 0 10px; background: url(../img/bullet.png) no-repeat left 7px;}
		.additionalBox .icons {float: left; width: 35%;}
		.additionalBox .icons ul {list-style: none;}
		.additionalBox .icons li {float: left; margin-right: 45px;}
		.additionalBox .icons li:last-child{margin-right: 0;}
		.additionalBox:before {height: 60px; width: 100%; content: ''; background: url(../img/bg2.png) no-repeat bottom right; position: absolute; top: 0; right: 0; }


	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; }

	    .infoBox {width: 100%; padding: 80px 0; overflow: hidden; background: #96ab17; color: #fff; position: relative}
		#productCntr:after {content: ''; position: absolute; bottom: 0; left: 50%; width: 100%; height: 1px; background-color: #fff;max-width: 1400px; transform: translateX(-50%);opacity: .5}
		.infoBox .left {float: left; width: 50%;}
		.infoBox .right {float: left; width: 40%;}
.infoBox .right-logo {float: left; width: 10%;}
.infoBox .right-logo img {max-width: 100%; display: inline-block;}
.infoBox .right ul {padding: 0;}
		.infoBox h5 {font-size: 28px; margin-bottom: 25px; font-weight: 300; }
		.infoBox address { font-size: 15px; line-height: 27px; font-style: normal; }
		.infoBox address span {float: left; padding-right: 30px;}
		.infoBox address a {color: #fff; text-decoration: none;}
		.infoBox address small {font-size: 11px;}
		.infoBox ul {list-style: none; margin-right: -20px;}
		.infoBox li {float: left; margin-right: 20px; }
		.infoBox li a {color: #fff; text-decoration: none;}

		.footerBox {width: 100%; background: #fff; padding: 25px 0; overflow: hidden;}
		.footerBox p {float: left; font-weight: 300; font-style: italic; color: #717171; margin-bottom: 0; }
		.footerBox p:last-of-type {float: right;}
		.footerBox a {text-decoration: none; color: #717171; }


.mm-listview>li {text-align: center;}
.mm-listview>li>a, .mm-listview>li>span {padding: 10px; border: 1px solid transparent; text-align: center; color: #afc52c; font-size: 15px; text-transform: uppercase; font-weight: 900; font-family: Lato; display: inline-block; }
.mm-menu .mm-listview>li.mm-selected>a {border: 1px solid #afc52c; background: none; border-radius: 10px;}
.mm-listview>li:not(.mm-divider):after {display: none;}
.mm-menu>.mm-navbar a {color: #afc52c; font-size: 15px; text-transform: uppercase; font-weight: 900; font-family: Lato; background: url(../img/facebook-green.png) no-repeat right; display: block; margin-right: 30px;}

.mm-panel.mm-hasnavbar .mm-navbar {display: none;}
.mm-navbar-bottom-1 {border: none;}
.mm-menu {top: 100px; background: #fff;}

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

@media only screen and (max-width: 1179px) {
	#bannerCntr .center {width: 100%;}
	#bannerCntr .facebook {right: 40px; margin-right: 0; bottom: -30px;}
	.additionalBox .list li {width: 50%;}
	.additionalBox .list {width: 50%;}
	.additionalBox .icons {width: 50%;}
	#bannerCntr:after {background: url(../img/curves-960.png) no-repeat right top; background-size: cover;}
}


@media only screen and (max-width: 979px) {
	#headerCntr .logo a {width: 210px; background-size: 100%!important;}
	.menuBox:not(.mm-menu) {padding-top: 26px;}
	.menuBox:not(.mm-menu) li {padding-right: 0;}
	.menuBox:not(.mm-menu) li a {padding: 0 8px; font-size: 13px; }
	.contactBox .holder {width: calc(100% + 18px); margin-bottom: 0; }
	.contactBox .col {width: calc(33.33% - 18px); margin-bottom: 20px;}
	.contactBox input[type="submit"] {margin-top: -48px;}
	.textBox p {max-width: 100%;}
	.textBox {padding-bottom: 50px;}
	#productCntr .left {width: 55%;}
	#productCntr .right {width: 45%; padding-top: 0;}
	#productCntr h1 {font-size: 42px;}
	#productCntr {background-position: center 360px;}
	#productCntr .right span {margin-bottom: 80px;}
	#productCntr .button span {display: none;}
	#productCntr .photos {padding-top: 60px;}
	#productCntr .photos li {width: calc(33.33% - 3px); margin-bottom: 30px;}
	.infoBox .right {display: none;}
	.infoBox .left {width: 100%;}
	.infoBox .right-logo {width: 100%;}
	#headerCntr {padding-bottom: 15px;}


	.detailsBox .left {padding-right: 40px; width: 45%}
	.detailsBox .right {width: 55%;}
	.detailsBox .icons li {margin: 0 20px;}
	.detailsBox h1 {font-size: 40px;}
	.detailsBox .gallery {margin-top: -50px;}
	.detailsBox .button span {display: none;}

	#headerCntr .logo {margin-left: -15px;}

	#bannerCntr {background: url(../img/banner-960.jpg) no-repeat center bottom; background-size: cover;}
	#bannerCntr.sub {background: url(../img/banner-bungalow-960.jpg) no-repeat center bottom; background-size: cover;}
	#bannerCntr.sub2 {background: url(../img/banner-omgeving-960.jpg) no-repeat center bottom; background-size: cover;}
	#bannerCntr.sub3 {background: url(../img/banner-contact-960.jpg) no-repeat center bottom; background-size: cover;}
	#bannerCntr.sub4 {background: url(../img/banner-camper-960.jpg) no-repeat center bottom; background-size: cover;}
	#bannerCntr.sub5 {background: url(../img/banner-chalets-960.jpg) no-repeat center bottom; background-size: cover;}


	#productCntr .right p:last-of-type {display: none;}

}

@media only screen and (min-width: 768px) {
	.col-md {
		flex: 1 0 0% !important;
		width: auto!important;
	}
}
@media only screen and (max-width: 767px) {
	.menuBox:not(.mm-menu) { display: none; }
	.mobileMenu { display: block; margin-top: 15px; margin-right: -10px; }
	#bannerCntr h1 {font-size: 40px;}
	#bannerCntr .center {text-align: center;}
	#bannerCntr {height: 560px;}
	#bannerCntr .button {font-size: 16px;}

	.contactBox {padding-top: 25px; text-align: center;}
	.contactBox h4 {font-size: 25px; text-align: center;}
	.contactBox .col {width: calc(100% - 18px);}
	.contactBox input[type="submit"] {margin-top: 0; float: none; display: inline-block; }
	.textBox {text-align: center;}
	.textBox .line {display: inline-block;}
	#productCntr .left {width: 100%; margin-bottom: 30px;}
	#productCntr .right {width: 100%; padding-left: 0;}
	#productCntr h1 {display: none;}
	#productCntr .right strong{display: none;}
	#productCntr .holder {text-align: center;}
	#productCntr .prev {top: 10%; background: url(../img/prev1.png) no-repeat;}
	#productCntr .next {top: 10%; right: -5px; background: url(../img/next-1.png) no-repeat;}
    .mobileHead {display: block; text-align: center;}
	.mobileHead h1 {color: #222222; font-size: 36px; display: block!important;}
	.mobileHead strong {display: inline-block!important; margin-bottom: 40px!important;}
	#productCntr {padding-top: 100px;}

	#productCntr {background-position: center 440px;}
	#productCntr h4 {font-size: 24px;}
	#productCntr .photos {padding-top: 30px;}
	#productCntr .photos li {width: calc(50% - 3px);}
	#footerCntr {text-align: center;}
	.infoBox address span {width: 100%; padding-right: 0; display: block; padding-bottom: 20px;}

	#headerCntr {background: #fff;}
	#headerCntr .logo a {background: url(../img/logo-colored.png) no-repeat;}

	.center {padding-left: 30px; padding-right: 30px;}

	#bannerCntr .facebook .bird {top: 2px;}

	.detailsBox .left {width: 100%; padding-right: 0;}
	.detailsBox .right {width: 100%;}
	.detailsBox .holder {text-align: center;}
	.detailsBox .line {display: inline-block;}
	.detailsBox .gallery {margin-top: 60px;}
	.detailsBox .thumbs li {width: 33.33%;}
	.detailsBox {padding-bottom: 0;}
	.additionalBox {text-align: center;}
	.additionalBox .list {width: 100%; padding-right: 0; text-align: center; margin-bottom: 40px;}
	.additionalBox .list li {width: 100%; display: inline-block; clear: both; float: none;}
	.additionalBox .icons {width: 100%; text-align: center;}
	.additionalBox .icons li {float: none; display: inline-block;}

	#bannerCntr .facebook .bird {top: -32px;}

}

@media only screen and (max-width: 479px) {

	#headerCntr .logo a {width: 170px;}
	#bannerCntr p {font-size: 24px; line-height: 30px;}

	#productCntr { width: 100%; background: #fff url(../img/bg3.png) repeat-x center 320px; padding: 170px 0 80px; position: relative; overflow: hidden; }

	.productCntr h1 {font-size: 36px;}
	#productCntr .left li {width: 33%; text-align: center; margin: 0; float: left;}
	#productCntr .left li img {width: 30px; display: inline-block;}
	#productCntr .prev {top: 17%; background: url(../img/prev1.png) no-repeat;}
	#productCntr .next {top: 17%; right: -5px; background: url(../img/next-1.png) no-repeat;}

	#productCntr .photos li {width: calc(100% - 3px);}
	
	.detailsBox .photos li {display: inline-block; vertical-align: top; width: calc(40% - 3px); padding-right: 18px; padding-bottom: 20px; }
	.detailsBox .photos a {position: relative; border: 5px solid #fff; text-decoration: none; display: block; }
	.detailsBox .photos img {width: 100%; }
	.detailsBox .photos span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(150,171,23,0.8) url(../img/icon6.png) no-repeat center; opacity: 0; transition: 0.2s;}
	.detailsBox .photos a:hover span {opacity: 1;}
	.detailsBox .photos strong {font-size: 15px; text-transform: uppercase; font-weight: 700; color: #fff; text-align: center; display: block; padding-top: 25px; padding-bottom: 20px; margin-bottom: 0;}
	.mobileHead {display: none;}
	
	.footerBox p {margin: 10px 0;}
	.detailsBox .thumbs li {width: 50%;}

	.detailsBox .icons li {margin: 0 15px;}
	.detailsBox .icons li img { width: 25px;}

    .detailsBox .button {font-size: 14px;}
	.additionalBox .icons li {margin: 0 15px;}
	.additionalBox .icons li img { width: 30px;}

	.infoBox h5 {font-size: 25px;}

	.jsCalendar thead .jsCalendar-week-days th, .jsCalendar tbody td {
		height: 30px!important;
		line-height: 30px!important;
		width: 30px!important;
	}

}

.reservationBox .big-price {
	font-size: 30px;
	font-weight: 700;
	display: inline-block;
	margin-right: 7px;
}

.reservationBox .status-wrapper {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.reservationBox .status-wrapper img {
	display: inline-block;
	margin-left: 12px;
	margin-right: 8px;
}

.reservationBox .status-wrapper span {
	position: relative;
	top: 1px;
}

.reservationBox .status-wrapper .check {
	background-color: #96ab17;
	border-radius: 22px;
}

.reservationBox .divider {
	height: 1px;
	margin: 32px 0;
	background-color: #ba4056;
}

.reservationBox .field-margin {
	margin-top: 20px;
}

.select2-container--default .select2-selection--single  {
	background-color: unset!important;
	font-style: italic!important;
	font-size: 13px!important;
	height: 40px!important;
	border: 1px solid #ba4056!important;
	border-radius: 7px!important;
	text-align: left!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #fff!important;
	line-height: 38px!important;
	padding: 0px 13px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none!important;
}

.select2-dropdown {
	font-size: 13px!important;
	border: 1px solid #ba4056!important;
	border-radius: 7px!important;
	overflow: hidden!important;
}

.select2-results__option {
	padding: 6px 13px!important;
}

.select2-container--default .select2-results__option--disabled {
	display: none!important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #afc52c!important;
}

.select2-results .option-wrapper {
	display: flex;
	align-items: center;
}

.select2-results .option-wrapper .price{
	margin-left: auto;
}

.select2-results .option-wrapper .text{
	margin-left: 10px;
}

.select2-results .option-wrapper .image img {
	border-radius: 4px;
}

.contactBox.reservation-start-form-light {
	background-color: white;
}

.contactBox.reservation-start-form-light h4,
.contactBox.reservation-start-form-light .text-white {
	color: #222222!important;
}

.contactBox.reservation-start-form-light input,
.contactBox.reservation-start-form-light input::placeholder{
	border-color: #d3d3d3;
	color: #727272;
}

.contactBox.reservation-start-form-light .select2-container--default .select2-selection--single,
.contactBox.reservation-start-form-light select {
	border-color: #d3d3d3!important;
	color: #727272!important;
}
.contactBox.reservation-start-form-light .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #727272!important;
}

.contactBox.reservation-start-form-light input[type="submit"] {
	background: url(../img/arrow1.png) right center no-repeat;
}

.contactBox.reservation-start-form-light .input-date-wrapper:before {
	background-image: url("/assets/img/calender1.png");
	background-color: white;
}

.contactBox.reservation-start-form-light .select-wrapper:before {
	background-image: url("/assets/img/arrow-dark.png");
	background-color: white;
}

.contactBox.reservation-start-form-light .select2-dropdown {
	border: 1px solid #d3d3d3!important;
}

#calendar-wrapper .calendar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(38px, 38px));
	grid-gap: 10px;
}

#calendar-wrapper > b {
	font-weight: 900;
	color: #727272;
	font-size: 15px;
	margin-bottom: 1.5rem!important;
	display: block;
}

#calendar-wrapper .day {
	display: inline-block;
	text-align: center;
	line-height: 38px;
	font-size: 13px;
	border: 1px solid #d3d3d3;
	border-radius: 7px;
}

.jsCalendar table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 10px !important;
	margin: 0!important;
	box-shadow: unset!important;
}

.jsCalendar table {
	font-family: 'Lato', sans-serif!important;
}

.jsCalendar tbody {
	display: contents!important;
}

.jsCalendar thead {
	display: table-header-group!important;
}

.jsCalendar .jsCalendar-title-row {
	position: relative;
}

.jsCalendar thead .jsCalendar-title-name {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-weight: bold!important;
	font-size: 17px!important;
	width: 100%;
	pointer-events: none!important;
	text-align: center!important;
}

.jsCalendar tbody td.green {
	background-color: #dfe6ba !important;
}

.jsCalendar tbody td.orange {
	background-color: #fdeabf !important;
}

.jsCalendar tbody td.red {
	background-color: #e5b8bf !important;
}

.jsCalendar tbody td.undefined {
	background-color: rgb(34 34 34 / 8%);
}

.jsCalendar thead .jsCalendar-week-days th, .jsCalendar tbody td {
	display: table-cell!important;
	width: auto!important;
}

.jsCalendar thead .jsCalendar-week-days th, .jsCalendar tbody td {
	height: 28px!important;
	line-height: 28px!important;
	border-radius: 7px!important;
	font-weight: 400!important;
}

.jsCalendar .jsCalendar-nav-left {
	margin-left: 0!important;
}

.jsCalendar .jsCalendar-nav-right {
	margin-left: 0!important;
}

#calendar {
	padding: 10px!important;
	border: 1px solid #d3d3d3!important;
	border-radius: 7px;
}

#calendar-wrapper .legende {
	font-size: 12px;
	font-weight: 900;
	color: #727272;
	margin-top: 20px;
	margin-left: 22px;
}

#calendar-wrapper .legende > div {
	display: inline-block;
	margin-right: 28px;
}

#calendar-wrapper .legende > div > span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: red;
	border-radius: 50%;
	margin-right: 5px;
}

#calendar-wrapper .legende > div > span.green {
	background-color: #dfe6ba !important;
}

#calendar-wrapper .legende > div > span.orange {
	background-color: #fdeabf !important;
}

#calendar-wrapper .legende > div > span.red {
	background-color: #e5b8bf !important;
}

.jsCalendar thead .jsCalendar-week-days th {
	height: auto!important;
	line-height: 12px!important;
	font-weight: 700!important;
}

.jsCalendar thead .jsCalendar-nav-left:after {
	transform: rotate(-180deg);
}

.jsCalendar thead .jsCalendar-nav-left:after,
.jsCalendar thead .jsCalendar-nav-right:after {
	content: '' !important;
	background: url(../img/arrow1.png);
	display: block;
	width: 20px;
	height: 20px;
	background-position: 5px;
	background-repeat: no-repeat
}

.jsCalendar table{
	color: #222222!important;
}