@font-face {
	font-family: 'Conv_FuturaStd-Medium.ttf';
	src: url('../fonts/FuturaStd-Medium.ttf.eot');
	src: local('☺'), url('../fonts/FuturaStd-Medium.ttf.woff') format('woff'), url('../fonts/FuturaStd-Medium.ttf.ttf') format('truetype'), url('../fonts/FuturaStd-Medium.ttf.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

	body	{ 
		margin: 0; 
		font-family: 'Questrial', sans-serif;
		font-size: 15px;
		background-image: url('../images/background-img.png');
		
	} 
	
	#mainNav ul li a, h1, h2, h3, h4, h5, h6, .logo{
		font-family: 'Questrial', sans-serif;
	}
	.handwritten	{font-family: 'Pacifico', cursive; letter-spacing: 1.2px}
	
	a, a:hover	{text-decoration: none;}
	a:hover {color: rgb(240, 207, 43)}
	.content a{ text-decoration:underline}
	.z-index-10 { z-index: 10 !important}
	
	h1	{font-size: 32px;}
	h2	{font-size: 28px;}
	h3	{font-size: 22px;}
	h4	{font-size: 20px;}
	h5	{font-size: 18px;}
	
	h1,h2,h3,h4,h5,h6{
		margin-top: 0;
	}
	.title-content1 {
		color: rgb(240, 207, 43) !important;
		text-align: center;
		margin-top: 30px;
	}

	.width-col-sm-2 {width: 13.333333% !important;}
	.col-offset-custom {margin-left:29.5%}
	.btn{
		border: 0;
	}
	.block{
		display: block;
		padding: 15px;
		position: relative;
	}
	.bar{
		padding: 30px 0;
		position: relative;
	}
	.matchheight > .block{
		height: 100%;
	}
	textarea{
		max-width: 100%;
	}
	.subtitle{
		font-size: 17px;
	}

/*--- HEADER ---*/
	
	.header-top{
		padding: 15px 0;
	}
	.header-top .callus > p{
		line-height: 30px;
		margin-bottom: 0;
		font-weight: bold;
		font-size:14px;
	}
	.logo{
		text-align: center;
	}
	.logo img{width: 190px; margin: 20px 0;}
	.logo:hover,
	.logo:active,
	.logo:focus{
		text-decoration: none;
	}
	.logo strong{
		margin: 1px 0;
		font-size: 42px;
		font-weight: bold;
		display: block;
	}
	.logo .slogan{
		margin-bottom: 0;
	}
	.navbar{
		margin-bottom: 0; font-weight: 800
	}
	#topNav > ul{
		float: right;
	}
	#topNav > ul > li{
	  display: table-cell;
	  float: none;
	  position: relative;	  
	}
	#topNav > ul > li + li:after{
		content: " ";
		position: absolute;
		left: -1px;
		width: 2px;
		top: 10px;
		bottom: 10px;
	}
	#topNav > ul > li > a{
		margin-bottom: 0;
		text-align: center;
		padding: 0 15px;
		font-size: 13px;
	}
	#topNav > ul > li.active > a{
		font-weight: bold;
	}
	#topNav > ul > li ul{
		display: none;
	}
	#mainNav > ul{
		float: right;
		margin-right: -15px;
	}
	#mainNav > ul > li{
	  display: table-cell;
	  float: none;
	  position: relative;
	  padding: 0 12px;
	}
	
	#mainNav > ul > li > a{
		margin-bottom: 0;
		text-align: center;
		line-height: 45px;
		
	}
	#mainNav > ul > li ul{
		display: none;
	}

	#mainNav	{
		position: absolute; 
		right: 0px; 
		z-index: 1; 
		margin: 15px 15px;
	}
	
	#mainNav a:after	{
		position: absolute;
		top: 90%;
		left: 0;
		width: 100%;
		height: 1px;
		background: #fff;
		content: '';
		opacity: 0;
		-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
		transition: height 0.3s, opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
		}
	#mainNav li.active a::after,
	#mainNav a:hover::after,
	#mainNav a:focus::after {
		height: 1px;
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
		}
	
	
	
	#mainNav li a{
		padding: 5px 0px 0px 0px;
	}
	
	#mainNav li {
		padding-left: 20px;}
		
	#li_10 {
		border: 2px solid #fff;
		padding-left: 15px;
		padding-right: 15px;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
	}
	#li_10 a {padding-top: 0 !important; padding-left: 10px !important; padding-right: 10px !important;}
	#li_10 > ul > li > a{font-size: 12px !important}
	#li_10 a:after  {display:none !important}
	#li_10:hover {background-color: rgba(255, 255, 255, 0.24); 
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;}

	
	.header-img {height: 550px;margin-top: 90px; width: 100%; overflow: hidden; top:0; left:0; position: relative; z-index:2}
	.headercontent-img {height: 345px;margin-top: 90px; width: 100%; overflow: hidden; top:0; left:0; position: relative; z-index:2}
	.header-reserveer-img {height: 365px; margin-top: 90px; width: 100%; overflow: hidden; top:0; left:0; position: relative; z-index:2}
	.header-visual{
		width: 100%;
		height:100%;
	}
	.wrap-quote {text-align: center; color: #fff; height: 100%;}
	.page-header {border-bottom: transparent !important; text-shadow: 1px 1px 5px #373737; margin: 0 !important; margin-top: 50px !important}
	.page-header-content {border-bottom: transparent !important; text-shadow: 1px 1px 5px #373737;}
	.line-header {
		margin-left: -17px;
		margin-bottom: 5px;
		margin-top: 15px;
		width: 20%;
		height: 29px;
	}
	.reserveer-home {margin-top: 180px; border: 2px solid #fff; padding-top: 10px; padding-bottom: 10px; font-size: 16px; cursor:pointer; font-weight: 800;}
	.searchblock{
		padding: 30px;
	}
	.searchblock .zoektitle{
		font-size: 24px;
		font-weight: 300;
		margin-bottom: 30px;
		line-height: 18px;
		position: relative;
	}
	.searchblock .removeDate{
		position: absolute;
		right: 0;
	}
	.searchblock .removeDate:hover{
		text-decoration: underline;
	}
	.searchblock .searchAlert{
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}
	.searchblock .searchAlert:empty{
		bottom: auto;
	}
	.searchblock .searchAlert .alert{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0 0 0 0;
		border-radius: 0 0 0 0;
		border: 0;
		padding: 30px
	}
/*--- INHOUD ---*/

	.content{
		padding: 60px 0;
	}

/*--- WONINGEN ---*/
	.woning		{
		-moz-transition:-moz-transform 0.2s ease-in; 
		-webkit-transition:-webkit-transform 0.2s ease-in; 
		-o-transition: -o-transform 0.2s ease-in;
		transform: 0.2s ease-in;
		transition: 0.2s ease-in;
		overflow: hidden;
	}
	.woning:hover { 
		-moz-transform:scale(1.05); 
		-webkit-transform:scale(1.05);
		-o-transform:scale(1.05);
		transition: scale(1.05);
		transform: scale(1.05);
	}

	.woning:before {
		content:""; 
		top:0; 
		bottom:0; 
		left:0;
		right:0;
		position:absolute;
		background-color: #000;
		opacity: 0; 
		transform: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-webkit-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
   }
	.woning:hover:before {opacity: 0.5}
	#woningen .woning{
		padding-bottom: 75px;
	}
	#woningen .woning > a{
		
	}
	#woningen .woning > a:active,
	#woningen .woning > a:hover,
	#woningen .woning > a:focus{
		text-decoration: none;
	}
	#woningen .woning > .block > .woningImg{
		height: 275px;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		margin-bottom: 15px;
	}
	#woningen .woning .woningInfo{
		display: block;
		margin-bottom: 15px;
		opacity: 0;
	}
	#woningen .woning .woningInfo .woningOption + .woningOption:before{
		content: " ";
		height: 6px;
		width: 6px;
		border-radius: 3px;
		display: inline-block;
		margin: 1px 5px 1px 2px;
	}
	#woningen .woning .woningLabel{
		display: block;
		float: left;
		width: 50%;
		line-height: 40px;
		text-align: center;
		padding: 0 10px;
		margin-top: 5px;
		font-size: 14px;
		font-weight: 600;
	}
	#woningen .woning .homePrice{
		position: absolute;
		display: block;
		line-height: 22px;
		color: #fff !important; 
		text-align: center;
		left: 0;
		right: 0;
		top: -30%;
		-webkit-transition: all 0.6s ease;
		-moz-transition:    all 0.6s ease;
		-o-transition:      all 0.6s ease;
		transition: 		all 0.6s ease;
	}
	.woning:hover .homePrice {top: 60% !important}

	#woningen .woning .homePrice > .price{
		font-weight: 900;
		font-size: 24px;
	}
	#woningen .woning .homePrice > .price small{
		font-size: 14px;
		font-style: italic;
	}
	#woningen .woning .woningLink{
		position: absolute;
		left: 80px;
		right: 80px;
		width: auto;
	}
	#woningen .woning .woningTitle{
		overflow: hidden;
		left:0;
		right:0;
		text-overflow: ellipsis;
		font-weight: 800;
	    line-height: 26px;
		text-align: center;
	}
	.woningTitle {
		opacity:1;
		color: #fff !important;
		top: 50%;
		position:absolute;
		-webkit-transition: all 0.6s ease;
		-moz-transition:    all 0.6s ease;
		-o-transition:      all 0.6s ease; 
		transition:			all 0.6s ease;
		text-shadow: 2px 2px #2A2A2A;
	}

	.woning:hover .woningTitle{opacity:1; top: 35%; text-shadow: none; }
	.woningLink {
		background-color: transparent !important;
		border-radius: 0; border: 1px solid #fff;
		opacity: 0;
		top: -30%;
		position: absolute;
		text-align: center;
		-webkit-transition: all 0.6s ease;
		-moz-transition:    all 0.6s ease;
		-o-transition:      all 0.6s ease;
		transition:			all 0.6s ease;		
		color: #fff !important;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.woning:hover .woningLink {opacity: 1; top:85%; background-color: transparent;} 

	.woningTitle-reserveer {
		color: #fff !important;
		top: 50%;
		position:absolute;
		text-shadow: 2px 2px #2A2A2A;
		font-weight: 800;
	    line-height: 26px;
		text-align: center;
		left:0;
		right:0;
	}
	/*- Paginate -*/
	.paging{
		text-align: center;
	}
	.pagination{
		margin: 5px 0;
	}
	.pagination > li > .paging{
		line-height: 36px;
		font-size: 14px;
		padding: 0 10px;
		font-weight: 600;
	}
	.pagination .paginateArrows > a{
		font-size: 12px;
		line-height: 36px;
		padding: 0 10px;
	}
	.pagination .pagingPrevious{
		border-radius: 10px 0 0 10px !important;
		display: block !important;
	}
	.pagination .pagingNext{
		border-radius: 0 10px 10px 0 !important;
		display: block !important;
	}
	
	/*- Calendar -*/
	
	.loadedCalendar{
		margin-bottom: 30px;
	}
	.loadedCalendar #datepicker .ui-datepicker{
		width: 100% !important;
		margin: 0 0 0 0 !important;
		padding: 0;
	}
	.loadedCalendar #datepicker .ui-datepicker .ui-datepicker-group{
		padding-left: 0;
		padding-right: 0;
		height: 300px;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, 
	.ui-widget-header .ui-state-hover, .ui-state-focus, 
	.ui-widget-content .ui-state-focus, 
	.ui-widget-header .ui-state-focus,
	.ui-state-default, .ui-widget-content .ui-state-default, 
	.ui-widget-header .ui-state-default,
	.ui-datepicker .ui-datepicker-header{
		background-image: none;
	}
	.ui-widget-header .ui-icon,
	.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
		background-image: none;
	}
	.ui-widget-header .ui-datepicker-prev,
	.ui-widget-header .ui-datepicker-next{
		top: 4px;
	}
	.ui-widget-header .ui-datepicker-prev:before{
		content: "\f104";
		font-family: FontAwesome;
		display: block;
		text-align: center;
		line-height: 29px;
	}
	.ui-widget-header .ui-datepicker-next:before{
		content: "\f105";
		font-family: FontAwesome;
		display: block;
		text-align: center;
		line-height: 29px;
	}

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

	.ui-datepicker td span, .ui-datepicker td a {
		text-align: center!important;
	}

	.showUnderline { text-decoration:underline; }

	.dateDisabled, .changeOpacity {
		opacity: 1.0!important;
		/*opacity: 0.8!important;*/
	}

	.dateDisabled span.ui-state-default {
		text-decoration: line-through;
		font-weight: normal;
	}

	.endHalf a, .endHalf span { background-image:url('../images/endday.png')!important; background-position:center center !important; background-size: cover !important;}
	.startHalf a, .startHalf span { background-image:url('../images/startday.png')!important; background-position:center center !important; background-size: cover !important;}
	.noClick { text-decoration:none; opacity:1 !important; }

	.space { padding:10px; clear:both; }
	.removeEntity { margin-top: -2px; }
	.acceptedBtn { margin-top: -2px; cursor:default; }

	#legend .legendLabel {
		display: block;
		width: 25px;
		border: 1px solid #CCCCCC;
		margin: 0 2px 0 0;
		font-weight: bold;
		text-align: center;
		padding: 0.2em;
		opacity: 1.0;
		display:inline-block;
		margin-bottom:5px;
	}

	#legend .reserved {
		text-decoration: line-through;
	}

	.houseAttributes li { list-style:none; }
	
	
	/*- Reservering -*/
	
	.configureTable .tooltip{
		min-width: 200px;
	}
	.configureTable .tooltiplink{
		cursor: help;
	}
	
