/**
*
*	for the production css main-all_sites.css, simply replace
*	url(/assets/
*	with
*	url(/shared-assets/   
*
**/   
        /*#vid_2{display:none}*/
		
		/* external css: flickity.css */
		
		* {
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		}
		
		body {font-family: /*'Quicksand',*/ 'PT Sans Caption', sans-serif; font-size:18px;color:#f26522; margin:0; padding:0;
			/*width: calc(100vw - (100vw - 100%)); viewport without scrollbars: https://stackoverflow.com/a/34884924/2275490*/
			/*min-width:300px; min-height:200px;*/
			overflow:hidden;
		}
		
		h1, h2, h3 { /*overrides H1 H2 settings*/
			display: inline;
			font-size: inherit;
			margin-block-start: 0px;
			margin-block-end: 0px;
			margin-inline-start: 0px;
			margin-inline-end: 0px;
			font-weight: bold;
			 font-weight:normal;
		}	
		
		.obj_text h3{white-space: pre-line;}
		/*.rate_table td{white-space:pre;}*/	

		
		textarea{
			font-family: 'PT Sans Caption', sans-serif;
		}
		/*.wrap_all{border:1px solid red; max-width:800px; overflow:hidden;}*/
		
		a{outline: 0;} /*removes dotted outline from anchor*/
		
		ul {
			list-style-position: outside;
			margin-left: -20px;
		}
		
		.obj_text h3 a, .rate_table td a{ border-bottom:1px dotted #2e3192;}			
		.obj_text h3 a:hover, .rate_table td a:hover{ color:#f26522;border-bottom:1px dotted #f26522;}	
			
		.about_ericeira{display:none;}		
		
		/*
			VIDEO
		*/
		
		
		.gallery,.carousel {
		  background: #EEE;
		  z-index:100;
		}
		

		
		/* cell number */
		/*.gallery-cell:before {
		  display: block;
		  text-align: center;
		  content: counter(gallery-cell);
		  line-height: 200px;
		  font-size: 80px;
		  color: white;
		}*/
		
		
		

		
		/*.photowrap{display:none;}*/
		
.carousel {
  background: #EEE;
}

.carousel-cell {
  margin-right: 20px;
  overflow: hidden;
}

.carousel-cell img {
  display: block;
  height: 200px;
}
/*.videowrap{display:none}
.photowrap{display:block}*/

.flickity-viewport{ border:0px solid red; cursor:ew-resize!important;}

.videowrap .flickity-page-dots{position:absolute; /*top:200px;*/ bottom:10px;}
.photowrap .flickity-page-dots{position:absolute; /*top:200px;*/ bottom:5px;}
.flickity-page-dots .dot{ background:#f18027;border:1px solid rgba(256,256,256,1); }

	
	
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    zoom: 1;
}

.clearfix::before,
.clearfix::after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix::after {
    clear: both;
}	
		
	/*
		MENU GRID
	*/
	#logo{ /*background-image:url(/shared-assets/_img/logo.png);*/ 
			background-image:url(/shared-assets/_img/logo_only_icon.png);
			background-repeat:no-repeat; background-size:contain; /*background-position: 30%;*/
			position: absolute; left:0; height:100%; margin: 0.2% 0 0 0.80%;
			display:none;
		}
	/* 	LANGUAGE */	
	.lwrap{border:0px solid red; width:100px;  position:absolute; display:flex; flex-wrap:nowrap;margin-left:2vw; top: 0px;}


	
	#logo{ position:absolute; border:0px solid orange;}
	.mylang{margin-left:20px; display:flex; align-items:flex-end; display:none; margin-bottom: 5px; position:absolute;  /*padding: 0 0 5px 0; */}
	.mylang_item{padding:5px 10px;cursor:pointer;border:0px solid red; opacity:0.3;z-index:999;}
	.mylang_item:hover{opacity:1;}
	.mylang_act{ opacity: 1!important;}		
		
		
	/*
		horizontal
	*/
	#hwrap{width:100%; min-height:51px; border:0px solid lime; position: absolute; top:0; left:0; z-index:103; display:flex;

			/*z-index:2;*/
	}
	#logo, #hamburger, #full_screen, #current_page_icon{ min-width:51px; min-height:51px; border:0px solid pink;z-index: 103;}

	
	#spacer{width:100%;height:1px;}
	#hinnerwrap{display:flex;z-index:2; padding-bottom: 5px;/*padding-left: 100%; IE issue!!*/position:absolute; right:0;
				background: linear-gradient(
						to top, 
						rgba(256, 256, 256, 0.5),  
						rgba(256, 256, 256, 0.855)
					);
	}
	.hmenuitem{ 
		min-width:51px; min-height:51px; z-index:999999; 
		display:flex;flex-wrap: wrap;justify-content:center;  
		border:2px solid rgba(0,0,0,0); 
		color:#f26522;
		position:relative; 
		background-size:55%; background-position: center 20%; background-repeat:no-repeat;
	}
	.hamburger_menuitem{
		/*// copy of innerwrap*/
		display:flex;z-index:2; padding-bottom: 5px;/*padding-left: 100%; IE issue!!*/position:absolute; right:0;
				background: linear-gradient(
						to top, 
						rgba(256, 256, 256, 0.5),  
						rgba(256, 256, 256, 0.855)
					);
	}
	
	.hmenuitem a, .hmenuitem a:active, .hmenuitem a:hover, .hmenuitem a:visited{ text-decoration:none;color:#f26522;}
	.h_element_box:hover{ border:1px solid #f26522;border-radius:.5vw; background-color: rgba(242,101,34,0.5); color:white; }
	/*.h_element_box1:hover{ border:1px; color:#ef762430; }*/
	
	/*.h_element_box2:hover{ border:1px solid #f26522;border-radius:.5vw; background-color: rgba(242,101,34,0.5); color:white; }*/
	.hamburger_wrap{position:relative; top:0; border:1px solid green;}
	/*
		vertical
	*/
	#vrap{position: relative;}
	#vinnerwrap{ 
		position: absolute;  top:0px; right:0; min-width:51px; width:auto; height:100%;  border:0px solid red;z-index:1;
		display:flex;  flex-flow: row wrap; justify-content: flex-end; align-content: flex-start;
		/*transparent to white background*/
		background: linear-gradient(
						to right, 
						rgba(256, 256, 256, 0.5),  
						rgba(256, 256, 256, 0.855)
					);
		z-index:103;				
	}
	.vmenuitem{ 
		min-width:51px; min-height:51px;border:0px solid gold;display:flex; justify-content:center;color:#2e3192;
	}
	.vmenuitem a, .vmenuitem a:active, .vmenuitem a:hover, .vmenuitem a:visited{ text-decoration:none;color:#2e3192;}
	
	.v_element_box:hover{ border:1px solid #2e3192;border-radius:.5vw; background-color: rgba(46,49,146,0.5); color:white; }
	/*
		both horizontal and vertical
	*/
	.h_element_box, .v_element_box{
		display:flex;flex-wrap: wrap;justify-content:center; align-items:center;  border:2px solid rgba(0,0,0,0); /*color:#f26522;*/ 
		position:relative; cursor:pointer;  background-size:55%; background-position: center 20%; background-repeat:no-repeat;
	}
	.h_element_box1{
		display:flex;flex-wrap: wrap;justify-content:center; align-items:center;  border:0px solid rgba(0,0,0,0); /*color:#f26522;*/ 
		position:relative; cursor:pointer;  background-size:55%; background-position: center 20%; background-repeat:no-repeat;
	}
	.h_element_box2{
		display:flex;flex-wrap: wrap;justify-content:center; align-items:center;  border:0px solid rgba(0,0,0,0); /*color:#f26522;*/ 
		position:relative; cursor:pointer;  background-size:55%; background-position: center 20%; background-repeat:no-repeat;
	}
	#hamburger.h_element_box_hamburger{
		display:flex;flex-wrap: wrap;justify-content:center; align-items:center;  border:0px solid rgba(0,0,0,0); /*color:#f26522;*/ 
		position:relative; cursor:pointer;  background-size:55%; background-position: center 20%; background-repeat:no-repeat; border:1px solid red!important;
	}	
	.upper_txt{position:relative; /*bottom:1.50vw;*/border:0px solid red;width:100%; text-align:center;}
	.lower_txt{position:relative; /*bottom:0.25vw;*/border:0px solid blue;width:100%; text-align:center;}

	.hmenuitem,.vmenuitem{display:none;}
	
	.hmenuitem:last-of-type{margin-right:0px;}
	#burgerwrap.hmenuitem{position: inherit;
    display: flex;
    z-index: 999;
    padding-bottom: 5px;
	position:absolute;
	right:0;
			background-image:url(/shared-assets/_img/icon_menu_orange.png);
		background-size: 50%;
		background-repeat: no-repeat;
		background-position: center;
		    background-position: center 16px;
    top: 2px;
    }
	
	
	
	/*#hinnerwrap, #vwrap{ visibility:hidden;}*/
	/*
		hamburger
	*/
	#hamburger{ 
		position: absolute;  top:-0.7vw; right:0;

		border:0px solid navy; cursor:pointer;
		min-width:51px; height:auto;
		/*top:2px;
		padding-bottom: 12px;
		width:100%;
		height: 20%;*/
	}
	/*#hamburger:hover{background-image:url(/shared-assets/_img/icon_menu_orange-hover.png)!important;}*/
	#burgerwrap:hover{background-image:url(/shared-assets/_img/icon_menu_orange-hover.png)!important;color:#ef762430;}
	#hamburger:hover{background-image:url(/shared-assets/_img/icon_menu_orange-hover.png)!important;color:#ef762430;}
	#hamburger.menuoff:hover{ background-image:url(/shared-assets/_img/icon_menu_orange_off-hover.png)!important;/*border:1px solid #f26522;border-radius:.5vw; background-color: rgba(242,101,34,0.5); color:white; right:0; position:absolute;*/}
	#menuwrap{top:2px;}
	
	#hamburger>.lower_txt, #current_page_icon>.lower_txt, #current_page_icon1>.lower_txt, #xburger>.lower_txt{margin-top:3vw;}
	#logo, #hamburger, #xburger, #current_page_icon{z-index: 104;}
	
	
#current_page_icon,#hamburger {
    position: absolute;
    top: -0.7vw;
    right: 0;
    /* background-image: url(/shared-assets/_img/icon_menu_orange.png); */
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px solid blue;
    cursor: default;
    min-width: 51px;
    /*height: auto;*/
}
#hamburger {cursor:pointer;}	
	
	#full_screen{ 
		position: absolute;  top:0px; right:0;
		background-image:url(/shared-assets/_img/icon_full_screen_orange.png);
		background-size: 60%;
		background-repeat: no-repeat;
		background-position: center;
		border:0px solid navy; cursor:pointer;
		min-width:51px; height:auto;
		/*z-index:3; 
		width:100%;
		height: 20%;*/
		display:none;
	}
	#full_screen:hover{background-image:url(/shared-assets/_img/icon_full_screen_orange-hover.png);}	
	

	.qs_box.quicksearch_box{display:none;}

	/*
		icons
	*/
	#icon_center{ background-image:url(/shared-assets/_img/icon_center.png);}
	#icon_center:hover{ background-image:url(/shared-assets/_img/icon_center-hover.png);}
	#icon_center-hover{ background-image:url(/shared-assets/_img/icon_center-hover.png);}
	
	#icon_seaview{ background-image:url(/shared-assets/_img/icon_seaview.png); }
	#icon_seaview:hover{ background-image:url(/shared-assets/_img/icon_seaview-hover.png);}
	#icon_seaview-hover{ background-image:url(/shared-assets/_img/icon_seaview-hover.png);}
		
	#icon_country{ background-image:url(/shared-assets/_img/icon_country.png); }
	#icon_country:hover{ background-image:url(/shared-assets/_img/icon_country-hover.png);}
	#icon_country-hover{ background-image:url(/shared-assets/_img/icon_country-hover.png);}
	
	#icon_resort{ background-image:url(/shared-assets/_img/icon_resort.png); }
	#icon_resort:hover{ background-image:url(/shared-assets/_img/icon_resort-hover.png);}
	#icon_resort-hover{ background-image:url(/shared-assets/_img/icon_resort-hover.png);}
	
	#icon_guesthouse{ background-image:url(/shared-assets/_img/icon_guesthouse.png); }
	#icon_guesthouse:hover{ background-image:url(/shared-assets/_img/icon_guesthouse-hover.png);}
	#icon_guesthouse-hover{ background-image:url(/shared-assets/_img/icon_guesthouse-hover.png);}
	
	#icon_surfcamp{ background-image:url(/shared-assets/_img/icon_surfcamp.png); }
	#icon_surfcamp:hover{ background-image:url(/shared-assets/_img/icon_surfcamp-hover.png);}
	#icon_surfcamp-hover{ background-image:url(/shared-assets/_img/icon_surfcamp-hover.png);}
	
	#icon_search{ background-image:url(/shared-assets/_img/icon_search.png); background-size:55%;}
	#icon_search:hover{ background-image:url(/shared-assets/_img/icon_search-hover.png);}
	#icon_search-hover{ background-image:url(/shared-assets/_img/icon_search-hover.png);}
	
	.icon_gastro{ background-image:url(/shared-assets/_img/icon_gastro.png);}
	.icon_gastro:hover{ background-image:url(/shared-assets/_img/icon_gastro-hover.png);}
	#icon_gastro-hover{ background-image:url(/shared-assets/_img/icon_gastro-hover.png);}
	
	.icon_beach{ background-image:url(/shared-assets/_img/icon_beach.png);}
	.icon_beach:hover{ background-image:url(/shared-assets/_img/icon_beach-hover.png);}
	#icon_beach-hover{ background-image:url(/shared-assets/_img/icon_beach-hover.png);}
	
	.icon_lessons{ background-image:url(/shared-assets/_img/icon_lessons.png);}
	.icon_lessons:hover{ background-image:url(/shared-assets/_img/icon_lessons-hover.png);}
	#icon_lessons-hover{ background-image:url(/shared-assets/_img/icon_lessons-hover.png);}
	
	.icon_rentals{ background-image:url(/shared-assets/_img/icon_rentals.png);}
	.icon_rentals:hover{ background-image:url(/shared-assets/_img/icon_rentals-hover.png);}
	#icon_rentals-hover{ background-image:url(/shared-assets/_img/icon_rentals-hover.png);}
	
	.icon_ebike{ background-image:url(/shared-assets/_img/icon_ebike.png);}
	.icon_ebike:hover{ background-image:url(/shared-assets/_img/icon_ebike-hover.png);}		
	#icon_ebike-hover{ background-image:url(/shared-assets/_img/icon_ebike-hover.png);}		
	
	.icon_photos{ background-image:url(/shared-assets/_img/icon_photos.png);}
	.icon_photos:hover{ background-image:url(/shared-assets/_img/icon_photos-hover.png);}	
	#icon_photos-hover{ background-image:url(/shared-assets/_img/icon_photos-hover.png);}	
	
	.icon_videos{ background-image:url(/shared-assets/_img/icon_videos.png);}
	.icon_videos:hover{ background-image:url(/shared-assets/_img/icon_videos-hover.png);}	
	#icon_videos-hover{ background-image:url(/shared-assets/_img/icon_videos-hover.png);}		
	
	.icon_service{ background-image:url(/shared-assets/_img/icon_service.png);}
	.icon_service:hover{ background-image:url(/shared-assets/_img/icon_service-hover.png);}
	#icon_service-hover{ background-image:url(/shared-assets/_img/icon_service-hover.png);}
	
	.icon_legal{ background-image:url(/shared-assets/_img/icon_legal.png);}
	.icon_legal:hover{ background-image:url(/shared-assets/_img/icon_legal-hover.png);}
	#icon_legal-hover{ background-image:url(/shared-assets/_img/icon_legal-hover.png);}
	
	#icon_book{ background-image:url(/shared-assets/_img/icon_book.png);}
	#icon_book:hover{ background-image:url(/shared-assets/_img/icon_book-hover.png);}
	#icon_book-hover{ background-image:url(/shared-assets/_img/icon_book-hover.png);}

	#icon_back{background-image:url(/shared-assets/_img/back1l_50-hover.png);
	
	/*margin-left: -100%;
    background-size: 90%;*/}
	
	/*	
		SERVICE.php
		
	*/
	.service_item_icon[data-id="sii_media"], .service_list_descr[data-id="sii_media"]{ background-image:url(/shared-assets/_img/icon_videos.png);}
	.service_item_icon[data-id="sii_register"],.service_list_descr[data-id="sii_register"]{ background-image:url(/shared-assets/_img/icon_registration.png);}
	.service_item_icon[data-id="sii_cal"],.service_list_descr[data-id="sii_cal"]{ background-image:url(/shared-assets/_img/icon_rates.png);}
	.service_item_icon[data-id="sii_welcome"],.service_list_descr[data-id="sii_welcome"]{ background-image:url(/shared-assets/_img/icon_welcome.png);}
	.service_item_icon[data-id="sii_legal"],.service_list_descr[data-id="sii_legal"]{ background-image:url(/shared-assets/_img/icon_legal.png);}
	.service_item_icon[data-id="sii_clean"],.service_list_descr[data-id="sii_clean"]{ background-image:url(/shared-assets/_img/icon_clean.png);}
	.service_item_icon[data-id="sii_care"],.service_list_descr[data-id="sii_care"]{ background-image:url(/shared-assets/_img/icon_care.png);}
	.service_item_icon[data-id="sii_ads"],.service_list_descr[data-id="sii_ads"]{ background-image:url(/shared-assets/_img/icon_ads.png);}
	.service_item_icon[data-id="sii_world"],.service_list_descr[data-id="sii_world"]{ background-image:url(/shared-assets/_img/icon_world.png);}
	.service_item_icon[data-id="sii_login"],.service_list_descr[data-id="sii_login"]{ background-image:url(/shared-assets/_img/icon_login.png);}	
	.service_item_icon[data-id="sii_plan"], .service_list_descr[data-id="sii_plan"]{ background-image:url(/shared-assets/_img/icon_edit_unit.png);}
	
	/*
		WELCOME, BEACH, ETC... PAGEs
	*/

	.content_wrap {
		padding: 0 3vw;
		/*max-width: 1200px;*/
		margin: 0 auto;
		/*border-left: 1px solid #ef762420;
		border-right: 1px solid #ef762425;*/
		margin-bottom: 171px;
	}


	.content_wrap h1 {
		margin-top: 36px;
		line-height: 36px;
		font-size: 30px;
	}	
	.content_wrap h1:first-of-type {
		margin:0;
		justify-content: center;
		    display: flex;
			text-align: center;
	}
	.AL_info_title {
		font-size: 20px;
		margin-top: 22px;
		margin-bottom: 30px;
	}
	.AL_info_subtitle{
		font-size: 16px;
	}	
	