/*--- ACCOUNT ---*/
	
	.submenu.block ul.nav{
		margin-left: -15px;
		margin-right: -15px;
		float: none;
	}
	.submenu.block ul.nav > li{
		float: none;
	}
	.submenu.block ul.nav > li.active > a:before{
		content: "\00BB";
		margin-right: 10px;
	}
	
/*--- FOOTER ---*/

	.topfooter{
		padding: 25px 0;
	}
	.topfooter h5{
		padding-bottom: 5px;
	}
	.topfooter ul.nav{
		margin: 0 0;
		padding: 0 0;
		list-style: none;
		float: none;
		display: block;
	}
	.topfooter ul.nav > li{
		margin: 0 0;
		padding: 0 0;
		float: none;
		width: 100%;
		clear: both;
	}
	.topfooter ul.nav > li > a{
		padding: 7px 0;
		display: block;
	}
	.topfooter ul.nav > li > a:hover{
		text-decoration: underline;
	}
	.topfooter ul.nav > li.active > a:before{
		content: "\00BB";
		margin-right: 10px;
	}
	.footer{
		padding: 15px 0;
	}
	.footer .footer-left{
		
	}
	.footer .footer-right{
		text-align: right;
	}
	.footer a:hover{
		text-decoration: underline;
	}

	.houseTop h1 {
		margin-top:20px;
		margin-bottom:0;

	}

	#googleLeft {
		cursor:pointer
	}

	#googleMaps { height:440px; }