.welcome_page_content {position:absolute; overflow-y: auto; border:0px solid gold; color:#2e3192; height:100%;margin-top: 80px; }

/*.welcome_page_content .AL_info_title{ margin-bottom:50px;}	*/

	/*
		RESULT & OBJECT PAGE
	*/
	.results{margin-left:3vw; font-size:12px; color:#f26522; margin-bottom:10px;}
	.no_dates {
		display:none;
		font-size: 3vw;
		/*width: auto;*/
		padding: 3vw 6vw;

		border: 1px solid red;
		position: absolute;
		z-index: 9;
		background-color: #ef7624;
	}
	.my_title {
		/* border: 1px solid red; */
		width: 45px;
		/* height: 45px; */
		/* position: relative; */
		margin-left: -52px;
		/* padding-left: 20px; */
		margin-right: 9px;
	}

	/*.rp_wrap{margin-top:71px;}*/
	.rp_wrap {
    display: flex;
    justify-content: center;
    align-items: center; /* If you also want vertical centering */
}
	.rp_wrap h1{margin:0;}
	.AL2 {
		font-size: 14px;
		line-height: 14px;
		margin: 0 0 10px 3px;
	}
	.property_name {
		line-height: 95%;
		border: 0px solid green;
		order: 0;
		border-radius: 0px;
		background-color: #f68520;
		font-size: 40px;
		/*padding: 6px 6px 3px 6px;*/
		/*padding: 1vw;*/
		padding: 1vw 3vw;
		line-height: 100%;
		width: 100%;
		/*height: 69px;*/
		margin-bottom: 3vw;
		margin-top: 4vw;
		padding-bottom: 8px;
		position:relative;
		    height: auto!important;
	}
	a:first-of-type>.property_name, .obj_page_content>.property_name{ margin-top: 0;}
	.prop_name_header {
		margin-top: -10px;
	}
	.result_page_content {position:absolute; overflow-y: auto; border:0px solid gold; /*height:100%;display:none;*/color:#2e3192; height:100%; }
	.result_page_content a, .result_page_content a:active, .result_page_content a:hover, .result_page_content a:visited{ text-decoration: none; color:#2e3192;}
	.result_page_content a:last-of-type .rate_wrap{    margin-bottom: 15vh;}
	.rp_wrap{display:none;}
	.orange_border_r{ border-right: 1px solid rgba(239,118,36,.2);}
	.col_desc {
		border: 0px solid blue;
		flex-grow: 1;
		order: 2; 
		width:100%;
		padding: 0 2vw;
		    margin-top: 1vw;
	}
	/*.obj_page_content>.col_desc:visible(:last-of-type)'){height:100%;};*/
	.col_desc:last-of-type {
		flex-grow: 2;
	}
	.short_desc {
		padding: 0vw 0vw 1vw 1vw;
		font-size: 24px;
		line-height: 30px;
    display: flex;
    justify-content: space-between;
}	
	.desc_item {
		flex-grow: 1;
		min-width: 250px;
		border: 0px solid green;
		font-size: 18px;
	}
	.desc_item:first-of-type>div { margin-left:1vw;}	
	.result_icon_wrap {
		background-color: #f6ebe0;
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		align-items: flex-start;
		margin-top: 20px;
		margin-left: 1vw;
	}
	.result_icon_col{
		display: flex;
		flex-wrap: wrap;
		position: relative;
		top: -5px;
		margin-bottom: -5px;
	}

	.result_icon_col:first-child > .result_icon {
		margin-right: 5px;
		margin-bottom: 0px;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}
	.result_icon_col:last-of-type{margin-left:auto; display: flex;/*align-items:flex-start;*/flex-wrap: nowrap;} 
	.result_icon_col:last-of-type>.result_icon:first-child{ background-color:transparent;}	
	
	.result_icon {
		width: 51px;
		height: 51px;
		background-color: #f68520;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top:5px;
    /*background-size: auto 67%;*/
	background-size: 80%;
    /*background-color: transparent;*/
}
	.sleeps_max{ background-image:url(/shared-assets/_img/icon_person.png); background-position:center; background-repeat:no-repeat; background-size:contain;}
/*	.sleeps_max>span{margin-top: 63%;
    margin-left: -30%;
    font-size: 2.5vh;
    font-weight: bold;
    width: 10vw;
    text-align: center;
    letter-spacing: -.7vw;}	*/
.sleeps_max>span {
    /* margin-top: 63%; */
    /* margin-left: -2.3vh; */
    font-size: 15px;
    font-weight: bold;
    width: 38px;
    text-align: center;
    letter-spacing: -2px;
    position: absolute;
    left: 51px;
    bottom: -1px;
    display: inline-block;
    /* border: 1px solid red; */
}
	
	.col_img {
		margin-top: 20px;
		width: 195px;
		border: 0px solid green;
		order: 3;
		position:relative;
	}
.col_badge {
    width: 100px;
    height: 100px;
    border: 0px solid green;
    position: relative;
    /* right: 0; */
    float: right;
    margin-right: 45px;
    margin-top: -50px;
	background-image: url(/shared-assets/_img/badge-cleansafe.png);
		background-size: 100px;
		background-position: 100% center;
		background-repeat: no-repeat; cursor:pointer;
}

.col_badge1 {
    width: 100px;
    height: 100px;
    border: 0px solid green;
    position: relative;
    /* right: 0; */
    float: right;
margin-right: 2vw;
    margin-top: -6vw;
	background-image: url(/shared-assets/_img/badge-cleansafe.png);
		background-size: 100px;
		background-position: 100% center;
		background-repeat: no-repeat; cursor:pointer;
}
	
	.property_image {
		display:none;
		width: 100%;
		/*height is set in menu_grid.js*/
		min-height: 100px;
		margin-bottom: 10px;
		margin-left: 3vw;
		margin-left: 1vw;
	}

.rate_wrap {
    background: linear-gradient( #f6ebe0 50%, #f6852150 50% );
    background-size: 100%;
    display: flex;
    margin-left: 3vw;
}	
	/*.rate_wrap:first-of-type{margin-top:0px;}*/
	.rate_col{
		
		width:100%;
	}
	.rate_col:last-of-type{width:153px; height: 102px;
		background-image: url(/shared-assets/_img/icon_about.png);
		background-size: 51px;
		background-position: 85% center;
		background-repeat: no-repeat; cursor:pointer;
		margin-right:1vw;
	}
	.rate_col.i_logo:hover{background-image: url(/shared-assets/_img/icon_about-hover2.png); }
	.rate_col:first-of-type{width:auto;min-width:30vw;}
	.rate_col:nth-of-type(2){border:0px solid lime;display: flex; flex-wrap:wrap; }	
	.result_rate_row_inner {
		border: 0px solid gold;
		/*flex-grow: 1;*/
		height: 50%;
		/*width: 50%;*/
		display: flex;
		align-items: center;
		margin-left: 2vw;
	}
		
	.result_rate_row_inner> .year_box1 {
		width: 51px;
		height: 100%;
	}
	.result_rate_row_inner:nth-of-type(2)>.inner_wrapper{
		border:2px solid black;
		margin-right:51px;
		display: flex;
		justify-content: flex-end;
		margin-left:100%;
	}
	.year_box1 {
		font-size: 15px;
		font-weight: bold;
		background-image: url(/shared-assets/_img/icon_cal70.png);
		background-repeat: no-repeat;
		background-size: 90%;
		background-position: 4px, left;
		margin-right: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.year_box1>span{margin-top:10px;}
	.rate_season{ font-size:14px;}
	.rate_inner_wrapper{ border:0px solid red;height:49px; width:100%;display: flex;/*justify-content: flex-end; align-items:flex-end;align-content: flex-end;*/
    text-align: right;    padding-right: 2vw;}
	.rr{ width:100%;position:relative;}
	.rr:last-of-type{/*width:auto;*/    align-self: flex-end;}
	.rr_nights{/*position: relative;
    top: 3.8vh;*/    margin-bottom: 3px;}
	.r_week{ font-size:11px; border:0px solid pink; width:100%; text-align:right; margin-top:5px;min-width: 90px;}
	.r_week1{ font-size:11px; border:0px solid pink; width:100%; text-align:left; margin-top:5px;min-width: 90px;}
	.r_euro{ font-size:28px; border:0px solid lime; width:100%;margin-top:-5px;}
	.r_euro>span{margin-left: 3px; font-size:20px;}
	
	a.quick_link {
		cursor: pointer;
		border-bottom: dashed 0.7px #ef7624;
		margin-bottom:5px;
	}
	a.quick_link:hover {color:#ef7624;}
	
	/*
		RESULT.php - NO RECORDS
	*/
	.no_records_content {
		border: 0px solid orange;
		display: flex;
		justify-content: center;
		/* align-items: center; */
		/* align-content: center; */
		/* margin-top: 5vh; */
		min-height: 250px;
		/* height: 100%; */
		position: relative;
		top: 9vh;
	}
	.no_records_help {
		margin-top: 0px;
		font-size: 11px;
		display: inline-block;
		border: 0px solid navy;
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		position: absolute;
		align-items: flex-end;
		top: 11px;
		margin-left: -6vw;
		justify-content: flex-start;
		align-items: flex-end;
		margin-left: 0;
			line-height: 41px;
		}
	.no_records_found{font-size:24px;}
	.no_records_content .teaser_box{border:0px solid orange; position:relative; bottom:0; left:0;display: block;}
	.no_records_content .tb_btn:last-of-type, .no_records_content .tb_caption1, .no_records_content .tb_caption2, .tb_caption2 h3 {
		color: #ee7725;
	}
	.no_records_content .tb_w_bgrd,.no_records_content .tb_line {
		background: #ee7725;
	}
	.no_records_content .tb_logo {
		background-image: url(/shared-assets/_img/logo_or_trans2.png);
	}	
	
	
	/*	
		OBJECT.php
	*/	
	.obj_page_footer {
		height: 3.7vw;
		margin: 0;
	}
	
	/*
		AMENITIES & HOUSERULES
	*/
	.amenity_wrap{display:flex; flex-wrap: wrap; /*margin: 3vw 0;*//* justify-content:space-between;*/ }
	.amenity_icon{margin:0 5px;}
	.house_rules{margin: 3vw 0;}
	
	

	

	
	
	/*REVIEW*/
	#object_reviews{ margin-top: 0vw;}
	.tot_revs{
		font-family: Verdana;
		color: #fbddc8;
		position: relative;
		top: 20px;
		left: 5px;
		letter-spacing: -2px;
	}
	.rev_content{ border:0px solid red; display:flex; flex-wrap: wrap; align-items: flex-start;}

	.rev_content_row{ border:0px solid green; width:100%; display:flex; flex-wrap:wrap; background-color:rgba(239,118,36,0.05); margin:15px 0;} 
	.rev_content_row:first-of-type{ margin:0 0 15px 0;}
	/*.rev_content_row:last-of-type{ height:100%;}*/
	.rev_content_row:nth-child(even){ background-color:#ffffff;}
	
	.rev_row{ border:0px solid navy; width:100%;}
	.rev_col_inner{width:100%;
		overflow:hidden;
		padding:10px;}
	.label_wrap1{padding:10px;}
	.rev_col{ border:0px solid black; position: relative;}
	.rev_col:first-of-type{ width:300px; float:left}
	.rev_col:last-of-type{ margin: 0 0 0 300px;}
	.rev_title{margin:0 0 10px 0; font-style:italic;width:100%;}
	.rev_title>span{ min-width: 300px;}

	.bar_label{ float:left; width:100px; margin-top:0px;}
	.bar_good{ float:left; background-color: #4b4b76;height:3px; border:1px solid gray;}
	.bar_bad{ float:left; background-color:white;height:3px; border:1px solid gray;}
	.bar_legend{ width:205px; border:0px solid green;}
	.bar_legend_num{ font-size:1.0rem;color:gray; border: 0px solid blue; width:41px; text-align:right; position:relative; left:38px; top:0px;z-index:0;}
	.bar_legend_scale{width:41px;border:0px solid red;border-right:1px solid gray;height:5px;z-index:1;position:relative; top:-10px;}

	.label_wrap{ max-width:320px; border: 0px solid red;}
	.label_row{display:-webkit-box;display:-ms-flexbox;display:flex; flex-wrap:wrap;align-items: center; border: 0px solid red;}
	
	.comment_row{display:-webkit-box;display:-ms-flexbox;display:flex; /*flex-wrap:no-wrap;*/ align-items: center;border: 0px solid blue;}
	.label_col{ display:-webkit-box;display:-ms-flexbox;display:flex; flex-wrap:nowrap; border:0px solid gold;}
	.label_col:last-of-type {
		/* border: 1px solid gold; */
		width: 210px;
	}
	.comment_row>.label_col{float:left; border:0px solid green;display:block;}
	.comment{background:url(/shared-assets/_img/comment.png); height:50px; width:104px; min-width: 104px; background-position:left; background-size: contain; background-repeat:no-repeat;border:0px solid pink;margin: 0 20px 0px 0;}
	.label_col1	{	float:left;	margin-top:10px; display:flex; flex-wrap:nowrap; align-items:center; border:0px solid red;}			
	.label_col1>div{border:0px solid gold; padding: 6px 2vw 0 0; /*to compensate "comment text in icon, which was moved down by 20px, + bounding box*/}
	/* FONT STYLING */
	.legend36{ font-size:3.6rem;}
	.legend32{ font-size:3.2rem;}
	.legend30{ font-size:3.0rem;}
	.legend28{ font-size:2.8rem; margin-top:8px;}
	.legend26{ font-size:2.6rem;}
	.legend25{ font-size:2.5rem; margin-top:8px;}
	.legend24{ font-size:2.4rem;}
	.legend22{ font-size:2.2rem;}
	.legend20{ font-size:2.0rem;}
	.legend20a{ font-size:2.0rem; margin-top:-5px;}
		
	.legend17{ font-size:1.7rem;}

	.legend14{ font-size:1.4rem; margin-top:0px;}
	.legend12{ font-size:1.2rem; margin-top:2px;}
	.legend12a{ font-size:1.2rem; margin-top:0px;}
	.legend10{ font-size:1.0rem; margin-top:2px; margin-bottom:0px;}
	
	.legend24{ font-size:24px;}
	.legend22{ font-size:22px;}	
	.legend20{ font-size:20px;}
	.legend14{ font-size:14px;}
	.legend16{ font-size:16px; margin: 10px 0 5px 0;}
	.legend18{ font-size:18px; margin:8px 0;width:100%;}
	.font12{ font-size:12px;}
	.margin1{ margin:0px 0 0 4px;}
	.margin2{ margin-left:4px;}	
	.margin4{ margin-top:15px; margin-bottom:4px;}
	.italic{ font-style:italic;}
	.bold{ font-weight: bold;}
	
	.rev_content_row>.rev_row:last-of-type{ margin: -20px 0 20px 0;}
	.rev_content_row:last-of-type{margin-bottom: 7vh;}
	
/*REVIEWS*/
	/*.rev_col_wrap{border:1px solid gold; width:33%;}
	.review_wrap{display:none;}	*/
/*	.rev_content_row{  display:-webkit-box;display:-ms-flexbox;display:flex; flex-wrap:wrap;border: 0px solid blue;align-items: flex-start; width:100%; background-color:rgba(239,118,36,0.05);padding: 1vw 0;}
	.rev_content_row:last-of-type>div{ padding:5px 10px;}
	.rev_content_row:nth-of-type(odd){background-color:rgba(239,118,36,0.1)}*/
	/*.rev_col{ border: 1px solid orange;padding:5px 10px; margin:0;}*/
	/*.rev_col:first-of-type{ border: 1px solid orange;}*/
	

	
/*	.rev_col_wrap{ border: 1px solid green; float:left; display:flex; flex-wrap:wrap;}
	.rev_col_wrap:first-of-type{ width:30%;}
	.rev_col_wrap:last-of-type{ width:70%;}
	.rev_auth{ background-color: #f2f2f8; padding:10px 10px; cursor:pointer; display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
	.rev_auth:hover{ background-color: #c0c1dd;}	
	.rev_tri{ border-top: 18px solid transparent; border-left: 36px solid #4b4b76; border-bottom: 18px solid transparent;margin-right:0px;}
	.rev_howto{padding:5px 10px; display:none; border:1px solid #f2f2f8;}
	.bar_label{ float:left; width:100px; margin-top:0px;}
	.bar_good{ float:left; background-color: #4b4b76;height:3px; border:1px solid gray;}
	.bar_bad{ float:left; background-color:white;height:3px; border:1px solid gray;}
	.bar_legend{ width:205px; border:0px solid green;}
	.bar_legend_num{ font-size:1.0rem;color:gray; border: 0px solid blue; width:41px; text-align:right; position:relative; left:38px; top:0px;z-index:0;}
	.bar_legend_scale{width:41px;border:0px solid red;border-right:1px solid gray;height:5px;z-index:1;position:relative; top:-10px;}
	.margin1{ margin:0px 0 0 4px;}
	.margin2{ margin-left:4px;}	
	.margin4{ margin-top:15px;}
	.label_wrap{ max-width:320px; border: 0px solid red;}
	.label_row{display:-webkit-box;display:-ms-flexbox;display:flex; flex-wrap:wrap;align-items: center; border: 0px solid red;}
	
	.comment_row{display:-webkit-box;display:-ms-flexbox;display:flex; flex-wrap:no-wrap; align-items: center;border: 0px solid blue;}
	.label_col{ display:-webkit-box;display:-ms-flexbox;display:flex; flex-wrap:nowrap; border:0px solid gold;}
	.comment_row>.label_col{float:left; border:0px solid green;display:block;}
	.comment{background:url(/shared-assets/_img/comment.jpg); height:48px; width:150px; background-position:left; background-repeat:no-repeat;border:0px solid pink;margin: 0 20px 0px 0;}
	.label_col1	{	float:left;	margin-top:10px;}*/
	
	.col_order{display:flex; flex-wrap:wrap; width:100%;}
	.rev_title{order:1;}
	.label_wrap{order:2;}


	.rev_content{display:none;}	
	
	/*
		QUESTION.php
	*/
	#to_calendar{
		height: 65px;
    	margin-top: 0.9vw;
	}
	#object_form{ display:none;}
	#object_form input:hover{    
		background-color:#f2f2f8;
	}
	input, textarea{
	  /* insert your own styles for invalid form input */
	/*  -moz-box-shadow: none;
	  border: 0;outline-width: 0;*/
	  box-shadow: none;
	  background-color: white;
	}
	.que_content{ 
		border:0px solid red; display:flex; flex-wrap: wrap; align-items: flex-start;position: relative;
		margin-bottom: 30px;
	}
	.que_content_row{ border:0px solid green; width:100%; display:flex; flex-wrap:wrap;/* background-color:rgba(239,118,36,0.05);*/}
	.form_row{ margin:10px 0;} 

	.button-submit{display:none;}	
	.form_wrap { border: 0px solid orange; margin: 5px 5px 0 5px; width: 100%;font-size: 16px;margin: 0 3vw 0 0;}	
	.res_header{font-size: 18px; margin-top: 20px;}	
	.res_group{width:100%;}
	.res_data_box input, .res_data_box input:focus, textarea#ask, textarea#ask:focus, textarea#note, textarea#note:focus{ 
		width:100%; 
		border:0px solid pink;
		/*height: 50px;
		font-size: 16px;*/
		padding:12px;
		height: 12vh;
		font-size: 18px;
		font-size: 4.5vw; color:#2e3192;
	}
	.form_row{ border:0px solid black;}
	.star{ color:red;float:left;}
	.star label{ float:left;}
	label, legend {
		display: block;
		margin-bottom: .5rem;
		font-weight: 600;
	}
	input:hover{filter: alpha(Opacity=80); opacity : 0.8;}
	.error_box {
		color: red;
		/*margin-bottom: 20px;
		height: 20px;*/
		font-size: 12px;
		margin-left: 12px;
	}
	
	.result_ok_wrap5{ position:relative;top:0;left: 50%; transform: translate(-50%, 0); 
		background-color:#9da0c6; 		
		background-image: linear-gradient(#c0c1dd, #c0c1dd);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		transition: background-size .5s, color .5s;
		display:-webkit-box;display:-ms-flexbox;display:flex; align-items:center;justify-content:center;
		cursor: default; height:100%; width:100%;
		border:0px solid black;  z-index:1;
		/*margin-top:-15px;*/
	}
	.result_ok_wrap5:hover {
	  	background-size: 0% 100%;
	}	
	.result_ok5{background-repeat:no-repeat; background-position: 50% 55%; background-size:14%; width:100%; height:3px;z-index:2; }		
	
/*	
	LOADING & FORM SUBMIT
*/
	.loading_wrap2, .loading_wrap3{	
		display: none;
		margin:0 auto;			
	}
	.loading2{ 
		width:200px;
		height:200px;
		margin:0 auto;
		/*background-color: #FFF5D2; */
		background-color:rgba(256,256,256,.8);
		background-repeat:no-repeat; background-position:center;
		background-image:url(/shared-assets/_img/loading.gif);
		position:fixed;
		left:50%;
		top:50%;
		margin-left:-100px;
		margin-top:-100px;	
		z-index:9999;
	 }
	
	.submit_wrap{display:none;border:0px solid green; width:100%;} 
	.submitted{ color:red; margin-top:20px;/* min-height:200px;*/ padding: 0 1vw; }
	.submitted>div{ margin-bottom:15px;}
	.subm_header{ font-size: 24px; color: darkgreen;}
	.subm_content{ font-size:20px; color: darkgreen;}
	.subm_warn{ font-size:20px; color:red;}
	.subm_warn code, .subm_content code{
		background-color: #E1ECF4;
		border-color: #E1ECF4;
		border-radius: 5px;
		padding: 1px 5px;
	}
/*	.ok_outer{width:100%; display:flex; justify-content:center; height:auto;}
	.ok_wrap{border:1px solid darkgreen;background-color: green; opacity:0.2;width:40px; height:40px;  }
	.ok{ width:100%; height:100%;
		 background-image:url(/shared-assets/_img/icon_ok.png);background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		opacity:0.5;
	}*/
/*	
	SLIDE TO SUBMIT
*/
	.slide-submit{background:#F6EBE0;color:#2e3192;box-shadow:0 0 0 1px #ccc;border-radius:30px;text-align:right;padding:0.8em 0.8em;font-size:1.00em;position:relative;overflow:hidden;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:.2s
	
	 }
	.slide-submit-text{display:inline-block}
	.slide-submit-thumb{position:absolute;top:0;left:0px;width:70px;height:100%;background:linear-gradient(to top, #D4D5E8, #CACCDD);box-shadow:inset 0 0 0 3px #f3f5f6,inset 0 0 0 4px rgba(0,0,0,0.17);text-shadow:0 -1px #828282;border-radius:30px;box-sizing:border-box;text-align:center;
	font-size:40px;line-height:40px;
	font-family:serif;color:#fff; border:0px solid blue;
	    align-items: center;
    /* align-content: center; */
    display: flex;
    justify-content: center;
	}
	.slide-submit-thumb:hover,.draggable{background:#9da0c6;cursor:-webkit-grab;cursor:grab}
	.slide-submit-thumb:active{background:#9da0c6;cursor:-webkit-grabbing;cursor:grabbing}
	.slide-success{background:#9da0c6;text-align:left;color:#fff;box-shadow:0 0 0 1px #157ABB}
	.slide-success .slide-submit-thumb{background:#1E76AF;box-shadow:inset 0 0 0 3px #9da0c6,inset 0 0 0 4px rgba(0,0,0,0.17);color:#9da0c6;pointer-events:none}
	
	.slide-submit-wrap{padding:10px; background-color:#F68520; border:0px solid red; margin: 20px 0;
    width: 98vw;
}
	
	
	
	
	/*.rp_wrap{border:1px solid gold; width:100%; height:100%;}*/
/*	.obj_page_content{border:1px solid navy;}
	@media only screen and (orientation : portrait) { 
		.obj_page_content{ height:500px; border:2px solid red;}
	}*/
	
	.object_photowrap{ border:0px solid red; /*height:100%; position:relative;*/}
	
	#obj_media_wrap{/*display:block;*/visibility:hidden; position:absolute; margin-left:-99999px;}
	.rev_title{width:100%;}
	/*.carousel-cell{ position:relative;}
	.img_title{ position:relative; display:inline-block; background-color: rgba(256,256,256,.5); width:100%; height:60px;    width: auto;
    height: auto;
    z-index: 1;
    margin-left: 10px;
    padding: 5px 10px;
    justify-content: center;}*/

	
	.img_wrap{border:1px solid gold;}
	.img_title{border:1px solid red;}
	.caption_wrap{    border: 0px solid blue;
   /* margin-left: 20%;*/
    width: 100%;
    position: absolute;
    top: 0px;
    display:flex; align-items:center; justify-content:center;
	z-index: 101;
	text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
    }
	.caption{text-align: center;
    width: 50%;
    left: 20%;display:none;}
	
	/*.col_desc#obj_description{max-width:1000px;}*/
	/*.col_desc:not(:nth-of-type(2)){max-width:1000px;}*/
	#object_imageslider{padding:0;}
	.image_container{margin-left:0;}
	.property_name{ margin-bottom:0;}
	
	/*	
		REVIEW BUTTON
	*/	
	#object_reviews {
		margin-top: -8vh;
	}
	.rev_button,.book_button  {
		border: 1px solid #2e3192;
		/*padding: 2vh 2vw;*/
		width: 175px;
		min-width: 175px;
		height:40px;
		/*margin-bottom: 5vh;*/		
		border-radius: 20px;
		display: flex;
    	flex-wrap: nowrap;
		position: relative;
		background-color: #f2f2f8;
	
		/*background-image: url(/shared-assets/_img/icon_review.png);*/
		background-repeat: no-repeat;
		background-size: auto 80%;
		background-position: 11% center;
		/*padding-left: 9vw;*/
		cursor:pointer;
		margin-top: -12px;
		padding-right: 10px;
		justify-content: flex-end;
    	align-items: center;
		margin-top: -5px;
	}
	.rev_button  {background-image: url(/shared-assets/_img/icon_review.png);}
	.book_button  {
		background-image: url(/shared-assets/_img/icon_booking_o.png);
		border: 1px solid #ef7624;
		color:#ef7624;
		background-color: #ef762415;
		margin-top: 5px;
	}
	.book_button:hover{
		background-color: #ef762445;
	}
	.book_button_wrap {
		width: 100%;
		display: flex;
		justify-content: flex-end;
		padding-right: 1vw;
		padding-bottom: 15px;
	}
	.rev_button:hover {
		background-color: #c0c1dc;
		
	}

.tot_revs_btn {
    font-family: Verdana;
    color: white;
    position: relative;
    letter-spacing: -1px;
    font-size: 15px /* top: 1.1vh; margin-left: -5.4vw;*/;
    position: absolute;
    left: 29px;
    /* top: 11px; */
    border: 0px solid red;
    height: 100%;
    width: 21px;
    padding-top: 10px;
    text-align: center;
}	
.rev_caption{
    position: relative;
    /*top: 0.8vh;
    left: 2vw;*/
    font-size: 19px;
    border: 0px solid red;
}
	.rev_btn_inactive{
		opacity:	0.3;
		pointer-events: none;
	}
.rev_content {
    margin-top: 12vh;
}	
	
	
	
	/*
		LOWER MENU BAR
	*/
		.opac40{opacity:0.40 !important;}
		.opac70{opacity:0.70 !important;}
	
	/*
		SMALL MENU	
	*/
		.small_menu{display:none;}
	/*.rp_wrap,.obj_page_wrap{ display:block;}*/
	
	.hide_menu{opacity:0;pointer-events: none;}
	
	/*
		IMAGE @ object.php
	*/
	.image_container{z-index:0;width:100%; height:auto; border: 0px solid red; background-size:cover; margin-left:0vw; margin-bottom:3vw;position:relative; left:0; /*top:10;*/ position:relative;}
	.image_container_icon{ 
		height:100%; width: 100%; position: absolute; border: 0px solid navy; 
		/*top:77px;*/ 
		left:0; 
		background-image:url(/shared-assets/_img/icon_full_screen_orange.png); background-size:30%; background-repeat:no-repeat; 
		background-position:center;
		background-size:60px;
		    background-position: top 1vw right 1vw;
		    opacity: 0.9; cursor:pointer;
			z-index:2
	}
	.image_container_icon:hover{ opacity: 0.8;background-image:url(/shared-assets/_img/icon_full_screen_orange-hover.png)}	
	
	
	/*
		OBJECT PAGE FOOTER object.php
	*/	
	
	.obj_page_wrap { min-height: 100%; position: relative; /*min-width: 358px;*/ width:100%; display:none; border:0px solid red;}
	.obj_page_content {
		position: absolute;
		overflow: auto;
		/*padding-bottom: 61px;  must be same height as the .obj_page_footer */
		/*background-color: red;
		border: solid 1px blue;*/
		top: 0px;
		bottom: 61px;
		/*overflow:	auto;*/
		left:0px;
		right:0px;
		display:flex; justify-content:center; flex-wrap:wrap;
		overflow-x: hidden;
		border:0px solid green;
	}
	.obj_page_content a, .object_page_content a:active, .object_page_content a:hover, .object_page_content a:visited{ text-decoration: none; color:#2e3192;}
	.obj_page_footer {
	
		border:0px solid pink;position:relative; /*top:0;left:0;*/width:100%;
		
		/*position: relative;*/
		/*position: absolute;*/
		bottom:0;
		margin-top: -61px; /* negative value of .obj_page_footer height */
		height: 61px;
		/*line-height: 61px;*/
		border-bottom:0px solid #fff;
		text-align: center;
		overflow:hidden;
		/*background-color: #f6ebe0;*/
		background: linear-gradient(
			/*#ffffff 10%,
			#f6ebe0 60%*/	
			/*rgba(239,118,36,0) 10%,
			rgba(239,118,36,0.25) 60%*/	
			#ffffff 10%,
			#f9d9c8 60%
		);
		/*background-size: 10%*/
		z-index:10;
		position:fixed;
		display: flex;
		/* justify-content: center; */
		align-items: center;
	}
	.obj_text{padding:10px 0; font-size:16px;letter-spacing:0.08vw;}
	.obj_text:first-of-type{padding:10px 0; font-size:18px;}
	.obj_content_footer_wrap{height:61px;	position: fixed;
		overflow: hidden;bottom: 0;width:100%;}
	.obj_content_footer{
	
		
		border: 0px solid #9698c8;
			border-top-color: rgb(150, 152, 200);
			border-top-style: solid;
			border-top-width: 1px;
		border-top: 0;
		background-color: #c0c1dd;
		background-color: #f6ebe0;
		height: 61px;
		height: 122px;
		width: 100%;
	}
	/*.sticky_footer{ width:100%; height:10px; background-color:#c0c1dd; background-color:#c0c1dd; position: relative; bottom:0px; left:0;
		background: linear-gradient(
	
			#ffffff 50%,
			#c0c1dd 50%	
		);
		background-size: 100%;
		padding-top:10px;	
	}*/
	.obj_icon_wrap {
		/*background-color: #f6ebe0;*/
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		justify-items: flex-start; 
		/*margin-top: 10px;*/

	}
	.obj_icon_col{
		display: flex;
		
		position: relative;
		/*top: 0px;
		margin-bottom: -5px;*/
		/*background-color: #f6ebe0;*/
		width:auto;	
		/*height:61px;*/
		border: 0px solid lime;
		justify-content: flex-start;
		border:0px solid red;
		margin-left:0vw;
	}
	.obj_icon_col:first-of-type{flex-wrap: wrap;/*margin-right:100%; */	min-width:255px;}
	.obj_icon_col:last-of-type{ /*min-width:130px;flex-wrap: no-wrap;*/ margin-left:auto;}
	.obj_result_icon {
		width: 51px;
		height: 51px;
		/*background-color: #f68520;*/
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		/*display: flex;
		align-items: center;
		justify-content: center;*/
		margin-top:3px;
		cursor:pointer;
	}


	/* FIX */
.obj_page_footer {
    text-align: center !important; /* Centers inline-block children */
    width: 100% !important;
    display: block !important;    /* Resets any conflicting flex/grid logic */
	border: 1px solid black;
}

.obj_icon_wrap {
    display: inline-flex !important; /* Makes the wrapper only as wide as the icons */
    justify-content: center;
    margin: 0 auto !important;       /* Standard block centering fallback */
    float: none !important;          /* Kills any legacy floats */
}

.obj_icon_col {
    display: flex;
    align-items: center;
    padding: 0 5px;
}
	
	/*NEW*/
	
	/*.obj_page_content {position:relative; overflow-y: auto; border:1px solid black; height:100%; color:#2e3192; width:100%;}*/

	
		
	/*.obj_page_footer{border:1px solid red;height:61px;position:relative; top:0;left:0;width:100%;}*/

	/*
		ICONS within .obj_icon_col
	*/
	/*#photos{background-image:url(/shared-assets/_img/icon_photo-hover.png);}
	#description{background-image:url(/shared-assets/_img/icon_description.png);}
	#description{background-image:url(/shared-assets/_img/icon_description-hover.png);}
	#rates{background-image:url(/shared-assets/_img/icon_rates-hover.png);}
	#reviews{background-image:url(/shared-assets/_img/icon_review-hover.png);}
	#all{background-image:url(/shared-assets/_img/icon_all.png);opacity:0.75;}
	#question{background-image:url(/shared-assets/_img/icon_question_o.png);}
	#booking{background-image:url(/shared-assets/_img/icon_booking_o.png);}*/
	
	#photos{background-image:url(/shared-assets/_img/icon_photo.png);}
	#description{background-image:url(/shared-assets/_img/icon_description.png);}
	#rates{background-image:url(/shared-assets/_img/icon_rates.png);}
	#reviews,.rev_btn_icon{background-image:url(/shared-assets/_img/icon_review.png);}
	#all{background-image:url(/shared-assets/_img/icon_all.png);}
	#question{background-image:url(/shared-assets/_img/icon_question_o.png);}
	#booking, #book_lesson{background-image:url(/shared-assets/_img/icon_booking_o.png);}
	#daily,#surflesson2 #daily,.f_icon[data-qs_icon="daily"]{background-image:url(/shared-assets/_img/icon_lesson_daily1_or.png);}
	#weekly,#surflesson2 #weekly,.f_icon[data-qs_icon="weekly"]{background-image:url(/shared-assets/_img/icon_lesson_weekly1_or.png);}
	#private,#surflesson2 #private,.f_icon[data-qs_icon="private"]{background-image:url(/shared-assets/_img/icon_lesson_private1_or.png);}
	
	/*#surflesson2 #daily{background-image:url(/shared-assets/_img/icon_lesson_daily1.png);}
	#surflesson2 #weekly{background-image:url(/shared-assets/_img/icon_lesson_weekly1.png);}
	#surflesson2 #private{background-image:url(/shared-assets/_img/icon_lesson_private1.png);}*/

.f_icon[data-qs_icon="ebike"]{background-image:url(/shared-assets/_img/icon-ebike.png);}
.f_icon[data-qs_icon="ebeachbike"]{background-image:url(/shared-assets/_img/icon-ebeachbike.png);}
.f_icon[data-qs_icon="escooter"]{background-image:url(/shared-assets/_img/icon-escooter.png);}
.f_icon[data-qs_icon="bike"]{background-image:url(/shared-assets/_img/icon-bike.png);}
	
	/*
		CALENDAR, DATEPICKER OVERRIDE
	*/
	.calendar.hasDatepicker{width:auto!important;}
	/*#object_calender{margin-left: 1vw; position:absolute; border:0px solid green; margin:0;padding:0;left:0;margin-bottom:0px; height:100%;}*/
	#object_calender {
    margin-left: 1vw;
    position: absolute;
    /* border: 0px solid green; */
    /* margin: 0; */
    /* padding: 0; */
    left: 0;
    margin-bottom: 0px;
    height: 100%;
}
	/*.calendar,.ui-datepicker, .ui-datepicker-header, .ui-datepicker-calendar{width:100%;}*/
	.cal_wrap {
		font-size: 16px;
		display: flex;
		justify-content: center;
		position: relative;
		margin-top: 1vh;
		/* padding-bottom: 61px; */
		align-items: center;
		/* align-content: center; */
		flex-wrap:wrap;
	}
	/*.cal_wrap>.res_header{width:100%; margin-left:3vw;}*/
	.cal_wrap{border:0px solid red;}
	/*.cal_wrap_inner{border:1px solid red; display:flex;justify-content:center;}*/
	.thedates{display:none;}
	table.ui-datepicker-calendar{border:0px solid gold;border-collapse:collapse; table-layout: fixed; width:auto /*or 7* cell width +6px ?*/; margin:0; padding:0;}
	/*.ui-datepicker table {
		margin:0 -10px 0 -10px; margin:0;
	}*/
	.ui-datepicker {border:0px solid red;margin:0 auto; padding:0;}
	.ui-datepicker td{
		position: relative; 
		padding: 1px; margin:0px;
		/* all 3 set with jquery: width:auto; height:50px;line-height: 50px;*/
		background-color:#c0c1dd;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
		background-image:none; background-color:#c0c1dd; border:0px solid green;
	}	
	.ui-datepicker tbody td {
		padding: 0;
		border-right: 1px solid #bbb;
	}
	.ui-datepicker tbody td:last-child {
		border-right: 0px;
	}
	.ui-datepicker tbody tr {
		border-bottom: 1px solid #bbb;
	}
	.ui-datepicker tbody tr:last-child {
		border-bottom: 0px;
	}
	
	.ui-datepicker th {
		text-transform: uppercase;
		font-size:2vw; /*10px;1.2rem;*/
		padding: 2px 0;
		color: #666666;
		/*text-shadow: 1px 0px 0px #fff;*/
		/*height:20px;*/
		font-weight: normal;
		border:0px solid red;
	}
		
	.ui-datepicker td span, .ui-datepicker td a {
	
		text-align: center;
		background-color:transparent;
		height:100%; width:100%;
	}
	/*Calendar Cell Lettering*/
	.ui-state-disabled>span{color:lightgray;}
	.ui-datepicker td>a{display:inline-block;}
	
	.ui-datepicker table{border-collapse:collapse;}
	.ui-datepicker tbody{ background-color: #f2f2f8; }
	/*table.ui-datepicker-calendar>td{border:1px solid red;}*/
	.ui-datepicker td{border:2px solid #ffffff; background-color:transparent;text-align: center; /*line-height:auto;*/ }
	.ui-datepicker td span.ui-state-default{background-color:transparent;}
	/*.ui-datepicker td a.ui-state-default{background-color:red; height:100%; width:100%;}*/
	/*.ui-datepicker td[data-handler="selectDay"]{background-color:#c0c1dd; }*/
	
	.ui-datepicker-header {
		line-height: 30px;
		border-width: 0px 0 0 0;
		border-style: solid;
		border-color: #111; border-radius: 0;
		background-color:#c0c1dd;
		color:#32348e;
		width:100%;
		/*margin:0 -10px 0 -10px;*/
	}
	
	.ui-datepicker-next, .ui-datepicker-prev ,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover  {
		display: inline-block;
		/*width: 30px;
		height: 30px;*/
		text-align: center;
		cursor: pointer;
		
		background-repeat: no-repeat;
		background-size:cover;
		line-height: 100%;
		overflow: hidden;
	}	
	.ui-datepicker-next{	background-image: url('/shared-assets/_img/icon_right.png'); float:right;background-size: 90%; background-position:right;}
	.ui-datepicker-prev{	background-image: url('/shared-assets/_img/icon_left.png'); float:left;background-size: 90%; background-position:left;}
	.ui-datepicker-prev.ui-state-disabled{background:none; cursor: default;}
	.ui-datepicker-title{ 
		float:none; text-align:center;display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.ui-datepicker .ui-datepicker-next span { display:none;}
	.ui-datepicker .ui-datepicker-prev span{ display:none;}
	.ui-datepicker .ui-datepicker-next-hover {border:0px;background-image: url('/shared-assets/_img/icon_right-hover.png');background-size: 90%; }
	.ui-datepicker .ui-datepicker-prev-hover {border:0px;background-image: url('/shared-assets/_img/icon_left-hover.png');background-size: 90%; }
	
	
	.ui-datepicker td a.arrival, .ui-datepicker td a.departure{ background-color:#68102f;}
	.ui-datepicker-month,.ui-datepicker-year{ 
		width:50%; 
		background-color:#dde0ed;
		font-size: 3vw;
    	color: #2e3192;
	    padding: 0 2vw;
	}
	/*#qs_cal>.qs_icon, #qs_pax>.qs_icon{ display:flex; justify-content:center;align-items:center;flex-wrap: wrap;}*/
	#qs_cal>.qs_icon, #qs_pax>.qs_icon{height:auto;}

	
	/*th[scope="col"]{height:12px;}*/
	
	/*
		DATEPICKER CELLS
	*/
	
	.startendpoint,.occupied{ cursor: pointer;}
	
	/*.orange_ball{background-image: url('/assets/_img/cal44.png')!important; background-size:80%;background-repeat:no-repeat;}*/
	.orange_ball{background:#ef7624 !important;}/* orange*/
	
	.departure{background: linear-gradient(to right, #68102f 60%, #c0c1dd 40%) !important; color:#fcfc92 !important;}
	.startendpoint.departure{background: linear-gradient(to right, #68102f 60%, #1a6035 40%) !important; color:#fcfc92 !important;}
	.arrival{background: linear-gradient(to right, #c0c1dd 40%, #68102f 40%,#68102f 60%) !important; color:#fcfc92 !important;}
	.startendpoint.arrival{background: linear-gradient(to right, #1a6035 60%, #68102f 40%) !important; color:#fcfc92 !important;}
	.departure.orange_ball{background: linear-gradient(to right, #68102f 60%, #ef7624 40%) !important; color:#fcfc92 !important;}
	
	/*.goingleft{background: linear-gradient(to right, #1a6035 60%, #c0c1dd 40%) !important;}*/
	/*.stoppingleft{background: linear-gradient(to left, #1a6035 60%, #c0c1dd 40%) !important;}*/
	
	/*.goingright{background: linear-gradient(to left, #c0c1dd 60%, #1a6035 40%) !important;}*/
	/*.stoppingright{background: linear-gradient(to right, #c0c1dd 60%, #1a6035 40%) !important;}*/
	
	.endleft{background: linear-gradient(to left, #1a6035 60%, #c0c1dd 40%) !important;}
	.departure.endleft{background: linear-gradient(to left, #1a6035 60%, #68102f 40%) !important;}
	.startendpoint.departure.endleft{background: linear-gradient(to left, #1a6035 60%, #68102f 40%) !important;}
	.endright{background: linear-gradient(to right, #1a6035 60%, #c0c1dd 40%) !important;}
	
	.arrival.endright{background: linear-gradient(to right, #1a6035 60%, #68102f 40%) !important;}
	.startendpoint.arrival.endright{background: linear-gradient(to right, #1a6035 60%, #68102f 40%) !important;}
	
	.arrival.orange_ball{background: linear-gradient(to right, #ef7624 60%, #68102f 40%) !important; color:#fcfc92 !important;}
	.startendpoint{background-color:#1a6035 !important;}/* orange*/
	.occupied{ background-color:#68102f !important; color:red !important;cursor:not-allowed !important;} 
	/*#c0c1dd;} light purple*/
	/*68102f winered*/
	.fill{ background-color:#1a6035 !important; /*cursor:not-allowed !important;*/} /*dark-green*/
	.impossible{cursor:not-allowed !important;} 
	
	.booking_offer_wrap{ display:none;height:100%;}	
	
	.qs_icon>div{ font-size:2.2vh}
	
	/*
		QUICK SEARCH
	*/
	
	/*#quick_search{ display:none;background:white; opacity:0.6; background-size:cover; background-image:url(/shared-assets/_img/slides/IMG_1337.jpg); background-size:cover; background-position: center;opacity:0.4; z-index:99999;}*/
	#quick_search {
		position: absolute;
		display: none;
		/*background: white;*/	
		background:transparent;
		/*opacity: 0.7;*/
		background-size: cover;
		z-index: 101;
	}	
	#qs_wrap,#qs_wrap2, #qs_wrap3, #lessons_wrap{position:absolute; top:0;/* left:0;*/ display:none;/*left:6vw; width:80vw;*/}
	#qs_wrap{border:0px solid red; width:auto;}
	#qs_wrap {
    border: 0px solid green;
    width: 94%;
    height: 100%;
    position: absolute;
    top: 1vh;
    left: 0;
	    top: 1vh;
    left: 3%;
}
	.qs_box{ 


    position: absolute;
    /* margin-right: -20%; */
    height: 100%;
    top: -0!important;
    width: 100%!important;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    border: 0px solid red;
    left: 0!important;
    right: 0!important;
	z-index:9;
	z-index:104; /*hinnerwrap has 103*/
	/*opacity: 0.90;*/
	opacity:0.80;
	overflow-y:auto;
}	
	
	.qs_row{ position: absolute;
		border: 0px solid green;
		/*border: 1px solid rgba(239,118,36,.9);*/
		border: 1px solid rgba(46,49,146,.9);
		top: 0;
		/*left: 5%;*/
		width: 90%; 
		/*background-color:rgba(239,118,36,0.4);*/
		background-color:rgba(46,49,146,0.5);
		margin-top: -1%;
		/*height: 25%;*/
/*		display:flex;
		flex-wrap:wrap;*/
		z-index: 2;
	}
	
.qs_row {
    position: relative;
    border: 0px solid green;
    /* border: 1px solid rgba(239,118,36,.9); */
    border: 1px solid rgba(46,49,146,.9);
    /* top: 0; */
    /*margin-left: 2%;*/
    width: 86%;
	max-width:1000px;
    /* background-color: rgba(239,118,36,0.4); */
    background-color: rgba(46,49,146,0.5);
    /* margin-top: -1%; */
    /* height: 25%; */
    z-index: 2;
	left:0;
}	
	.qs_col{ width:100%;display:flex;
		flex-wrap:nowrap;border: 0px solid blue;
		 height:27vh; 
		}
	.qs_cell{ 
		background-color:#ffffff; height:auto; width:100%; margin:1vw;		
		display:flex;
		flex-wrap:nowrap;    
		align-items: center;
		cursor:pointer;
		justify-content: center;
		 border:0px solid navy;
	}

		
	.qs_icon, .qs_icon2{  height:88%; width:100%;background-repeat:no-repeat; background-size:88%; background-position:center;opacity:0.3;}
	
	.qs_icon:hover{opacity:0.6;}
	#qs_icon_wifi{ background-image:url(/shared-assets/_img/icon_wifi.png); }
	#qs_icon_grill{ background-image:url(/shared-assets/_img/icon_grill.png); }
	#qs_icon_pool{ background-image:url(/shared-assets/_img/icon_pool.png); }
	#qs_icon_pax{ background-image:url(/shared-assets/_img/icon_person_or.png); opacity:1;background-size: 100%;}
	#qs_icon_pax1,.f_icon[data-qs_icon="r_pax"]{ background-image:url(/shared-assets/_img/icon_person.png); opacity:1;background-size: 100%;}
	#qs_icon_calender{ background-image:url(/shared-assets/_img/icon_change_dates_or.png); opacity:1;background-size: 100%;}
	
	#qs_icon_search	{ background-image:url(/shared-assets/_img/icon_search_bl-hover.png);background-size: auto 85%; opacity:1;}
	/*#qs_icon_book{ background-image:url(/shared-assets/_img/icon_ok-hover.png);background-size: 30%; opacity:1;}*/
	
	/*.qs_col:nth-of-type(3),.qs_col:nth-of-type(4) {display:none;}*/
		.col_wrap>.qs_col{width:50%;}
		.col_wrap>.qs_cal, .col_wrap>.qs_pax{width:100%; border:0px solid red;padding:0 1vw 1vw 1vw;}
		.col_wrap>.qs_cal>.qs_cell{margin:0;}

	.qs_dates {display:none;width:100%; padding-right:2vw;}
	.col_wrap>.qs_col.qs_dates{width:100%;}
	.qs_pax{ height:53vh;}
	.qs_dates {display:none; color:#2e3192; font-size:3.9vw; }
	#qs_dates .qs_icon{opacity:1; display:flex; flex-wrap:wrap; align-items:center;border: 0px solid black;width:80%;align-content: center; position:relative;}
	.qs_dates_row{width:100%;padding: 0 3vw;}
	.qs_dates_row span{color:#2e3192;}
	.qs_dates_label{width:30%; border:0px solid red;display: inline-block;}
	#qs_dates .qs_dates_label{/*width:100%;*/font-size:2.8vw;}
	#qs_dates .qs_dates_label, #qs_dates  .qs_arr, #qs_dates  .qs_dep{font-size:2.8vw;}
	#qs_dates .qs_dates_label1{/*width:100%;*/font-size:5vh;}
	.qs_arr,.qs_dep{/*width:70%;*/ border:0px solid blue; display: inline-block; text-align: right;font-size:2.8vh;}
	/*#qs_amenities{width:100%;}*/
	
	/*				
		QUICKSEARCH
	*/				
	.qs_col:nth-of-type(1) .qs_cell{width:100%; /*border:3px solid pink;*/}
	.qs_col.qs_pax .qs_cell, .qs_col.qs_cal .qs_cell{margin-top:0;}
	/*.qs_col:nth-of-type(2) .qs_cell{width:100%; display:flex;justify-items:center;}*/
	#qs_pax{width:100%; /*border:3px solid gold;*/ display:flex;justify-items:center;}
	/*.qs_col:nth-of-type(2) .qs_icon{width:65%; }*/
	
	/*.qs_col:nth-of-type(5) .qs_icon{width:38%; }*/
	
	.qs_icon_wrap, .qs_icon_col{ display:flex;flex-wrap:nowrap; margin-top:1vh;}
	
	.qs_cal .qs_icon,.qs_pax .qs_icon{opacity:1;position: relative;}
	.qs_cal{ height:55vh;} /*DON'T FORGET TO SET CALENDER CELL IN calender.js function style_cells()*/
	
	.qs_icon_inner_col, .ng_icon_inner_col{ display:flex;flex-wrap:wrap;}
	.qs_icon_col{ width:50%;}
	.qs_icon_inner_col, .ng_icon_inner_col{ 
		width:50%;display:flex;flex-wrap:wrap;align-items:center; align-content:center;justify-content:center;
		/*height:28vh;*/
		border:0px solid navy; /*font-size:5.3vh;*//*padding:0 10px;*/ color:#2e3192;
	}
	.qs_icon_inner_col:first-of-type, .ng_icon_inner_col:first-of-type{border:0px solid black;width:35vw;}
	.qs_icon_inner_col:last-of-type, .ng_icon_inner_col:last-of-type{border:0px solid black;margin:0 2vw 0 auto; } 
	.qs_icon_inner_col div, .ng_icon_inner_col div{ width:100%;border:1px solid #2e3192; text-align:center;    
		width: 12vh;
		height: 12vh;
	
		border-radius: 50%; margin:0.6vh;display:flex;align-items:center; justify-content:center;}
		
.qs_icon_inner_col div, .ng_icon_inner_col div {
    width: 16vh;
    height: 16vh;
    margin: 1.6vh;
}		
			
	.qs_icon_inner_col div:hover, .ng_icon_inner_col div:hover{ background-color:#9ca4d8;}	
		
	#qs_pax_ok{ width:100%;display:flex;justify-content:center;align-items:center;}
	.qs_pax_ok {
		/* width: 100%; */
		/* height: 28vh; */
		/* padding: 1vh 1vw; */
		/* color: #2e3192; */
		background-image: url(/shared-assets/_img/icon_ok-hover.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
		/* height: 22vh; */
		width: 32vh;
		/* padding: 1vh 1vw; */
		/* color: #2e3192; */
		margin-left: 3vh;
		background-size: 65%;
		border: 0px solid navy;
		min-height: 17vh;
		margin-top: 5vh;
	}
	.pax_warning {
		text-align: center;
		border: 0px solid blue;
		width: 100%;
		padding-left: 15vw;
		display:none;
	}
	#tot_pax, #tot_pax1{
		position: absolute;
		/*top: 16vh;*/
		top:67%;
		/*font-size: 4.5vw;*/
		font-size: 4.0vh;
		font-weight: bold;
		/*left: .8vw;*/
		color: #ef7624;
		/*border: 1px solid red;*/
		/*width: 11vw;*/
		text-align: center;
		letter-spacing: -0.5vw;
		padding-right: 3.3vh;
	}
/*	#tot_pax1{

		font-size: 3.7vw;
		left: 4.1vw;
		top:63%;
	}
			#tot_pax, #tot_pax1 {
			padding-right: 3.4vh;
			top: 13.9vh;
			font-size: 4.3vh;
			letter-spacing: -0.1vw;
			width:100%;
			left:0;
		}
		
			#tot_pax {
			padding-right: 3.4vh;

			font-size: 4.3vh;
			letter-spacing: -0.1vw;
			width:100%;
			left:0;
		}*/		
		
	/*#qs_icon_pax, #qs_icon_calender{ background-size: 85%;}	*/
	#qs_icon_pax, #qs_icon_pax1, #qs_icon_calender{/*background-size: 14vh;*/ background-size: auto 65%;position:relative;}
	#qs_icon_pax:hover, #qs_icon_calender:hover { opacity:0.85;}
	
	/*.ui-datepicker-header{ 
		display: flex;
		align-content: center;
		justify-content: center;
	}*/
	.ui-datepicker td a { text-decoration:none;}
	#quicksearch_form{display:none;}
	.quicksearch{ background:linear-gradient( #f6ebe0 50%, #f6ebe0 50%	);}
	
	/*.qs_cal,.qs_pax,.qs_search{display:none;}*/
	
	/*
		LANDSCAPING
	*/

	.col_wrap{width:100%;}	
	.col_wrap {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
	}
	#qs_dates{width:100%; height:26vh;}
	#qs_dates2{padding: 4vh 0; height:17vh;
    background-color: #e5e7f9;
	margin-right: 1vw;}
	
	.qs_txt_adult,.qs_txt_child{ margin-right:2vw;
	width: 20vw;white-space: nowrap;
    font-size: 3vw;
    width: 100%;
    border: 0px solid pink;text-align: right;
	}
	
	.qs_col.qs_search{ height:18.5vh;width:100%;}
	.under13{ font-size:2.0vw;
    border: 0px solid red;
    width: 100%;
    text-align: right;
    margin-right: 2vw;}
	
	.loading_wrap2{	
		display: none;
		margin:0 auto;			
	}
	.loading2{ 
		width:200px;
		height:200px;
		margin:0 auto;
		background-color: #FFF5D2; background-repeat:no-repeat; background-position:center;
		background-image:url(/shared-assets/_img/loading.gif);
		position:fixed;
		left:50%;
		top:50%;
		margin-left:-100px;
		margin-top:-100px;	
		z-index:9999;
	 }	
	 
.loading3 {
    min-width: 150px;
    min-height: 150px;
    margin: 0 auto;
    background-color: #FFF5D2;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/shared-assets/_img/loading.gif);
    position: fixed;
    left: 50%;
    top: 50%;
    /* margin-left: -100px; */
    margin-top: -100px;
    z-index: 9999;
}		 
	 
	/* 
	 	WELCOME.php
	*/
	
	.news_page_footer {
	
		border:0px solid pink;position:relative; 
		width:100%;
	
		position: absolute;
		bottom:0;
		margin-top: -61px; /* negative value of .news_page_footer height */
		height: 61px;
		/*line-height: 61px;*/
		border-bottom:0px solid #fff;
		text-align: center;
		overflow:hidden;
		background: linear-gradient(
			/*#ffffff 10%,
			#f6ebe0 60%*/	
			/*rgba(239,118,36,0) 10%,
			rgba(239,118,36,0.25) 60%*/	
			#ffffff 10%,
			#f9d9c8 60%
		);	
		background: linear-gradient( #ffffff 10%, #c3c9ea 60% );
		position:fixed;
		z-index:3;
		/*display:none;*/
		display: flex;
    	align-items: center;
	}
	#welcome{background-image:url(/shared-assets/_img/icon_hand.png);}
	#news{background-image:url(/shared-assets/_img/icon_news.png);}
	
	.page_img {
		/*height is set in menu_grid.js*/
		margin: 10px 0 20px 0;
	}
	.page_row {
		margin-bottom: 25px;
	}
	.descr_surf{  font-style: italic; }
	.descr_surf:last-of-type{ padding-bottom: 100px;  }
	
	
	.page_row_w {
		margin-bottom: 25px;	
	}
	.beachflags img{width:auto;}
	.news_col{font-size:16px;margin-top:20px;}
	.news_cont{font-size:16px;word-break: break-word;}
	.scrolltitle{font-size:20px;}
	a:link.fb,a:link.news{text-decoration:none;color:navy;}
	li.news1{list-style:none;}
	
	li:hover.news1{background-color:#efeff5;}
	a:hover.fb{text-decoration:none;color:#F60;}
	.image{margin:10px 0;}
	.legend{margin-top:8px;}
	#news_content{border:0px solid red;}
	.content_wrap:last-of-type>.page_row_w{ display:flex; flex-wrap:wrap;justify-content: space-between; border:0px solid gold;}
	
.news1 {
    min-width: 250px;
    padding: 0 10px;
    width: 25%;
}
	/*.news1:first-of-type{padding-left:0;}*/	
	.news1:last-of-type{margin-right:auto;margin-right:0;}
	
	
	.ui-datepicker{padding: 0 1.6vw;/*margin-top: -3vh;*/padding:0;}
	
	/*
		LESSONS
	*/
	.lesson_caption, .lesson_caption2{ 
		text-transform:uppercase; font-size:3.7vw; width:100%;border:0px solid red; background-color:white;margin: 1vw 1vw 0 1vw; padding:1vw;
		text-align: center; color:#2e3192;padding: 3vh 0;
		position:relative;
	}
	
	.col_wrap{flex-wrap:wrap;display: flex;width: 100%;}
	.col_wrap_inner{flex-wrap:nowrap; display: flex; width:100%;}	
	.qs_icon { text-align: center; font-size: 2.2vh;}
	.qs_icon>div{ 
		/*position: absolute;*/ width:100%; text-transform: uppercase; color:#ef7624; 
		bottom: 1.5vh;font-size:2.2vw;
	}


	
	#qs_cal, #qs_pax{ height:100%;width:100%;margin-top: 0;margin:0;display:flex;justify-content: center;
    align-items: center;}	
	#lessons{ display:none;}
	
	
	
	.qs_dates_label1{   width: 100%;
    display: inline-block;} 
	

	#surflesson>div,#surflesson2>div{border:0px solid green;}
	#surflesson>.qs_icon,#surflesson2>.qs_icon{position:relative;background-position-y: 20%; opacity:1; }
	#surflesson2>.qs_icon{background-size: 20vh;}
	
	#surflesson>.qs_icon>div,#surflesson2>.qs_icon>div{position:absolute;/*bottom: 1.5vh; */   /*font-size: 2.0vh;*/ color: #2e3192; top:19vh;margin-top:-2.9vh;}
	#surflesson2>.qs_icon>div{top:15vh;}
	#qs_pax .qs_icon{width:75%;  margin-top: 2vh;}
	
	
	#num_lessons{ /*display: none; */    align-items: center; /*margin-right:48vw;*/ padding-right: 2vw;border:0px solid red; flex-wrap:nowrap;

		align-items: center;
		/* margin-right: 48vw; */
		padding-right: 2vw;
		
		flex-wrap: wrap;
		justify-content: center;
		/*width: 22vw;*/	
		max-height: 200px;
	}
	#num_lessons .qs_icon_inner_col{ 
		display: flex;
		flex-wrap: nowrap;
		/*align-items: flex-start;*/
		/*top:0;
		padding-top: 7vh;*/ width:22vw; 
		/*margin-left:4.6vw;*/border: 0px solid red;margin-top:-15.5vh;
	} 
/*	#surflesson2>.qs_icon .lesson_txt {
    margin-top: 20vh;
    position: relative;
	}*/
	.num_lessons{text-align: center;color: #2e3192;font-size:2.2vw;position: absolute;
    top: 50%;}
	.num_lessons span{/* display:	inline-block; width:100%;margin-right: 3vw;top: -5vh; position: relative; bottom: 1vh;*/
		font-size:3.7vw; 
		font-weight:bold; 
		text-transform: uppercase;      margin-left: -2vw; }
	.qs_voucher{ /*display:none;*/ height:17vh; border:0px solid pink; width:100%; height: auto; min-height: 16vh;}
	#qs_icon_voucher{ display:flex; flex-wrap: nowrap;align-items: center;opacity: 1; margin-top: 3vh;}
	#voucher{margin-top: 0;}
	
	#confirm_voucher{      
		background-image: url(/shared-assets/_img/icon_ok-hover.png);
		background-size: 83%;
		opacity: 1;
		width: 20vw;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center; 
	}
	#qs_search{    margin-top: 0;}
	.qs_dates_row{ display:flex;}
	.qs_dates_row_col{ width:100%; border:0px solid red;display:none;}
	.qs_dates_row_col:first-of-type{ display:block;}
	
	#qs_dates .qs_dates_label1{  font-size:2.2vw; color:#2e3192;}
	#qs_dates .qs_start1, #qs_dates .qs_start2{ font-size:3.7vw; color:#2e3192;}	
	.qs_start1, .qs_start2{ font-size:6.2vh;}
	.second-card #booking_code{ /*height:7vh;*/ border:1px dotted #d1d3e5; padding: 1.7vh 0 1.7vh 2vw;
    	font-size: 4vh;text-align: left; width:95%;
	}
	.second-card .no_edit#booking_code{color:#ed1c24; font-size:14px!important;}
	.second-card .no_edit#booking_code{ color: #d1d3e5; font-size: 2.5vw!important;}
	#discount span{color:red; font-size:1.6vw; width:100%;    color: red;
    font-size: 1.6vw;
    width: 100%;
    /* margin-top: -4vw; */
    display: inline-block;
    position: relative;
    top: -0.6vw;}
	#discount{  
		display: none;
		position: absolute;
		top: 3vh;
		left: 22vw;
	}
	.qs_dates_row_col{border:0px solid red;}
	.qs_start3{margin-left:1vw;}
	.col_wrap .qs_col:first-of-type{width:100%;}
	
	
	
	
	
.page_content{border: 0px solid #9698c8; position: relative; overflow-y:scroll; color:#2e3192; padding:0px 20px 10px 20px;}
.page_img {
	/*height is set in menu_grid.js*/
    margin: 10px 0 20px 0;
}

.lesson_page_row:last-of-type{ margin-bottom:145px;}

.lesson_page_row h3 {font-size:20px; font-weight:normal;}
.lesson_page_row h3 {font-size:18px; font-weight:normal;}
.lesson_page_row ol{ width:100%}
.lesson_page_row li {/*list-style:none;*/ list-style-type:circle; list-style-position: outside;margin-left: -20px;}
.content_wrap{margin-bottom:3vw; }
	.lessons_page_content {position:absolute; overflow-y: auto; border:0px solid gold; /*height:100%;display:none;*/color:#2e3192; height:100%;margin-top: 80px; }
	.lessons_page_content a, .lessons_page_content a:active, .lessons_page_content a:hover, .lessons_page_content a:visited{ text-decoration: none; color:#2e3192;}
	.lessons_page_content a:last-of-type .rate_wrap{    margin-bottom: 15vh;}




/*.caption_wrap{display:none;}*/

/*#lesson_media_wrap{display:block;visibility:hidden; position:absolute; margin-left:-99999px; }*/
/*#lesson_media_wrap{display:none;}*/
#obj_media_wrap{/*display:none; */visibility:hidden;margin-left:-99999px; position:absolute;}
.news_page_footer{ background: linear-gradient( #ffffff 10%, #f9d9c8 60% );}

#lessons_wrap .qs_icon{z-index:1; opacity:1;}

#lessons_wrap{ display:none;}
#lessons, #surflesson, #rentals, #ebikes, .qs_bgrd{ display:none; background-image:url(/shared-assets/_img/surf/xl/slide1.jpg); background-size:cover; background-position: center; 
	opacity:0.3;height: 100vh;
    width: 100vw;}
.qs_bgrd{
	background-image:url(/shared-assets/_img/slides/IMG_8344.jpg)!important; 
}
.special_offer{ color:#F60;}	

#page_form_wrap{display:none;}

.content_wrap {
    padding: 0 3vw;
    /*max-width: 1200px;*/
    margin: 0 auto;
    border-left: 1px solid #ef762420;
	border-right: 1px solid #ef762425;
}	
#page_content_wrap .image_container{max-width: 1200px; margin: 0 auto; padding:0;margin-left: -3vw; border:0px solid red;}

.lesson_spacer{margin-bottom: 3vw;}	
.lesson_page_row .l_content {
	width: 80%;
    border: 0px solid red;
}	

.lesson_page_row .l_booknow {
    width: 20%;
	min-width: 120px;
    border: 0px solid green;
    height: auto;
    position: relative;
    order: 2;
	    margin-left: 2vw;
		    float: right;
}




.l_rate:hover{background-color:rgba(156,164,216,0.3); cursor:pointer;}

.l_from{
    font-size: 2.2vw;
    text-align: center;
    width: 100%;
    /* height: auto; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -4.7vw;
}
.l_from:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.l_price {
    letter-spacing: -0.84vw;
    margin-left: -0.42vw;
    color: white;
    font-size: 6.9vw;
    width: 100%;
    /* height: auto; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
}
.l_price:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.l_hour {
font-size: 0.9vw;
    color: #2e3192;
    letter-spacing: normal;
    margin-right: -0.4vw;
	position:absolute;
	top:0;
}

.l_book {
font-size: 2.2vw;
    margin-top: -0.5vw;
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5.2vw;
}

.l_book:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.l_book,.l.hour,.l_price,.l_from{
    /*font-size: 10px;*/
	border:0px solid navy;	
}
	
.flex-square{
    width: 100%;
	border-radius: 50%;
	border: 4px solid #ef7624;
    background-color: #ef762460;
	/*position:relative;*/
	top:0;
	display: flex;
	flex-wrap:wrap;


}
.flex-square:hover{border: 4px solid #2e3192;background-color: #2e319260;}
.flex-square:before{
    content: "";
    display: block;
    padding-top: 100%;
}	

.rentals_page .carousel {
     margin: 0 0 0 -10px; /*10px correction of parallax effect*/ 
}

	
	.lessons_page .carousel {
     margin: 0 0 0 0px; /*10px correction of parallax effect*/ 
}
	
	/*	
		SERVICE		
	*/
	
/*3 columns*/
.eri_wrap{width:50%; }

.col3{ width:32%; border:0px solid gray; margin: 0 auto; cursor:pointer; display:flex;flex-wrap: wrap; /*height:100%;*/}

.col3:hover{ background-color:rgba(255,255,255,0.3);
    -webkit-border-radius: 0.35rem;
    border-radius: 0.35vw;
}


.c1:after{background:rgba(10,24,54,0.6);}
.c2:after{background:rgba(10,24,54,0.4);}
.c3:after{background:rgba(10,24,54,0.2);}

.col_wrap{ width:100%; margin:0 auto;}

/*.field_wrapper{ width:100%; left:3.5%; position:relative; height:auto;border:0px solid gray; margin-top:3rem;margin-top:3vw; }*/

/*.field_wrapper2{ width:100%; left:0%; position:relative; height:auto;border:0px solid gray; margin-top:3rem;margin-top:3vw; }*/
	
.rect1 {
    /*background: rgba(10,24,54,0.5);*/
    /* -webkit-border-radius: 0.4rem; */
    /*background-color: 2e319280;*/
    border-radius: 1.4vw;
    background: #2e319280;
    /* width: 90%; */
    /* margin-left: 5%; */
    padding: 1vw 0;
    color: white;
    border: 2px solid #2e3192;
}
.rect_inner {
    height: auto;
    width: 93%;
    position: relative;
    margin: 0 auto;
    background: rgba(250,250,250,0.7);
    /*-webkit-border-radius: 0.4rem;*/
    border-radius: 1.4vw;
    font-size: 1.1rem;
    font-size: 2.2vw;
    color: #2e3192;
    padding: 1.2rem 0.5rem 0.5rem 0.5rem;
    padding: 1.2vw 0.5vw 0.5vw 0.5vw;
    /*text-align: justify;
     height: 13rem; 
    height: 7vw;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
	flex-wrap:wrap;
	/*height:100%;*/
	padding: 0 0.5vw;
}	
	/*
		SERVICE PARALLAX EFFECT
	*/
	
.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -100;
}
.parallax__container .parallax {
	/* can be put in a seperate class for better control */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* --------------------------- */
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
}	
	
	
	/*
		LESSONS SEND FORM
	*/
	
	
	#surflesson2>.qs_icon .lesson_txt{		
		margin-top: 4.1vh;
	    position: relative;
	}
	#qs_wrap3{ display:none;}
	.qs_col2{width:100%;border:0px solid red; background-color:white;margin: 1vw 1vw 0 1vw; padding:0vw;}
	.qs_col2:last-of-type{margin-bottom:1vw;}
	.qs_col2 .qs_cell1{width:auto;}
	#qs_icon_search3{ background-image:url(/shared-assets/_img/icon_search_bl-hover.png);background-size: 20vh; opacity:1; height:18vh; }
	.qs_icon2{ background-size:auto;border: 0px solid pink;}
	
	.lesson_caption2{ 
		text-transform:uppercase; font-size:3.7vw; width:100%;border:0px solid red; background-color:white;/*margin: 1vw 1vw 0 1vw; padding:1vw;*/
		text-align: center; color:#2e3192;
	}
	.lesson_caption2 { padding: 3.5vh 0;}
	.qs_row2{ border-bottom:0px solid #c3c5ea50; width:50%; height:17.7vh; color:#2e3192; 
		display: flex;
		flex-wrap: nowrap;
		align-items: center;position: relative; border:0px solid red;}
	.qs_row2:last-of-type{ border-bottom:0;}
	.qs_row2 textarea,.qs_row2 input{ 	 color:#2e3192;  height: 10.5vh;
    font-size: 4.4vh;z-index:3;}
	.qs_box2{ 
		position: relative;
		top: 3vh;
		width: 79.6vw;
		left: 10.3vw; /*little offcenter to make up optically for the smaller hamburger*/
	}	
	#list_wrap{display:flex; flex-wrap:wrap;}	
	
			.calpax .qs_cell:first-of-type{ margin-right:0.5vh;flex-grow:1;}
		.calpax .qs_cell:last-of-type{ margin-left:0.5vh;flex-grow:1;}
	
	input, textarea{
	  box-shadow: none;
	  background-color: white;  width:65%;
	}
	.form_input{border:1px dotted #d1d3e5; font-size:3.3vw; margin-left:30%;  padding:1vh 1vw; /*white-space: nowrap;  */  color:#2e3192; 
    }
	
	
	#form_name{ background-image: url(/shared-assets/_img/icon_person_or.png);}
	#form_email{ background-image: url(/shared-assets/_img/icon_email_or.png);}
	#form_location{ background-image: url(/shared-assets/_img/icon_location_or.png);}
	#form_phone{ background-image: url(/shared-assets/_img/icon_phone_or.png);}
	#form_note{ background-image: url(/shared-assets/_img/icon_note.png);background-size: 50%; }
	
	.qs_row2_icon{     
		width: 30%;
		height: 100%;
		position: absolute;
		top: 0;
		left: -0.5vw;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: 0%;
	}
	/*.form_note{width:100%;}*/


	
/*	.form_note>.form_input{margin-left: 15%;}
	.form_note{	
		width: 100%;
    margin-left: 0%;
    margin-right: 2vw;}	*/
	.form_note{	
		width: 100%;}
	.form_note>.form_input{
    width: 100%;
    margin-right: 2vw;}	
	
	textarea#note{height:14vh; resize: none;overflow-y: auto; /*overflow-x: none;*/ margin-left: 15%; margin-left: 0; } /*textarea*/
	
	.close{position:absolute; height:100%; background-image: url(/shared-assets/_img/icon_close1.png);    width: 13vw;
    top: 0;
    right: 0;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 100% 20%;
	
	z-index:3;
	}
	.close:hover{background-image: url(/shared-assets/_img/icon_close1-hover.png);}
	.submit_wrap .close{
		background-position: 100% 10%;
	} 
/*	
	SLIDE TO SUBMIT
*/
	.button-submit{display:none;}
	.slide-submit{background:#F6EBE0;color:#2e3192;box-shadow:0 0 0 1px #ccc;border-radius:30px;text-align:right;padding:0.8em 0.8em;font-size:1.00em;position:relative;overflow:hidden;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:.2s
	
	 }
	.slide-submit-text{display:inline-block; text-transform:uppercase; font-size:2.1vw;}
	.slide-submit-thumb{position:absolute;top:0;left:0px;width:100px;height:100%;background:linear-gradient(to top, #D4D5E8, #CACCDD);box-shadow:inset 0 0 0 3px #f3f5f6,inset 0 0 0 4px rgba(0,0,0,0.17);text-shadow:0 -1px #828282;border-radius:30px;box-sizing:border-box;text-align:center;
	font-size:40px;/*line-height:40px;padding-top: 3px;*/
	font-family:serif;color:#fff; border:0px solid blue;    align-items: center;
    /* align-content: center; */
    display: flex;
    justify-content: center;}
	.slide-submit-thumb:hover,.draggable{background:#9da0c6;cursor:-webkit-grab;cursor:grab}
	.slide-submit-thumb:active{background:#9da0c6;cursor:-webkit-grabbing;cursor:grabbing}
	.slide-success{background:#9da0c6;text-align:left;color:#fff;box-shadow:0 0 0 1px #157ABB}
	.slide-success .slide-submit-thumb{background:#1E76AF;box-shadow:inset 0 0 0 3px #9da0c6,inset 0 0 0 4px rgba(0,0,0,0.17);color:#9da0c6;pointer-events:none}
	
	.slide-submit-wrap{padding:10px; background-color:#ef7624; border:0px solid red; margin: 20px 0 0 0;width:98vw;}
	.my_text{/*min-height: 40px;  text-transform:capitalize;*/resize: none;/*max-height: 20vh;*/ background-color:pink;}	
	/*.slide-submit-wrap{margin: 3vh 0;}*/
	.qs_col2.qs_search3{ margin-top:-1vh;}
	
	input::placeholder {
	  color: #ef762440;
	}	
	textarea::placeholder {
	  color: #2e319240; 
	}
	.qs_voucher_col:first-of-type{width: 100%;}
	#submit_me{display:none;color:#2e3192; background-color: #ffffff; padding: 2vw 2vw;font-size: 2.8vw; position:relative;flex-wrap: wrap;}
	.subm_warn{color:#ef7624; margin-top:2vw;font-size: 2vw;}
	.subm_header{font-size: 4.5vw; margin-bottom: 2vw;}
	
	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 2.0vw;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		border-radius:2px;
		color: #2e3192;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}
	
		/*
			TEASER-BOX
			only show on tablets or larger
		*/
	

		.teaser_box{ display:none;z-index:100;}

	
	
	/*
		OBJECT.PHP RATES
	*/
	#object_rates{font-size:16px; letter-spacing:0.08vw; display:flex;justify-content:center; margin-bottom: 4vw; width:100%;margin-left: 1vw;}
	.rate_table{ width:100%;}
	.extrafees,.bookingnotes{ white-space:pre-line;}
	.rate_table td, .rate_table th{padding:1vw;}
	.rate_table tr:first-of-type{font-size:18px;}
	.rate_table tr:nth-child(odd){ background-color:rgba(239,118,36,0.05)}
	.rate_table tr:nth-child(even){ background-color:rgba(239,118,36,0.1)}
	.td_l{ text-align:left; text-wrap: none;}
	.td_r{ text-align:right;}
	.td_r span{color:red;}	
	
	#object_rates{margin-left:0; }
	#object_calender{margin-left: 0;}
	
	.obj_inner_wrap {
		/* max-width: 1000px; */
		width: 100%;
		order: 3;
		height: 100%;
		border: 0px solid black;
	}

	.col_desc1{padding: 0 1vw;}
	#map.col_desc1{    
		width: 95%;
		margin-left: 2.5%;
	} 
	.obj_inner_wrap>.col_desc1{/*max-width:1000px;*/ width:100%; border:0px solid red;}
	.obj_inner_wrap>#map.col_desc1{
		width: 95%;
		margin-left: 2.5%;
	}
	/*.qs_calendar{ margin:0 auto;}*/
	/*#qs_dates{width:auto;margin: 0 11px;height: 26vh;}*/
	#qs_dates {
		width: 100%;
		margin: 0 1vw;
		height: 25.5vh;
	}
	.qs_dates_row {justify-content: center;}
		
/*		
	TEASER for small screens lanscape	
	its overwritten by media query	as device gets larger
*/		
		
.teaser_box {
    width: 250px;
    border: 0px solid red;
    position: absolute;
    left: 30px;
    bottom: 30px;
	font-size: 14px;
    display: block;
}
.tb_row {
    display: flex;
    flex-wrap: nowrap;
}
.tb_row:nth-of-type(1) {
    border: solid 1px rgba(0,0,255,0.05);
}
.tb_row:nth-of-type(2) {
	height:45px;
	align-items: center;
}
.tb_row:nth-of-type(3) {
    margin-top: -12px;
    margin-bottom: 12px;
}
.tb_row:nth-of-type(4) {
	justify-content: space-between;
}
.tb_w_bgrd {
    background: white;
    border: 0px solid red;
    height: 45px;
    flex-grow: 1;
}
.tb_logo {
    background-image: url(/shared-assets/_img/logo_white_trans2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 57px;
	margin: 0 -3px;
}
.tb_line {
    background-color: white;
    height: 2px;
    flex-grow: 1;
    border: solid 1px rgba(0,0,255,0.05);
}
.tb_caption1, .tb_caption1 h1 {
    display: flex;
	justify-content: center;
    /*font-size: 2em;*/
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: normal;
		
    font-size: 20px;
    color: white;
    margin: 0 20px;
    text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
    letter-spacing: 1px;
}
.tb_caption2,  .tb_caption2 h3 {
    display: flex;
	justify-content: center;
    /*font-size: 1.5em;*/
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: normal;	
    font-size: 14px;
    color: white;
    margin: 0 20px;
    text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
}


.tb_btn:first-child {
    background-color: #ee7725;
}

.tb_btn {
    border: 2px solid #ee7725;
    border-radius: 18px;
    width: 115px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
}


	/*
		BOOKING OFFER
	*/	
		

	.bo_content{display:flex;flex-wrap:nowrap; width:96%; height: auto; border:0px solid red;height:100%;    margin: 0 auto;width:100%;}
	.br_inner_wrap{display:flex;}
	.bo_col{  border:0px solid gold; display:flex; flex-wrap: wrap;/* height:100%;*/}
	.bo_col:first-of-type{ /*min-width: 200px;*/ border:0px solid red;width: 80%;}
	.bo_col:last-of-type{ /*min-width: 100px;*/ border:0px solid blue;font-size: 12px; min-width: 120px;border: 0px solid blue;font-size: 12px;width: 20%; margin-top:1vh;}
	.bo_col_spacer{flex:2;}
	.bo_row{ width: 100%; border:0px solid navy; display:flex; flex-wrap: nowrap; background:#fafafc; padding:0;}
	.bo_row:nth-of-type(even){ background:#f2f2f8;}	
	
	
	
	.bo_row_col{  border:0px solid pink; height:100%; display:flex; align-items: center;
	justify-content: flex-start;/*width: 200px;*/ min-width: 150px; padding: 0 2vw; /*width: 100%;margin-left:100%;*/}
	.bo_row_col:nth-of-type(even){width: 100%;/* min-width: 300px; */justify-content: flex-end; margin:0;}
	.from {
		font-size: 10px;
		position: absolute;
		margin-top: -39px;
		right: 0;
	}
	.rate {
		position: relative;
		top: 5px;
		font-size: 23px;
	}
	
	.bo_row1{ width: auto; border:0px solid navy; display:flex; flex-wrap: wrap; background:white;justify-content: normal; padding: 1vw 0;
	}
	.bo_row1:nth-of-type(even){ background:#ffffff;}	
	.bo_row1_col{  /*height:100%;*/ display:flex; align-items: center;padding: 0 2vw;/*min-width: 150px;*/border:0px solid black;/* min-width: 100px;*/width: 100%;}
	.bo_row1_col:last-of-type{ 
		border:0px solid pink; width:100%; height:100%;min-width: 100px; 
		position: relative;
		margin: 2vw 0;
		top: -6vw;
	}
	.book_row1_col>div{ cursor:pointer;}
	#bo_change{
		background-image: url(/shared-assets/_img/icon_change_dates.png);
		height: 80%;
	}
	#bo_question{
		background-image: url(/shared-assets/_img/icon_question_o.png);
		height: 80%;
	}
	#bo_reserve{
		background-image: url(/shared-assets/_img/icon_booking_o.png);
		height: 80%;
	}
	#bo_change:hover{ background-image:url(/shared-assets/_img/icon_change_dates-hover.png);}
	#bo_question:hover{ /*background-image:url(/shared-assets/_img/icon_question-hover.png)*/ opacity:0.5;}
	#bo_reserve:hover{ /*background-image:url(/shared-assets/_img/icon_reserve-hover.png)*/opacity:0.5;}
	
	/*.bo_row1_col>span{display: inline-block;
	
	
	
	position: absolute;
	
	right: 0;}*/
	/*.book_row1_col > span {
	
		margin-right: 1vw;
		position: absolute;
		bottom: -4px;
	
		border: 0px solid red;
		width: 100%;
	
	
	}*/
	
	.book_row1 {
	
		width: 100%;
		border: 0px solid navy;
		display: flex;
		/*flex-wrap: wrap;*/
		background: white;
		justify-content: flex-end;
		/*padding: 1vw 0;*/
		height: 31%;
		margin-bottom: 3%;
	
	}
	
	.book_row1.book_warning {display:none;}
	/*.book_row1_col {
		height: 90%;
		width: 90%;
		border: 0px solid pink;
		
		padding: 1vw 0;
		text-align: center;
		margin-top: -18px;
	}*/
	.book_row1_col {
	
		height: 90%;
		width: 90%;
		border: 0px solid pink;
	/*    padding: 1vw 0;*/
		text-align: center;
	/*    margin-top: -18px;*/
		position: relative;
		top: 0;
	max-height:150px;
	}
	/*.book_row1_col_inner {
	
		height: 100%;
		border: 0px solid green;
		margin-top: 6px;
		padding:0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}*/
	.book_row1_col_inner {
	
		height: 100%;
		border: 0px solid green;
	 /*   margin-top: 6px;*/
		padding: 0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		top: 0;
		z-index:1;
	}
	
	
	/*.book_row1_col>span{bottom:1vw;display:block;}*/
	
	/*.bo_row{ height:15vh; padding: 0;}*/
	
	.book_row1_col>span {
		font-size: 1.7vw;
		position: absolute;
		bottom: 0;
		border: 0px solid red; 
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-bottom: 5%;

	}

	/*
		CALENDAR
	*/
		#qs_wrap #qs_cal {
			width: auto;
			margin-top: 0;
			margin: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			/* height: 44vh; */
			margin: 0 0vw 0vw 0vw;
			width: 100%;
		}	
		#qs_wrap .qs_cal {
			height:auto;
		}
		
		
/*
	GENERAL AND FIRST CARD
	
*/
.f_icon[data-qs_icon="r_surf"]{background-image:url(/shared-assets/_img/r_surf.png);}
.f_icon[data-qs_icon="r_beginner"]{background-image:url(/shared-assets/_img/r_beginner.png);}
.f_icon[data-qs_icon="r_bodyboard"]{background-image:url(/shared-assets/_img/r_bodyboard.png);}
.f_icon[data-qs_icon="r_sup"]{background-image:url(/shared-assets/_img/r_sup.png);}
.f_icon[data-qs_icon="r_wetsuit"]{background-image:url(/shared-assets/_img/r_wetsuit.png);}
.f_icon[data-qs_icon="r_cal"] {background-image: url(/shared-assets/_img/icon_change_dates_or.png);}
.f_icon[data-qs_icon="r_pax"] {background-image: url(/shared-assets/_img/icon_person_or.png);}
/*.f_icon {
    text-align: center;
    font-size: 2.2vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 50% 20%;
    opacity: 0.3;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    border: 0px solid red;
	position: absolute;
	z-index: 1;
}*/
.f_icon {
    /* text-align: center; */
    /* font-size: 2.2vh; */
    width: 100%;
    background-repeat: no-repeat;
    background-size:  auto 78%;
    background-position: 50% 20%;
    opacity: 0.3;
    /* display: flex; */
    /* align-items: flex-end; */
    /* justify-content: center; */
    height: 100%;
    border: 0px solid red;
    /*position: absolute;*/
    z-index: 1;
    position: relative; 
    flex: 2;
}
#f_icon_calender{ opacity:1;}

.second-card .f_icon {
    background-size: auto 78%;
    background-size: auto 78%;
    background-position: 50% 100%;
}
.cell_caption {
    position: relative;
    bottom: 0;
    color: #2e3192;
    opacity: 1;
    text-transform: uppercase;
    font-size:  2.5vh;
	top: 0.5vh;
    border: 0px solid black;
    height: 1.7vw;
	height: 100%;
    opacity: 1;
    flex: 1;
    width: 100%;
    text-align: center;
	/*position: absolute;*/
	display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 0.0vh;
	/*left: 2vw;*/
	flex-wrap: wrap;
}
.cell_caption>div:last-of-type{line-height:0;}
.cell_caption>div:first-of-type{line-height:4vw;}
.f_icon_box {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid green;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
    align-content: space-between;
    height: 100%;
    position: relative;
	padding: 2vh 0 1vh;
}


.f_icon_box_row {
    border: 0px solid gold;
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    height: 100%;
     justify-content: center; 
    align-items: center;
	color:#2e3192;
	position: absolute;
}


.f_units, .f_days {
    font-size: 3.3vw;
    width: 100%;
    height: 7.2vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.f_units2 {
    font-size: 5.3vh;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
    top: 4vh;
	letter-spacing: -0.7vw;
    margin-right: 0.7vw;
}


.f_days {
    font-size: 3.3vh;
    line-height: 3.0vh;
	border:0px solid red;
}




.first-card #f_icon_calender {
    background-size: 90% auto;
    background-position: 50% 100%;
		background-size: 50% auto;
}


.f_row{
	position: relative;
    border: 0px solid rgba(46,49,146,.9);
    /*background-color: rgba(46,49,146,0.5);*/
    padding: 0;
    margin: 0;
    width: 100%;
}
.f_lesson_caption{
	text-transform: uppercase;
    font-size: 3.7vw;
    width: auto;
    background-color: white;
    margin: 1vw 1vw 0 1vw;
    text-align: center;
    color: #2e3192;
    /*padding: 3vh 0;*/
    position: relative;
	/*height: 15vh;*/
	height:100%;
	/*height:auto;*/
    display: flex;
    justify-content: center;
    /* align-content: center; */
    align-items: center;	
}
.f_center{
	flex:1;
    min-height: 130px;   
}
.f_cell {
    background-color: #ffffff;
    height: auto;
    width: 100%;
    margin: 1vw;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    border: 0px solid navy;
}
.f_search {
	/*background-color: #ffffff;
	height: 15vh;*/
    width: auto;
    display: flex;
	justify-content: center;
    flex-wrap: nowrap;    
	margin: 0 1vw 1vw;
	height:100%;
	align-items: center;
}


/*.qs_icon {
    text-align: center;
    font-size: 2.2vh;
}

.qs_icon, .qs_icon2 {
    height: 88%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 88%;
    background-position: center;
    opacity: 0.3;
}*/

/*.f_search>.qs_icon:before{
    content: "";
    display: block;
    padding-top: 100%;
}*/




.f_content_row {
    display: flex;
    flex-wrap: nowrap;
    border: 0px solid red;
    height: 24vh;
    border: 0px solid gold;
    background-color: white;
    width: auto;
    margin: 1vw;	
}
/*.f_voucher .f_content_row{height:15vh;}*/
.f_voucher .f_content_row {
    height: 9vh;
    min-height: 58px;
}

.f_icon_wrap{width:50%;display:flex; flex-wrap:nowrap; border:0px solid lightblue;}

.f_cal {
    display: none;
    background-color: white;
}

#qs_cal {
    width: auto;
    margin-top: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44vh;
	height:100%;
    margin: 0 1vw 1vw 1vw;
	margin:0;
}


#qs_cal>.f_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.f_start{
    font-size: 2.5vh;
	color: #2e3192;
	/*position: absolute;*/
	position:relative;
}
/*.icon_val{ height:100%; width:100%; border:1px solid red;}*/
#f_lower .cell_caption {
    font-size: 6vw;
    margin-top: 0vw;
    position: absolute;
    display: flex;
    align-content: center;
    align-items: center;
    top: 1vw;
}
#f_lower .f_icon[data-searchval="0"], #f_lower .f_icon[data-searchval="0"] + .cell_caption{ display:none;}
#r_surf{flex:3;}
.f_icon_box_row{position:relative;}




.f_icon_box_row:first-of-type{height:80%;}
.f_icon_box_row:last-of-type{height:20%;}

.f_up, .f_down, .f_up2, .f_down2 {
    border: 0px solid #2e3192;
    width: 0;
    height: 0;
    border-left: 3.8vh solid transparent;
    border-right: 3.8vh solid transparent;
	z-index: 3;
}
/*.f_up:before, .f_down:before{
    content: "";
    display: block;
    padding-top: 100%;
}*/


/*.f_up, .f_up2{

    border-bottom: 3.0vw solid #2e3192;
}*/
.f_up, .f_up2{

    border-bottom: 6.0vh solid #2e3192;
}
.f_down,.f_down2{

    border-top: 6.0vh solid #2e3192;
	opacity:0.3;
}

.f_icon_col {
    border: 0px solid red;
    flex: 1;
    /* width: 100%; 
     height: 100%; 
    position: absolute;*/
    position: relative;
	justify-content: center;
    display: flex;
    flex-wrap: wrap;
	height: auto;
}
.f_icon_col.f_icon{height:100%;}

.f_icon_col:first-of-type{flex:3;width:70%;}
.f_icon_col:last-of-type {
    flex: 1;
    text-align: center;
    width: 5vw;
    align-content: flex-end;
    height: auto;
    height: 100%;
	/*margin-left: -2vw;*/
	padding: 0 2vw;
}

#f_upper>.f_content_row,.second-card .f_center .f_content_row{
    height: 100%;
    height: auto;
    min-height: 32vh;
}

.form_card {
    border: 0px solid red;
    width: 78vw;
    /*max-height: 85vh;*/
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
	margin-left: 3vw;
			max-width: 100%;
    max-height: 100%;
	opacity:1;
	background-color:white;
}
.form_card.first-card{
    /*max-height: 87vh;*/
    height: auto;
}

#logo1 {
	background-image:none;
	width:0;
	display:none;
}

/*
	SECOND CARD
*/
.second-card{ display:none;}
.f_content_col{display:flex;align-items:center; border: 0px solid navy; width:50%;}
.f_content_col:first-of-type{flex:2;}
.f_content_col:last-of-type{flex:1;}

.f_voucher_col{
	flex:1;
	border:0px solid red;     
	white-space: nowrap;
    text-align: center;
    /*margin: 0 0.5vw;*/
	color:#2e3192;
}
.f_voucher_col:nth-of-type(1){margin-left:2vw;}
.f_voucher_col:nth-of-type(2){flex:2; margin-left:2vw;}
.confirm_voucher {
    background-image: url(/shared-assets/_img/icon_ok-hover.png);
	background-size: auto 40%;
    opacity: 1;
    width: 20vw;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.f_icon[data-qs_icon="r_beginner"] .f_units2{top:0;}
.f_icon[data-qs_icon="r_wetsuit"] .f_units2{top:-3.9vh;}
.f_icon[data-qs_icon="r_sup"] .f_units2{top:-3.9vh;}

.sub_rate {
    margin-left: 1vw;
    /* text-align: right; */
    display: inline-block;
    border: 0px solid red;
    white-space: nowrap;
    width: 100%;
}

.second-card .f_days {height:9vh;}
.second-card .f_icon_box {
	padding: 0vh 0 2vh;
	/*margin-right: 2vw;*/
	flex-direction: unset;
}
.second-card .f_icon_col:last-of-type {
    margin-left: 0vw;
}

.second-card .f_start, .second-card .f_start + .cell_caption{
    position: relative;
	    /*font-size: 3.5vh;*/
}

.f_date{
    border: 0px solid blue;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 0vh;
	top:-1vh;
}
.rates_n_dates{ border:0px solid red;}
.rates_n_dates_col div{color:#282f86; font-size: 3.0vh;}
.f_total{
    margin-top: -1vh;
}
.second-card .f_icon_box_row{
	min-width: 15vw;
}
.second-card .f_center>.f_content_row{
	margin: 1vw 1vw 0 1vw;
    min-height: 30vh;
	height:61vh;
}
.f_center>.f_content_row{ height:100%;}
.form_card.second-card {
    /* max-height: 90vh; */
    height: auto;
}
.form_card{
    height: 100%;
	/*max-height:auto;*/
	max-height:inherit;
}

	.f_up, .f_down, .f_up2, .f_down2  {
		border-left: 3.0vh solid transparent;
		border-right: 3.0vh solid transparent;
	}
	.f_up, .f_up2 {
		border-bottom: 4.3vh solid #2e3192;
	}
	.f_down,.f_down2 {
		border-top: 4.3vh solid #2e3192;
	}
	
.second-card .f_icon_col:last-of-type {
    margin-left: -3vw;
}
.second-card  .f_icon_wrap {
    margin-left: -3vw;
}
.rates_n_dates_col div{
	padding: 0;
	margin: 0;
	border: 0px solid red; 
	height: auto;
	line-height: normal;
	top: auto;
	bottom: auto;
	font-size: 1.4vw;
	position: relative;
	text-align: center;
}	
.f_icon_box.rates_n_dates{height:auto; padding:0;}
.f_icon_box.rates_n_dates {

    display: contents;
}

.second-card #booking_code.no_edit {
    color: #d1d3e5;
	color:#ed1c24;
    font-size: 1.6vw!important;
}



/*
	THIRD CARD
*/
.third-card{ display:none;}




	/*
		NEW CSS STYLING FOR ALL DEVICES (SMALLER THAN IPAD 1024x768)
	*/
	#logo1 {
		position: absolute;
		height: 100%;
		background-image: url(/shared-assets/_img/logo_only_icon.png);
		width: 13vw;
		background-size: 54%;
		top: 1vh;
		left: 0.4vw;
		background-repeat: no-repeat;
		background-position: 20% 20%;
		z-index: 3;
		border: 0px solid red;
		min-width:80px;
	}
	#page_form_wrap>.qs_box {
		width: 100%!important; 
		border: 0px solid red;
		top:0;
	}
	#rentals{
		background-image:none;
		background-color:white;
		opacity:1
	}
	.form_card.first-card,.form_card.second-card,.form_card.third-card  {
		height: 100vh;
		width:100vw;
		margin:0;

	}
	.f_lesson_caption { margin:0;}
	.f_content_row,.f_search { margin:0;}	
	#f_upper>.f_content_row, .second-card .f_center .f_content_row { height: 100%; /*border-top:2px solid #c1c2df;border-bottom:2px solid #c1c2df;*/}
	.f_row.f_pers {border-top: 0px solid #c1c2df; flex:1;}
	.f_row.f_cal {border-top: 0px solid #c1c2df; flex:1;display: flex;
		/*align-content: center;
		align-items: center;*/
		justify-content: center;
	}
	.cell_caption {
		font-size: 2.3vw;
		top:0;
		padding: 0 0 2vh 0;
	}
	.f_icon {
		background-size: auto 78%;
		background-size:  100% auto;
		background-position: 50% 100%;
	}
	#f_icon_calender {
		background-size: auto 35%;
	}
/*	.f_row.f_top,.f_row.f_bottom {
		min-height: 58px;
		background-color: white;
		
		height:15vh
	}*/
	
	.f_row.f_top, .f_row.f_bottom {
		min-height: 58px;
		/*background-color: white;
		height: 9vh;*/
		height:15vh;
	}	
	.f_row.f_top{
		border-bottom:2px solid #c1c2df;
	}
	.f_row.f_bottom {
		border-top:2px solid #c1c2df;
	}
	.second-card .f_row.f_bottom {
		border-top:0px solid #c1c2df;
	}
	.second-card .f_row.f_voucher {
		border-top:2px solid #c1c2df;
	}
	/*.second-card .f_row.f_top{
		border-bottom:0px solid #c1c2df;
	}*/
	
	/*
		second card
	*/

	.second-card .f_search{
		 border-top:2px solid #c1c2df;
	}
	.second-card .f_center>.f_content_row {margin:0;}
	
	/*
		third card
	*/
	.third-card .f_form{
		border-top:2px solid #c1c2df;
		/*border-bottom:2px solid #c1c2df;*/
		flex: 1;
	}
	.third-card .form_cell {
		border:0;
     	border-bottom: 1px solid #c1c2df; 
	}
	.qs_search3>.form_cell {
		border:0;
	}
	.third-card .f_content_row{ height:100%;}
	.third-card .f_input_wrap{flex:1;}
	
	/*
		SLIDE SUBMIT
	*/
	.slide-submit-wrap {
		padding: 1vw;
		background-color: #ef7624;
		margin:0;
		min-height: 58px;
		/* border: 0px solid red; */
		/* margin: 20px 0 0 0; */
		display: flex;
		height: 10vh;

	    align-items: center;
	}

	.slide-submit {
		flex: auto;
	}
	

/*@media screen 	and (max-width:595px){
	#page_form_wrap .qs_box {
		margin-left:  calc (1vw+68px);
		margin-right: calc (1vw+68px);
		width: auto;
	
	

}
}*/	
	/*
		NEW	
	*/
	
	.f_bottom .f_icon{
		background-position: 50% 50%;
	}
	/*.f_icon_kind .f_icon, #f_icon_pax{background-size: 60%;}*/
	.f_search>.f_icon {
	
		background-size: auto 80%;
		background-position: center;
		opacity:1;
	
		width: 100%;
		height: 100%;
	}
	.f_icon.f_kind{    background-size: 90% auto;}
	#qs_cal>.f_icon{position:relative;}
.second-card .f_icon_box_row {
    min-width: auto;
}	
.second-card .f_icon_box {
    max-width: max-content;
}
.second-card .f_icon_wrap {
    margin-left: 0;
}
.second-card .f_center>.f_content_row {
    padding-bottom: 22px;
}
.second-card .f_icon_wrap {
    display: flex;
    justify-content: center;
}
.f_icon_box_row:last-of-type {
    height: 20%;
}
.f_icon_col:last-of-type {
    min-width: auto;
    width: auto;
}
.f_units2 {
    min-width: 5vw;
}
.f_icon_col.f_icon {
    height: 100%;
	/*max-height: 150px;*/
}
/*}*/
.second-card .cell_caption {
    font-size: 2vw;
	line-height: 4.7vh;
    margin-top: 3vh;
}
.second-card .f_icon {
    background-size: auto 80%;
}
.second-card .f_icon_box_row>.f_icon {
    background-size: auto 95%;
}
.f_voucher_col {
    flex: unset;
    font-size: 1.7vw;
    line-height: 1.9vw;
    color: #f26522;
    width: 15vw;
}
.rates_n_dates_col div {
    font-size: 1.5vw;
}
.rates_n_dates_col .f_date, .rates_n_dates_col .f_total {
    font-size: 2.5vw;
    width: 15vw;
}
.confirm_voucher {
    background-image: url(/shared-assets/_img/icon_ok-hover.png);
    background-size: auto 70%;
    opacity: 1;
    width: 20vw;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 20% 50%;
}
.second-card #booking_code {
    height: 100%;
    font-size: 2vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 0;
    line-height: 3.5vw;
}
.quicksearch_box #f_icon_calender,.quicksearch_box #f_icon_pax{width:100%;}
.teaser_box_wrap {
    width: 100vw;
    display: flex;
    justify-content: center;
    position: absolute;
    top: -20px;
    left: 0;
    height: 100vh;
}


/*
	COVID-19
*/



.covid_wrap {
        width: 70%;
    max-width: 300px;
    margin-left: 5%;
    display: flex;
    /* justify-content: center; */
    position: absolute;
    top: 2vw;
    /* left: 25vw; */
    height: auto;
    background-color: #ef762450;
    border: 1px solid #ef7624;
    border-radius: 5px;
    z-index: 999;
    padding: 6px;
    /* text-align: center; */
    flex-wrap: wrap;
    cursor: pointer;
	font-size: 14px;
}
.covid_wrap:hover {background-color: #ffffff50;}

a.covid_wrap, a:active.covid_wrap , a:hover.covid_wrap , a:visited.covid_wrap { text-decoration:none;color:#f26522;}
.covid_row{display:flex; flex-wrap:nowrap;width:100%; align-items:center; justify-content:center;}
#c19_attention{ background-image:url(/shared-assets/_img/icon_attention.png); }
#c19_safe{ background-image:url(/shared-assets/_img/icon_clean.png);}
.covid_col:first-of-type {
    min-width: 41px;
    /* min-height: 65px; */
    height: 100%;
    width: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 5px;
}



.quicksearch_box .first-card #f_icon_calender{
			background-size: auto 60%;
		}
		
		
.qs_box_tot_pax {
    position: absolute;
    font-size: 2.9vw;
    font-weight: bold;
    color: #ef7624;
    border: 0px solid red;
    text-align: center;
    letter-spacing: -0.3vw;
    padding-right: 2.7vw;
    width: 100%;
    bottom: 0;
    line-height: 0;
    padding-right: 12%;
}	
.desc_title {
    padding: 0vw 0vw 1vw 1vw;
    font-size: 24px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
}	
.lesson_page_row .l_content {
    width: 100%;
}	
.quicksearch_box .f_icon{
    background-size: auto 60%;
}

/*#select_lang{ border:0; font-size:18px; position: absolute; color:#ef7624;margin-top:-1px;}*/
#select_lang {
    margin-top: -3px;
    position: absolute;
	z-index:104;
}
.mylang select {
  color: #ef7624;
  cursor: pointer;
  width: 45px;
  padding: 3px 5px 3px 5px;
  font-size: 15px;
  border: 1px solid #ef762415;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/shared-assets/_img/btn_down.png) 96% / 15% no-repeat #ef762408;
}


/*
	GOOGLE MAPS
*/

#map {
	height:500px; 
	width:96%; 
	border: 0px solid green;
	margin-bottom:50px;
	margin-left: 3%;
}
		
	@media screen and (max-height: 275px) {
		/*remove teaser*/
		.teaser_box {display:none;}
	}
	
	@media screen and (max-height: 339px) {
		/*Tablet 800x600*/
		/*#h_wrap, #v_wrap, #v_menu_box{display:flex;}
		#h_logo_box{background-image:url(/shared-assets/_img/logo_only_icon.png);}*/
		#hinnerwrap, #vwrap{ display:none;}
	}
	@media screen and (max-height: 414px) {
		.short_desc{display:none;}	
	}
	@media screen and (max-width: 310px) {
		.teaser_box {display:none;}
	}
	@media screen and (min-width: 414px) {
		/*Iphone Plus 414x736*/
		.book_row1_col>span {
			margin-bottom: -3%;
		}
		.obj_icon_col:first-of-type{margin-left:3vw;}
		.obj_icon_col:last-of-type{margin-right:3vw;}
		
		.subm_warn {
			font-size: 13px;
		}
		.subm_content {
			font-size: 17px;
		}

	}
	@media screen and ( min-width: 768px ) {
		.carousel-cell img {
			height: 400px;
		}
		.ui-datepicker{padding: 0 1.6vw;/*margin-top: -3vh;*/}
		.col_desc1 {
			padding: 0 3vw;
		}
		#map.col_desc1{
			padding: 0 3vw;
		} 
		.slide-submit-wrap {
    width: 94vw;
}	
	}
	
	@media screen 	and (min-height: 600px)
					and (min-width: 768px){	
		/*Ipad and other tablets and larger*/
		
		.covid_wrap {
			width: 70%;
			max-width: 300px;
			margin-left: 5%;
			top: 2vw;	
		}			
		.no_records_help {
			margin-top: 4px;
		}
		.slide-submit-wrap {
			width: 94vw;
		}	
		.second-card #booking_code.no_edit{color:#d1d3e5; font-size:20px!important;}		
		/*
			BOOKING OFFER
		*/	
		.book_row1_col>span {
			margin-bottom: 5%;
		}		
		/*
			TEASER-BOX
		*/
		
		.teaser_box{display:block;}
		.teaser_box{ width:370px;  border:0px solid red; position:absolute; left: 15vw; bottom:15vh; }
		
		.tb_row{ display:flex; flex-wrap:nowrap;}
		.tb_row:nth-of-type(1){border: solid 1px rgba(0,0,255,0.05);}
		.tb_row:nth-of-type(2){align-items:center; margin-top:25px;}
		.tb_row:nth-of-type(3){align-items:center; margin-top:5px;}
		.tb_row:nth-of-type(4){align-items:center; margin-top:25px;justify-content:space-between;}
		.tb_w_bgrd{ background:white; border:0px solid red; height:60px; flex-grow:1;}

		.tb_logo{ background-image: url(/shared-assets/_img/logo_white_trans2.png); background-position:center; background-size:cover; background-repeat:no-repeat; width:72px;}
			
		.tb_caption1,  .tb_caption1 h1 { font-size:30px; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05); letter-spacing:1px;}
		.tb_caption2,  .tb_caption2 h3{ font-size:20px; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);width:100%; text-align:center;letter-spacing:1px;}
		.tb_line{ background-color:white; height:2px;flex-grow:1;border: solid 1px rgba(0,0,255,0.05);}
		.tb_spacer{ width:60px;}
		.tb_btn{ border:2px solid #ee7725; border-radius:30px; width:170px; height:62px; display:flex; align-items:center; justify-content:center; color:white;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);}
		.tb_btn:first-child{ background-color:#ee7725;}
		.tb_btn:last-child{  border:2px solid white;}
		.tb_btn:hover{ cursor:pointer; opacity:0.8;}	
	
		/*
			RESULT.PHP PAGE
		*/
		.col_desc{ padding:0; border:0px solid green;padding-left:2vw;}
		
		
		/*
			OBJECT.PHP PAGE
		*/
		.col_desc1{ padding:0; border:0px solid green;padding-left:0vw;padding: 0 3vw;}
		#map.col_desc1{ padding:0; border:0px solid green;padding-left:0vw;padding: 0 3vw;} 
		#object_rates{margin-left:0; }
		#object_calender{margin-left: 0;}
		.ui-datepicker { padding: 0; }
		/*.col_desc:not(:nth-of-type(2)){max-width:1000px;width:100%;}*/
		
		.image_container_icon{ 
		    background-position: top 1vw right 2vw;
		}
		
		.quicksearch_box .first-card .f_icon {
			background-size: auto 70%;
		}
				.quicksearch_box .qs_icon_inner_col div {
			width: 14vw;
			height: 14vw;
			margin: 1.6vh;
		}

	}
	
	

	@media screen 	and (max-width: 400px){
				/*hide some footer icons*/
			#description, #photos, #rates{
				display:none;
			}
			.obj_icon_col:first-of-type {
				min-width: 100px;
			}			
	}

	@media screen 	and (min-width: 1000px){
		/*
		NEW
		*/
		
.covid_wrap {
    top: 20px;
    width: 400px;
}		
		
	.col_badge {
		width: 150px;
		height: 150px;
		border: 0px solid green;
		position: relative;
		/* right: 0; */
		float: right;
		margin-right: 80px;
		margin-top: -40px;
		background-image: url(/shared-assets/_img/badge-cleansafe.png);
			background-size: 150px;
			background-position: 100% center;
			background-repeat: no-repeat; cursor:pointer;
	}
	.col_badge1 {
		width: 150px;
		height: 150px;
		border: 0px solid green;
		position: relative;
		/* right: 0; */
		float: right;
		margin-right: 40px;
		margin-top: -80px;
		background-image: url(/shared-assets/_img/badge-cleansafe.png);
			background-size: 150px;
			background-position: 100% center;
			background-repeat: no-repeat; cursor:pointer;
	}	
		
	#burgerwrap{background-position: center 16px;}
		
	.second-card #booking_code.no_edit{color:#ed1c24; font-size:20px!important;}
	.lesson_page_row .l_content {
		width: 75%;
	}
	.lesson_page_row ol {
		width: 75%;
	}	
	
.desc_title {
    font-size: 2vw;
    line-height: 2vw;
    padding: 0vw 0vw 1vw 0vw;
}

.second-card .cell_caption {
    line-height: normal;
    font-size: inherit;
}		
		.qs_icon_inner_col div , .ng_icon_inner_col div {
    width: 10vh;
    height: 10vh;
    margin: 1.6vh;
}
		
		.ebike_box .f_icon_kind .f_icon	{		
			background-size: 50% auto;
		}
			.qs_pax_ok {

		width: 24vh;
		margin-left: 3vh;
		background-size: 65%;
		border: 0px solid navy;
		min-height: 17vh;
		margin-top: 0;
	}

		
		/*
			FLICKITY SLIDER
		*/
		.flickity-page-dots .dot {
			width: 0.8vw;
			height: 0.8vw;
			margin: 0 0.8vw 0.6vw;
		}

		
		.desc_item:first-of-type>div {
			 margin-left: 0; 
		}
		
		.short_desc {
	    	padding: 0vw 0vw 1vw 0vw;
		}
		
		/*
			WELCOME, ETC. PAGES
		*/
		.content_wrap h1 {
			margin-top: 4vw;
			line-height: 4vw;
			font-size: 3vw;
		}
		.content_wrap {
			margin-bottom:20vh;
		}	
		.AL_info_title {
			font-size: 1.6vw;
			margin-top: 1.3vw;
			margin-bottom: 0.5vw;
		}
		.AL_info_subtitle{
			font-size: 1.6vw;
		}	
		.scrolltitle {
			font-size: 1.6vw;
		}	
		.news_col {
			font-size: 1.4vw;
			margin-top: 2.1vw;
		}	
		.image img{width:75%;}
		.news_cont {
			font-size: 1.4vw;
		}
		.news1 {
			padding: 0 2vw;
			width: 25%;
		}
		.beachflags img {
			height: 2.9vw;
		}
		.descr_surf:last-of-type{ padding-bottom: 10vh; }	
		.page_img {
			margin: 2vh 0 3vh 0;
		}	
		.caption{ font-size:1.6vw;}			
		
		/*
			STARTS REZISING results.php, optimized for 16:9 4K 3840x2160
		*/
		.property_name {
			font-size: 3.6vw;
			padding-bottom: 1vw;
		}
		.prop_name_header {
			margin-top: -0.8vw;
		}		
		.AL2 {
			line-height: 0.5vw;
			font-size: 1.1vw;
			margin: -0.2vw 0 1.1vw 0.15vw;
		}	
		.short_desc {
			font-size: 2vw;
			line-height: 2vw;
		}
		.desc_item {
			font-size: 1.6vw;
		}
		.result_icon_wrap {
			margin-top: 1.6vw;
		}		
		.result_icon {
			width: 4.5vw;
			height: 4.5vw;
		}	
		.result_icon_col:first-child > .result_icon {
			margin-right: 0.4vw;
		}
		.sleeps_max>span {
			font-size: 1.2vw;
			width: 1.9vw;
			left: 5.2vw;
		}
		.result_rate_row_inner> .year_box1 {
			width: 3vw;
			height: 3vw;
		}
		.rate_season1{
			font-size: 2vw;
			margin-top: 0vw;
			margin-bottom: 0.5vw;
		}
		.rr_nights {
			font-size: 2vw;
			margin-bottom: 0.5vw;			
		}
		.r_week1 {
		    font-size: 1.2vw;
			margin-top: 0.7vw;
		}
		.rate_col:last-of-type {
			width: 10vw;
			height: auto;
			background-size: 80%;
			margin-right: 1vw;
		}	
		/*.year_box1 {
			font-size: 1.5vw;
			background-position: 0.2vw, left;
			margin-right: 0.8vw;
		}*/
		.year_box1 {
			font-size: 1.1vw;
			background-position: 0.2vw, left;
			margin-right: 0.8vw;
			background-size: 100%;
		}
		.r_euro {
			font-size: 1.4vw;
		}
		.rate_inner_wrapper {
			height: 50%;
		}
		/*.rate_season {
			font-size: 1vw;
			line-height: 1vw;
		}*/
		.rate_season {
			font-size: 1.4vw;
			line-height: 1.4vw;
		}
		.r_week {
			font-size: 1.3vw;
			position: relative;
			/*top: -1.1vw;
			margin-left: -0.5vw;*/
			margin-bottom: 0.4vw;
		}
		.r_euro {
		    font-size: 2.7vw;
			line-height: 2.7vw;
		}	
		.r_euro>span {
			margin-left: 7px;
			font-size: 1.9vw;
		}
		
		
	/*
		RESULT.php - NO RECORDS
	*/

	.no_records_help {
		font-size: 1vw;
		top: 0.4vw;
		justify-content: flex-start;
		align-items: flex-end;
		margin-left: 0;
	}
	.no_records_found{font-size:2vw;}
	.no_records_content .teaser_box {top:2vw;}		
	.no_records_content .tb_btn:last-of-type{
		border: 0.1vw solid #ee7725;
	}
	.no_records_content  .tb_line {
    	height: 0.2vw;					
	}
	.no_records_content .tb_row:nth-of-type(3) {
		margin-top: 1vh;
	}
	.no_records_content .tb_row:nth-of-type(2) {
		margin-top: 4.5vh;
	}		
		
		/*
			STARTS REZISING object.php, optimized for 16:9 4K 3840x2160
		*/
		.obj_result_icon {
			width: 3.8vw;
			height: 3.8vw;
			margin-right: 1vw;
			min-width:51px;
		}
		.obj_result_icon:last-of-type {margin-right:0;}
		.obj_icon_wrap {
			max-width: 96%;
		}
		.obj_page_footer {
			margin:0;
			height: 4.2vw;
		}
		.tot_revs {
			top: 1.5vw;
			left: 0.2vw;
			letter-spacing: -0.3vw;
			font-size: 1.4vw;
		}				
		.image_container_icon {
			/*top: 0.3vw;*/
			left: 1vw;
			background-size: 5vw;
		}
		.obj_text:first-of-type {
			font-size: 1.5vw;
		}	
		.obj_text {
			font-size: 1.3vw;
			letter-spacing: 0.08vw;
		}
		
		.amenity_icon {
			margin: 0 0.5vw;
			height: 3.3vw;
			width: 3.3vw;
		}	
		.amenity_icon object {
			height: 100%;
			width: 100%;
		}
		.rev_button, .book_button {
			width: 12vw;
			height: 2.8vw;
			border-radius: 1.4vw;
			padding-right: 1vw;
			margin-top: -1vw;
		}
		.rev_caption {
			font-size: 1.5vw;
		}
		.book_button_wrap {
			padding: 14px 0;
		}		
		.tot_revs_btn {
			letter-spacing: -0.1vw;
			left: 2.2vw;
			width: 1.3vw;
			padding-top: 1vw;
			font-size: 1vw;
		}	
		#object_rates {
			font-size: 1.0vw;
		}
		.rate_table {
			font-size: 1.3vw;
		}		
		.rate_table tr:first-of-type {
			font-size: 1.5vw;
		}
		.cal_wrap {
			font-size: 1vw;
		}
		.ui-datepicker th {
			font-size: 1.2vw;
			padding: 0.5vw;
		}
		.ui-datepicker-month, .ui-datepicker-year {
			font-size: 2vw;
		}
		.ui-datepicker-title select option{ font-size:1vw;}	
		
		/*
			REVIEWS
		*/	
		
		.rev_col:first-of-type {
			width: 24vw;
			border: 0px solid red;
		}
		.rev_col:last-of-type {
			margin: 0 0 0 24vw;
		}
		
		.legend14 {
			font-size: 1.2vw;
		}
		.legend20 {
			font-size: 1.4vw;
		}
		.legend24 {
			font-size: 1.6vw;
		}
		.label_wrap {
			width: 30vw;
			max-width: none;
			border: 0px solid red;
		}
		.label_col:last-of-type {
			/*border: 1px solid gold;*/
			width: 21vw;
		}		
		.margin4 {
			margin-top: 0.5vw;
			margin-bottom: 0.2vw;
		}
		
		.legend16 {
			font-size: 1.2vw;
			margin: 1vw 0 0.5vw 0;
		}
		.font12 {
			font-size: 1vw;
		}
		
		.bar_label {
			width: 8.8vw;
		}
		.bar_legend {
			width: 16vw;
			border: 0px solid green;
		}
		.legend18 {
			font-size: 1.4vw;
			/*margin: 0.4vw;*/
		}
		.comment {
			height: 3vw;
			width: 9vw;
			min-width: unset;
			margin: 0;
		}
		/*.bar_legend_scale {
			width: 100%;
			top: -0.3vw;
			height: 0.4vw;
		}*/
.bar_legend_scale {
    width: 100%;
    top: -1.7vw;
    /* height: 0.4vw; */
    /* top: -18px; */
    height: 5px;
    left: 8.4vw;
}
		.bar_legend_num {
			font-size: 0.8vw;
			width: auto;
			left: 4vw;
			top: .5vw;
		}				
											
		/*
			BOOKING OFFER
		*/		
		.book_row1_col>span {
			margin-bottom: 0%;
			font-size: 1.4vw;
		}
		.bo_content {
			font-size: 1.6vw;
		}
		.rate {
			top: .5vw;
			font-size: 3vw;
		}	
		.from {
			font-size: 1vw;
			margin-top: -4.6vw;
		}
		
		/*
			FORM	
		*/
		.res_header {
			font-size: 1.9vw;
			margin-top: 1vw;
			margin-bottom: 1vw;
		}
		.form_wrap {
			font-size: 1.5vw;
			margin-bottom: 8%;
		}	
		.error_box {
			font-size: 1vw;
			margin: 0.4vw 0 1vw 1vw;
		}	

		#object_form input{    
			font-size: 3.5vw;
			padding: 0 2vw;
		}

		.jquery-form-suggestions{
			font-size:1.5vw;
			max-height:20vh;
		}
		.slide-submit {
		    border-radius: 1.6vw;
		}
		.slide-submit-wrap {
    width: 94vw;
}	
		.slide-submit-wrap {
		    padding: 0.8vw;
		}
		.slide-submit-text {
			font-size: 1.6vw;
		}	
		.slide-submit-thumb {
			width: 10vw;
			border-radius: 1.6vw;
			font-size: 4vw;
			line-height: 4vw;
		}
		.news1:last-of-type {
			margin-right: 0;
		}	
		
		/*
			QUICKSEARCH					
		*/		
		.qs_row {
			max-width: 70vw;		
		}
		.lesson_caption{font-size: 3vw;}
		.close {
			background-size: 4vw;
		}
		.qs_icon>div{font-size:1.4vw;}
		.qs_txt_adult,.qs_txt_child,.qs_icon_inner_col,.ng_icon_inner_col{font-size: 2vw;}
		.under13 {font-size: 1.4px;}

		.obj_icon_wrap {
			/*max-width: 1000px;*/
			margin: 0 3vw;
		}
		/*
			CALENDAR
		*/
		.ui-datepicker tbody {
			font-size: 1.4vw;
		}
		
		/*
			LESSONS
		*/
		.lesson_page_row h3{ font-size:1.6vw;}
		.lesson_page_row h3{ font-size:1.4vw;}
		.lesson_page_row ol {
			margin-left:1vw;
		}
		.lesson_page_row {
			min-height: 19vw;
		}
		.l_price {
			font-size: 6.1vw;
			letter-spacing: -0.5vw;
		}
		.l_from {
			font-size: 2.2vw;
			top: -5.2	vw;
		}	
		.l_book {
			font-size: 2.2vw;
			top: 5.2vw;
		}	
		.news_page_footer {
			margin: 0;
			height: 4.2vw;
		}
		.obj_icon_col:last-of-type {
			margin-right: 3vw;
		}
		#page_content_wrap .image_container,.lessons_page_content .image_container  {
			margin-left: -3vw!important;
			margin-top: 3vw;
			max-width: none;
		}
		
		/*
			FORM
		*/	
	/*
		NOT SMALLER THAN IPAD 1024x768 LANDSCAPE	
	*/
	.form_card.first-card, .form_card.second-card, .form_card.third-card {
		border: 0px solid red;
/*		width: 100vw;
		margin-left: 0vw; 
		max-width: 860px;
    	max-height: 580px;*/
		margin-left: 1vw;
		background-color:white;
		max-width: 75vw;
		max-height: 70vh;
		margin:0		
	}

	#logo1 {display:none;}
	#rentals {
		background-image: url(/shared-assets/_img/surf/xl/slide1.jpg);
		opacity: 0.3;
	}
	/*.f_row.f_top, .f_row.f_bottom {
		height: 105px;
	}*/
	.f_row.f_top, .f_row.f_bottom {
		height: 11vh;
	}	
	/*.f_lesson_caption {
		font-size: 56px;
		height: 105px;
	}*/
	.f_lesson_caption {
		font-size: 2.7vw;
		height: 100%;
	}


	
.f_search>.f_icon {

    background-size: auto 80%;
    background-position: center;
	opacity:1;

    width: 100%;
    height: 100%;
}	

	/*.cell_caption {
		font-size: 20px;
		padding: 0 0 15px 0;
	}*/
	.cell_caption {
		font-size: 1.4vw;
		padding: 0 0 1vw 0;
	}	
	/*.f_search {
		height: auto;
	}	*/	
	#qs_cal {
		height: auto;
		margin: 0;
	}	
	#qs_cal>.f_icon {
		display: flex;
		position: absolute;
		top: 0;
	}
	.f_row.f_cal{
		flex: 1;
		background-color: white;
	}
	/*.f_up, .f_up2 {
		border-bottom: 35px solid #2e3192;
	}
	.f_down, .f_down2 {
		border-top: 35px solid #2e3192;
	}
	.f_up, .f_down, .f_up2, .f_down2 {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
	}*/
	
	
	.f_up, .f_up2 {
		border-bottom: 2.0vw solid #2e3192;
	}
	.f_down, .f_down2 {
		border-top: 2.0vw solid #2e3192;
	}
	.f_up, .f_down, .f_up2, .f_down2 {
		border-left: 1.2vw solid transparent;
		border-right: 1.2vw solid transparent;
	}
	
		
		
	/*.f_units, .f_days {
		font-size: 30px;
		height: 65px;
	}*/
	.f_units, .f_days {
		font-size: 2.4vw;
		height: 4vw;
	}
	.f_days {
		line-height: 25px;
	}
	.f_icon_box {
		padding: 20px 0 10px;
	}	
	.f_icon_col:last-of-type {
		width: auto;
		padding:0;
	}
	/*
		SECOND CARD		
	*/	
	.second-card .f_icon_box_row {
			min-width: auto;
	}
	.second-card .f_center>.f_content_row {
		margin: 0; /*1vw 1vw 0 1vw;*/	
		/*min-height: auto; */
		height: 100%;
		padding-bottom: 22px;
		height:30.5vh;
		min-height:unset;
	}
	
	.second-card .f_icon_col:last-of-type {
		 margin-left: 0; 
	}
	.second-card .f_icon_wrap {
		margin-left: 0;
		display: flex;
		justify-content: center;
		margin-right:0;
	}
	.second-card .f_icon_wrap:last-of-type,.second-card .f_icon_wrap:first-of-type{width:100%;}
	.second-card .f_days {
		/*height: 80px;*/
		height:4vw;
		line-height: 1.5vw;
	}

	.second-card .f_days {
		font-size: 1.8vw;
		height: 4vw;
	}	
	
	
	.f_icon {
		background-size: auto 90%;		
	}
	/*.first-card .f_icon {
		background-size: auto 80%;
	}*/	
	.first-card .f_icon, .second-card .f_icon {
		/*background-size: auto 80%;*/	
		background-size: auto 72%;		
	}
	.f_icon[data-qs_icon="r_sup"] .f_units2, .f_icon[data-qs_icon="r_wetsuit"] .f_units2 {
		top: -2.1vw;
	}
	.f_icon[data-qs_icon="r_bodyboard"] .f_units2 {
		top: 3.3vw;
	}	
	.sub_rate {
		 margin-left: 0vw; 
	}
	/*.f_units2 {
		font-size: 62px;
		letter-spacing: -17px;
		margin-right: 20px;
	}*/
	.f_units2 {
		font-size: 3.9vw;
		letter-spacing: -0.6vw;
		min-width: 5vw;
	}	
	/*.rates_n_dates_col div {
		font-size: 24px;
	}*/
	.rates_n_dates_col div {
		font-size: 1vw;
	}

	/*.second-card #booking_code {
		height: 100%;	
		font-size: 34px;
		width: 95%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 17px 0 0 20px;
		width: 200px;
	}*/
	.second-card #booking_code {
		height: 100%;
		font-size: 2vw;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		width: auto;
		padding: 0;
		line-height: 3.5vw;
	}
	.f_icon_box.rates_n_dates {
		display: flex;
		flex-wrap: nowrap;
		min-width: 295px;
		flex:unset;
	}	
	.second-card .f_icon_box_row:last-of-type {
		margin-top: 10px;
	}
	.rates_n_dates_col {
		width: auto;
		margin: 0;
	}	
	.f_voucher_col {
    	flex: unset;
		font-size: 20px;
	}
	.f_voucher_col:nth-of-type(1) {
		margin-left: 30px;
	}	

	.f_voucher_col:nth-of-type(2) {
		margin-left: 0px;
		height: 6vh;
		width: 100%;
	}	
	.f_voucher .f_content_row {
		/*height: 105px;*/
		height:9vh;
	}			
	.second-card .f_icon_box {
		 padding: 0; 
		 max-width: 192px; /*960px/5*/
		 max-width: max-content;
	}

	.f_icon_box.rates_n_dates {
		 min-width: auto;
		 		 max-width: auto; 
	}

	
	.confirm_voucher {
		background-image: url(/shared-assets/_img/icon_ok-hover.png);
		background-size: auto 70%;
		opacity: 1;
		width: 20vw;
		height: 100%;
		background-repeat: no-repeat;
		background-position: 20% 50%;
	}		
	.second-card #booking_code.no_edit {
		font-size: 1.1vw!important;
	}
	.second-card  .cell_caption {
		margin-top: 0.6vw;
	}	
	.second-card  .cell_caption.f_date {
		margin-top: 0;
	}	
	.rates_n_dates_col .f_date, .rates_n_dates_col .f_total  {
		font-size: 2.1vw;
		width: 15vw; /*box width=75vw; 50% of 2/5=1/5=>15vw*/
	}
	
	.f_voucher_col {
		flex: unset;
		font-size: 1.0vw;
		line-height: 1.2vw;
		color:#f26522;
		width: 15vw; /*box width=75vw; 1/5=>15vw*/
	}
	


.f_content_col:first-of-type {
    flex: unset;
    width: 60%;
}
.f_content_col:last-of-type {
    flex: unset;
    width: 40%;
}			
					
	/*
		THIRD CARD	
	*/

	/*.third-card .form_col_wrap {
		width: 860px;
	}
	.third-card .slide-submit-wrap {
		width: 860px;
		height: 105px;
		align-items: center;
	}
	.third-card .slide-submit-text {
		font-size: 24px;
	}
	.third-card .f_input {
	    font-size: 30px;
	}*/
	
	.third-card .form_col_wrap {
		width: 100%;
	}	
	.third-card .slide-submit-wrap {
		/*width: 860px;*/
		/*width:100%;*/
		height: 10vh;
		align-items: center;
		width:75vw; /*set to box width*/
	}
	.third-card .slide-submit-text {
		font-size: 1.6vw;
	}
	.third-card .f_input {
	    font-size: 2.5vw;
		padding: 0 1vw;
	}	
	.jquery-form-suggestions{max-height: 26vh!important;}
		
	/*
		SUBMIT MSG
	*/
	#submit_me {
		padding: 2vw;
		/*font-size: 20px;*/
		flex-wrap: wrap;
		/*width: 860px;*/
		width:30vw;
		margin: 0 auto;
		width:auto;
	}
	#submit_me div{
		width:100%;
	}
	.subm_header {
		/*font-size: 34px;*/
		font-size: 3.0vw;
		margin-bottom: 10px;
	}
	.subm_content {
		font-size: 2.0vw;
	}
	code {
		/*font-size: 20px;*/
		font-size: 1.4vw;
		padding: 0.4vw 0.7vw;
		border-radius: 0.4vw;
		overflow: hidden;
    	height: 2.3vw;
		background-color: #3eda1125;
	}
	code:last-of-type{
		background-color: #ef762425;
		font-size: 1.8vw;
		overflow: hidden;
		height: 3.0vw;
		line-height: 3.0vw;
	}
	.subm_warn {
		margin-top: 20px;
		/*font-size: 20px;*/
		font-size: 1.5vw;
	}	
	.slide-submit {
		height: 7vh;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding-right: 1vw;
	}	
	.slide-submit-thumb {
		width: 10vw;
		border-radius: 1.6vw;
		font-size: 4vw;
		line-height: 3vw;
	}
	
	.loading2 {
		width: 9vw;
		height: 9vw;
		background-size: 50%;
	}
	
	.submit_wrap .close{width:5vw; background-size:5vw;}
		.ebike_box .second-card .f_icon[data-qs_icon="r_pax"] {
		background-size: auto 50%;		
	}

	.rentalspage .f_content_row{ border:0px solid red; width:100%; display:flex; justify-content:center; position:relative;}
	.rentalspage .second-card .f_icon_wrap{ border:0px solid blue; width:100%;/* position:absolute; left:0; top:0;	*/ display:flex;justify-content:center;}
	}
		


	@media screen and (min-height: 1024px) and (min-width: 1366px){
		/*
			IPAD PRO CHANGES LANDSCAPE
		*/
		/*				
			TEASER						
		
		.teaser_box{display:block;}
		.teaser_box{ width:28vw; height:auto; border:0px solid white; position:absolute; left: 15vw; bottom:20vh; }
		.tb_row{ display:flex; flex-wrap:nowrap;}
		.tb_row:nth-of-type(1){border: solid 1px rgba(0,0,255,0.05);}
		.tb_row:nth-of-type(2){align-items:center; margin-top:25px;margin-top:1.8vh;}
		.tb_row:nth-of-type(3){align-items:center; margin-top:5px;margin-top:-0.6vh;}
		.tb_row:nth-of-type(4){align-items:center; margin-top:25px;margin-top:2.1vh;justify-content:space-between;}
		.tb_w_bgrd{ background:white; border:0px solid red; height:4vw; flex-grow:1;}

		.tb_logo{ background-image: url(/shared-assets/_img/logo_white_trans2.png); background-position:center; background-size: cover; background-repeat:no-repeat; width:5vw;height:4vw;}
			
		.tb_caption1{ font-size:2.5vw; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05); letter-spacing:1px;}
		.tb_caption2{ font-size:1.4vw; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);width:100%; text-align:center;letter-spacing:1px;}
		.tb_line{ background-color:white; height:2px;flex-grow:1;border: solid 1px rgba(0,0,255,0.05);}
		.tb_btn{ font-size:1.4vw;border:2px solid #ee7725; border-radius:2.0vw; width:12.8vw; height:4.0vw; display:flex; align-items:center; justify-content:center; color:white;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);}
		.tb_btn:first-child{ background-color:#ee7725;}
		.tb_btn:last-child{  border:2px solid white;}
		.tb_btn:hover{ cursor:pointer; opacity:0.8;}*/	

		
			
	}
	@media screen and (min-height: 1366px) and (min-width: 1024px){
		/*
			IPAD PRO CHANGES PORTRAIT 3:4 compared to 9:16 => 1.33vw coresponds to 1vw
		*/	
		/*				
			TEASER						
		
		.teaser_box{display:block;}
		.teaser_box{ width:28vh; height:auto; border:0px solid white; position:absolute; left: 15vh; bottom:20vw; }
		.tb_row{ display:flex; flex-wrap:nowrap;}
		.tb_row:nth-of-type(1){border: solid 1px rgba(0,0,255,0.05);}
		.tb_row:nth-of-type(2){align-items:center; margin-top:25px;margin-top:1.8vw;}
		.tb_row:nth-of-type(3){align-items:center; margin-top:5px;margin-top:-0.6vw;}
		.tb_row:nth-of-type(4){align-items:center; margin-top:25px;margin-top:2.1vw;justify-content:space-between;}
		.tb_w_bgrd{ background:white; border:0px solid red; height:4vh; flex-grow:1;}

		.tb_logo{ background-image: url(/shared-assets/_img/logo_white_trans2.png); background-position:center; 
		background-size: cover; background-repeat:no-repeat; width:5vh;height:4vh;}
			
		.tb_caption1{ font-size:2.5vh; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05); letter-spacing:1px;}
		.tb_caption2{ font-size:1.4vh; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);width:100%; text-align:center;letter-spacing:1px;}
		.tb_line{ background-color:white; height:2px;flex-grow:1;border: solid 1px rgba(0,0,255,0.05);}

		.tb_btn{ font-size:1.4vh;border:2px solid #ee7725; border-radius:2.0vh; width:12.8vh; height:4.0vh; display:flex; 
		align-items:center; justify-content:center; color:white;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);}
		.tb_btn:first-child{ background-color:#ee7725;}
		.tb_btn:last-child{  border:2px solid white;}
		.tb_btn:hover{ cursor:pointer; opacity:0.8;}*/	
		
	}	
	
	@media screen 	and (min-width: 1250px){
		/*
			no more resizing for quick search
		*/
		
		/*
			MENU
		*/

		/*#hamburger {top: -10px;top: -15px;}
		#hamburger>.lower_txt {
			margin-top: 46px;
		}*/
		/*#select_lang{ margin-top:-3px;}*/
		#burgerwrap{background-position: center 20px;}
		
		/*#vinnerwrap{right:calc( (100vw-1250px)/2)}*/
		
		
		/*.qs_box{border:1px solid gold;}*/
		.lesson_caption{/*font-size: 46px;*/ margin: 11px 11px 0 11px;}
		/*.close{    background-size: 73px;}*/
		/*.qs_col {height:262px}*/
		.qs_row {left:0; width:100%; margin-top: 0;}
		.qs_cell {margin:11px;}
		.calpax .qs_cell{width:233px;}
		/*#qs_icon_pax, #qs_icon_calender {background-size: 72%;}*/
		/*.qs_icon>div{font-size:24px;}*/
		/*.ui-datepicker th {font-size: 28px;}*/
		/*.ui-datepicker-month, .ui-datepicker-year {font-size: 38px;}*/
		/*.qs_txt_adult,.qs_txt_child{font-size: 38px;}
		.under13 {font-size: 28px;}*/
		.qs_icon_wrap>.qs_icon_col{margin:0;}
		.col_wrap>.qs_col.qs_pax, .col_wrap>.qs_col.qs_cal {    padding: 0 11px 11px 11px;}
		/*.col_wrap>.qs_cal{width:100%; border:0px solid red;padding:0 1vw;}*/
		 .qs_dates {padding-right: 0;}
		.qs_icon_inner_col, .ng_icon_inner_col {padding:0;}
		.qs_icon_wrap, .qs_icon_col {margin-top: 0;}
		#qs_pax .qs_icon {width: 85%;}
		.qs_icon_inner_col:last-of-type, .ng_icon_inner_col:last-of-type {margin: 0;}
		/*.qs_icon_wrap>.qs_icon_col:first-of-type {margin-right:22px;}*/
		/*#tot_pax, #tot_pax1 {
			padding-right: 3.4vh;
			top: 13.9vh;
			font-size: 4.3vh;
			letter-spacing: -0.1vw;
			width:100%;
			left:0;
		}*/
		.col_wrap>.qs_col.qs_dates{width:100%;}
		.col_wrap>.qs_col.qs_dates>.qs_cell{width:auto;}
		.col_wrap>.qs_col.qs_pax, .col_wrap>.qs_col.qs_cal {
			 width: 100%; 
		}
		#qs_dates{width:auto;margin: 0 11px;height: 26vh;}
		.qs_dates_row {justify-content: center;}

		.obj_icon_col:first-of-type {
			margin-left: 0;
		}
		.obj_icon_col:last-of-type {
			margin-right: 0;
		}
		.bo_content {
			margin-bottom: 8%;
			background: #f2f2f8;
		}	
	
		
		/*
			LIMIT WIDTH: width of content max 1250px; 
			overrule width calculation of: .result_page_content
			reset width calculation of
					
		*/
		.results{margin-left:28px; font-size:18px; color:#f26522; margin-bottom:10px;}
		.rp_wrap{border:0px solid green; max-width:1250px; margin: 0 auto; }
		.result_page_content{max-width:1250px!important;}/* width:calc(1250px-(100vw-1250px)/2);}*/
		
		/*
			SIZEing transform VW to PX
			used Ipad pro size, which looks nice, 3.6vw = 1366px, results in 49.176px (1366*3.6/100)
		*/
		
		/*
			RESULTS.php
		*/
		
		.col_badge {
    width: 200px;
    height: 200px;

    margin-right: 145px;
    margin-top: -72px;

    background-size: 200px;

}

		.AL2 {
			line-height: 7px; /*0.5vw;*/
			font-size: 15px;/* 1.1vw;
			margin: -0.2vw 0 1.1vw 0.15vw;*/
			margin: -3px 0 15px 2px;
		}
		.prop_name_header{
			font-size:49px;
			/*margin-top: -0.8vw;*/
			margin-top: -11px;
			border:0px solid black;
		}
		.property_name {
			/*font-size: 3.6vw;
			padding-bottom: 1vw;*/
			font-size:49px;
			padding: 14px 28px;	
			/*width:1250px;*/	
			width:100%;	
			
		}
		
		.col_desc {
			padding: 0 2vw;
			margin-top: 1vw;
			padding: 0 28px;
			margin-top: 14px;
			border:0px solid green;
		}
		.short_desc {
			font-size: 28px;
			line-height: 28px;		
			padding: 0vw 0vw 14px 0vw;
		}
		.desc_item {
			font-size: 22px;
		}
		.result_icon_wrap {
			margin-top: 22px;
			margin-left: 0; 
			width:auto!important; /*override calculation*/
		}
		.property_image {
			/*width: 1196px!important;*/
			width:100%!important;
			/*margin-left: 28px;*/
			padding: 14px 0px;	
			/*background-size: contain;
			image size: 1760x1000*/
			height: 680px!important;
			background-size: 100%!important;
			border:0px solid gold;
			margin-left:0;
		}
		/*.col_img_new{
			width: 1196px;
			margin-left: 28px;
			height: 680px;
			border:0px solid blue;
		}*/
		.col_img {
			width: 100%;
			border: 0px solid green;
		}
		
		.rate_wrap {
			margin-left: 28px;
		}	
		.rate_season {
			font-size: 14px;
			line-height: 14px;
		}	
		.r_week {
			font-size: 18px;
			margin-left: 0px;
		}
		.r_euro {
			font-size: 37px;
			line-height: 37px;
		}		
		.r_euro>span {
			font-size: 26px;
		}
		.rate_col:last-of-type {
			width: 137px;
			margin-right: 14px;
		}
		
		/*
			OBJECT.php
		*/
		 .col_desc1 {
			padding: 0 28px;
		}
		#map.col_desc1{
			padding: 0 28px;
		}
		.desc_title {
			font-size: 28px;
			line-height: 28px;
			padding: 0vw 0vw 14px 0vw;
		}		
		.obj_text {
			font-size: 18px;
			letter-spacing: 1.1px;
		}
		.obj_text:first-of-type {
			font-size: 21px;
		}
		.rev_caption {
			font-size: 20px;
		}
		.tot_revs_btn {
			letter-spacing: -1.4px;
			left: 29px;
			width: 18px;
			padding-top: 14px;
			font-size: 14px;
		}
		.rev_button, .book_button {
			width: 164px;
			height: 38px;
			border-radius: 19px;
			padding-right: 14px;
			margin-top: -14px;
		}
		.amenity_icon {
			margin: 0 7px;
			height: 45px;
			width: 45px;
		}
		.rate_table {
			font-size: 18px;
		}
		.rate_table tr:first-of-type {
			font-size: 20px;
		}
		.rate_table td, .rate_table th {
			padding: 14px;
		}

		.image_container_icon {
			/*top: 93px;*/
			left: 14px;
			background-size: 68px;
		}
		
		/*
			REVIEW
		*/
		.legend24 {
			font-size: 26px;
		}
		.legend14 {
			font-size: 18px;
		}
		.legend20, .legend18{
			font-size: 18px;
		}
.legend12 {
    font-size: 12px;
    margin-top: 2px;
}
		.legend16 {
    font-size: 16px;
    margin: 12px 0 6px 0;
}
.bar_legend_scale {
    width: 100%;
    top: -0.3vw;
    /* height: 0.4vw; */
    top: -19px;
    height: 5px;
    left: -4px;
}
.bar_legend_num {
    font-size: 12px;
    width: auto;
left: 104px;
    top: 9px;
}
.label_col1>div {
    border: 0px solid gold;
    padding: 6px 30px 0 0;
}

.comment {
    height: 60px;
    width: 150px;
    min-width: unset;
    margin: 0;
}
.label_wrap {

    width: auto;
}
.label_row {

    flex-wrap: wrap;

}
.label_col:last-of-type {
    width: 540px;
}

.rev_col:last-of-type {
    margin: 0 0 0 370px;
}
.rev_col:first-of-type {
    width: auto;
}
.font12 {
    font-size: 16px;
}

		/*
		.page_wrap{max-width:1250px; width:100%; height:100%;border: 5px solid green; position: absulute;}
		
		.property_image {
			border: 1px solid red;
		}*/
		
		/*
			DATEPICKER 3x3
		*/
		.ui-datepicker {
			border: 0px solid red;
			margin: 0 auto;
			/*padding: 0 10px;
			display:flex!important;
			flex-wrap:wrap;
			width:1196px!important;*/
			margin-left: 10px;
			padding-bottom: 50px;
		}
		.ui-datepicker-inline {width:835px!important;
		

			/*width: 390px;*/
			display: flex!important	;
			/* width: 1186px!important; */
			flex-wrap: wrap;
			justify-content: space-between;
		
		
		}		
		.cal_wrap {
			border: 0px solid red;
			width: 836px;
			margin-top: 0;
			height: 652px!important;
			display: flex!important;
		}
		.ui-datepicker-group{ /*width:375px;margin-right:0px; float:left;*/ margin-bottom: 20px;}
		/*.ui-datepicker-group:last-of-type{ margin-right:0px; border:10px solid gold;}*/
		
		.ui-datepicker-month, .ui-datepicker-year {
			font-size: 14px;
			display: flex;
			align-items: center;
			padding: 0 24px;
		}
		.ui-datepicker th {
			/*font-size: 1.2vw;*/
			padding: 8px;
			font-size: 11px;
		}
		.ui-datepicker tbody {
			font-size: 12px;
		}
		/*.ui-datepicker .ui-datepicker-prev-hover{ background-repeat:no-repeat; }*/
		.ui-datepicker-prev.ui-state-disabled:hover{background:none;} 
		#object_calender {
			display: flex;
			flex-wrap: nowrap; 
			margin-top: 20px;
		}
		
		.ui-datepicker-prev, .ui-datepicker-next{
			width: 34px!important;
		}
		
		/*
			BOOKING OFFER
		*/
		
		.booking_offer_wrap {
			display: flex; 
			border: 0px solid blue;
			width: 332px;
			height: 652px;
		}
		.bo_content {
			flex-wrap: wrap;
			font-size: 18px;			
		}
		.book_row1_col>span {
			font-size: 12px;
			margin-bottom: -1px;
			margin-left: 2px;
		}		
		.bo_col:first-of-type {
			width: 100%;
		}
		.bo_col:last-of-type {
			display: flex;
			width: 100%;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-top: 20px;
		}
		.book_row1 {
			width: 50%;
			border: 0px solid navy;
			display: flex;
			flex-wrap: nowrap;
			background: #f2f2f8;
			justify-content: center;
			/* padding: 1vw 0; 
			height: 31%;
			margin-bottom: 3%;*/
		}
		.book_row1:first-of-type{display:none;}
		.bo_row_col {
			width: 148px;
			padding: 0 20px;
		}
/*		.book_row1.book_warning {
			width: 100%;
			justify-content: center;
			align-items: center;
			color: red;
			font-size: 14px;
			margin-top: -60px;
			background: #f2f2f8;
		}
		.book_row1.book_warning {
			width: 100%;
			justify-content: center;
			align-items: center;
			color: red;
			color: white;
			font-size: 28px;
			margin-top: -60px;
			background: #f2f2f8;
			border: 1px solid red;
			background-color: red;
		}*/
		.book_row1.book_warning {
			width: 100%;
			/* display: none; */
			/* justify-content: center; */
			/* align-items: center; */
			color: red;
			color: white;
			font-size: 22px;
			padding-top: -60px;
			background: #f2f2f8;
			border: 1px solid red;
			background-color: red;
			/* padding: 10px; */
			
			padding: 10px 0;
		}	
		.book_warning .book_row1_col{
			display:flex;
			align-items: center; 
		}
		.rate {
			top: -3px;
			font-size: 34px;
			white-space: nowrap;
			display:none;
		}
		.from {
			font-size: 12px;
			margin-top: -52px;
		}
		
		/*
			QUESTION, RESERVE FORM
		*/
		#to_calendar{    margin-top: 10px;}
		
		.res_header {
			font-size: 26px;
			margin-top: 14px;
			margin-bottom: 14px;
		}
		.form_wrap {
			font-size: 20px;
		}
		.slide-submit-wrap {
			width: auto;
		}
		#object_form input {
			font-size: 48px;
			padding: 0 27px;
		}
		.res_data_box input, .res_data_box input:focus, textarea#ask, textarea#ask:focus, textarea#note, textarea#note:focus {
			height: 120px;
			font-size: 48px;
		}		
		
		/*
			BOTTOM MENU ICONS
		*/

		.obj_icon_wrap {
			margin: 0 0px;
			max-width: 1180px;
			height: 93px;
		}
		.obj_result_icon {
			width: 63px;
			height: 63px;
			margin-right: 14px;
			min-width: 63px;
			margin-top: 15px;
			background-size: 80%;
		}
		.obj_icon_col{
			height: 75px!important;
		}
		.obj_page_footer {
			height: 70px;
			width:1250px!important;
		}
		.image_container {
			margin-bottom: 41px;
		}
		.obj_icon_col:last-of-type {
			margin-right: -40px;
		}
		.tot_revs {
			top: 27px;
			left: 5px;
			letter-spacing: -2px;
			font-size: 20px;
			}



		.news_page_footer {
			width: 1250px;
			height: 60px;
		}
		/*
		QUICK SEARCH
		*/
		.form_card .ui-datepicker-inline {
			justify-content: center;
			margin:0;
		}
		
		/*
			PAGES (welcome, beach, lessons, etc.
		*/
		.content_wrap h1 {
			margin-top: 55px;
			line-height: 55px;
			font-size: 35px;
		}
		.AL_info_title {
			font-size: 22px;
			margin-top: 18px;
			margin-bottom: 24px;
		}
		.AL_info_subtitle {
			font-size: 18px;
		}
		.news_col {
			font-size: 19px;
			margin-top: 29px;
		}
		.news_cont {
			font-size: 19px;
		}
		.scrolltitle {
			font-size: 22px;
		}
		.beachflags img {
			height: 40px;
		}
		.l_from {
			font-size: 30px;
			top: -71px;
		}
		.l_book {
		font-size: 30px;
			top: 71px;
		}		
		.l_price {
			font-size: 83px;
			letter-spacing: -7px;
		}
		.lesson_page_row h3 {
			font-size: 22px;
		}
		.lesson_page_row h3 {
			font-size: 19px;
		}
		.lesson_page_row {
			min-height: 260px;
		}
		#page_content_wrap .image_container, .lessons_page_content .image_container {
			margin-left: 0!important;
			margin-top: 41px;
			width: 1200px!important;
			height: 900px!important;	/*ratio original image: 1200px * 900px*/
		}












	}	
	

	
	@media screen 	and (min-height: 900px)
					and (min-width: 1600px){
		/*				
			TEASER FOR LAPTOP ANS PC						
		*/
		.teaser_box{display:block;}
		.teaser_box{ width:26vw; height:auto; border:0px solid white; position:absolute; left: 15vw; bottom:20vh; }
		.tb_row{ display:flex; flex-wrap:nowrap;}
		.tb_row:nth-of-type(1){border: solid 1px rgba(0,0,255,0.05);}
		.tb_row:nth-of-type(2){align-items:center; margin-top:25px;margin-top:3.5vh;}
		.tb_row:nth-of-type(3){align-items:center; margin-top:5px;margin-top:0.5vh;}
		.tb_row:nth-of-type(4){align-items:center; margin-top:25px;margin-top:4vh;justify-content:space-between;}
		.tb_w_bgrd{ background:white; border:0px solid red; height:4vw; flex-grow:1;}

		.tb_logo{ background-image: url(/shared-assets/_img/logo_white_trans2.png); background-position:center; background-size: cover; background-repeat:no-repeat; width:5vw;height:4vw;}
			
		.tb_caption1, .tb_caption1 h1 { font-size:2.5vw; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05); letter-spacing:1px;}
		.tb_caption2,  .tb_caption2 h3{ font-size:1.4vw; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);width:100%; text-align:center;letter-spacing:1px;}
		.tb_line{ background-color:white; height:3px;flex-grow:1;border: solid 1px rgba(0,0,255,0.05);}
		/*.tb_spacer{ width:auto;}*/
		.tb_btn{ font-size:1.4vw;border:2px solid #ee7725; border-radius:2.0vw; width:11.5vw; height:4.0vw; display:flex; align-items:center; justify-content:center; color:white;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);}
		.tb_btn:first-child{ background-color:#ee7725;}
		.tb_btn:last-child{  border:2px solid white;}
		.tb_btn:hover{ cursor:pointer; opacity:0.8;}	
		
		}	
	@media screen and (max-width: 559px) {
		/*Tablet 800x600*/
		/*#h_wrap, #v_wrap, #v_menu_box{display:flex;}
		#h_logo_box{background-image:url(/shared-assets/_img/logo_only_icon.png);}*/
		#hinnerwrap, #vwrap{ display:none;}
		.qs_icon{background-size:90%;}
		.content_wrap:last-of-type>.page_row_w{justify-content: center;border:0px solid red;}
		.news1:last-of-type {
			margin-right: 0;
		}
		/*.short_desc{display:block;}
		.short_desc>div {margin-bottom:15px;}*/
		.short_desc{display:none;}
	}
	
@media screen 	
				and (max-width: 640px){	
	.l.hour{
		font-size: 12px;	
	}
	.l_price{
		font-size: 40px;		
	}
	.l_from{
		font-size: 16px;
		top: -30px;
	}
	.l_book{
		font-size: 16px;
		top: 30px;
	}	
}	
	
	@media screen and (max-width: 700px) {
	
		.rev_col_inner{ border:0px solid #3FC;}
		.rev_col:first-of-type{ width:100%; float: none;}
		.rev_col:last-of-type{ margin: 0px;}
		.rev_title {margin: 30px 0 -10px 0; order:2}
		.label_wrap{order:1;}
		.label_wrap1{padding: 0px 10px 10px 10px;}
	}	
	
	@media screen and ( max-width: 767px ) {
		.short_desc{display:none;}
	}
	@media screen and ( max-width: 850px ) {
		.qs_row {
			/*left: 12%;*/
			width: 80%;
		}
		
	}
	

	
	@media all 	and (min-width: 880px) 			
				and (orientation:portrait){
				/*and (max-device-height: 767px)*/
				
	/*
		NOT SMALLER THAN IPAD 1024x768 PORTRAIT	
	*/




	.form_card.first-card, .form_card.second-card, .form_card.third-card {
		border: 0px solid green;
/*		width: 100vw;
		margin-left: 0vw; */
		max-width: 700px;
    	max-height: 1260px;
		background-color: white;
		margin-left: 1vw;
		background-color:white;
	}
	#logo1 {display:none;}
	#rentals {
		background-image: url(/shared-assets/_img/surf/xl/slide1.jpg);
		opacity: 0.3;
	}
	

	#f_upper .f_icon_wrap,.second-card .f_center .f_icon_wrap {
		height: 300px;
	}
	#f_upper .f_icon_wrap{ width:100%;}
	#f_upper>.f_content_row, .second-card .f_center .f_content_row {
		/* max-height: 600px;
		max-width: 700px; */
		flex-wrap: wrap;
	}
	.f_icon {
		background-size: auto auto;
		background-position: 50% 100%;
	}
	.f_icon_box {
		width: 33%;
	}	
	

	.form_cell_wrap {
		width: 700px;
	}
	
	
	
	.f_up, .f_up2 {
		border-bottom: 35px solid #2e3192;
	}
	.f_down, .f_down2 {
		border-top: 35px solid #2e3192;
	}
	.f_up, .f_down, .f_up2, .f_down2 {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
	}	
	.f_units, .f_days {
		font-size: 30px;
		height: 65px;
	}
	.f_days {
		line-height: 25px;
	}
	.f_icon_box {
		padding: 20px 0 10px;
	}	
	.f_icon_col:last-of-type {
		width: auto;
		padding:0;
	}
	
	.f_row.f_cal{
		margin-top: 0;
		position: relative;
	}	
	
	
	/*	
		SECOND CARD
	*/
	
	.cell_caption {
		font-size: 24px;
		top:20px;
	}	
	.rates_n_dates .f_total, .second-card .cell_caption.f_date {
		font-size: 28px;
	}
	.second-card .f_center .f_icon_box {
		height: 350px;
	}
	.second-card .f_content_col:first-of-type {
		 margin: 0; 
	}	
	.f_icon_col:first-of-type {
		width: 300px;
	}	
	.second-card .f_center .f_icon_box {
		max-width: 33%;
		/*height: 353px;*/
		border: 0px solid red;
		padding:0;
	}	
	.second-card .f_icon_wrap {
		margin-left: 0;
	}
	
	.second-card #booking_code {
		height: 100%;	
		font-size: 34px;
		width: 95%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 17px 0 0 20px;
		/*width: 200px;*/
		font-size: 40px;
		height: 80px;
	}	
	.f_voucher_col:nth-of-type(1) {
		font-size: 24px;
	}	
	.f_voucher_col:nth-of-type(2) {
		flex: 2;
		margin: 20px 40px;
	}	
	.rates_n_dates_col div {
		font-size: 24px;
	}	
	.f_icon[data-qs_icon="r_sup"] .f_units2, .f_icon[data-qs_icon="r_wetsuit"] .f_units2 {
		top: -12px;
	}
	.f_units2 {
		font-size: 61px;
		letter-spacing: -10px;
		margin-right: 10px;
	}
	.f_icon_wrap {
		height: auto; 
	}	
	
	.second-card .f_center>.f_content_row {
		margin-bottom: 30px;
	}		
		
	.f_icon_box.rates_n_dates {
		margin-bottom: 10px;
	}	
	.confirm_voucher {
		width: 150px;
	}	
	.second-card #booking_code.no_edit {
		font-size: 20px!important;
	}
	.f_voucher_col:nth-of-type(1) {
		margin-left: 20px;
	}
	.confirm_voucher {
		width: 100px;
	}	
		
	
	/*			
		THIRD CARD
	*/	
	.third-card .slide-submit-text {
		display: inline-block;
		text-transform: uppercase;
		font-size: 28px;
		display: flex;
		justify-content: flex-end;
		align-content: center;
		align-items: center;
		height: 100%;
	}	
	.third-card .slide-submit-thumb {
		position: absolute;
		top: 0;
		left: 0px;
		width: 180px;
		height: 100%;
		background: linear-gradient(to top, #D4D5E8, #CACCDD);
		box-shadow: inset 0 0 0 3px #f3f5f6, inset 0 0 0 4px rgba(0,0,0,0.17);
		text-shadow: 0 -1px #828282;
		border-radius: 30px;
		box-sizing: border-box;
		text-align: center;
		font-size: 80px;
		line-height: 40px;
		padding-top: 3px;
		font-family: serif;
		color: #fff;
		border: 0px solid blue;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.third-card .slide-submit-wrap {
		width: 700px;
		min-height: 150px;
	}
	#submit_me {
		padding: 20px;
		font-size: 34px;
		flex-wrap: wrap;
		align-content: flex-start;
	}
	.subm_header {
		font-size: 54px;
		margin-bottom: 65px;
		font-size: 3vh;
	}	
	.subm_content {margin-bottom: 80px;font-size: 2vh;}
	.subm_warn {
		/*font-size: 30px;*/	
		font-size: 1.5vh;
	}
	code {
		font-size: 34px;
		display: inline-block;
	    margin-right: 100%;
		font-size: 2vh;
    overflow: hidden;
    height: 2.8vh;
    line-height: 2.8vh;
	}
	code:last-of-type{font-size: 2vh;
    overflow: hidden;
    height: 2.8vh;
    line-height: 2.8vh;}
	.submit_wrap .close {
		width:5vh;
    background-size: 5vh;
	background-position: 100% 5%;
}

/*#qs_pax .qs_icon {
    width: 75%;
    margin-top: -4vh;
}*/
/*	.quicksearch_box .qs_icon_inner_col div {
		width: 16vw;
		height: 16vw;
		margin: 1.6vh;
	}*/
.quicksearch_box .qs_icon_inner_col div {
    width: 14vw;
    height: 14vw;
    margin: 1.6vh;
}

}


	
	@media screen 	and (orientation:portrait)
					and (max-width: 1023px){
	
		/*.qs_row:last-of-type{height:100%;}*/
		/*.qs_row{ height: 44vh;}*/
		
		/*create a adjustable box for 2 rows*/	
		.qs_cell{margin:1vh 2vw;}
		
		.qs_col{ display:flex;
			flex-wrap:nowrap;width:100%; height:20vh;height:19vh; }
		/*.qs_voucher{display:none;} *//* override line above*/			
		
		.qs_cal{ height:40vh;} /*DON'T FORGET TO SET CALENDER CELL IN calender.js function style_cells()*/
		.qs_pax,.qs_search{ height:20vh;}
		.col_wrap .qs_col{width:100%;}
		/*#qs_icon_search, */#qs_icon_book	{ background-size: 39%; }
		#qs_dates{width:100%; height:18vh; margin-right:0;}
		#qs_wrap{left:auto;}
		#qs_wrap {margin-top: 4vh;   width: 94%; top: 0;left: 3%;}
		.col_wrap {
			flex-wrap: wrap;
		}
		.qs_row{
			left: 0;
			width: 100%; margin-top: 1.5%;		
		}
		.qs_dates {font-size:5.9vw; }
		/*
			DATEPICKER && PAX
		*/
		
		.ui-datepicker th {
		font-size:3vw; /*10px;1.2rem;*/
		padding: 7px 0;}
		.ui-datepicker-month,.ui-datepicker-year{ font-size: 5vw;}
		.qs_pax{ height:35vh;/*padding:0;*/}
		.qs_pax{display:none;}
		
		#qs_pax, #qs_cal { /*width: 95%;*/    width: 100%; margin: 0 0vw;}	
		
		.qs_pax_ok{   margin-top: 2vh;height: 12vh;
			width: 14vh;}
		.qs_icon{ background-size:60%;}
		.qs_icon1{ background-size:77%;}
		.qs_icon_inner_col, .ng_icon_inner_col{ font-size:2.3vh;} 
		/*.qs_icon_inner_col div{ width: 5.7vh; height: 5.7vh;}*/
		.qs_icon_inner_col div, .ng_icon_inner_col div {
    width: 9.7vh;
    height: 9.7vh;
}
		.qs_txt_adult,.qs_txt_child{ font-size: 4.5vw;}
		.under13{ font-size:3.0vw;}
		.qs_icon_inner_col:first-of-type, .ng_icon_inner_col:first-of-type{width:19vw;}	
		.qs_txt_adult,.qs_txt_child{ margin-right:2vw;
			width: 20vw;white-space: nowrap;
			font-size: 4.0vw;
			
			border: 0px solid pink;text-align: right;
		}
		
		/*#tot_pax {
			top: 12.4vh;
			font-size: 8.2vw;
			left: 8vw;
			width: 15vw;
		}*/
		/*#qs_icon_pax,#qs_icon_pax1, #qs_icon_calender{ background-size: 65%;}*/	
		#qs_amenities>.qs_icon{ background-size: auto 70%;}	
		/*
			LESSONS
		*/

		.col_wrap_inner{flex-wrap:wrap;display:flex;}
		.qs_col{ width:100%;}
		#surflesson,#surflesson2{ margin-bottom:0; }
		.lesson_caption,.lesson_caption2{  padding:1.5vh 0; margin: 2vw 2vw 0 2vw; font-size:3.5vh;}
		.close{ background-size:70%;}
		.qs_col2{  /*padding:1.5vh 0 0 0; */margin: 2vw 2vw 0 2vw; border:0px solid red;}
		.qs_col2:last-of-type{margin-bottom:2vw;}
		
		.col_wrap{width:100%;}	
		
		.qs_icon>div{ bottom: 1.5vh; font-size:2.0vh; color:#2e3192;} /*SIZE OF CALENDER CELL TEXT*/
		#qs_dates .qs_dates_label1{ font-size:2.0vh; color:#2e3192;}
		#qs_dates .qs_start1, #qs_dates .qs_start2{ font-size:3.5vh; color:#2e3192;}
		.qs_icon>.qs_icon_wrap{margin-top:2vh;}
		#qs_pax .qs_icon{ width:100%;}
		/*.qs_icon_wrap>.qs_icon_col {
    margin: 0px 0vw;}*/
		/*		.qs_dates_label1{font-size: 2.2vw;}*/
		#qs_wrap2 .qs_start1, #qs_wrap2 .qs_start2{font-size: 5.6vw;}

		#qs_dates .qs_icon{ width:auto;}
		.col_wrap .qs_col:first-of-type{height:21vh;}
		.qs_dates_row{padding:0;}
		.qs_dates1{margin-right: 2vw;}
		/*#qs_icon_pax1 {
			background-size: 66%;
		}*/
		.col_wrap .qs_col:first-of-type{width:100%;}
		
		.calpax .qs_cell:first-of-type{ margin-right:0.5vh; margin-top:0;}
		.calpax .qs_cell:last-of-type{ margin-left:0.5vh;margin-top:0;}
	/*
		LESSONS SEND FORM
	*/
		
		#qs_icon_search2{ background-size: 14vh;  height:12vh; }
		.lesson_caption2 { padding: 1.5vh 0;}
		.qs_box2{ 
			top: 12vh;
			left: 7vw;
			width: 86vw;
		}
		.qs_row2 {height: 12.2vh; width:100%;}
		.qs_row2_icon{    width: 30%; /* half as in landscape */
    		height: 100%;background-size: 80%;
		}
		.qs_row2 textarea,.qs_row2 input{    height: 6.5vh;
    font-size: 3.4vh;}
	
		#form_note{ background-size: 80%; }
		textarea#note{height:9.2vh; margin-left:30%;margin-left:0;  }
		/*.form_note>.form_input{margin-left: 30%;
    width: 65%;}*/
		/*.qs_row2.form_note{height:19vh;}*/
		/*#note{ width:80vw;}*/
			
	.form_note>.form_input{margin-left: 30%;
    width: 65%;
    /*margin-right: 2vw;*/}

	.slide-submit-text {  font-size: 2.1vh;}
	#qs_wrap2 .qs_icon>div{ 
		margin-top:-4vh;/*color: #ef7624;*/ margin-left: 0.8vw;
	}
	#qs_icon_voucher>div{ color: #ef7624;font-size: 3.5vw;}
	#qs_wrap .qs_icon>div{ 
		margin-top:-0.9vh;
	}
	/*#qs_icon_pax1>div{margin-left: 0;}
*/	#surflesson>.qs_icon>div{top:14vh;}
	#qs_dates2{	margin-right: 2vw; height:11vh;}
	
	#qs_wrap2 .qs_icon .lesson_txt {
    margin-top: 1.1vh;}
	
	#surflesson2>.qs_icon {
		background-size: 13.5vh;
	}
	/*#tot_pax1 {
		margin-top: -4vh;
    	font-size: 5.7vw;}*/
	.num_lessons>span{font-size: 5.7vw;}
	#num_lessons .qs_icon_inner_col {margin-top: -21.5vh;    margin-left: 1vw;width:23.5vw;}
	#num_lessons.qs_icon .qs_icon_inner_col{top: -2vh;}
	.qs_col.qs_voucher{ height:auto;}

	/*#tot_pax {top: 10.4vh;}*/
	#qs_wrap2 #qs_dates2>.qs_icon>.qs_dates_row{margin-top: -2.1vh;}
	.qs_voucher_col:first-of-type{width: 60%;}
	#confirm_voucher{ background-size: 150%; margin-right: 2vw;}
	
	#submit_me{display:none;color:#2e3192; background-color: #ffffff; padding: 2vw 2vw;font-size: 3vh;}
	.subm_warn{color:#ef7624; margin-top:2vw;font-size: 2.5vh;}
	code{font-size: 2.5vh;}
	.subm_header{font-size: 4.2vh; margin-bottom: 2vw;}	
	.second-card #booking_code.no_edit {font-size: 2.5vh!important;}
	
	


}
	
	@media screen and (max-width: 739px) {
		/*shows small logo*/
		#logo{background-image:url(/shared-assets/_img/logo_only_icon.png);}
		.qs_icon{background-size:80%;}
		/*#qs_icon_search,*/ #qs_icon_book{ background-size: 35%; }
		#qs_dates.qs_dates1{height:17vh;}
		.qs_box{top:6.5vh;}
		.qs_col.qs_search{height:20vh;}
		/*.qs_icon#qs_icon_pax1 { background-size:53%;}*/
		/*.qs_icon1 { background-size:59%;}*/

	}
	
	@media screen 	and (max-width: 767px)
					and (orientation:portrait){	
		/*
			NEW centers aon all devices smaller width than iPad
		*/
		.teaser_box {
			width: 250px;
			left: auto; 
			bottom: 30px;
			font-size: 14px;
			display: block;
			position: absolute;
		}
		

	}
	
		
	
	@media screen 	and (orientation:portrait){
		/*
			NEW
		*/

.no_records_help {
	margin-top: 1px;
	/*line-height: 14px;*/
}
.f_search{
    display: flex;
    /* justify-content: center; */
    align-content: center;
    /* align-items: center; */
    height: 100%;
}	
	
.confirm_voucher {

    width: 25%;
}
.f_voucher_col {
    width: 30%;
}		
.second-card #booking_code {
    font-size: 3vh;
    line-height: 5.5vh;
}
.second-card #booking_code.wrong_code {
    font-size: 2vh!important;
}		
.rates_n_dates_col .f_date, .rates_n_dates_col .f_total {
    font-size: 6.5vw;
    width: 100%;
}	
		
.second-card .f_icon_box {
    flex-direction: column;
    flex-direction: row;
}	
.f_center {
    min-height: unset;
}		
.lesson_page_row .l_content {
    width: 100%;
}			
.cell_caption {
    padding:0
}	
.cell_caption>div{
    width: 100%;
}
.qs_box_tot_pax {
    font-size: 2.9vh;
    padding-right: 7%;
}	
		
		
/*	*/	.qs_icon_col {
			/*width: 76%;
			margin-left: 22%;*/
			margin-bottom: 4vh;
		}
		.qs_icon>.qs_icon_wrap {
			margin-top: 2vh;
			flex-wrap: wrap;
		}		
		.qs_pax_ok {
			margin-top: -4vh;
			height: 12vh;
			width: 14vh;
		}	
		.quicksearch_box .qs_icon_inner_col div {
			width: 18vw;
			height: 18vw;
			margin: 1.6vh;
		}	
		.qs_icon_col {
			width: 100%;
		}
		.qs_icon>.qs_icon_wrap {
			margin-top: 2vh;
			flex-wrap: wrap;
			display: flex;
		}	
		.quicksearch_box .qs_icon_inner_col div {
			width: 19vw;
			height: 19vw;
			margin: 1.6vh;
		}	
		.qs_icon_inner_col:first-of-type, .ng_icon_inner_col:first-of-type  {
			width: 19vw;
			width: 47%;
		}	
		.qs_icon_inner_col:last-of-type , .ng_icon_inner_col:last-of-type {
			border: 0px solid black;
			/* margin: 0 2vw 0 auto; */
			width: 53%;
			display: flex;
			flex-wrap: wrap;
			/* height: 100%; */
		}	
		.under13 {
			text-align: center; 
		}
		.qs_txt_adult, .qs_txt_child {
			text-align: center;
		}		
		
		
		#qs_cal {
			height: auto;
			margin: 0;
		}	
		#f_upper .f_icon_wrap{ width:100%;}
		#f_upper .f_icon_wrap .f_icon, .quicksearch_box .first-card #f_icon_calender{
			background-size: auto 90%;
		}
		

		
		 .form_wrap {
			margin-bottom: 5%;
		}
		.obj_page_content {bottom:22px;}

		#qs_dates .qs_dates_label, #qs_dates  .qs_arr, #qs_dates  .qs_dep{font-size:2.8vh;}
		#qs_dates{ width:98%;margin-left: 2vw;}
		/*#qs_icon_pax, #qs_icon_pax1, #qs_icon_calender{background-size: 42%;}*/
		/*#qs_wrap {margin-top: 4vh;   width: 94%; top: 0;left: 0;}*/
		/*.cal_wrap{ position:absolute;}	*/
		/*
			QUESTION.php
		*/
		.res_data_box input, .res_data_box input:focus, textarea#ask, textarea#ask:focus, textarea#note, textarea#note:focus{ 
			font-size: 4.5vh;  
		}		
		/*
			BOOKING OFFER
		*/
		/*HANDHELD PORTRAIT*/
		.bo_content{flex-wrap:wrap;border:0px solid gold;}
		.bo_col{ width:100%;}
		.bo_row1{background:#f2f2f8;flex-wrap: nowrap; padding: 3vw 0;justify-content: space-between; }
		.bo_row1:nth-of-type(even){ background:#fafafc;}
		.bo_col:last-of-type,.bo_col:first-of-type{ font-size: 18px; width:100%;}
		.bo_row1{ width: 100%;}
		.bo_row1_col {width: 100%;}
		.bo_row1_col:last-of-type{ min-width: 100px;top: 0; margin:0;}
		
		.book_row1{background:#f2f2f8;margin-bottom: 0px;height:34%;}
		.book_row1:nth-of-type(even){ background:#fafafc;}
		.book_row1_col>span{left:0; position:relative; width: 100%; min-width:200px; margin-left:2vw;bottom: 0px;}
		.book_row1_col>span	{
		align-items: flex-start;
    margin-top: 10px;
	font-size: 2.7vw;
}
		.book_row1_col_inner {background-position: center; width: 100%; margin:0; padding:10px 0;}
		.book_row1_col {
			height: 30vw;
			width: 30vw;
			text-align: center; 
			display: flex;
			flex-wrap: wrap;
			/*align-items: center;
			margin:0*/
			justify-content:center;
			font-size: 2.4vh;
		}	
		/*.book_row1>div{ padding:10px 0;}*/
		.bo_col:last-of-type{    font-size: 18px;
		width: 100%;
		border: 0px solid red;
		display: flex;
		flex-wrap: nowrap;}
		.bo_row{ height:10vh; padding: 0;}
		.bo_row_col:not(:last-of-type){height:auto; border:0px solid orange;}
		.book_row1_col>span{top: 0;}
	
	/*	
		LESSONS
	*/	
/*		.l.hour{
			font-size: 1vw;	
		}
		.l_price{
			font-size: 7vw;		
		}
		.l_from{
			font-size: 2.3vw;
			top: -5.8vw;
		}
		.l_book{
			font-size: 2.3vw;
			top: 5.8vw;
		}*/
		
		.l_price {
			font-size: 7vw;
			letter-spacing: -0.5vw;
		}
		.l_from {
			font-size: 2.5vw;
			top: -5.2vw;
		}	
		.l_book {
			font-size: 2.5vw;
			top: 5.2vw;
		}		
		
		/*
			FORM
		*/
	.f_icon {
		background-size: auto 78%;
		background-size: auto 100%;
	}	
	.f_lesson_caption,.f_search{
		height: 10vh;
		font-size: 3.7vh;
	}

	
	.f_content_row{
		flex-wrap:wrap;
		height: 53vh;
	}

	.f_content_col{width:auto;}
	
	.cell_caption {
		font-size: 1.7vh;
		font-size: 2.2vh;
		top: 0.7vh;
	}
	.f_icon_box {
		padding: 1vh 0 1vh;
	}
	
.first-card #f_icon_calender {
    background-position: 50% 75%;
    background-size: auto 50%;
		background-size: 50% auto;
    opacity: 1;
}

	.f_row.f_cal{
    /*margin-top: 15vh;
    position: absolute;*/
	position: relative;
	}
	
	.second-card .f_content_col:first-of-type {
		width: 100%;
		margin-top: 1vw;
		flex:none;
		margin: 2vw 0vw;
		min-width:58px;
	}	
	.second-card .f_content_col:last-of-type {
		flex: 1;
		justify-content: center;
	}	
	.second-card .f_voucher .f_content_row {
		display: flex;
		flex-wrap: wrap;
		height: auto;
	}
	.f_icon[data-qs_icon="r_sup"] .f_units2, .f_icon[data-qs_icon="r_wetsuit"] .f_units2 {
		top: -1.9vh;
	}
	.f_icon_box.rates_n_dates {
		display: flex;
		flex-wrap:nowrap;
		margin-bottom:1vh;
	}
	.rates_n_dates_col{width:50%;}

	.second-card .f_center .f_icon_box {
		border:0px solid white; /*need this border !*/
		height: 26vh;
		max-width: 33vw;
		padding: 0 2vw;
		    
}
.second-card .f_center .f_icon_box {
    /* border: 0px solid white; */
    height: 26vh;
    /*max-width: 33vw;*/
    /* padding: 0 2vw; */
    /* align-items: center; */
    align-content: flex-start;
    /* height: 100%; */
}		

	.f_units,.f_days {
		font-size: 9.6vw;
		height: 12vw;
		height:5vh;
	}


	.f_icon_col:last-of-type {
		margin-right: 0vw;
	}	
	.f_units, .f_days {
		font-size: 2.7vh;
		/*height: 4vh;*/
	}	
	#f_upper>.f_content_row,.second-card .f_center .f_content_row {
		height: 100%;
		height: auto;
		min-height: 34vh;
	}	
	

	
	.f_up, .f_down, .f_up2, .f_down2 {
		border: 0px solid #2e3192;
		width: 0;
		height: 0;
		border-left: 2.0vh solid transparent;
		border-right: 2.0vh solid transparent;
		z-index: 3;
	}	
	.f_up, .f_up2 {
		border-bottom: 3.0vh solid #2e3192;
	}
	.f_down, .f_down2 {
		border-top: 3.0vh solid #2e3192;
		opacity: 0.3;
	}	
	.second-card .f_days {
		height: 8vh;
	}
	.f_icon_col:last-of-type {
		width: auto;
	}
	.second-card .f_center>.f_content_row{
		height:auto;
		/*height: 42vh;*/
	}
	.f_icon_col:first-of-type {
		width: 14vw;
	}
	.f_icon_wrap{
		width:100%;
		flex-wrap: wrap;
		height: 20vh;
		height: auto; 
		justify-content: center;
	}
	.second-card .f_center>.f_content_row {
		margin-bottom: 3vh;
	}		

	
	.second-card .f_icon_col:first-of-type {
		width: 12vw;
	}
	.second-card .f_icon_col:last-of-type {
		 margin-left: 0; 
	}
	

	
	
	
/*	.second-card .cell_caption.f_date{    
		font-size: 2.2vh;
	}*/
.second-card .cell_caption {
    font-size: 2.2vh;
    margin-top: -1vh;
	top:0;
	line-height: 0;
}	
/*	.f_voucher_col:nth-of-type(1) {
		font-size: 1.3vh;
	}*/
.f_voucher_col:nth-of-type(1) {
    font-size: 1.9vh;
    width: 40%;
    line-height: 2.6vh;
}	
	.rates_n_dates_col div{
		font-size: 2.2vh;
		width: 100%;
	}
.rates_n_dates_col {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}	
			
	.second-card #booking_code.no_edit {
		font-size: 1.6vh!important;
	}
	
	
	/*
		ALL DEVICES 
	*/
	
	#f_icon_calender {
		background-size: auto 50%;
	}
	.f_row {
		background-color: white;
	}
	.f_row.f_bottom{ flex:2;}
	.f_search>.f_icon {
		margin-top: 2vh;
		width: 10vh;
		height: 10vh;
	}	
	.second-card .f_search>.f_icon {
		margin-top: 0vh;
	}
	#page_form_wrap #f_upper>.f_content_row,.second-card .f_center .f_content_row {height:50vh;}
	#f_upper .f_icon_wrap, .second-card .f_center .f_icon_wrap {
		height: 25vh;
	}
	
	/*
		SLIDE SUBMIT
	*/
	/*.slide-submit-wrap {
		padding: 1vh;
	}*/			
	.second-card .f_row.f_voucher {
		border-top: 2px solid #c1c2df;
		height: 22vh;
	}

	}
	
		@media screen 	and (min-height: 600px)
					and (min-width: 768px)
					and (orientation:portrait){	
		/*Ipad and other tablets and larger PORTRAIT*/		
		/*				
			TEASER						
		*/
		.teaser_box{display:block;}
		.teaser_box{ width:30vh; height:auto; border:0px solid pink; position:absolute; margin:0 auto; bottom:12vw; left: auto;}
		.tb_row{ display:flex; flex-wrap:nowrap;}
		.tb_row:nth-of-type(1){border: solid 1px rgba(0,0,255,0.05);}
		.tb_row:nth-of-type(2){align-items:center; margin-top:25px;margin-top:1.8vw;}
		.tb_row:nth-of-type(3){align-items:center; margin-top:5px;margin-top:-0.6vw;}
		.tb_row:nth-of-type(4){align-items:center; margin-top:25px;margin-top:2.1vw;justify-content:space-between;}
		.tb_w_bgrd{ background:white; border:0px solid red; height:5vh; flex-grow:1;}

		.tb_logo{ background-image: url(/shared-assets/_img/logo_white_trans2.png); background-position:center; 
		background-size: cover; background-repeat:no-repeat; width:6vh;height:5vh;}
			
		.tb_caption1,  .tb_caption1 h1 { font-size:3vh; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05); letter-spacing:1px;}
		.tb_caption2,  .tb_caption2 h2{ font-size:1.7vh; color:white;margin:0 20px;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);width:100%; text-align:center;letter-spacing:1px;}
		.tb_line{ background-color:white; height:2px;flex-grow:1;border: solid 1px rgba(0,0,255,0.05);}

		.tb_btn{ font-size:1.4vh;border:2px solid #ee7725; border-radius:2.0vh; width:12.8vh; height:4.0vh; display:flex; 
		align-items:center; justify-content:center; color:white;text-shadow: 1px 1px 1px rgba(0,0,255,0.05);}
		.tb_btn:first-child{ background-color:#ee7725;}
		.tb_btn:last-child{  border:2px solid white;}
		.tb_btn:hover{ cursor:pointer; opacity:0.8;}	
		
		/*
			CALENDAR
		*/
		.ui-datepicker tbody {
			font-size: 2.5vw;
		}
		.ui-datepicker-month, .ui-datepicker-year {
				font-size: 3.6vw;
		}
		.ui-datepicker-title select option {
			font-size: 1.5vw;
		}
		.qs_txt_adult, .qs_txt_child, .qs_icon_inner_col {
			font-size: 3.1vw;
		}
		#qs_cal{margin-top:0!important;}
		/*
			FORMS
		*/	
		.close {
			background-size: 6.4vw;
		}
		.quicksearch_box .first-card .f_search>.f_icon {
		    background-size: 90%;	
		}
		.rates_n_dates_col .f_date, .rates_n_dates_col .f_total {
			font-size: 3.5vw;
			width: 100%;
		}
		.f_voucher_col:nth-of-type(1) {
			font-size: 1.4vh;
			width: 40%;
			line-height: 1.8vh;
		}
		.second-card .f_days {
			height: 4.4vh;
		}
		
		/*
			OBJECT.php
		*/
		.obj_page_footer {
			margin: 0;
			height: 7.5vw;
		}
		.obj_result_icon {
			width: 6vw;
   			height: 6vw;
		}
		.obj_icon_col:first-of-type {
			margin-left: 0vw;
		}
		.obj_icon_col:last-of-type {
			margin-right: 0vw;
		}
		.tot_revs {
			top: 2.1vw;
			left: 0.4vw;
			letter-spacing: -0.3vw;
			font-size: 2.2vw;
		}
		/*
			SUBMIT
		*/
		.slide-submit-thumb {
			width: 18vw;
			border-radius: 3.7vw;
			font-size: 7.5vw;
			line-height: 7.5vw;
		}
		.slide-submit {
			height: 9.1vw;
			border-radius: 3.7vw;
		}
		#submit_me {
			width: auto;
		}
		.slide-submit-wrap {
			padding: 1vh;
			width: 100vw;
			width:auto;
		}
		

		
		
		/*
			RENTALS
		*/
		.f_up, .f_up2 {
			border-bottom: 2.2vh solid #2e3192;
		}
		.f_down, .f_down2 {
			border-top: 2.2vh solid #2e3192;
		}		
		.f_up, .f_down, .f_up2, .f_down2 {
			border-left: 1.3vh solid transparent;
			border-right: 1.3vh solid transparent;
		}
		#f_upper .f_icon_wrap .f_icon, .quicksearch_box .first-card #f_icon_calender {
			background-size: auto 100%;
		}
		.f_icon_col:first-of-type {
			margin-left: 2vw;
		}
		.f_icon_col:last-of-type {
			margin-right: 2vw;
		}	
		.second-card .f_center .f_icon_box {
			height: 25vh;
		}
		.rates_n_dates_col div {
			font-size: 1.4vh;
		}
		.rates_n_dates_col .f_date, .rates_n_dates_col .f_total {
			font-size: 3.8vw;
		}
		.f_voucher_col:nth-of-type(2) {
			margin: 0;
		}
		.second-card .cell_caption {
		    font-size: 2vh;
		}
		.second-card .f_icon_box_row>.f_icon {
			background-size: auto 95%;
		}
		.second-card .f_days {
			height: 5.3vh;
		}	
		.f_icon_col:first-of-type {
			margin: 0 1vw;
		}
		.f_units, .f_days {
			font-size: 1.8vh;    
			line-height: 1.8vh;
		}
		/*
			E-BIKES
		*/	
		#f_upper .f_icon_wrap {
			width: 100%;
			flex-wrap: nowrap;
		}
		.f_icon_box.rates_n_dates {
			width: 100%;
		}
		#page_form_wrap #f_upper>.f_content_row, .second-card .f_center .f_content_row {
			height: 46vh;
		}
		.ebike_box .second-card .f_icon[data-qs_icon="r_pax"] {
			background-size: auto 60%;
		}	
		.ebike_box .f_center .f_content_row{
			margin: 0;
		}
		
		/*
			LESSONS
		*/

		.lesson_box .first-card #f_icon_pax {
			background-size: auto 80%;
		}
		.f_icon_portrait_wrap:first-of-type {
			margin-top: -2vh;
		}		
		.second-card .f_row.f_voucher {
			height: 19vh;
		}	
		.pax_warning {
			padding-left: 0vw;
		}
		.qs_icon>div {
			font-size: 2vw;
		}				
		
	}

	@media screen 	and (orientation:portrait)
					and (max-width: 739px) {

		.qs_icon{background-size:80%;}

	}		
	@media screen 	and (orientation:portrait)
					and (max-width: 559px) {	
		#qs_wrap {margin-top: 4vh;   width: 100%; top: 0;left: 0;}
	}						
	@media screen 	and (orientation:portrait)
					and (max-width: 559px) {
		.qs_icon{background-size:90%;}
		.qs_icon1{background-size:96%;}
	}	
	@media screen 	and (max-width: 414px) 
					and (orientation:portrait){
		/*
			portrait setting on smaller devices up to Iphone 6/7/8
		*/
		.l_book {
			font-size: 16px;
			top: 32px;
		}
		.l_from{
			font-size: 16px;
			bottom: 32px;
		}		
		.l_price {
			font-size: 40px;
		}		
		
		.covid_wrap {
    top: 14vh;
    width: 80%;
    margin-left: 0;		
}		
	}	
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/*IE10 and above sniffer from https://stackoverflow.com/a/20541859/2275490*/
   .f_row.f_cal{justify-content:flex-start;}
   
   .flex-square{background-color:#f7c9ae;}
   .flex-square:hover{background-color:#c7c9e2;}
   /*.f_icon_box.f_icon_kind{}*/
   .lesson_box .second-card :first-of-type.f_icon_box_row, .ebike_box .second-card :first-of-type.f_icon_box_row{height:75%!important;}
   

   /*.lesson_box .second-card [data-qs_icon='daily'].f_icon, .lesson_box .second-card [data-qs_icon='weekly'].f_icon, .lesson_box .second-card [data-qs_icon='private'].f_icon{
		margin-top:-5vh; 
	}*/
	.lesson_box .second-card .f_icon, .ebike_box .second-card .f_icon{
		background-position-x:center;
		background-position-y:center;
		justify-content:flex-start;
	}
	.second-card .lesson_box_tot_pax, .second-card .ebike_box_tot_pax{
		padding-right:7%;
		margin-bottom:4.8vh;
	}
	.lesson_box .num_lessons span, .ebike_box .num_lessons span{
		margin:0 0 4.8vh 0!important;
	}
}
@media all 	and (min-width: 1000px)
			and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.second-card .f_icon_box{
		flex-direction:row!important;
	}
	.rates_n_dates{margin:0;}
	.f_content_col:first-of-type{flex:2!important;}
	.f_content_col:last-of-type{margin-right:10vw;flex:1;}
	/*#page_form_wrap.rentalspage .second-card .f_icon_wrap{margin-left:-25vw!important;}*/
	#page_form_wrap.rentalspage .second-card .f_icon_box{ border:0px solid pink; width:15vw;max-width:15vw;flex:0!important;}
}