/*#googleMapsSmall { height:240px; }
#googleMapsMini	{ width:300px; height:300px; clear:both; border-radius:5px; cursor:pointer; }
*/



.header .search-menu  {
		width: 100%;
		margin: 0;
		display: block;
		height: 30px;
		position: relative;
	}
	.header .search-menu-search form input[type="text"]   {
		border:none;
		height:30px;
		width:100%;
		border-radius: 5px;
		float: left;
		padding: 10px;
		font-size:14px;
	}
	.header .search-menu-search .fa{
		font-size: 16px;
	}
	#searchResults {
		display:none;
		position: absolute;
		top: 30px;
		/*left: 0;*/
		right: 0;
		padding: 15px 15px 30px 15px;
		background: white;
		border: 1px solid rgba(0,0,0,0.15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
		box-shadow: 0 6px 12px rgba(0,0,0,0.175);
		z-index: 10;
		width:400px;
		
	}
	#searchResults img {
		 display: block;
		margin-left: auto;
		margin-right: auto
	}

	#searchResults h3{
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.quickResultCategory{
		margin-bottom: 30px;
	}
	.quickResultCategory a .quickResultItem{
		font-size: 14px;
		line-height: 35px;
		border-top: 1px solid rgba(0,0,0,0.5);
		padding: 0 10px;
	}
	#searchButton{
		position: absolute;
		right: 5px;
		width: 25px;
		z-index: 10;
		cursor: pointer;
		background: transparent;
		padding: 5px;
		border: 0;
		outline: 0;
	}
	#searchButton:hover,
	#searchButton:active,
	#searchButton:focus{
		outline: 0;
	}
	
	#ui-datepicker-div {
		z-index:10 !important;

	}


	.iframeRow iframe {
		height:910px !important;
		}






/* css voor klanten wijzig dingen*/
			.editField			{ display:none; }
	.editField .btn		{ float:left; margin-right:10px; font-size:14px; line-height:1.5; }
	.editAttribute, 
	.selectAttributeMedia		{ font-size:14px; line-height:1.5; cursor:pointer; }
	.editValue			{ margin-left:10px; font-size:14px;     margin-top: 7px;}


.tab-content .form-control {
    width: 50%;
    margin-right: 10px;
    float: left;
}


.editField #googleMapsMini	{ width:300px; height:300px; clear:both; border-radius:5px; cursor:pointer; }

.productDetailNav {
    margin-top: 20px;
}

.tab-content{
    padding: 20px;
    border-top: 0px;
    margin-bottom: 10px;
	border: 1px solid #ddd;
}















/*******************************************************/
/* images masonry */
/*******************************************************/




/* Default tags and Bootstrap classes */
 
.lead { padding: 40px 0; }
 
 
 

 
/* Grid */

 
#posts { margin: 20px auto 0;  }
.post {
	margin: 0 0 30px;
	text-align: center;
	width: 100%;
	display:none;
}
.post img { padding: 0 15px; width: 100%; }
.my-simple-gallery figcaption { display:none;}
.pswp__caption__center,
.pswp__caption__center *
{
	text-align:center;
    font-size: 20px;
    display: block;
}
 
#grid.container .post img { padding: 0; }
 
.newsimage { margin-top:20px;}


 /* small devices */
 
@media (max-width: 768px) {
	 .post { padding:0; }
	.post img { padding: 0; }
	.product figure.bg {height: 500px;}
	.nieuws figure.bg {	height:250px;}

}
 


/* Medium devices */
 
@media (min-width: 768px) {
	#grid > #posts .post { width: 345px; }
	#grid > #posts .post.cs2 { width: 100%; }
	.post img { padding: 0; }
	.product figure.bg {height: 250px;}
	.nieuws figure.bg {	height:150px;}


}
 
 
 
/* Medium devices */
 
@media (min-width: 992px) {
	#grid > #posts .post { width: 289px; }
	#grid > #posts .post.cs2 { width: 100%; }

	.product figure.bg {height: 300px;}
	.nieuws figure.bg {	height:200px;}
}
 
 
 
/* Large devices */
 
@media (min-width: 1200px) {
	#grid > #posts .post { width: 262px; }
	#grid > #posts .post.cs2 { width: 518px; }
}
 
 
 
/* Large devices min-width (1200px) + a .post margin (50px) * 2 (100px) = 1300px */
/* 1300px gives me the clearance I need to keep the margins of the entire #grid (the
bleed if you will) the same width as the .post margins posts (50px). Basically I'm
being really picky about whitespace. If you don't care, no problem, just delete this.
Can this be done with Masonry options? */
 /*
@media (min-width: 1300px) {
	#grid {
		left: -50px;
		padding-left: 50px;
		padding-right: 50px;
		position: relative;
    	}
	#grid.container {
		left: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}
*/

#grid > #posts .post img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}



#grid > #posts .post:hover img {

	z-index: 1;
	-webkit-transform: rotate(0deg) scale(1.05);
	-moz-transform: rotate(0deg) scale(1.05);
	-o-transform: rotate(0deg) scale(1.05);
	transform: rotate(0deg) scale(1.05);	
/*
	z-index: 1;
	-webkit-transform: rotate(-3deg) scale(1.2);
	-moz-transform: rotate(-3deg) scale(1.2);
	-o-transform: rotate(-3deg) scale(1.2);
	transform: rotate(-3deg) scale(1.2);	
*/
}

/*******************************************************/
/* end images masonry */
/*******************************************************/


/* spinner */
.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.nivo-controlNav{ 
	display:none;
	}

figcaption.title {
	text-align:center;
}


.pswp__caption__center strong { font-weight:normal;}

/*bx-slider*/
.bx-pager {display: none;}
.bx-viewport {background-color: transparent !important; border: none !important; box-shadow: none !important;}
.bx-prev {margin-left: -100px}
.bx-next {margin-right: -100px;}
.customer-review { 
	margin-top: 30px;
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 6%, rgba(12, 12, 12, 0.65) 90%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 6%, rgba(12, 12, 12, 0.65) 90%); /* FF3.6-15 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 6%, rgba(12, 12, 12, 0.65) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.grade {font-size:17px; border: 1px solid #fff; padding-top: 10px; padding-bottom: 10px;}

.content {padding-bottom: 0px !important;}
.z-index {position: relative; z-index: 10;}
.aanbod {padding-bottom: 0 !important;}


.navbar-nav {padding-right: 15px; }
.footerContactForm h3{display: none;}
.form-group label {display: none;}
.topfooter .footerContactForm .form > .control-group {	
	width: 50%;
    float: left;
    display: inline-block;
    padding: 0 15px;
	padding-left: 0;	
}
.topfooter .footerContactForm .form > .control-group.textarea {
	width: 100%;   
	padding-left: 0;
}

.submitAwesomeForm, .required-field {
	float: right;
    margin-right: 15px;
}

.submitAwesomeForm { background-color: transparent !important; border: 1px solid #fff;border-radius: 0;}
.textarea {background-color: transparent !important;border-radius: 0;}
.textbox {background-color: transparent !important;border-radius: 0;}
.requiredField {background-color: transparent !important;border-radius: 0;}
.info-table {text-align:center; margin-top: -30px}
.info-table > .info-tablecell {
	display: inline-block;
    text-align: center;
    padding: 0 15px;
	width: 16%
}
.info-table > .info-tablecell-detail {
	display: inline-block;
    text-align: center;
    padding: 0 15px;
	width: 16%
}

.info-table > .info-tablecell-home {
	display: inline-block;
    text-align: center;
    padding: 0 15px;
	width: 14%;
	margin-top: 10px;
}
.info-table-home {text-align:center; margin-top: -30px}
.info-table-home > .info-tablecell {
	display: inline-block;
    text-align: center;
    padding: 0 15px;
}

.info-table-home > .info-tablecell {
	display: inline-block;
    text-align: center;
    padding: 0 15px;
	width: 14%;
	margin-top: 10px;
	vertical-align: bottom;
}
.fa-houses {width: 21px; text-align: center;}

.img-style {width: 275px; margin-top: -10px; margin-bottom: 10px; border: 5px solid #fff;}
.modal-backdrop {z-index: 1}
#menuModal .navbar-nav {float: none;}
#menuModal .navbar-nav li{float:none;}
.navbar-toggle .fa {font-size: 25px;}

#contactModal .ticketBody h3 { display:none; }
.modal-content {
	background-color: rgba(19, 19, 19, 0.87);
    background-size: 2px 3px;
	
}
.modal-content li a {color: #fff !important}
.close {color: #fff!important; opacity: 0.5 !important;}
.houseDetail .paragraph {color: #fff;}

/****** Reserveringkalender ******/

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	-moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
	    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.ui-widget-content {background-color: transparent !important; background-image:none !important; color: rgba(255, 255, 255, 0.82);}
.date-range-selected > .ui-state-active, .date-range-selected > .ui-state-default, .ui-datepicker .ui-datepicker-header, .ui-datepicker .date-range-selected > a {
	background-color: transparent;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: transparent;
    opacity: 1;
	border-radius: 0
}
.form-control {background-color: transparent !important; border-radius: 0 !important; color: #fff !important;}
.ui-datepicker .ui-datepicker-header, .ui-widget-header .ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border-color: #fff !important
}
.ui-datepicker .date-range-selected > a, .ui-state-active, .ui-widget-content .ui-state-active{
	background-color: green; border-color: transparent;
}
.dateColor_1 .ui-state-default, #legend .dateColor_1 {border-color: transparent}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border-color: transparent}
td[class*="dateColor"] a.ui-state-active, td[class*="dateColor"] a.ui-state-active:hover, td[class*="dateColor"] a.ui-state-active:focus, td[class*="dateColor"] a:hover, td[class*="dateColor"] a:focus {
	background-color: green;
    color: #ffffff;
    border: green;
}
.form-control option { background-color: rgb(18, 19, 24); }



/**** Uitklapmenu koh samui ****/

.panel {background-color: transparent; border-color: transparent} 
.panel-default>.panel-heading {background-color: transparent; border-color: transparent}
.panel-heading {
padding: 10px 0px;
}
.panel-title {font-size: 20px}
.panel-title .fa {font-size: 12px}
.panel-group .panel-heading+.panel-collapse>.panel-body {border-top: none;}




.back a{color: #fff !important; text-decoration: underline;}


/***** Textblock image-gallery *****/

.text-block  { border: 1px solid #fff; padding: 15px; text-align: left;}
.text-block p {font-size: 14px}
.text-muted {
	position: absolute;
    right: 0px;
    top: 0;
    font-size: 14px;
    font-weight: 800;
    background-color: rgba(255, 255, 255, 0.61);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 8px;
}



 .ui-widget-header .ui-state-hover {background-color: transparent !important; border-color: transparent !important}

.header-reserveren-img {
		height: 323px;
		margin-top: 90px;
		width: 100%;
		overflow: hidden;
		top: 0;
		left: 0;
		position: relative;
		z-index: 2;
	}
	
	
	

.img-scale {width: 35px; margin-left: auto; margin-right: auto}	
	
/****** Clock ******/

#c1 {Background-color: transparent !important; display: none;}
.bx-clone {display: none !important}


.page-header-content h1{font-size: 47px; font-weight: 800; text-transform:uppercase}
.page-header-content p {font-size: 22px}
.page-header h1{font-size: 47px; font-weight: 800; letter-spacing:-1px;}
.page-header p {font-size: 22px}
.img-size  {max-width: 30% !important}

.ContactForm-contactform .submitAwesomeForm {margin-right : 0 !important}
.submitAwesomeForm {
	-o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.submitAwesomeForm:hover {
	background-color: rgba(255, 255, 255, 0.24) !important; 
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
	color: #fff !important;
	}

.header-link:hover{
	color: #fff;
	 background-color: rgba(24, 22, 19, 0.79);
	}

.header-link {
	height: 50px;
    background-color: rgba(240, 207, 43, 0.75);
    margin-top: 48px;
	width: 180px;
    margin-left: auto;
    margin-right: auto;
	padding-top: 13px;
	font-size: 16px;
	text-shadow: none;
	font-weight:800;
	-o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
	border-radius: 0 !important;
	}
.header-link p {
	font-size: 18px !important;
	position: relative;
    left: 0;
    right: 0;
    top: 10px;
	text-shadow: none;
}
.p-t-40 {
	padding-top: 40px;s}
	
.headerproduct-img { height: 430px;margin-top: 90px; width: 100%; overflow: hidden; top:0; left:0; position: relative; z-index:2
	}
	
.img-menurespons { width: 40%;}
.transparent {opacity: 0 !important;}
.follow {font-size: 35px}


 #panorama {
        width: 100%;
        height: 400px;
    }
	
.header-usp a {
	color: rgba(255, 255, 255, 0.77);
    display: inline-block;
    float: left;
	font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
	}
.header-usp a:hover {color: #eaeaea}
	
.header-usp a+a:before {
	content: '•';
    display: inline-block;
    margin: 0 15px;
	}


#li_9 {padding: 6px !important}
#li_9 a{display: none;}
#topNav #li_1 a{border-right: 1px solid rgba(255, 255, 255, 0.77);} 


.visual-video {
	position: fixed;
    z-index:-1;
	top: 0;
	}

.title-blog {
	position: absolute !important;
    top: 0;
    bottom: 0;
    margin-top: 23%;
    left: 0;
    right: 0;
    /* margin-right: auto; */
    text-align: center;
    padding-top: 0 !important;
	}

.test #fixed-bckgrnd-2 {
	background-image: url('../images/huis-1.png') !important;
	height: 100%;
		width: 100%;
		top:0;
		left:0;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: center center; 
		position: fixed;
		z-index: -1;
	}
	.test2 #fixed-bckgrnd-2 {
	background-image: url('../images/huis-2.jpg') !important;
	height: 100%;
		width: 100%;
		top:0;
		left:0;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: center center; 
		position: fixed;
		z-index: -1;
	}
.test2 #fixed-bckgrnd {
	
	display:none !important;
}
.test #fixed-bckgrnd {
	
	display:none !important;
}

.blog-intro{height: 200px !important; background-size: cover;}
.blog-intro:before {
	background-color: rgba(0, 0, 0, 0.50);;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	content:''}

.blog-intro a {color: #fff !important}