@charset "utf-8";

input, textarea, select {font-family: 'Archivo Narrow', sans-serif;}

.stButton .sharethis {display:none!important;} 

/*======================================================================
============================MINICART===================================*/
	
#minicart {
	float: right; width: auto; margin: 10px 0 10px 0;
	padding: 0 12px 0 0; display: block; font-family: 'Archivo Narrow', sans-serif;
	border-right: 1px rgba(255,255,255,0.6) solid;
	border-left: 1px rgba(255,255,255,0.6) solid;
	background: url(../../../ktroy/gfx/add-to-cart-icon.png) 14px 16px no-repeat;
	background-size: 24px auto;
	text-shadow: 0 0 5px #000;}
	
.is-sticky #minicart {
	background: url(../../../ktroy/gfx/add-to-cart-icon-b.png) 14px 16px no-repeat;
	background-size: 24px auto;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	margin: 17px 0 0 0;
	text-shadow: none;}	
	
#cartDisplay:before,
#cartDisplay:after {
		content: "";
		display: table;}
	
#cartDisplay:after {clear: both;}
	
#cartDisplay {zoom:1;}

#cartDisplay li {
	float: left; position: relative;
	color: #fff; font-size: 0.9vw;
	padding: 0 0 0 48px;
	cursor: default;}
	
#cartDisplay ul li span,
.is-sticky #cartDisplay ul li span {
	display: block; color: #207fc7;}	
	
.is-sticky #cartDisplay li {
	color: #333; }
	
#cartDisplay li:hover > a {}
	
#cartDisplay ul {
		margin: 0;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;    
		background: #fff;
		padding: 15px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);
		box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);}

#cartDisplay li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: -20px 0 0 0;
		cursor: default;}
		
#cartDisplay ul.show { /*js driven pop out*/
	visibility: visible;
	opacity: 1;}		

.is-sticky #cartDisplay li:hover > ul {
		margin: -5px 0 0 -130px;}
			
#cartDisplay ul li {
		float: none;
		display: block;
		border-bottom: 1px #ccc solid; color: #333;
		_line-height: 0; /*IE6 only*/
		padding: 10px;
		font-size: 16px;
		cursor: default;}
	
#cartDisplay ul li:last-child {
		border-bottom:none; }
	
#cartDisplay ul a.link {    
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		font-size: 16px;
		color: #fff; letter-spacing: 0.05em;
		text-transform: uppercase;
		padding: 12px 28px; border: none;
		-webkit-border-radius: 1px; border-radius: 1px;
		background: #207fc7;}
	
#cartDisplay ul a:hover, .is-sticky #cartDisplay ul a:hover {
		opacity: 0.6;}
		
.is-sticky #cartNotEmpty ul.cartItems li a.link {color: fff!important;}		

li#cartNotEmpty	ul.cartItems {display: block!important;}	

.is-sticky li#cartNotEmpty span {color: #333;}

/*======================================================================
===========================SEARCH=MODULE=================================
========================================================================*/

.custom-booking {
	/*background: rgba(32,127,199,0.7);*/
	background: rgba(0,0,0,0.4);
	width: 88%; font-family: 'Archivo Narrow', sans-serif;
	-webkit-border-radius: 3px; border-radius: 3px; 
	padding: 24px; margin: -240px auto 60px;}	
	
.inner-module {
	margin: 0; background: #fff; display: block; overflow: hidden;
	-webkit-border-radius: 2px; border-radius: 2px; }	
				
.tab-links {
	position: relative; top: 0;
	padding: 0; margin: 0 auto;}
				
.tab-links li {
	float: left;
	margin: 0; padding: 5px;}
		
.tab-links a {
	color: #ccc;
	transition: all linear 0.15s;
	display: inline-block; text-transform: uppercase;
	font-size: 0.95vw; font-weight: 700;
  	padding: 10px 14px 10px 14px;}
	
.tab-links a:hover {color: #207fc7;}	
		
.tab-links li {
	background: #fff url(../../../ktroy/gfx/tab-link-bottom.png) 50% 150% no-repeat;
	background-size: 16px 6px; border-right: 1px #ccc solid;}
		
.tab-links li.active, 
.tab-links li.active:hover {transition: all linear 0.15s; 
	background: #fff url(../../../ktroy/gfx/tab-link-bottom.png) 50% 100% no-repeat;
	background-size: 16px 6px;}	

/*.tab-links li:hover {transition: all linear 0.15s; background: #fff;}*/	

.tab-links li.active a {color: #525252;}
.tab-links li.active a:hover {cursor: default!important;}
		
#accommodation, #activities, #rentals {
	padding: 0; margin: 0;
	width: 100%; float: left;
	transition: all linear 0.15s;
	border-top: 1px #ccc solid;}

.tab { display: none;}

.active {display: block; padding: 0; margin:0;}	

#rentals .date {
	display: block;
	float: left;}

.arr-date, .dep-date, #activities .date {
	width: auto; float: left; overflow: hidden;
	min-width: 120px; display: block; margin: 0;
	font-size: 0.95vw;}
	
.arr-date, #activities .date, #rentals .date {
	background: #fff url(../../../ktroy/gfx/calendar.png) 10px 50% no-repeat;
	background-size: 32px 32px; }
		
.arr-date input, #activities .date input, #rentals .date input {
	background-color: transparent; max-width: 85px;
	display: block; border: 0; letter-spacing: 0.025em;
	padding: 24px 14px 23px 48px; color: #525252;
	cursor: pointer; margin: 0;}
	
.dep-date input {
	background-color: transparent; max-width: 110px;
	display: block; border: 0; letter-spacing: 0.025em;
	padding: 24px 14px 23px 48px; color: #525252;
	cursor: pointer; margin: 0;}

.arr-date input:hover, .dep-date input:hover, 
.arr-date input:focus, .dep-date input:focus,
.custom-booking select.persons:hover, .custom-booking select.persons:focus,
.custom-booking select.act-persons:hover, .custom-booking select.act-persons:focus {
	color: #207fc7;}

.dep-date {
	background: #fff url(../../../ktroy/gfx/date-picker-end.png) 0 50% no-repeat;
	background-size: 32px 32px;
	border-right: 1px #ccc solid;}			
	
.ui-datepicker-trigger {display: none; width: 0px;}	
	
.nights {
	display: block; float: left; margin: 0; 
	min-width: 70px; text-align: center;
	padding: 23px 6px 23px 6px; color: #207fc7; }	
		
span.nights-count {font-size: 0.95vw;}	

.custom-booking select.persons {
	width: auto; float: left;
	display: block; border: none;
	padding: 20px 46px 20px 48px; color: #525252;
	background-color: #fff;
	background-image:  url(../../../ktroy/gfx/select-arrow.png), url(../../../ktroy/gfx/sleeps-icon.png);
	background-size: 28px auto, 34px auto;
	background-repeat: no-repeat, no-repeat;
	background-position: 92% 50%, 6% 50%;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	font-size: 0.95vw;
	cursor: pointer;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	min-width: 130px;}
	
.custom-booking select.act-persons {
	width: auto; float: left;
	display: block;
	padding: 20px 32px 20px 48px; color: #525252;
	background-color: #fff;
	background-image:  url(../../../ktroy/gfx/select-arrow.png), url(../../../ktroy/gfx/persons-icon.png);
	background-size: 28px auto, 24px auto;
	background-repeat: no-repeat, no-repeat;
	background-position: 92% 50%, 6% 50%;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	font-size: 0.95vw;
	cursor: pointer;
	border: none;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	min-width: 130px;}	
	
select.act-persons option,
select.persons option {padding: 2px 0 2px 12px;}
		
.custom-booking select.persons:hover,
.custom-booking select.persons:focus,
.custom-booking select.act-persons:hover,
.custom-booking select.act-persons:focus {}	
	
select.persons option {border-top: #525252 1px solid; outline: none;}
	
.custom-booking .accessible,
.custom-booking .pets,
.custom-booking .flex {
	display: block; float: left;
	font-size: 0.9vw; color: #525252;
	margin: 0 10px 0 15px; padding: 23px 0 22px 0; }		

.custom-booking .accessible input,	
.custom-booking .pets input,
.custom-booking .flex input {
	margin: 0 8px 0 0; cursor: pointer;}
	
.browsed-activities {
	display: flex;
	flex-wrap: wrap;
}
	
@media screen and (-webkit-min-device-pixel-ratio:0) { 

.tab-links {
	position: relative; top: 0;
	padding: 0; margin: 0 auto;}

.custom-booking select.persons {
	padding: 24px 46px 24px 48px;}
	
.arr-date input, #activities .date input,
.dep-date input {
	padding: 24px 14px 24px 48px;}

.custom-booking select.persons {
	padding: 24px 46px 24px 48px;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	border-radius: 0;}
		
.custom-booking select.act-persons {
	padding: 24px 46px 24px 48px;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	border-radius: 0;}	
	
.custom-booking .accessible,
.custom-booking .pets,
.custom-booking .flex {padding: 22px 0 0 0; }

.custom-booking .accessible input,	
.custom-booking .pets input,
.custom-booking .flex input {
	margin: 4px 8px 0 0; cursor: pointer;}

}			

input.button-normal {
	float: right; display: block; font-size: 0.95vw;
	color: #fff; letter-spacing: 0.025em;
	text-transform: uppercase; margin: 10px;
	padding: 13px 22px;
	-webkit-border-radius: 1px; border-radius: 1px;
	border: 1px #207fc7 solid;
	background: #207fc7 url(../../../ktroy/gfx/loading-circle.gif) 160% 50% no-repeat;
	background-size: 28px auto;
	min-width: 130px;}
	
input.button-normal[type="submit"]:disabled {
	color: rgba(255,255,255,0.50);
	border: 1px rgba(255,255,255,0.50) solid;
	background: #C9C9C9 url(../../../ktroy/gfx/loading-circle.gif) 160% 50% no-repeat;}	
	
input.button-normal[disabled]:hover {
	color: rgba(255,255,255,0.50);
	border: 1px rgba(255,255,255,0.50) solid;
	background: #C9C9C9 url(../../../ktroy/gfx/loading-circle.gif) 160% 50% no-repeat;
	background-size: 28px auto;}	
	
input.button-normal:hover {
	color: #207fc7;
	background: #fff url(../../../ktroy/gfx/loading-circle.gif) 160% 50% no-repeat;
	background-size: 32px auto;}
	
input.button-pressed {
	background: #fff url(../../../ktroy/gfx/loading-circle.gif) 96% 50% no-repeat;
	background-size: 28px auto;
	text-transform: uppercase; margin: 10px;
	float: right; display: block; font-size: 0.95vw;
	color: #207fc7; letter-spacing: 0.025em; padding: 13px 40px 13px 22px;
	border: 1px #207fc7 solid;
	-webkit-border-radius: 1px; border-radius: 1px;
	cursor: default;
  min-width: 130px;}	
	
/*======================================================================
===========================LOADER=OVERLAY===============================
========================================================================*/	

.ItemsLoader {
	z-index: 9999;
	position: fixed;
	top: 0; left: 0;
	height: 100%; width: 100%;
	background: url(../../../ktroy/gfx/loader-bg.jpg);
	background-size:cover;
	overflow: hidden;
	cursor: default;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;}
	
.ItemsLoader .content {
	width: 75%; display: block;
	margin: 10% auto; text-align: center;}
	
.ItemsLoader .content h2 {
	color: #fff; font-size: 3vw;
	font-weight: 400;}
	
.ItemsLoader .content p {
	color: #fff; font-size: 1.4vw;}	
	
.content .loader {
	width: 74px; height: auto; opacity: 0.7;
	-webkit-border-radius: 50%; border-radius: 50%;}	
	
/*======================================================================
===========================RESULTS=ACCOMMODATION========================
========================================================================*/

#showResultsOnMap {
	float: right; margin: 60px 4.5% 20px 0; 
	background: #333 url(../../../ktroy/gfx/location.png) 5% 50% no-repeat;
	background-size: 10% auto;
	height: 49px;
	-webkit-border-radius: 2px; border-radius: 2px; 
	text-transform: uppercase; font-size: 1vw; color: #fff;
	padding: 14px; font-weight: 700; width: 18%;
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	/*text-shadow: 0 2px 2px #fff;*/
	border: 1px #555 solid;}
	
#showResultsOnMap:hover {
	color: #333;
	background: #fff url(../../../ktroy/gfx/location.png) 5% 50% no-repeat;
	background-size: 10% auto;
	border: 1px #555 solid;}	
	
/*------------------------------------------------------------------*/
	
.parameters {
	font-family: 'Archivo Narrow', sans-serif;
	display: block; overflow: hidden; width: 70%;
	float: left; margin: 60px 0 35px 4.5%;
	padding: 20px 0 20px;}
	
.moreResults .parameters {
	width: 100%!important;}
	
.moreResults .loader {
	width: 64px; height: auto; opacity: 0.7;
	-webkit-border-radius: 50%; border-radius: 50%;}	
	
.parameters .searched	{
	color: #207fc7; text-transform: uppercase;
	font-size: 20px; float: left; display: block;
	margin: 0 20px 0 0; padding: 0 20px 0 0; 
	border-right: 1px #ccc solid;}

.parameters p.timespan {
	color: #555; font-size: 18px; float: left; display: block;
	margin: 0 20px 0 0; padding: 2px 20px 2px 0; 
	border-right: 1px #ccc solid;}
	
.parameters p.timespan span {
	color: #207fc7;}	

.parameters div.nights-count {
	color: #555; font-size: 18px; float: left; display: block;
	margin: 0 20px 0 0; padding: 2px 20px 2px 0; 
	border-right: 1px #ccc solid;
	width: auto;}
	
.parameters div.nights-count span {
	color: #207fc7; float: left; display: block; margin: 0 5px 0 0;}
	
.parameters .persons	{
	background: #fff url(../../../ktroy/gfx/persons-icon.png) 0 50% no-repeat;
	background-size: 28px auto;
	color: #555; font-size: 16px; float: left; display: block;
	margin: 0 20px 0 0; padding: 3px 10px 3px 34px;
	border-right: 1px #ccc solid;}
	
.parameters .pets, .parameters .flexible {
	color: #555; font-size: 16px; float: left; display: block;
	margin: 0 20px 0 0; padding: 3px 20px 3px 0;
	border-right: 1px #ccc solid;}
	
.parameters .flexible img {
	width: 10px; height: auto; margin: -2px 0 0 5px;}	
	
/*---------------------new-markup--------------------------------------------*/	

#results {padding: 0 40px 40px 30px; /*border-top: 1px #333 solid;*/}

.rental-filters {
	width: 93.7%;
  margin: 50px auto 30px auto;
  max-width: 1650px;
	display: block;
	overflow: hidden;}

.rental-filters input {
  visibility: hidden;}

.rental-filters input[type="radio"],
.rental-filters label {
  border: 1px #333 solid;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #333;
	padding: 10px 15px;
	float: left;
	margin: 0;}

.rental-filters input[type="radio"]:checked + label,
.rental-filters label:hover {
  border: 1px #333 solid;
	background: #fff;}

.rental-filters input[type="radio"]:checked + label span,
.rental-filters label:hover span {
	color: #333;}

.rental-filters label span {
  color: #fff;
	font-size: 16px;
	font-weight: 400;}

.list-heading {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	margin: 0 0 35px 0;
	font-weight: 400;
	text-align: center;
	background: #333 url(../../../ktroy/gfx/select-arrow-w.png) 50% 85% no-repeat;
	background-size: 18px auto;
	color: #fff;
	padding: 5px 0 25px;
	clear: both;
	overflow: hidden;}

.accommodation-box {
	display: block;
	border: 1px #ccc solid;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #f7f7f7;
	float: left;
	width: 30%;
  margin: 0 1.5% 40px 1.5%;
	height: 540px;
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);}

.rental-block {
	display: block;
	border: 1px #ccc solid;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #f7f7f7;
	float: left;
	width: 24%;
  margin:0 1% 40px 0;
  height: 585px;
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);}

.rental-block:nth-of-type(4n) {margin:0 0 40px 0;}

.accommodation-box:hover, .rental-block:hover {
	background: #ffffff;
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.0);
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.0);}

.item .product-image-holder, .accommodation-box .img-holder /*search result page*/ {
	position: relative;
	display: block;
	margin: 4px;
	height: 230px;
	overflow: hidden;}

.rental-block .imgHolder {
	position: relative;
	display: block;
	margin: 4px;
	height: 215px;
	overflow: hidden;}

.item .product-name, .item .box-price,
.rental-block h3, .rental-block .product-id,
.accommodation-box .right h2 {
	text-shadow: 0 1px 3px #000000;
	font-family:'Noto Serif', serif!important;}

.item .product-name {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 4;
	font-size: 22px;
	font-weight: 400;
	color: #ffffff;}

.rental-block h3 {
	position: absolute;
	top: 5px;
	left: 10px;
	margin: 20px 10px 0 0;
	z-index: 4;
	font-size: 22px;
	line-height: 1.1em;
	font-weight: 400;
	color: #ffffff;}

.accommodation-box .right h2 { /*search result page*/
	position: absolute;
	margin: -230px 10px 0 15px;
	z-index: 4;
	font-size: 22px;
	line-height: 1.1em;
	font-weight: 400;
	color: #ffffff;}

.rental-block .product-id {
	position: absolute;
	z-index: 4;
	top: 5px;
	left: 10px;
	font-size: 16px;
	color: #ffffff;}

.item .product-name span::before,
.rental-block .product-id::before {
	content: "ID: "}

.item .product-name span,
.item .box-price span {
	font-family: 'Archivo Narrow', sans-serif;
	display: block;
	clear: both;
	font-size: 16px;}

.item .box-price {
	position: absolute;
  top: 15px;
  right: 15px;
  z-index: 4;
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  text-align: right;}

.item .icons-block {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 3;
	width: 80%;}

.icons-block .accessibility {display: none;} /*no icon for now*/

.icons-block .area {
	display: block; color: #fff;
	float: right; background: url(../../../ktroy/gfx/icon-bg-m2.png) 50% 50% no-repeat;
	background-size: contain; text-align: center;
	font-size: 14px; padding: 18px 5px 30px 6px;
	margin: 0 8px 0 0; width: 50px;
	height: 12px; cursor: default;}
	
.icons-block .persons {
	display: block; color: #fff;
	float: right; background: url(../../../ktroy/gfx/beds-icon.png) 50% 50% no-repeat;
	background-size: contain; text-align: center;
	font-size: 14px; padding: 28px 5px 20px 5px;
	margin: 0 8px 0 0; width: 50px;
	height: 12px; cursor: default;}	

.icons-block img {
	width: 60px;
  height: auto;
  margin: 0 10px 0 0;}	

.icons-block img:last-of-type {
  margin: 0;}	

.item .cover-pic, 
.rental-block .imgHolder img {
	position: absolute;
  top: -4%;
  left: 0;
  z-index: 1;
  width: 100%;
	max-width: unset;
  height: auto;}

.accommodation-box .vignette {
	position: absolute;
	background: url(../../../ktroy/gfx/vignette-2.png) 50% 50% no-repeat;
	background-size: cover;
	opacity: 1.0;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;}

.accommodation-box:hover .vignette {
	opacity: 0.7;}

.item .bottom-part {
	display: block;
	clear: both;
	margin: 10px;}

.item .half {
	display: block;
	float:left;
	width: 50%;
	margin: 0;}

.calendar-block .ui-datepicker table,
.rental-block .calendar-holder {
	font-size: 0.9em;}

.calendar-block .head-text {
	color: #171617;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	display: block;
  margin: 10px 0 5px 0;}

.rental-block .head-text {
  color: #171617;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  display: block;
	margin: 10px 0 10px 15px;}

.calendar-block .head-text::after,
.rental-block .head-text::after{
	content: ":";}

.calendar-block .ui-datepicker table:hover,
.calendar-block .ui-datepicker td span, .calendar-block .ui-datepicker td a
.rental-block .calendar-holder .ui-datepicker table:hover,
.rental-block .calendar-holder .ui-datepicker td span, .rental-block .calendar-holder .ui-datepicker td a {
	cursor: default;}

.calendar-block .ui-datepicker-calendar tr td a:hover,
.rental-block .calendar-holder .ui-datepicker-calendar tr td a:hover {
	color: #333;
  background: #fff;}

.calendar-block .ui-datepicker-calendar tr .unavailable span, 
.rental-block .calendar-holder tr .unavailable span {
	text-decoration: line-through;}

.item .calendar-block .ui-datepicker {
	padding: 0 10px 0 6px;
  width: 90%;}

.calendar-holder .ui-datepicker {
	padding: 0 10px 0 6px;
  margin: 0 0 0 2%;
 	width: 90%;}

.item .ui-datepicker .ui-datepicker-title,
.calendar-holder .ui-datepicker .ui-datepicker-title {
  line-height: 1.7em;
	padding: 2px 0 0 0;}

.item .ui-widget-header,
.rental-block .ui-widget-header {
  font-weight: normal;
	font-size: 14px;}

.item .calendar-block .ui-widget-content,
.rental-block .calendar-holder .ui-widget-content {
	background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;}

.rental-block .calendar-holder .ui-widget-content {
	height: 260px;}

.item .ui-datepicker .ui-datepicker-next,
.rental-block .ui-datepicker .ui-datepicker-next {
  right: -2px; 
	height: 1.8em;
  position: absolute;
  top: 5px;
  width: 1.8em;
  cursor: pointer;
	background: #333;
	-webkit-border-radius: 2px;
	border-radius: 2px;}

.item .ui-datepicker-next span.ui-icon-circle-triangle-e,
.rental-block .ui-datepicker-next span.ui-icon-circle-triangle-e {
	background: url(../../../ktroy/gfx/arrow-next.png) 60% 50% no-repeat;
  background-size: 16px 16px;}

.item .ui-datepicker-prev span.ui-icon-circle-triangle-w,
.rental-block .ui-datepicker-prev span.ui-icon-circle-triangle-w {
  background: url(../../../ktroy/gfx/arrow-prev.png) 40% 50% no-repeat;
  background-size: 16px 16px;}

.item .ui-datepicker-next:hover, .item .ui-datepicker-prev:hover,
.rental-block .ui-datepicker-next:hover, .rental-block .ui-datepicker-prev:hover {
	opacity: 0.6;}

.item .ui-datepicker .ui-datepicker-prev,
.rental-block .ui-datepicker .ui-datepicker-prev {
	left: 2px;
	height: 1.8em;
  position: absolute;
  top: 5px;
  width: 1.8em;
  cursor: pointer;
	background: #333;
	-webkit-border-radius: 2px;
	border-radius: 2px;}

.cabin-intro-text {
	color: #171617;
	font-size: 16px;
	line-height: 1.2em;
	display: block;
	border-bottom: 1px #ccc solid;
	padding: 30px 0 0 0;
  margin: 0 5px 0 10px;
  height: 180px;}

.item .half .more {
	font-size: 16px; font-weight: 700; margin: 15px 0 0 10px;
	display: block; background: #333; padding: 12px 18px 10px 18px;
	text-transform: uppercase; color: #fff; text-align: center;
	-webkit-border-radius: 2px; border-radius: 2px; 
	border: 1px solid #333;}	

.rental-block .bookLink {
	font-size: 16px; font-weight: 700; margin: 8px 8px 0 8px;
	display: block; background: #333; padding: 12px 18px 10px 18px;
	text-transform: uppercase; color: #fff; text-align: center;
	-webkit-border-radius: 2px; border-radius: 2px; 
	border: 1px solid #333;}	

a.bookLink:hover, a.loadMoreResults:hover,
.item .half .more:hover {border: 1px solid #333; background: #fff; color: #333;}


/*data*/	
	
.accommodation-box .fetched-data {
	display: block;
  margin: 15px 2px 10px 2px;
  clear: both;
  overflow: hidden;}

.accommodation-box .fetched-data .accommodation-box .price, 
.accommodation-box .fetched-data .flexible,
.accommodation-box .fetched-data .set-dates, 
.accommodation-box .fetched-data .total-price {
	float: left; display: block;}

.accommodation-box .fetched-data .flexible {
	color: #555; font-size: 18px; padding: 4px 10px 4px 18px;
	border-right: #ccc solid 1px;
	background: url(../../../ktroy/gfx/green-dot.png) 0 50% no-repeat;
	background-size: 10px auto;}

.accommodation-box .fetched-data .set-dates {
	color: #333; 
	font-size: 16px; 
	padding: 5px 10px 4px 32px;
	background: url(../../../ktroy/gfx/calendar.png) 0 50% no-repeat;
	background-size: 24px;
	border-right: #ccc solid 1px; }

.accommodation-box .fetched-data .total-price, .accommodation-box .fetched-data .price {
	color: #207fc7; font-size: 18px; padding: 4px 10px 4px 10px;
	border-right: #ccc solid 1px; margin: 0 10px 0 0; font-weight: 700;} 
	
.accommodation-box .fetched-data .week-price {
	margin: 0;
	display: block;}
	
.accommodation-box .fetched-data .week-price .text {
	float: right; margin: 2px 0 0 0;
	display: block;}
	
.accommodation-box .fetched-data .week-price .w-price {
	float: right; margin: 0; margin: 0 4% 0 2%; font-weight: 700;
	display: block; color: #207fc7; font-size: 18px;}		

.accommodation-box .offer-text {
	display: block;
	height: 120px;
  margin: 0 30px 10px 12px;
  clear: both;
  overflow: hidden;}

.accommodation-box .offer-text p {
	font-size: 16px;
	line-height: 1.1em;
	line-height: 1.2em;
  margin: 0;}

.accommodation-box .right .bookLink {
	float: right;
	font-weight: 700; margin: 8px 8px 0 8px;
	display: block; background: #333; padding: 12px 18px 12px 18px;
	text-transform: uppercase; color: #fff; text-align: center;
	-webkit-border-radius: 2px; border-radius: 2px; 
	border: 1px solid #333;}

.accommodation-box .right .bookLink:hover {
	background: #fff;
	color: #333; text-align: center;}
		
/*icons*/		
	
.accommodation-box .features {
	width: 60%;
  margin: -10px 0 0 15px;
  overflow: hidden;}

.features {
	display: block; float: left; width: 70%;
	margin: 15px 0 0 0; overflow: hidden;}	
	
.accommodation-box .features .accessibility {display: none;}		

.features .area {
	display: block; color: #fff;
	float: left; background: url(../../../ktroy/gfx/icon-bg-m2.png) 50% 50% no-repeat;
	background-size: contain; text-align: center;
	font-size: 14px; padding: 24px 5px 12px 5px;
	margin: 0 1% 0 0; width: 46px;
	height: 34px; cursor: default;}

.features .persons {
	display: block; color: #fff;
	float: left; background: url(../../../ktroy/gfx/beds-icon.png) 50% 50% no-repeat;
	background-size: contain; text-align: center;
	font-size: 14px; padding: 32px 5px 4px 5px;
	margin: 0 1% 0 0; width: 46px;
	height: 34px; cursor: default;}

.features img {display: block; float: left; margin: 7px 1% 0 0; width: 56px; height: auto;}
				
.moreResults {
	display: block; clear: both; overflow: hidden;
	margin: 40px 0; text-align: center;}	
	
.moreResults img.loader	{
	width: 84px; height: auto;
	margin: 40px 0 40px 0;}
	
a.loadMoreResults {
	margin: 40px 0 40px 0;
	display: inline-block; background: #fff;
	padding: 10px 16px 10px 16px; text-transform: uppercase; font-size: 22px; color: #333;
	-webkit-border-radius: 2px; border-radius: 2px; 
	font-weight: 700; border: 2px solid #333;}
	
.no-results {
	margin: 50px 0 50px 0;
	display: block; float: left;
	width: 100%; text-align: center;}

.no-results h2 {
	color: #207fc7; font-size: 1.6vw; font-weight: 400; text-transform: uppercase;}	

.no-results p {
	font-size: 1.2vw; line-height: 1.6em; color: #464646;}	

.no-results p a {	
margin: 40px 0 40px 0;
	display: inline-block; background: #fff;
	padding: 10px 16px 10px 16px; text-transform: uppercase; font-size: 22px; color: #464646;
	-webkit-border-radius: 2px; border-radius: 2px; 
	font-weight: 700; border: 1px solid #464646;}
	
.no-results p a:hover {	
	background: #464646;
	color: #fff;}	

/*=======================================================================
=================================BROWSED=RESULTS=========================
=========================================================================*/

#results .loader {
	width: 74px; height: auto; opacity: 0.85; margin: 60px auto 120px;
	-webkit-border-radius: 50%; border-radius: 50%;
	display: block; text-align: center;}

#travius h1 { 
	font-size: 2.2vw; display: block; text-align: center;
	font-weight: 400; color: #207fc7; overflow: hidden;
	width: 100%; padding: 60px 0 20px 0;}

.filters {
	display: block; overflow: hidden; width: 68%;
	float: left; margin: -2px 0 40px 4.2%;
	padding: 20px 0 20px;}	
	
@media screen and (-webkit-min-device-pixel-ratio:0) { /*chrome hack*/
.filters {
	display: block; overflow: hidden; width: 68%;
	float: left; margin: 6px 0 40px 80px;
	padding: 20px 0 20px;}}

.filters select.reload {
	width: auto; float: left; margin: 0;
	display: block; border: 1px solid #333;
	padding: 12px 0 13px 48px; color: #555;
	-webkit-border-radius: 2px; border-radius: 2px;
	background-color: #fff;
	background-image:  url(../../../ktroy/gfx/sort.png);
	background-size: 38px auto;
	background-repeat: no-repeat;
	background-position: 3% 50%;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	font-size: 0.9vw;
	font-weight: 700;
	cursor: pointer;
	min-width: 130px;}	
	
.filters select.reload:hover {
	opacity: 0.7;}
	
select.reload option {padding: 4px 0 4px 12px;}		

.accessible-filter {
	float: left; display: block; 
	padding: 8px 0 8px 0; margin: 11px 20px 0 20px;}
	
.accessible-filter label {
	float: left;  margin: 0!important;
	font-weight: normal;	}
	
.accessible-filter input {
	float: left;  margin: 3px 0 0 10px!important;}			

.pets-filter {
	float: left; display: none; 
	padding: 8px 0 8px 42px; margin: 11px 20px 0 20px;
	/*background: url(../../../ktroy/gfx/pets.png) 0 50% no-repeat;*/
	background-size: 36px 36px; width: auto;}
	
	
.pets-filter label{
	float: left;  margin: 0!important;
	font-weight: normal;}	
	
.pets-filter input {
	float: left;  margin: 3px 0 0 10px!important;}		

.filters label {
	font-family: 'Archivo Narrow', sans-serif; display: block;
	float: left; margin: 20px 0 0 2%;
	font-weight: normal;}
	
#pets-no, #pets-yes {
	display: block;
	float: left; margin: 23px 0 0 10px;}
	
#showResultsOnMap.cabins-page {margin: 23px 4.2% 20px 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {	
.accessible-filter {margin: 5px 20px 0 20px;}
.pets-filter {margin: 5px 20px 0 20px;}
#pets-no, #pets-yes {	margin: 13px 0 0 10px;}
.filters label {margin: 13px 0 0 2%;}
#showResultsOnMap.cabins-page {margin: 25px 7% 20px 0;}}

.month-browser {
	width: 26%;
	float: left;
	display: block;
	margin: 0 20px;
  padding: 0;}

.month-browser select {
	display: block;
	float:left;
  font-size: 16px;
  color: #333;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 60%;
  margin: 0;
  border: 1px solid #333;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
	background-image: url(../../../ktroy/gfx/select-arrow.png);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 14px;}

/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
    display: none;
}
/* Hover style */
.select-css:hover {
    border-color: #888;
}
/* Focus style */
.select-css:focus {
    border-color: #aaa;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;}

/* Set options to normal weight */
.select-css option {
    font-weight:normal;}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);}

.month-browser button {
	border:none;
	float: left;
	display: block;
	height: 39px;
	width: 40px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}

.month-browser button:first-of-type {
	margin: 0 5px 0 0;
	background: #333 url(../../../ktroy/gfx/arrow-prev.png) 40% 50% no-repeat;
  background-size: 16px 16px;}

.month-browser button:first-of-type:hover {
	background: #777 url(../../../ktroy/gfx/arrow-prev.png) 50% 50% no-repeat;
  background-size: 16px 16px;}

.month-browser button:last-of-type {
	margin: 0 0 0 5px;
	background: #333 url(../../../ktroy/gfx/arrow-next.png) 60% 50% no-repeat;
  background-size: 16px 16px;}

.month-browser button:last-of-type:hover {
	background: #777 url(../../../ktroy/gfx/arrow-next.png) 70% 50% no-repeat;
  background-size: 16px 16px;}

/*------------------------------------------------------*/

.browsed-activities .activityBox {
	float: left;
	border-radius: 3px;
	border: 1px #ccc solid;
	width: 20.5%; 
	margin:0 1% 20px 1%;
	padding: 10px;
	position: relative;}

/*.browsed-activities .activityBox:last-of-type {
	margin:0 1% 60px 1%;}**/

.browsed-activities li.activityBox:nth-of-type(odd) {
	background: #f8f8f8;}
	
.browsed-activities li.activityBox h2 {
	height: 60px; line-height: 1.2em;
	color: #fff;
	text-shadow: 0 0 3px #000000;
	font-weight: 400;
	position: absolute;
    font-size: 20px; margin: 5px 10px 0 10px;}	
	
.browsed-activities li.activityBox .imgHolder	{
	height: auto /*135px*/;
    max-height: none /*150px*/; margin: 0;
	overflow: hidden;}
	
	
.browsed-activities li.activityBox .imgHolder img	{
	min-width: 100%;
	height: auto; max-height:none;}	
	
.browsed-activities li.activityBox a.bookLink {
	margin: 10px 0 0 0;
	font-size: 16px;}

/**/
	
/*=======================================================================
=================================ON=MAP==================================
=========================================================================*/

#TraviusMap {
	z-index: 9999;
	background: rgba(0,0,0,0.8);
	position: fixed;
	margin: 0;
	top: 0; left:0;
	width: 100%;
	height: 100%;
	overflow: hidden;}
	
#TraviusMap button {
	float: right; margin: 0; background: #333;
	border: none; -webkit-border-radius: 2px; border-radius: 2px;
	text-transform: uppercase; font-size: 20px; color: #fff;
	padding: 14px;}	

#TraviusMap html {
	height: 100%;}
	
#TraviusMap #map {
	height: 80%; width: 90%;
	border: 2px #fff solid;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	top: 20px;
	left: 5%;}	
	
button#closeMap	{
	float: right; margin: 20px 5% 0 0;
	border: 2px #fff solid; -webkit-border-radius: 2px; border-radius: 2px;
	text-transform: uppercase; font-size: 16px; color: #fff;
	padding: 8px 8px 8px 38px; background: url(../../../ktroy/gfx/map-icon-open.png) 4% 50% no-repeat;
	background-size: 24px auto;}
	
button#closeMap:hover	{
  background: #fff url(../../../ktroy/gfx/map-icon-close.png) 4% 50% no-repeat;
	background-size: 24px auto; color: #555;}	
	
.parameters-map {
	font-family: 'Archivo Narrow', sans-serif;
	display: block; overflow: hidden; width: 80%;
	float: left; margin: 30px 0 0 5%;
	padding: 0;}
		
.parameters-map .searched	{
	color: #fff; text-transform: uppercase;
	font-size: 1vw; float: left; display: block;
	margin: 0 20px 0 0; padding: 0 10px 0 0; 
	border-right: 1px #ccc solid;}

.parameters-map p.timespan {
	color: #fff; font-size: 0.8vw; float: left; display: block;
	margin: 0 20px 0 0; padding: 2px 10px 2px 0; 
	border-right: 1px #ccc solid;}
	
.parameters-map p.timespan span {
	color: #207fc7;}	

.parameters-map div.nights-count {
	color: #fff; font-size: 0.8vw; float: left; display: block;
	margin: 0 10px 0 0; padding: 2px 10px 2px 0; 
	border-right: 1px #ccc solid; background: none;
	width: auto;}
	
.parameters-map div.nights-count span {
	color: #207fc7; float: left; display: block; margin: 0 5px 0 0;}
	
.parameters-map .persons	{
	background: url(../../../ktroy/gfx/persons-icon-w.png) 0 50% no-repeat;
	background-size: 28px auto;
	color: #fff; font-size: 16px; float: left; display: block;
	margin: 0 20px 0 0; padding: 3px 10px 3px 34px;
	border-right: 1px #ccc solid;}
	
.parameters-map .pets, .parameters-map .flexible {
	color: #fff; font-size: 0.8vw; float: left; display: block;
	margin: 0 10px 0 0; padding: 3px 10px 3px 0;
	border-right: 1px #ccc solid;}
	
.parameters-map .flexible img {
	width: 10px; height: auto; margin: -2px 0 0 5px;}		
	
/*------------------------------product-box-on-google-map----------------------------------------*/	

#map .gm-style-iw div div {
	border-right: 1px #ccc solid;
	padding: 0 4px 0 0;}
	
#map .gm-style-iw .accommodation-box {
	border: none;}	

#map .gm-style .gm-style-iw div div,
#map .gm-style .gm-style-iw div div /*activity*/ {
	width: 220px; overflow: hidden!important;
	border-right: 1px solid #ccc;}
	
#map .gm-style .gm-style-iw div div .specs {
	display: block; overflow: hidden;
	width: 100%; margin: 0 auto;
	border-right: none;}
	
#map .gm-style .gm-style-iw div div .specs span {
	display: block; width: 50%; 
	float: left; margin: 0; font-size: 1vw;}
		
#map .gm-style .gm-style-iw div div .specs .dur,
.gm-style-iw div div .activityBox .specs .dur	{
	float: left; display: block; width: auto; border-right: #ccc solid 1px;
	margin: 0; padding: 8px 8px 8px 36px; font-size: 1.1vw;
	background: url(../../../ktroy/gfx/duration.png) 0 50% no-repeat;
	background-size: 28px;}

#map .gm-style .gm-style-iw div div .specs .timespan,
.gm-style-iw div div .activityBox .specs .timespan	{
	float: left; display: block; width: auto; 
	margin: 0 0 0 14px; padding: 8px 8px 8px 36px; font-size: 1.1vw;
	background: url(../../../ktroy/gfx/time.png) 0 50% no-repeat;
	background-size: 28px;}

#map .gm-style-iw div div .img-holder {
	width: 180px; display: block;
	margin: 10px auto 5px auto; clear: both;
	padding: 0; float: none;
	overflow: hidden;
	border: 1px #555 solid;
	-webkit-border-radius: 2px; border-radius: 2px;
	max-height: 100px;}	
	
#map .gm-style .gm-style-iw .imgHolder {/*activity*/
	width: 180px; display: block;
	margin: 10px auto 5px auto; clear: both;
	padding: 0; float: none;
	overflow: hidden;
	border: 1px #555 solid;
	-webkit-border-radius: 2px; border-radius: 2px;
	max-height: 100px;}		

#map .gm-style .gm-style-iw div div .imgHolder img {
	max-width:105%; height: auto;}

#map .gm-style-iw div div {
	overflow-x: hidden!important;}
	
#map .gm-style-iw .accommodation-box {
	background: #fff; border-bottom: none;}
	
#map .gm-style-iw .img-holder img {width: 100%;}

#map .gm-style-iw .right {
	display: block;
	border-right:none;
	width: 220px;
	margin: 0;
	float: left;}

#map .gm-style-iw .right h2, 
#map .gm-style .gm-style-iw h2 {
	display: block; float: none;
	color: #207fc7; font-weight: 400;
	font-size: 20px; line-height: 1.2em;
	text-align: center!important;
	width: 98%!important;
	margin: 5px auto; text-transform: uppercase;}
	
#map .gm-style-iw .offer-text,
#map .gm-style .gm-style-iw .offerText {
	display: none;}
	
#map .gm-style-iw .offer-text p {}

/*data-*/	
	
#map .gm-style-iw .fetched-data {
	float: none; display: block;
	width: 100%; margin: 0; }

#map .gm-style-iw .fetched-data .price, #map .gm-style-iw .fetched-data .flexible,
#map .gm-style-iw .fetched-data .set-dates, #map .gm-style-iw .fetched-data .total-price,
#map .gm-style-iw .fetched-data .week-price {
	display: block; border-right: none;}

#map .gm-style-iw .fetched-data .flexible {
	display: block; width: 90%;
	color: #555; font-size: 14px; padding: 4px 10px 4px 18px;
	background: url(../../../ktroy/gfx/green-dot.png) 7% 50% no-repeat;
	background-size: 10px auto; text-align: center;
	border-bottom: #ccc solid 1px;
	border-right:none!important;}

#map .gm-style-iw .fetched-data .set-dates {
	display: block; width: 90%;
	color: #555; font-size: 14px; padding: 4px 10px 4px 10px;
	border-bottom: #ccc solid 1px; text-align: center;
	border-right:none!important;}

#map .gm-style-iw .fetched-data .total-price, 
#map .gm-style-iw .fetched-data .price {
	display: block; width: 90%;
	color: #207fc7; font-size: 14px; padding: 4px 10px 4px 10px;
	border-bottom: #ccc solid 1px; margin: 0; text-align: center;
	border-right:none!important;} 
	
#map .gm-style-iw .fetched-data .week-price .w-price {
	display: block; text-align: right; font-size: 14px;
	clear: both;}	

#map .gm-style-iw .fetched-data .week-price span.text {
	display: block; float: left;}

/*icons*/		
	
#map .gm-style-iw .features {
	display: block; float: left; width: 100%;
	margin: 5px 0; overflow: hidden;
	border-right:none!important;
	text-align: center!important;}	

#map .gm-style-iw .features .area {
	display: inline-block; color: #fff;
	float: none; background: url(../../../ktroy/gfx/icon-bg-m2.png) 50% 0% no-repeat;
	background-size: 40px 40px; text-align: center;
	font-size: 12px; padding: 15px 5px;
	margin: 0 2px 0 2px; width: 32px;
	height: 32px; cursor: default;}

#map .gm-style-iw .features .persons {
	display: inline-block; color: #fff;
	float: none; background: url(../../../ktroy/gfx/beds-icon.png) 50% 90% no-repeat;
	background-size: 40px 40px; text-align: center;
	font-size: 12px; padding: 26px 5px 0 5px;
	margin: 0 2px 0 2px; width: 32px;
	height: 25px; cursor: default;}

#map .gm-style-iw .features img {
	display: block; float: right;  padding: 10px 0 10px 0;
	margin: 0 4px 0 4px; width: 40px; height: auto;}
	
#map .gm-style-iw .right a.bookLink,
#map .gm-style-iw div div a.bookLink {
	font-size: 14px; font-weight: 700; margin: 8px 14% 10px 14%;
	display: inline-block; background: #333; padding: 8px;
	float: none; text-transform: uppercase; color: #fff;
	-webkit-border-radius: 2px; border-radius: 2px; width: 62%;
	border: 2px solid #333; text-align: center!important;}	

#map .gm-style-iw .right a.bookLink:hover {border: 2px solid #333; background: #fff; color: #333;}		

/*======================================================================
===========================ACTIVITIES=RESULTS===========================
========================================================================*/

#travius .activities {
	width: 100%; float: left; margin: 0; padding:0;}

#travius .activities .column {
	width: 33%; float: left; 
	margin: 0; padding:0; display: block;
	border-left: 1px #ccc solid;}

.ac-nav {display: block; clear: both; margin: 0 auto 25px auto; width:100%; overflow: hidden;}
	
.ac-nav form {font-family: 'Archivo Narrow', sans-serif;}	
	
.ac-nav form.next {display: block; float: right;}
.ac-nav form.prev {display: block; float: left;}

.ac-nav form.next input,
.ac-nav form input[disabled] {min-width: 160px;}
.ac-nav form input {font-size: 0.9vw;}
.ac-nav form.next input {
	display: block; float: right; border: 1px #333 solid;
	-webkit-border-radius: 2px; border-radius: 2px; 
	color: #fff; background: #333 url(../../../ktroy/gfx/arrow-next.png) 92% 50% no-repeat;
	background-size: 18px 20px; margin: 0 4% 0 0;
	padding: 8px 32px 8px 12px; text-transform: uppercase;}
	
.ac-nav form.next input:hover {
	color: #333; background: #fff url(../../../ktroy/gfx/arrow-next-b.png) 92% 50% no-repeat;
	background-size: 18px 20px;}
	
.ac-nav form.prev input {
	display: block; float: left; border: 1px #333 solid;
	-webkit-border-radius: 2px; border-radius: 2px; 
	color: #fff; background: #333 url(../../../ktroy/gfx/arrow-prev.png) 10px 50% no-repeat;
	background-size: 18px 20px;
	padding: 8px 12px 8px 32px; text-transform: uppercase;}
	
.ac-nav form.prev input:hover {
	color: #333; background: #fff url(../../../ktroy/gfx/arrow-prev-b.png) 10px 50% no-repeat;
	background-size: 18px 20px;}		
	
.ac-nav form input[disabled], .ac-nav form input[disabled]:hover {
	border: 1px #ccc solid;
	-webkit-border-radius: 2px; border-radius: 2px; 
	color: #fff; background: #ccc url(../../../ktroy/gfx/arrow-prev.png) 10px 50% no-repeat;
	background-size: 18px 20px;
	padding: 8px 12px 8px 32px; text-transfom: uppercase;}	
	
#travius .activities .column:last-of-type {border-right: 1px #ccc solid;}  	

.activities .column .date-info {
	width: 80%; display: block;
	margin: 0 auto 40px; padding: 10px 0 10px 0;
	border-bottom: 1px #ccc solid;}
	
.column .date-info {
	font-size: 1.1vw; font-weight: 700;
	text-transform: uppercase;
	color: #333;}	

.column .activityBox {
	width: 80%; display: block; border-bottom: 1px #ccc solid;
	margin: 0 auto 20px; overflow: hidden;}
	
.activityBox .offerText {display: none;}	
	
.column .activityBox h2 {
  color: #207fc7;
  display: block;
  font-size: 1.4vw;
  font-weight: 400;
  margin: 0;
  height: 50px;
  text-transform: uppercase;}	
	
.activityBox .imgHolder	{
	width: 99%; overflow: hidden; margin: 20px 0;
	border: 1px #ccc solid;}
	
.activityBox .imgHolder img {
	width: 101%; height: auto;
	max-height: 320px; }
	
.activityBox .specs {
	display: block; clear: both; margin: 10px 0 5px 0;
	font-size: 1vw; font-weight: 700; overflow: hidden;}	
	
.activityBox .specs span.dur {
	float: left; display: block; border-right: #ccc solid 1px;
	margin: 0; padding: 12px 14px 12px 50px;
	background: url(../../../ktroy/gfx/duration.png) 0 50% no-repeat;
	background-size: 40px 40px;}	
	
.activityBox .specs span.timespan {
	float: left; display: block;
	margin: 0 0 0 14px; padding: 12px 8px 12px 50px;
	background: url(../../../ktroy/gfx/time.png) 0 50% no-repeat;
	background-size: 40px 40px;}		
		
.activityBox a.bookLink {
	background: #333; border: 1px solid #333;
	border-radius: 2px; color: #fff;
	display: block; float: left; font-size: 1vw;
  font-weight: 700; margin: 10px 0 40px 0;
  padding: 14px 40px; text-transform: uppercase;}
	
.activityBox .bookLink:hover {
	background: #fff;
	color: #333;}	

/*==================================================================================================
=================================ITEM=ACCOMMODATION=&=ACTIVITY=&=RENTAL============================
==================================================================================================*/

.item .accommodation, .item .activity, .item .item-rental {
	padding: 60px 0 40px 0; margin: 0 7% 0 7%;
	width: 86%; overflow: hidden; float: left;}

.item-header {
	display: block; clear: both;
	width: 100%; overflow: hidden;
	margin: 0 0 30px 0; padding: 0 0 20px 0; border-bottom: 1px #ccc solid;} 

.item-header .icons {
	float: right; margin: 0; display: block;
	width: 30%;} 	
	
.activity  .item-header .icons, 
.item .item-rental .item-header .icons,
.item-rental .item-header .icons/*, .item-rental .additional-items*/ {
	display: none;} 	
			
.item-header .tripadvisor {
	display: block; width: 10%;
	float: right; margin: 0 0 0 4%;}
	
.item-header .tripadvisor img {
	width: 99%; margin: 4% 0 0 0;}	

.item-header .tripadvisor img:hover {
	opacity: 0.75;}	
	
.item-header .icons img {
	max-width: 58px; float: right;
	margin: 0 2% 0 0;}

.item-header .icons .accessibility {display: none;} /*no icon for now*/
	
.item-header .icons .area {
	display: block; color: #fff;
	float: right; background: url(../../../ktroy/gfx/icon-bg-m2.png) 50% 50% no-repeat;
	background-size: contain; text-align: center;
	font-size: 14px; padding: 18px 5px 30px 6px;
	margin: 0 2% 0 0; width: 50px;
	height: 12px; cursor: default;}
	
.item-header .icons .persons {
	display: block; color: #fff;
	float: right; background: url(../../../ktroy/gfx/beds-icon.png) 50% 50% no-repeat;
	background-size: contain; text-align: center;
	font-size: 14px; padding: 28px 5px 20px 5px;
	margin: 0 2% 0 0; width: 50px;
	height: 12px; cursor: default;}	
	
.item-header h2 {
	display: block; width: 55%;
	float: left; margin: 5px 0 0 0; padding: 0;
	font-weight: normal; color: #207fc7;
	font-size: 32px;}	
	
.accommodation .left,
.activity .left, .item-rental .left {
	display: block; width: 66.6%;
	float: left; margin: 0;
	border-right: 1px #ccc solid;}

.accommodation .right,
.activity .right, .item-rental .right {
	display: block; width: 32.3%;
	float: left; margin: 0;} 
 
.fotorama {
	width: 96%;}
	
.fotorama__stage {
	max-height: 620px; overflow: hidden;}	
	
.fotorama__nav--thumbs {
	margin-top: 20px; text-align: left;} 
		
.external-links {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	overflow: hidden; margin: 20px 0 20px 0;
	padding: 20px 0 20px 0; text-align: center;
	display: block; width: 96%;}
	
.external-links a {
	display: inline-block; margin: 0 7px 0 7px;}
	
.external-links a img {
	max-width:48px; border: 1px solid #ccc; padding: 8px;
	-webkit-border-radius: 50%; border-radius: 50%;}
	
.external-links a img:hover {border: 1px solid #333;}	 	
		
.accommodation .offerText, .activity .offerText, .item-rental .offerText {
		display: block;
		overflow: hidden; clear: both;
		padding: 0 10% 0 0;}	
		
.accommodation .offerText p,
.activity .offerText p,
.item .item-rental p {
		font-family: 'Archivo Narrow', sans-serif;
		font-size: 1.1vw; color: #585858;
		line-height: 1.4em;}			

.offerText ul {
	display: block; padding: 20px 0; margin:0;
	border-top:1px solid #ccc; border-bottom: 1px solid #ccc;}
	
.offerText ul li {
	display: block; padding: 4px 20% 4px 14px; margin:0 0 5px 0;
	font-size: 1vw; font-weight:700; color: #585858;
	background: url(../../../ktroy/gfx/list-dot.png) 0 50% no-repeat;
	background-size: 6px auto;}
	
/*-----------------------------------------*/
		
.selections {
	display: block; overflow: hidden;
	margin: 30px 0 30px 0; font-family: 'Archivo Narrow', sans-serif;}

.adjacent-select {
	-webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
	border-radius: 2px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #333;
    background: #fff url(../../../images/rockandlake/icons/arrow.png) 95% 50% no-repeat;
	background-size: 16px auto;
    width: 80%;
	margin: 0 0 15px 10%;
    padding: 14px;
    cursor: pointer;}
	
.ac-specs { /*activity*/
	border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;
	width: 40%; margin: 0 auto 20px auto; min-width: 150px;
	display: block; clear: both; overflow: hidden;
	font-size: 1vw; font-weight:700; padding: 20px 0;}
	
.selections .persons span.label {display:none;}	
	
.ac-specs .duration {
	display: block;
	margin: 0; padding: 12px 14px 12px 50px;
	background: url(../../../ktroy/gfx/duration.png) 0 50% no-repeat;
	background-size:38px 38px;}	
	
.ac-specs .time {
	display: block; 
	margin: 0; padding: 12px 14px 12px 50px;
	background: url(../../../ktroy/gfx/time.png) 0 50% no-repeat;
	background-size: 38px 38px;}

.item-rental .selections .set-time {
	margin: 0 5px 0 5px;
	width: 32px; height: 32px; display: block; float:left;
	background: url(../../../ktroy/gfx/time.png) 0 0 no-repeat;
	background-size: 32px 32px;	}

.item-rental .ac-specs select {
	padding: 5px;
	font-size: 1.1vw;
	-webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;}
	
.selections .label {
	width: 40%; margin: 0 auto 5px auto; color: #207fc7;
	display: block; clear: both; overflow: hidden;}	

.selections .date {
	width: 40%; margin: 0 auto 20px auto;
	min-width: 150px; clear: both;}	
	
.selections .date input.datepicker {
	-webkit-border-radius: 2px; border-radius: 2px; 
	border: 1px solid #ccc; font-size: 1.1vw; color: #333;
	background: #fff url(../../../ktroy/gfx/calendar.png) 5% 50% no-repeat;
	background-size: 18%;
	width: 64%; padding: 14px 0 14px 35%;
	cursor: pointer;}	
	
.selections .date input.datepicker:focus {
	border: 1px solid #333;}
	
.selections .date .ui-datepicker-trigger {
	float: left; width: 24%;
	min-width: 32px; max-width: 36px;
	color: #fff; background: #fff;
	border: 0; margin: 4.6% 0 0 2%;}
	
.selections .inputBlock {
	width: 40%; margin: 30px auto 35px auto;
	display: block; clear: both; overflow: hidden;}
	
.selections .inputBlock:hover input.qty {
		border: 1px #333 solid;}
	
.selections input.qty {
	width: 98.5%;
	border: 1px #ccc solid; font-size: 22px; 
	font-weight: 700; background: url(../../../ktroy/gfx/persons-icon-small.png) 6% 92% no-repeat;
	background-size: 18px auto;
	padding: 8px 0 8px 0; -webkit-border-radius:2px 2px 0 0;
	border-radius: 2px 2px 0 0; text-align: center;}	
	
.selections input.dec {
	width: 50%; height: 48px; font-size: 28px;
	-webkit-border-radius: 0 0 0 2px;
	border-radius: 0 0 0 2px; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}	
	
.selections input.inc {
	width: 50%; height: 48px; font-size: 28px;
	-webkit-border-radius: 0 0 2px 0;
	border-radius: 0 0 2px 0; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}		
	
.selections input.inc:hover, input.dec:hover {
	background: #444;}	
	
.selections input.inc[type="button"]:disabled,
.selections input.dec[type="button"]:disabled	{
	background: #D9D9D9; cursor: default;}
	
/*------------------------------------------------------*/

.btn-loading, .btn-loading[type="button"]:disabled {
	background: #D9D9D9 url(../../../ktroy/gfx/btn-loader.gif) 50% 50% no-repeat!important; 
	background-size: auto!important; color:#D9D9D9!important;}	

/*------------------------------------------------------*/	
	
.selections .price {
	width: 50%; margin: 0 auto 20px auto;
	padding: 10px 0 10px 0; 
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	display: block; clear: both; overflow: hidden;}	
	
.selections .price span {
	color: #333; font-size:18px;
	text-transform: uppercase;}		
	
.selections .price input {
	border: none; color: #207fc7;
	font-size: 38px;}	

.selections .activityLink {
	background: url(../../../ktroy/gfx/FB4.jpg) 0 0 / 100% no-repeat !important;
    width: 50%;
    margin: 0 auto 20px auto;
}

.selections .activityLink:hover {
	opacity: 0.8;
}

.selections .activityLink a	{
	padding: 40px 6%;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1vw;
	text-shadow: 0 1px 3px #000000;
}	
	
.to-cart {
	width: 50%; margin: 0 auto 20px auto;
	display: block; clear: both; overflow: hidden;}
	
.to-cart input {
	background: #333 url(../../../ktroy/gfx/add-to-cart-icon.png) 10% 50% no-repeat;
	padding: 22px 14px 22px 25%; width: 99%; border: 1px solid #333;
	display: block; color: #fff; font-size: 1.4vw;
	font-weight: 400; text-transform: uppercase;}	
	
.to-cart input[type="submit"]:disabled,
.to-cart input[disabled]:hover {
	opacity: 0.15; border: 1px solid #333; color: #fff;
	background: #333 url(../../../ktroy/gfx/add-to-cart-icon.png) 10% 50% no-repeat;}
			
.to-cart input:hover {	
	border: 1px solid #333; 
	background: #fff url(../../../ktroy/gfx/add-to-cart-icon-b.png) 10% 50% no-repeat;
	color: #333;}			
							
/*-----------------------------------------*/ 

.additionals {
	width: 80%; display: block;
	overflow: hidden; margin: 0 auto;}
	
p.loading {
	display: block; text-align: center;
	padding: 0 0 10px 0;}

img.additionals-loader {
	display: block; margin: 0 auto;
	max-width: 54px;}
	
.additional-items h3 {
	font-weight: 400; font-size: 1.4vw; margin: 20px 0 0 0;
	padding: 0 0 15px 0; display: block; text-align: center;
	color: #333; text-transform: uppercase;
	border-bottom: 1px #ccc solid;}
	
.additional-items .imgHolder {
	 display: block;
    width: 50%;
    margin: 10px 0 10px 0;
    border: 1px #333 solid;}

.additional-items {
	display: block;
	overflow: hidden; margin: 0;}  
	
.additional-items .content {
	width: 100%; display: block;
	overflow: hidden; margin: 20px 0 0 0;
	padding: 5px 0;
	border-bottom: 1px #ccc solid;}

/*******************************************/

.content-panel {
    width:100%;
	display: block;
	overflow: hidden;
	clear: both;}

.content-panel .panel-head {
    width: 50%;
	min-width: 120px;
	text-align: center;
	overflow: hidden;
	background: #207fc7;
	color: #fff;
	text-transform: uppercase;
	margin: 4px 0 4px 0;
	font-size: 12px;
	padding: 8px 0;
	border: none;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	cursor: pointer;}

.content-panel .items {
	display: none;
	overflow: hidden;}

/*******************************************/

.show-more:hover {
	opacity: 0.8;}

.additional-items .content h4 {
	color: #207fc7; display: block;
	font-weight: 400; font-size: 1.4vw;
	margin: 0;}
	
.additional-items .content .offerText {
	margin: 10px 0;}
	
.additional-items .content .offerText p {
	display: block; font-weight: 400; color: #333;
	font-size: 0.9vw; line-height: 1.3em; margin: 0;}	

.additional-items .content .info .additional .label {
	font-family: 'Archivo Narrow', sans-serif;
	clear: both; color: #207fc7;
  display: block; margin: 0 0 5px 0;
  overflow: hidden; width: 100%;}
	
.additional-items .content .info .additional .inputBlock {
	width: 100%; margin: 0; float: left; display: block;
	font-family: 'Archivo Narrow', sans-serif;}
	
.additional-items .content .info .additional .inputBlock .dec {
	width: 40px; height: 40px; font-size: 22px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}
	
.additional-items .content .info .additional .inputBlock .qty {
	width: 40px; border: 1px #ccc solid; font-size: 18px; 
	font-weight: 400; background: none; padding: 8px 0 8px 0; -webkit-border-radius:0 2px 2px 0;
	border-radius: 0 2px 2px 0; text-align: center;}
	
.additional-items .content .info .additional .inputBlock .inc {
	width: 40px; height: 40px; font-size: 22px;
	-webkit-border-radius: 0;
	border-radius: 0; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}	
	
.additional-items .content .info .additional .inputBlock .dec:hover,
.additional-items .content .info .additional .inputBlock .inc:hover {
	background: #444;}
	
.additional-items .content .info .price	{
	display: block; margin: 0; float: left;
	width: 40%; font-size: 1.1vw; padding: 5px 0 0 0;}

.content .info .price span {
	font-family: 'Archivo Narrow', sans-serif;
	color: #207fc7; float: left; display: block;
	width: 25%; margin: 2% 0 0 0;}	
	
	
.additional-items .content .info .price	input {
	border: none; font-weight: 700; 
	float: left; display: block; width: 35%; margin: 1px 0 0 0;}	
	
.price input.null {color: #E0E0E0;}
	
/*-----------------------------------------*/	 

.facilities {
	width: 96%; padding: 0 0 20px 0;
	margin: 20px 0 0 0; float: left; 
	display: block; overflow: hidden;
	background: #ddd0b0 url(../../../ktroy/gfx/rl-info.png) 4% 20px no-repeat;
	background-size: 5%;
	-webkit-border-radius: 2px;
	border-radius: 2px;}

.facilities h4 {
	text-align: left; display: block; color: #333;
	font-size: 1.4vw; font-weight: 400;
	margin: 0 0 0 10%; padding: 24px 0;}

ul.eq-list {
	-webkit-columns: 4; -moz-columns: 4; columns: 4; 
  -webkit-column-gap: 5%; -moz-column-gap: 5%; column-gap: 5%;
	width: 100%; margin: 0;
	display: block; overflow: hidden;} 
	
ul.eq-list li {
	font-size: 1vw; color: #333;
	display: block;
	padding: 0 5% 5px 15%;}	

/*----------------------------------------------*/

#Contact {
	width:68%; padding: 15px 0 15px 48px; text-align: center;
	margin: 30px auto; font-family: 'Archivo Narrow', sans-serif; 
	display: block; overflow: hidden; font-weight: 700;
	text-transform: uppercase; font-size: 1vw; 
	background: #333 url(../../../ktroy/gfx/write-icon.png) no-repeat 10px 50%;
	background-size: 32px auto;
	-webkit-border-radius: 2px; border-radius: 2px; color: #fff;
	border: 1px #333 solid;}
	
#Contact:hover {
	background: #fff url(../../../ktroy/gfx/write-icon-b.png) no-repeat 10px 50%;
	background-size: 32px auto;
	color: #333; border: 1px #333 solid;}
	
.travius-dialog  .ui-dialog-titlebar-close	{
	background: #fff!important; color: #333;
	top: 58px; right: 12%; position: absolute;
	-webkit-border-radius: 2px 2px 0 0!important; border-radius:2px 2px 0 0!important;
	text-transform: uppercase!important; padding: 0.7% 20px!important;
	font-size: 16px; font-weight: 700; border: 1px #fff solid;}
	
.ui-button-text {}	
	
.travius-dialog  .ui-dialog-titlebar-close span {
	display: block; margin: 0; padding: 0;}
	
.ui-dialog-titlebar-close .ui-icon-closethick	{display: none!important;}
	
.travius-dialog  .ui-dialog-titlebar-close:hover {
	color: #fff; background: #333!important;}		

.travius-dialog .ui-helper-clearfix {
	z-index: 9999;
	position: fixed;
	top: 0; left: 0;
	height: 100%; width: 100%;
	background-color: rgba(0,0,0,0.85);}

#ContactPopup {
	z-index: 10000;
	position: fixed;
	top: 100px; left: 10%;
	height: 80%!important; width: 80%!important;
	background: #fff;}
	
#ContactPopup #ContactForm {
	width: 80%; margin: 20px auto 20px auto;
	display: block;}
	
#ContactPopup #ContactForm label {color: #207fc7;}	
	
#ContactPopup #ContactForm p {
	font-size: 1.4vw; color: #333}	
	
#ContactPopup #ContactForm input {
	width: 94%; margin: 4px 0 10px 0; font-size: 1.4vw;
	display: block; border: #ccc 1px solid;
	-webkit-border-radius: 1px; border-radius: 1px;
	padding: 1.8% 20px; opacity: 0.8; letter-spacing: 0.05em;}	
	
#ContactPopup #ContactForm input:hover, 
#ContactPopup #ContactForm input:focus,
#ContactPopup #ContactForm textarea:hover,
#ContactPopup #ContactForm textarea:focus {
	opacity: 1; border: #333 1px solid;}		
	
#ContactPopup #ContactForm textarea {
	width: 96%; margin: 4px 0 10px 0;
	max-height: 150px;
	display: block; border: #ccc 1px solid;
	-webkit-border-radius: 1px; border-radius: 1px;
	padding: 10px; opacity: 0.8;}	
	
#ContactPopup #ContactForm input[type="submit"]	 {
	background: #207fc7; color: #fff; padding: 20px 0 20px;
	opacity: 1; text-transform: uppercase; font-weight: 700;
	font-size: 1.4vw; border: 1px #207fc7 solid; width: 98.5%;}
	
#ContactPopup #ContactForm input[type="submit"]:hover {
	background: #489cd6; border: 1px #489cd6 solid;}	
		
/*----------------------------------------------*/	

.map {
  width: 79.5%; margin: 40px auto 40px auto;
	display: block; height: 330px;
	border: 1px #ccc solid;
	-webkit-border-radius: 2px; border-radius: 2px;}
	
.map #map {
  width: 100%; height: 100%;}	

/*----------------------------------------------*/	

#ActivityCarousel {
	width: 96%; display: block; clear: both;
	overflow: hidden;}
	
.carousel-loader {
	width: 64px; height: 64px; 
	display: block; margin: 25% auto;}	

.carousel-top { border-top: 1px #ccc solid; padding: 20px 0 0; margin: 40px 0 0;}

.carousel-top h3 { 
	color: #207fc7; text-transform: uppercase;
	font-size: 1.6vw; font-weight: 400; margin: 0; padding: 0;}
.carousel-top p {font-size: 1.2vw;}

#ActivityCarousel .carousel-nav {
	display: block; clear: both; overflow: hidden;
	padding: 0; width: 100%; margin: 0 0 20px 0;}
		
.carousel-days {display: block; overflow: hidden; float: left;}	
	
.carousel-nav	button {
	margin: 0 5px 2px 5px; padding: 19px 16px 20px 16px;
	-webkit-border-radius: 2px; border-radius: 2px;
	border: 1px solid #333; float: left;}
	
.carousel-nav	button.next {
	 background:#333 url(../../../ktroy/gfx/arrow-next.png) no-repeat 50% 50%;
	 background-size: 28px auto;}
	 
.carousel-nav	button.next:hover {
	 background:#fff url(../../../ktroy/gfx/arrow-next-b.png) no-repeat 50% 50%;
	 background-size: 28px auto;}	 

.carousel-nav	button.prev {
	 background:#333 url(../../../ktroy/gfx/arrow-prev.png) no-repeat 50% 50%;
	 background-size: 28px auto;}
	 
.carousel-nav	button.prev:hover {
	 background:#fff url(../../../ktroy/gfx/arrow-prev-b.png) no-repeat 50% 50%;
	 background-size: 28px auto;}	
	 
.carousel-days a {
	display: inline-block; margin: 0 2px 10px 2px;
	padding: 10px 16px; background:#207fc7; 
	-webkit-border-radius: 2px; border-radius: 2px;
	border: 1px solid #207fc7;
	color: #fff; text-align: center;}	
	
.carousel-days a:hover {
	background:#fff; color: #207fc7;}
	
.carousel-days a.current,
.carousel-days a.current:hover {
	background:#333 url(../../../ktroy/gfx/tab-link-bottom-w.png) no-repeat 50% 105%; 
	cursor: default; color: #fff;
	border: 1px solid #fff;}		  
	
#ActivityCarousel .carousel-content {
	display: block; clear: both; overflow: hidden;
	border-bottom: 1px solid #ccc;}	
	
.carousel-content .day-info {
	border-top: 1px solid #ccc; display: none; clear: both; overflow: hidden;
	padding: 15px 0; width: 100%;} /*hidden for now...*/
.carousel-content .day-info span {
	font-weight: 400; font-size: 1.4vw; color: #207fc7; text-transform: uppercase;}	
	
.carousel-content .activity, .carousel-content .item .item-rental	{
	float: left; width: 30%; margin: 0 3% 20px 0; padding: 0;
	display: block; border: 1px solid #ccc; background: #fff;
	-webkit-border-radius: 2px; border-radius: 2px;}
	
.carousel-content .activity:hover	{
	border: 1px solid #333; background: #F1F1F1; cursor: pointer;}	
	
.activity h4, .item .item-rental h4 {
	color: #207fc7; text-transform: uppercase; height: 40px;
	font-size: 1.1vw; font-weight: 400; margin: 15px 6% 15px 6%; padding: 0;}	
	
.activity .specs {
    min-height: 50px;
}
	
.activity .specs .dur {
	background: url(../../../ktroy/gfx/duration.png) no-repeat scroll 0 50%;
	background-size: 28px auto;
  display: block; float: left;
  margin: 0 0 5px 6%; padding: 12px 14px 12px 32px;font-size: 1vw;}

.item-rental .specs {display:none;}
	
.activity .specs .timespan {
    background: url(../../../ktroy/gfx/time.png) no-repeat scroll 0 50%;
		background-size: 28px auto;
    display: block; float: left;
    margin: 0 0 5px 0; padding: 12px 14px 12px 32px;font-size: 1vw;}	
		
.carousel-content .activity .imgHolder,
.carousel-content .item-rental .imgHolder {
	height: 180px; width: 88%; overflow: hidden;
	margin: 5px auto 15px auto; display: block;}	

.travius-dialog {
	background-color: rgba(0,0,0,0.0)!important;
	-webkit-box-shadow: none!important; box-shadow: none!important;
	height: 100%!important; width: 100%!important; top: 0!important; left: 0!important;}	
			
.ac-loader-layer {
	z-index: 9999;
	position: fixed;
	top: 0; left: 0;
	height: 100%; width: 100%;
	background-color: rgba(0,0,0,0.5);
	background-image:url(../../../ktroy/gfx/itemsLoader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 48px auto;
	overflow: hidden;
	cursor: default;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;}	

#travius-popup .ac-popup {
	z-index: 10000;
	position: fixed;
	top: 100px; left: 10.05%;
	height: 80%!important; width: 80%!important;
	background: #fff;}

.ac-popup .item {
	width: 95%; margin: 10px auto;
	overflow: hidden; display: block;}

.ac-popup .item .half:first-of-type {
	float: left; width: 35%;}

.ac-popup .item .half {
	float: right; width: 65%;}
	
.ac-popup .item h2 {
	display: block; margin:0 0 10px 0; padding: 10px 0;
	font-weight: normal; color: #207fc7;
	font-size: 2vw;}	

.ac-popup .external-links {
	width: 100%; border-top: none;
	margin: 0; padding: 20px 0 15px; text-align: left;}
	
.ac-popup .external-links a img {
    max-width: 40px;
    padding: 4px;}	
		
.ac-popup .item .imgHolder {
	max-height: 350px; overflow: hidden;}

.ac-popup .item .offerText {
	padding: 0; height: 350px;
	overflow: scroll; width: 94%;
	margin: 0 auto; display: block;
	overflow-x: hidden;
	border-bottom: 1px #ccc solid;}
	
.ac-popup .item .offerText ul {
	width: 80%; clear: both;}	
	
.ac-popup .item .offerText p {
	font-size: 1vw; color: #585858;
	margin: 0; line-height: 1.4em; padding: 5px 10px 0 0;}			
	
.ac-popup .ac-specs {
	width: 100%; float: left; padding: 0;
	display: block; margin: 0;
	border: none;}
	
.ac-popup .ac-specs span.duration,
.ac-popup .ac-specs span.date,
.ac-popup .ac-specs span.time {
	color: #585858; display: block;
	overflow: hidden; margin: 10px 0 0 0;
	float: left; padding: 14px 0 14px 54px;}
	
.ac-popup .ac-specs span.date {
	background: url(../../../ktroy/gfx/calendar.png) no-repeat 10px 50%;
	background-size: auto 38px; width:20%;
	border-right: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.duration {
	background: url(../../../ktroy/gfx/duration.png) no-repeat 10px 50%;
	background-size: auto 38px; width:10%;
	border-right: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.time {
	background: url(../../../ktroy/gfx/time.png) no-repeat 10px 50%;
	background-size: auto 38px; width:24%;}			
	
.ac-popup .half form button {
	background: #333 url(../../../ktroy/gfx/add-to-cart-icon.png) 10% 50% no-repeat;
	padding: 22px 3% 22px 10%; border: 1px solid #333;
	display: block; color: #fff; font-size: 1.4vw; margin: 20px 0 0 0; 
	float: right; font-weight: 400; text-transform: uppercase;}
	
.ac-popup .half form button:hover {
	background: #fff url(../../../ktroy/gfx/add-to-cart-icon-b.png) 10% 50% no-repeat;
	color: #333;}	
	
.ac-popup form {
	margin: 0 0 20px 3%;}	
		
.ac-popup .persons {
	width: auto; float: left; display: block;
	margin: 32px 0 0 0; padding: 0;}
	
.ac-popup .persons .inputBlock {
    clear: both; display: block; width: auto;
    margin: 0 10px 0 0;  overflow: hidden;}	
		
.ac-popup .persons .inputBlock .dec {
	width: 48px; height: 48px; font-size: 28px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}

.ac-popup .persons .inputBlock .inc {
	width: 48px; height: 48px; font-size: 28px;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}

.ac-popup .persons .inputBlock .qty {
	display: block; float: left; text-align: center;
	width: 80px; padding: 10px 0 9px 0;
	border: 1px #ccc solid; font-size: 22px; 
	font-weight: 700; background: url(../../../ktroy/gfx/persons-icon-small.png) 6% 92% no-repeat;
	background-size: 18px auto; -webkit-border-radius: 0;
	border-radius: 0; }		
	
.ac-popup .price {
	float: left; display: block;
	margin:  20px 2% 0 0;}
	
.ac-popup .price span {
	color: #333; float: left; font-size: 1.2vw;
	display: block;  margin: 18px 0 0 0;
  padding: 22px 5px 0;}

.ac-popup .price input {	
	border: none; color: #207fc7;
	display: block; width: 100px; float:left;
	font-size: 2.4vw; padding: 24px 0 0 5px;}	
	
.noRatiotext {
	display: block; clear: both; 
	overflow: hidden; padding: 20px 15% 20px 0;
	color: #207fc7; font-size: 1.1vw; }	

/*======================================================================
===========================SHOPING=CART===============================
========================================================================*/

.CartLoader, .cartTop, .cart-item .accommodation {
	width: 80%; margin-left: auto; margin-right: auto;
	display: block; clear: both; overflow: hidden;}

.CartLoader, .cartTop {text-align: center;}

.CartLoader p {
	font-size: 1.2vw; display: block; text-transform: uppercase; 
	text-align: center; font-weight: 400; color: #333;}

.CartLoader .loader {
	width: 10%; max-width: 84px;
	margin: 40px auto;}

.cartTop h1 {
	font-size: 2.8vw; display: block; 
	font-weight: 400; color: #207fc7; overflow: hidden;
	width: 100%; padding: 20px 0 20px 0;}	
	
img.shopping-stage {width: 35%;}	

.cartTop {margin: 0 auto 80px auto;}

.cartBottom {
	width: 70%; margin-left: auto; margin-right: auto;
	display: block; clear: both; overflow: hidden;
	border-top: 1px #ccc solid;}

.service-fee {
	border-left: 1px solid #ccc;
	position: absolute;
	z-index: 2;
  margin: -58px 0 0 350px;}

.service-fee h4, .service-fee span {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 14px;
	display: block;
  font-weight: 400;
  padding: 0 0 2px 10px;
  margin: 0;}

.cart-item .offerText {display: none;}
	
input.removeBtn {
	width: 42px; height: 42px; margin: 15px 15px 0 0;
	-webkit-border-radius: 2; border-radius: 2px;
	float: right; border: 1px #333 solid;
	background: #333 url(../../../ktroy/gfx/remove.png) no-repeat 50% 50%;
	background-size: 70%;}	
	
input.removeBtn:hover {
	background: #fff url(../../../ktroy/gfx/remove-b.png) no-repeat 50% 50%;
	background-size: 70%;}
	
input.removeBtnLoader {
	width: 42px; height: 42px; margin: 15px 15px 0 0;
	-webkit-border-radius: 2; border-radius: 2px;
	float: right; border: 1px #333 solid;
	background: #333 url(../../../ktroy/gfx/remove.png) no-repeat 50% 50%;
	background-size: 70%; opacity: 0.5;}
	
.cart-item .content  h2 {
	font-size: 1.6vw; display: block; text-transform: uppercase; 
	width: 85%; float: left; margin: 0 0 20px 2%;
	font-weight: 400; color: #207fc7; overflow: hidden;
  padding: 10px 0 10px 0; border-bottom: 1px #ccc solid;}	
	
.cart-item .content {
	display: block; margin: 40px auto;
	overflow: hidden; width: 50%;
	border: 1px #ccc solid;
	-webkit-border-radius: 2; border-radius: 2px;}
	
.cart-item .content .info {overflow: hidden; margin: 0;}

.item-content {
	width: 70%; float: left; margin: 0;
	overflow: hidden;}	
	
.content .info .calendar {
	float: left; display: block; margin:0; padding: 0 0 0 22px;
	background: #fff url(../../../ktroy/gfx/calendar.png) no-repeat 0 10%;
	background-size: 28px auto;}	

.item-content .info .calendar span,
.item-content .info .Dur span, .item-content .info .timeSpan span {	
	font-size: 1vw;}
	
.item-content .info .calendar span {
	display: block; float: left; margin: 0 0 0 5px;
	padding: 5px 0 5px 5px;}

.item-content-bottom	{
	width: 30%; float: left; margin: 0;
	overflow: hidden;}
	
.item-content .info {
	display: block; padding: 5px 10px;
	float: left; margin: 0; width: 95%}	
	
.info .Total {
	display: block; float: right; 
	margin: 0; padding: 0; }

.info .Total span {
	font-weight: 700; color: #207fc7; font-size: 1.1vw;
	margin: 0; padding: 5px 0 5px 0; display: block;}


.item-content .info .timeSpan {
	display: block; float: left; padding: 5px 0 5px 34px;
	margin: 0 0 0 10px;
	background: url(../../../ktroy/gfx/time.png) no-repeat 0 70%;
	background-size: 28px auto;}

.item-content .info .Dur {
	display: block; float: left; padding: 5px 0 5px 34px;
	margin: 0 0 0 10px;
	background: url(../../../ktroy/gfx/duration.png) no-repeat 0 70%;
	background-size: 28px auto;}
	

/*----------------------------------------*/
	
.item-content-bottom .amountsToggle	{
	float: right; display: block;
	margin: 0 0 10px 0;}

.item-content-bottom .amountsToggle	.buttons input.dec,
.item-content-bottom .amountsToggle	.buttons input.inc {
	height: 42px; width: 42px; border: none;
	-webkit-border-radius: 2px; border-radius: 2px;}
	
.item-content-bottom .amountsToggle	.buttons input.dec:hover,
.item-content-bottom .amountsToggle	.buttons input.inc:hover {
	opacity: 0.6;}	
	
.item-content-bottom .amountsToggle	.buttons input.qty {
	display: inline-block; float: none; margin: 0 0 0 10%; width: 40%;
	padding: 6px 0 7px 0; border: 1px #ccc solid; font-size: 22px;
	background: url(../../../ktroy/gfx/persons-icon-small.png) 6% 92% no-repeat;
	background-size: 18px auto;font-weight: 700;
	-webkit-border-radius:2px 2px 0 0;
	border-radius: 2px 2px 0 0; text-align: center;}
 
/*----------------------------------------*/	
	
.item-content-bottom .btnHolder-left {
	float: left; display: block;
	margin: 0; width: 20%;}
	
.item-content-bottom .btnHolder-left input,
.item-content-bottom .btnHolder-right input {
	width: 100%;}	
	
.item-content-bottom .btnHolder-left input.dec {
	background: #333 url(../../../ktroy/gfx/remove-btn.png) 50% 50% no-repeat;
	background-size: 45%;}	
	
.item-content-bottom .btnHolder-right input.inc {
	background: #333 url(../../../ktroy/gfx/add.png) 50% 50% no-repeat;
	background-size: 45%;}		

.item-content-bottom input.qty {
	float: left; display: block;
	margin: 0; width: 55%;}

.item-content-bottom .btnHolder-right {
	float: left; display: block;
	margin: 0; width: 20%;}	
	
.cartBottom .total, .cart-nav {
	width: 100%; clear: both;
	overflow: hidden; padding: 10px 0;}	
	
.cartBottom .total p {
	display: block; clear: both;
	margin: 0 0 0 14%; font-size: 1.2vw;}
	
.cartBottom .total span.totalPrice {
	float: left; display: block;
	margin: 0 0 0 14%; color: #207fc7; font-size: 2vw;}			

.cartBottom .next {
	float: right; display: block;
	margin: 0;}
	
.cartBottom .next a {
	background: #333 url(../../../ktroy/gfx/arrow-next.png) 94% 50% no-repeat;
	background-size: 20px auto; border: 1px #333 solid;
	-webkit-border-radius: 2px; border-radius: 2px;
	padding: 8px 48px 10px 14px; display:block;
	color: #fff; font-size: 1.4vw;}
	
.cartBottom .next a:hover {
	background: #fff url(../../../ktroy/gfx/arrow-next-b.png) 96% 50% no-repeat;
	background-size: 20px auto; 
	color: #333; font-size: 1.4vw;}		

.cartBottom .backButton {
	float: left; display: block;
	margin: 0;}
	
.cartBottom .backButton a {
	background: #333 url(../../../ktroy/gfx/arrow-prev.png) 4% 50% no-repeat;
	background-size: 20px auto; border: 1px #333 solid;
	-webkit-border-radius: 2px; border-radius: 2px;
	padding: 8px 14px 10px 48px; display:block;
	color: #fff; font-size: 1.4vw;}
	
.cartBottom .backButton a:hover {
	background: #fff url(../../../ktroy/gfx/arrow-prev-b.png) 3% 50% no-repeat;
	background-size: 20px auto;
	color: #333;}	
	
.additional-late-offers {
	display: block;
	margin: 10px auto;
	overflow: hidden;
	width: 70%;
	text-align: center;
	padding: 50px 0;
	border-top: 1px #ccc solid;}
		
.additional-late-offers p {
	font-size: 1.4vw;}	
	
.additional-late-offers a.accommodationlink {
	display: inline-block;
	padding: 60px 2%;
	width: 80%;
	font-size: 1.4vw;
	color: #fff;
	text-transform: uppercase;
	background: url(../../../ktroy/gfx/accommodationLink.jpg) 100% 30% / 100% no-repeat !important;
}

.additional-late-offers a.activitylink {
	display: inline-block;
	padding: 60px 2%;
	width: 80%;
	font-size: 1.4vw;
	color: #fff;
	text-transform: uppercase;
	background: url(../../../ktroy/gfx/FB4-2.jpg) 100% 30% / 100% no-repeat !important;
}	
							 
	
.additional-late-offers a:hover {background: #fff; color: #fff; opacity:0.8;}	

			
/*=============================================================
====================TRAVIUS=FORM===============================
==============================================================*/

#TraviusForm	{
	display: block; width: 80%; margin: 0 auto;}
	
#TraviusForm .block	{
	width: 100%; overflow: hidden;}

.cartHeading p {
	color: #207fc7; font-size: 1.6vw;
	margin: 0 0 0 2%; padding: 40px 0;
	line-height: 1.2em;}
	
.block-last {margin: 0 5% 0 2%;}	
	
.cartHeading p span {color: #333; display: block; font-size: 1.2vw; line-height: 1.2em; padding: 10px 0 0 0; }
	
#TraviusForm .block	input {
	border: 1px #333 solid; -webkit-border-radius: 2px;
	border-radius: 2px; padding: 24px 14px; float: left;
	font-size: 1.2vw; letter-spacing: 0.05em;}	

#TraviusForm .block	input.f-name, 
#TraviusForm .block	input.l-name {
	width: 42%; margin: 0 2% 40px 2%;}
	
#TraviusForm .block	input.address {width: 70%; margin: 0 2% 40px 2%;}
#TraviusForm .block	input.zip {width: 14%; margin: 0 2% 40px 2%;}
#TraviusForm .block	input.city {width: 29.5%; margin: 0 2% 40px 2%;}
#TraviusForm .block	input.eml {width: 42%; margin: 0 2% 40px 2%; box-shadow: none; background: #fff;}
#TraviusForm .block	input.phn {width: 42%; margin: 0 2% 40px 2%;}

#TraviusForm .block select {
	border: 1px #333 solid; -webkit-border-radius: 2px;
	border-radius: 2px; padding: 23px 14px; float: left;
	font-size: 1.2vw; letter-spacing: 0.05em;
	background: url(../../../ktroy/gfx/select-arrow.png) no-repeat 92% 50%;
	background-size: 30px 25px;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	cursor: pointer;
	min-width: 180px;
	width: 45.7%; margin: 0 2% 40px 2%;}

textarea.add-info {
	border: 1px #333 solid; -webkit-border-radius: 2px;
	border-radius: 2px; padding: 24px 14px; float: left;
	font-size: 1.2vw; letter-spacing: 0.05em;
	width: 99%; height: 300px; margin: 40px 0;}
	
#TraviusForm .block	input:focus,
textarea.add-info:focus {
	border: 1px #207fc7 solid; color: #207fc7;
	background: #EDEDED;}	

.formBottom {
	width: 97%;
	margin: 0 auto;
	overflow: hidden;
  display: block;
  padding: 0 0 50px 0;}
	
.formBottom  .prepayment,
.formBottom .terms {
	width: 100%; overflow: hidden;}
	
.formBottom  .prepayment p {
	font-size: 1.1vw; padding: 5px 0; margin: 0;
	float: left; display: block;}
	
.formBottom .prepayment input,
.formBottom .terms input {
	float: left; display: block; 
	margin: 8px 10px 0 2%;}			

.formBottom .terms p {
	font-size: 1.1vw; padding: 5px 0; margin: 0;
	float: left; display: block; }
	
.formBottom .terms a {
	color: #207fc7; text-decoration: underline; font-weight: bold;}	
	
.formBottom .terms a:hover {
	color: #333;}		

.formBottom input.ToPayment {
	background: #333 url(../../../ktroy/gfx/arrow-next.png) 94% 50% no-repeat;
	background-size: 20px auto; border: 1px #333 solid;
	-webkit-border-radius: 2px; border-radius: 2px;
	padding: 8px 48px 10px 14px; display:block;
	float: right; color: #fff; font-size: 1.4vw;
	margin: 20px 2% 0 0;}
	
.formBottom input.ToPayment:hover {
	background: #fff url(../../../ktroy/gfx/arrow-next-b.png) 96% 50% no-repeat;
	background-size: 20px auto; color: #333;
	cursor: pointer;}
	
.formBottom input.ToPayment[type="submit"]:disabled,
.formBottom input.ToPayment[disabled]:hover {
	opacity: 0.15; cursor: default;
	background: #333 url(../../../ktroy/gfx/arrow-next.png) 94% 50% no-repeat;
	background-size: 20px auto; border: 1px #333 solid; color: #fff;}	

.formBottom a.back {
	background: #333 url(../../../ktroy/gfx/add-to-cart-icon.png) 10px 50% no-repeat;
	background-size: 20px auto; border: 1px #333 solid;
	-webkit-border-radius: 2px; border-radius: 2px;
	padding: 8px 14px 10px 48px; display:block;
	margin: 20px 0 0 0;
	float: left; color: #fff; font-size: 1.4vw;}
	
.formBottom a.back:hover {
	background: #fff url(../../../ktroy/gfx/add-to-cart-icon-b.png) 10px 50% no-repeat;
	background-size: 20px auto; color: #333;}	
	
/*==========================PAYMENT====================================
=======================================================================*/	

.payment-select {
	display: block; width: 70%; margin: 0 auto;
	padding: 40px 0 40px 0; border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid; text-align: center;}
	
.payment-select div {
	display: inline-block; 
	width: 23%; margin: 0 1% 20px 1%;
	padding: 10px 0 20px 0; border: 1px solid #ccc;
	-webkit-border-radius: 2px; border-radius: 2px;}	
	
.payment-select div h2 {
	font-size: 1.6vw; text-transform: uppercase; color: #207fc7;
	margin: 0; padding: 0;}	
	
.payment-select div img {margin: 15px auto;}	
	
.payment-select div form input {
	color: #333; -webkit-border-radius: 2px; border-radius: 2px;
	text-transform: uppercase; padding: 8px 14px; 
	font-size: 1.2vw; font-weight: 700; background: #fff;
	border: 1px solid #333;}
	
.payment-select div form input:hover {
	color: #fff; background: #333;}					

.payment-info {
	display: block; width: 70%; margin: 0 auto;}
	
.payment-info	p {
	font-size: 1vw; color: #585858; line-height: 1.2em;}
	

@media only screen and (max-width: 1410px) { /*element exceptions semi large screen*/
.custom-booking {width: 92%; padding: 24px; margin: -240px auto 60px;}
}
	
@media only screen and (max-width: 1024px) {

#minicart {
	margin: 8px 0 0 0; padding: 0;
	border-right: 1px rgba(255,255,255,0.6) solid;
	border-left: 1px rgba(255,255,255,0.6) solid;
	background: url(../../../ktroy/gfx/add-to-cart-icon.png) 14px 14px no-repeat;
	background-size: 24px auto;}
	
.is-sticky #minicart {
	background: url(../../../ktroy/gfx/add-to-cart-icon-b.png) 14px 14px no-repeat;
	background-size: 24px auto;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	margin: 22px 0 0 0; padding: 0;
	height: 44px; }	

#cartDisplay li {
	position: relative;
	font-size: 1.4vw;
	padding: 0;}
	
li#cartEmpty {padding: 0 15px 0 48px; margin: 0;}
.is-sticky li#cartEmpty {padding: 0 15px 0 48px; margin: 0;}

li#cartNotEmpty	{padding: 0 15px 0 48px; margin: 0;}
.is-sticky li#cartNotEmpty	{padding: 0 15px 0 48px; margin: 0;}

.is-sticky #cartDisplay li {color: #333;}
		
#cartDisplay ul {
		margin: 0;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;    
		background: #fff;
		padding: 5px 10px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);
		box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);}

#cartDisplay li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: -10px 0 0 40px;
		cursor: default;}
		
#cartDisplay ul.show { /*js driven pop out*/
	visibility: visible;
	opacity: 1;}		

.is-sticky #cartDisplay li:hover > ul {margin: -10px 0 0 40px;}
			
#cartDisplay ul li,
.is-sticky #cartDisplay ul li {
		float: none;
		display: block;
		border-bottom: 1px #ccc solid; color: #333;
		_line-height: 0; /*IE6 only*/
		padding: 5px 0;
		font-size: 16px;
		cursor: default;}
	
#cartDisplay ul li:last-child {
		border-bottom:none; margin: 10px 0 0 0; }
	
#cartDisplay ul a.link {    
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		font-size: 14px;
		color: #fff; letter-spacing: 0.05em;
		text-transform: uppercase;
		padding: 10px 24px; border: none;
		-webkit-border-radius: 1px; border-radius: 1px;
		background: #207fc7;}
	
#cartDisplay ul a:hover, .is-sticky #cartDisplay ul a:hover {
		opacity: 0.6;}
		
.is-sticky #cartNotEmpty ul.cartItems li a.link {color: fff!important;}		

li#cartNotEmpty	ul.cartItems {display: block!important;}	

.is-sticky li#cartNotEmpty span {color: #333;}

/*=======================SEARCH=MODULE============================*/

.custom-booking {
	background: #555; -webkit-border-radius: 2px; border-radius: 2px;
	width: 89.5%; padding: 5px; margin: -60px auto 30px;}
	
.custom-booking .inner-module	{background: #333;}	
			
.tab-links {
	position: relative; top: 0;
	padding: 0; margin: 0 auto;}
				
.tab-links li {
	float: left;
	margin: 0; padding: 5px;}
		
.tab-links a {
	color: #B7B7B7;
	transition: all linear 0.15s;
	display: inline-block; text-transform: uppercase;
	font-size: 1.6vw; font-weight: 700;
  padding: 10px 8px 10px 8px;}
	
.tab-links a:hover {color: #207fc7;}	
		
.tab-links li {
	background: #333 url(../../../ktroy/gfx/tab-link-bottom-w.png) 50% 150% no-repeat;
	background-size: 16px 6px; border-right: 1px #ccc solid;}
		
.tab-links li.active, 
.tab-links li.active:hover {transition: all linear 0.15s; 
	background: #333 url(../../../ktroy/gfx/tab-link-bottom-w.png) 50% 100% no-repeat;
	background-size: 16px 6px;}	

/*.tab-links li:hover {transition: all linear 0.15s; background: #fff;}*/	

.tab-links li.active a {color: #fff;}
.tab-links li.active a:hover {cursor: default!important;}
		
#accommodation, #activities {
	padding: 0; margin: 0;
	width: 100%; float: left;
	transition: all linear 0.15s;
	border-top: 1px #ccc solid;}

.tab { display: none;}

.active {display: block; padding: 0; margin:0;}	

.arr-date, .dep-date, #activities .date {
	min-width: 80px; display: block;float: left;}
	
.arr-date input, .dep-date input, #activities .date input, #rentals .date input {
	font-size: 1.8vw;}	
	
.arr-date {
	border-left: 1px solid #ccc;
	margin: 15px 0 0 15%;
	width: 18%; 
	background: #333 url(../../../ktroy/gfx/calendar-w.png) 10px 50% no-repeat;
	background-size: 28px 28px;}

.arr-date input {
	max-width:none; color: #fff;
	padding: 14px 14px 13px 54px;}
	
.dep-date {
	border-right: 1px solid #ccc!important;
	margin: 15px 0 0 0; padding: 0 14px 0 0;
	width: 18%;
	background: #333 url(../../../ktroy/gfx/date-picker-end-w.png) 0 50% no-repeat;
	background-size: 28px 28px;}	

.dep-date input {	
	max-width:none; color: #fff;
	padding: 14px 14px 13px 54px;
	background: #333 url(../../../ktroy/gfx/date-picker-end-w.png) 0 50% no-repeat;
	background-size: 28px 28px; }	
	
#activities .date, #rentals .date {
	border-left: 1px solid #ccc;
	margin: 15px 0 15px 18%;
	width: 18%; 
	background: #333 url(../../../ktroy/gfx/calendar-w.png) 10px 50% no-repeat;
	background-size: 28px 28px;}
	
#activities .date input, #rentals .date input {
	max-width:none; color: #fff;
	padding: 14px 14px 13px 54px;}	
				
.nights {
	margin: 15px 0 0 0;
	padding: 14px 6px 13px 2px;font-size: 1.8vw; color:#fff;}	
		
span.nights-count {font-size: 1.8vw;}	

.custom-booking select.persons {
	width: 18%; margin: 15px 0 0 0;
	padding: 11px 42px 11px 42px;
	background-image:  url(../../../ktroy/gfx/select-arrow-w.png), url(../../../ktroy/gfx/sleeps-icon-w.png);
	background-size: 24px auto, 30px auto;
	background-repeat: no-repeat, no-repeat;
	background-position: 92% 50%, 6% 50%;
	background-color: #333; color: #fff;
	font-size: 1.8vw;
	clear: right!important;
	float: left;
	border-left: none;
  border-right: 1px #ccc solid;}
	
.custom-booking select.act-persons {
	width: 18%; margin: 15px 0 0 0;
	padding: 11px 42px 11px 42px;
	background-image:  url(../../../ktroy/gfx/select-arrow-w.png), url(../../../ktroy/gfx/persons-icon-w.png);
	background-size: 28px auto, 24px auto;
	background-repeat: no-repeat, no-repeat;
	background-position: 92% 50%, 6% 50%;
	background-color: #333; color: #fff;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	font-size: 1.8vw;}	
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.custom-booking select.persons,
	.custom-booking select.act-persons {
		padding: 14px 42px 14px 42px;}
	}

.chk-boxes {
	display: block; padding: 0 5px 0 0; 
  float: left; margin: 10px 0 0 0; width: auto;}

.custom-booking .accessible,
.custom-booking .pets,
.custom-booking .flex {
	font-size: 1.6vw; color: #fff;
	margin: 5px 10px 0 15px; padding: 14px 0 14px 0; }		

.custom-booking .accessible input,	
.custom-booking .pets input,
.custom-booking .flex input {
	margin: 0 8px 0 0; cursor: pointer;}
	
input.button-normal {
	float: right; display: block; font-size: 1.6vw;
	color: #fff; letter-spacing: 0.025em;
	text-transform: uppercase; margin: 20px 2% 15px 0;
	padding: 8px 18px;
	-webkit-border-radius: 1px; border-radius: 1px;
	border: 1px #207fc7 solid;
	background: #207fc7 url(../../../ktroy/gfx/loading-circle.gif) 160% 50% no-repeat;
	background-size: 28px auto;}
	
input.button-normal[type="submit"]:disabled {
	color: rgba(255,255,255,0.50);
	border: 1px rgba(255,255,255,0.50) solid;
	background: #C9C9C9 url(../../../ktroy/gfx/loading-circle.gif) 160% 50% no-repeat;}	
	
input.button-normal[disabled]:hover {
	color: rgba(255,255,255,0.50);
	border: 1px rgba(255,255,255,0.50) solid;
	background: #C9C9C9 url(../../../ktroy/gfx/loading-circle.gif) 160% 50% no-repeat;
	background-size: 28px auto;}	
	
input.button-normal:hover {
	color: #207fc7;
	background: #fff url(../../../ktroy/gfx/loading-circle.gif) 160% 50% no-repeat;
	background-size: 32px auto;}
	
input.button-pressed {
	background: #fff url(../../../ktroy/gfx/loading-circle.gif) 96% 50% no-repeat;
	background-size: 28px auto;
	text-transform: uppercase; margin: 20px 5% 15px 0;
	float: right; display: block; font-size: 1.6vw;
	color: #207fc7; letter-spacing: 0.025em; padding: 8px 40px 8px 18px;
	border: 1px #207fc7 solid;
	-webkit-border-radius: 1px; border-radius: 1px;
	cursor: default;}	
	
/*----------------------------------------------------------------------*/	

.ItemsLoader .content h2 {font-size: 4vw;}
	
.ItemsLoader .content p {font-size: 2vw;}	

/*----------------------------------------------------------------------*/	

#showResultsOnMap {
	margin: 0 4.5% 20px 0; height: 40px; font-size: 1.6vw; 
    padding: 10px 15px 10px 40px; width: auto;}
	
#showResultsOnMap:hover {
	color: #333;
	background: #fff url(../../../ktroy/gfx/location.png) 5% 50% no-repeat;
	background-size: 10% auto;
	border: 1px #555 solid;}	
	
/*------------------------------------------------------------------*/

button#closeMap {
    background: rgba(0, 0, 0, 0) url(../../../ktroy/gfx/map-icon-open.png) no-repeat 4% 50%;
		background-size: 24px auto; -webkit-border-radius: 1px; border: 1px solid #fff;
    border-radius: 1px; 
    font-size: 14px;
    margin: 10px 4.5% 0 0;
    padding: 8px 8px 8px 32px;}

.parameters-map {width: 60%; float: left; margin: 25px 0 0 10%;}
		
.parameters-map .searched	{
	font-size: 1.8vw;}

.parameters-map p.timespan {font-size: 1.8vw; padding: 0px 10px 2px 0; }
	
.parameters-map p.timespan span {
	color: #207fc7;}	

.parameters-map div.nights-count {
	color: #fff; font-size: 1.4vw;
	margin: 0 10px 0 0; padding: 0 10px 2px 0;}
	
.parameters-map div.nights-count span {
	color: #207fc7; margin: 0 5px 0 0;}
	
.parameters-map .persons	{
	background: url(../../../ktroy/gfx/persons-icon-w.png) 0 50% no-repeat;
	background-size: 28px auto;
	color: #fff; font-size: 1.4vw;
	margin: 0 20px 0 0; padding: 0 10px 3px 34px;}
	
.parameters-map .pets, .parameters-map .flexible {
	font-size: 1.4vw; 
	margin: 0 10px 0 0; padding: 0 10px 3px 0;}
	
.parameters-map .flexible img {
	width: 10px; height: auto; margin: -2px 0 0 5px;}			
	
/*------------------------------------------------------------------*/
	
.parameters {width: 65%;
	margin: 0 0 20px 4.5%;
	padding: 15px 0 15px;}
	
.moreResults .parameters {
	width: 100%!important;}
	
.moreResults .loader {
	width: 64px; height: auto; opacity: 0.7;
	-webkit-border-radius: 50%; border-radius: 50%;}	
	
.parameters .searched	{
	font-size: 1.6vw; margin: 0 10px 0 0; padding: 0 10px 0 0;}

.parameters p.timespan {
	font-size: 1.6vw; margin: 0 10px 0 0; padding: 0 10px 0 0;}
	
.parameters p.timespan span {color: #207fc7;}	

.parameters div.nights-count {font-size: 1.6vw; margin: 0 10px 0 0; padding: 0 10px 2px 0; }
	
.parameters div.nights-count span {margin: 0 5px 0 0;}
	
.parameters .persons	{
	background: #fff url(../../../ktroy/gfx/persons-icon.png) 0 50% no-repeat;
	background-size: 20px auto; font-size: 1.6vw; margin: 0 10px 0 0; padding: 0 10px 3px 34px;
	border-right: 1px #ccc solid;}
	
.parameters .pets, .parameters .flexible {
	font-size: 16px; margin: 0 10px 0 0; padding: 3px 10px 3px 0;
	border-right: 1px #ccc solid;}
	
.parameters .flexible img {
	width: 10px; height: auto; margin: -2px 0 0 5px;}	
	
/*------------------------------------------------------------------*/	

#results {padding: 0 0 20px 0; /*border-top: 1px #333 solid;*/}

.accommodation-box, .rental-block {
	width: 46%;
  margin: 0 1.5% 40px 1.5%;
	height: 590px;}
	
.browsed-activities li.activityBox {
	width: 29%;
    margin: 0 0.5% 20px 0.5%;
    padding: 10px;}

.browsed-activities li.activityBox:nth-of-type(odd) {
	background: #f8f8f8;}
	
/*----------------------------------------*/	

/*data*/	
	
.fetched-data {
	float: left; display: block;
	width: 100%; 	margin: 10px 0 10px 0;}

.fetched-data .price, .fetched-data .flexible,
.fetched-data .set-dates, .fetched-data .total-price {
	float: left; display: block;}

.fetched-data .flexible {
	font-size: 2vw; padding: 4px 10px 4px 18px;
	border-right: #ccc solid 1px;
	background: url(../../../ktroy/gfx/green-dot.png) 0 50% no-repeat;
	background-size: 10px auto;}

.fetched-data .set-dates {
	font-size: 2vw;  padding: 4px 10px 4px 0;
	border-right: none; }

.fetched-data .total-price, .fetched-data .price {
	font-size: 2vw;  padding: 4px 10px 4px 0;
	border-right: #ccc solid 1px; margin: 0 4% 0 0;} 
		
.fetched-data .week-price .w-price {font-size: 2vw;}		
		
/*icons*/		
	
.features {width:70%; margin: 5px 0 0 0; }	
	
.features .area {margin: 0 2% 0 0;}

.features .persons {margin: 0 2% 0 0; }

.features img {margin: 7px 2% 0 0;}
				
.moreResults {margin: 20px 0;}	
	
.moreResults img.loader	{width: 64px;margin: 30px 0 30px 0;}
	
a.loadMoreResults {
	margin: 30px 0 30px 0;font-size: 24px;}
.no-results {margin: 30px 0 30px 0;}
.no-results h2 {font-size: 3vw;}	
.no-results p {font-size: 2vw;}	
.no-results p a {margin: 30px 0 30px 0;font-size: 2vw;}

/*-------------------------------------------------------------*/

#results .loader {
	width: 74px; height: auto; opacity: 0.85; margin: 60px auto 120px;
	-webkit-border-radius: 50%; border-radius: 50%;
	display: block; text-align: center;}

#travius h1 { font-size: 3.2vw;  padding: 10px 0 10px 0; margin: 0;}

.filters {width: 96%; margin: -2px 0 40px 2%; padding: 0;}	
	
@media screen and (-webkit-min-device-pixel-ratio:0) { /*chrome hack*/
.filters {
	width: 96%;
	margin: 6px 0 40px 2%;
	padding: 0;}}
			
.filters select.reload {
	padding: 8px 0 8px 48px; margin: 7px 0 0 0;
	background-image:  url(../../../ktroy/gfx/sort.png);
	background-size: 38px auto;
	background-repeat: no-repeat;
	background-position: 3% 50%;
	font-size: 1.4vw;}
	
select.reload option {padding: 4px 0 4px 12px;}		

.accessible-filter {
	padding: 8px 0 8px 0; 
	margin: 11px 10px 0 20px;}
	
.pets-filter {
	margin: 11px 10px 0 10px;
	background-size: 34px 34px; width: auto;}
	
.filters label {margin: 20px 0 0 2%;}
	
#pets-no, #pets-yes {margin: 23px 0 0 10px;}
	
#showResultsOnMap.cabins-page {margin: 15px 2% 20px 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {	
.accessible-filter {margin: 5px 10px 0 10px;}
.pets-filter {margin: 5px 10px 0 10px;}
#pets-no, #pets-yes {	margin: 13px 0 0 10px;}
.filters label {margin: 13px 0 0 2%;}
#showResultsOnMap.cabins-page {margin: 15px 2% 20px 0;}}

/*-------------------------------------------------------------*/

.ac-nav {margin: 0 auto 20px auto;}
.ac-nav form.next input,
.ac-nav form input[disabled] {min-width: 160px;}
.ac-nav form input {font-size: 1.4vw;}
.ac-nav form.next input {
	background-size: 14px 24px; margin: 0;
	padding: 8px 32px 8px 12px;}
	
.ac-nav form.next input:hover {
	color: #333; background: #fff url(../../../ktroy/gfx/arrow-next-b.png) 92% 50% no-repeat;
	background-size: 14px 24px;}
	
.ac-nav form.prev input {
	background-size: 14px 24px;
	padding: 8px 12px 8px 32px; text-transform: uppercase;}
	
.ac-nav form.prev input:hover {
	background-size: 14px 24px;}		
	
.ac-nav form input[disabled], .ac-nav form input[disabled]:hover {
	background-size: 14px 24px;
	padding: 8px 12px 8px 32px;}	
	
#travius .activities .column:last-of-type {border-right: 1px #ccc solid;}  	

.activities .column .date-info {
	width: 80%; display: block;
	margin: 0 auto 40px; padding: 10px 0 10px 0;
	border-bottom: 1px #ccc solid;}
	
.column .date-info {
	font-size: 1.8vw; font-weight: 700;
	text-transform: uppercase;
	color: #333;}	

.column .activityBox {
	width: 80%; display: block;
	margin: 0 auto 20px; overflow: hidden;}
	
.activityBox .offerText {display: none;}	
	
.column .activityBox h2 {font-size: 2.2vw;}	
	
.activityBox .imgHolder	{ margin: 10px 0;}
	
.activityBox .imgHolder img {
	width: 101%; height: auto;
	max-height: 250px; }
	
.activityBox .specs {
	display: block; clear: both; margin: 10px 0 5px 0;
	font-size: 1.8vw; font-weight: 700; overflow: hidden;}	
	
.activityBox .specs span.dur {
	float: left; display: block; border-right: #ccc solid 1px;
	margin: 0; padding: 8px 10px 8px 32px;
	background: url(../../../ktroy/gfx/duration.png) 0 50% no-repeat;
	background-size: 28px 28px;}	
	
.activityBox .specs span.timespan {
	float: left; display: block;
	margin: 0 0 0 14px; padding: 8px 4px 8px 32px;
	background: url(../../../ktroy/gfx/time.png) 0 50% no-repeat;
	background-size: 28px 28px;}		
		
.activityBox a.bookLink { margin: 5px 0 20px 0;
  padding: 10px 20px; font-size: 1.8vw;}	
	
/*--------------------------------------------------------------*/

.gm-style-iw div div .specs {}

.gm-style-iw div div .specs .dur {}

.gm-style-iw div div .specs .timespan {}
	
/*------------------------item----------------------------------*/	

.item .accommodation, .item .activity, .item .item-rental {
	padding: 0 0 20px 0; margin: 0 auto;
	width: 96%; float: none;}

.item-header {
	margin: 0 0 20px 0; padding: 0 0 20px 0;
	border-bottom:1px solid #ccc;} 

.item-header h2 {width: 60%;
	float: left; margin: 2% 0 0 0; padding: 0;
	font-size: 3.4vw;}	

.item-header .icons {
	float: left; margin: 10px 0 0 0; display: block;
	width: 40%;} 	
	
.activity  .item-header .icons,
.item-rental .item-header .icons {
	display: none;} 	
			
.item-header .tripadvisor {
	display: block; width: 20%;
	float: right; margin: 0;
	text-align: right;}
	
.item-header .tripadvisor img {
	width: 70%; margin: 8% 0 0 0;}	

.item-header .tripadvisor img:hover {
	opacity: 0.75;}	
	
.item-header .icons img {
	max-width: 48px; float: left;
	margin: 0 1% 0 0;}

.item-header .icons .accessibility {display: none;} /*no icon for now*/
	
.item-header .icons .area {
	float: left; background: url(../../../ktroy/gfx/icon-bg-m2.png) 50% 50% no-repeat;
	background-size: contain;
	padding: 16px 5px 20px 6px;
	margin: 0 1% 0 0; width: 40px;
	height: 12px;}
	
.item-header .icons .persons {
	float: left; background: url(../../../ktroy/gfx/beds-icon.png) 50% 50% no-repeat;
	background-size: contain; padding: 20px 5px 12px 5px;
	margin: 0 1% 0 0; width: 40px;
	height: 16px;}	
	
.accommodation .left,
.activity .left, 
.item-rental .left {width: 66.6%; /*border-right: 1px #ccc solid;*/}

.accommodation .right,
.activity .right,
.item-rental .right	{width: 32.3%;} 
 
.fotorama {width: 97%;}
	
.fotorama__stage {max-height: 400px; overflow: hidden;}	
	
.fotorama__nav--thumbs {margin-top: 20px; text-align: left;} 

.external-links {padding: 15px 0;}
.external-links a img {max-width:40px; }
	
.external-links a img:hover {border: 1px solid #333;}	 	
		
.accommodation .offerText, .activity .offerText, .item-rental .offerText {padding: 0 5% 0 0;}	
		
.accommodation .offerText p,
.activity .offerText p,
.item-rental .offerText p {font-size: 1.6vw; }			

.offerText ul {padding: 15px 0;}
	
.offerText ul li {
	padding: 4px 15% 4px 14px; font-size: 1.6vw;}
		
.selections {margin: 20px 0 20px 0;}
	
.ac-specs	{ /*activity*/
	border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;
	width: 40%; margin: 0 auto 20px auto; min-width: 150px;
	display: block; clear: both; overflow: hidden;
	font-size: 1.6vw; font-weight:700; padding: 20px 0;}
	
.ac-specs	.duration {
	display: block;
	margin: 0; padding: 12px 14px 12px 50px;
	background: url(../../../ktroy/gfx/duration.png) 0 50% no-repeat;
	background-size:38px 38px;}	
	
.ac-specs	.time {
	display: block; 
	margin: 0; padding: 12px 14px 12px 50px;
	background: url(../../../ktroy/gfx/time.png) 0 50% no-repeat;
	background-size: 38px 38px;}		
	
.selections .label {
	width: 60%; margin: 0 auto 5px auto; color: #207fc7;
	display: block; clear: both; overflow: hidden;}	

.selections .date {
	width: 60%; margin: 0 auto 20px auto;
	min-width: 150px; clear: both;}	
	
.selections .date input.datepicker {
	font-size: 2vw; padding: 14px 0 14px 30%; width: 68%;}	
	
.selections .inputBlock {
	width: 60%; margin: 30px auto 35px auto;
	display: block; clear: both; overflow: hidden;}
		
/*------------------------------------------------------*/	
	
.selections .price {width: 60%;}	
	
.selections .price span {
	color: #333; font-size:18px;
	text-transform: uppercase;}		
	
.selections .price input {
	border: none; color: #207fc7;
	font-size: 38px;}		
	
.to-cart {
	width: 60%; margin: 0 auto 20px auto;
	display: block; clear: both; overflow: hidden;}
	
.to-cart input {
	background-size: 24px auto; -webkit-border-radius: 2px; 
	border-radius: 2px;
	padding: 18px 14px 18px 30%; width: 99%; color: #fff; font-size: 2vw;}	
	
.to-cart input[type="submit"]:disabled,
.to-cart input[disabled]:hover {
	background-size: 24px auto;}
			
.to-cart input:hover {	
	background-size: 24px auto;}			
							
/*-----------------------------------------*/ 

.additionals {width: 90%; }

.additional-items h3 {
	font-size: 2vw; margin: 10px 0 0 0;
	padding: 0 0 10px 0; font-weight: 700;}

.additional-items .content h4 {font-size: 2vw;}
	
.additional-items .content .offerText {
	margin: 10px 0;}
	
.additional-items .content .offerText p {font-size: 1.6vw; }	

	.additional-items .content .info .additional .inputBlock .dec {
	width: 40px; height: 40px; font-size: 22px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}
	
.additional-items .content .info .additional .inputBlock .qty {
	width: 40px; border: 1px #ccc solid; font-size: 18px; 
	font-weight: 400; background: none; padding: 8px 0 8px 0; -webkit-border-radius:0 2px 2px 0;
	border-radius: 0 2px 2px 0; text-align: center;}
	
.additional-items .content .info .additional .inputBlock .inc {
	width: 40px; height: 40px; font-size: 22px;
	-webkit-border-radius: 0;
	border-radius: 0; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}	
	
.additional-items .content .info .additional .inputBlock .dec:hover,
.additional-items .content .info .additional .inputBlock .inc:hover {
	background: #444;}
	
.additional-items .content .info .price	{font-size: 2vw; width: 70%;}
	.additional-items .content .info .price	input {margin: 1px 0 0 10px;}	
	
/*-----------------------------------------*/	 

.facilities h4 {
	font-size: 2vw; font-weight: 400;
	margin: 0 0 0 10%; padding: 20px 0;}

ul.eq-list {-webkit-columns: 3; -moz-columns: 3; columns: 3; } 
	
ul.eq-list li {font-size: 1.6vw;padding: 0 4% 4px 15%;}	

/*----------------------------------------------*/

#Contact {
	width:68%; padding: 15px 5px 15px 48px;
	margin: 20px auto; font-size: 1.6vw; 
	text-align: left;
	background: #333 url(../../../ktroy/gfx/write-icon.png) no-repeat 10px 50%;
	background-size: 32px auto;}
	
#Contact:hover {
	background: #fff url(../../../ktroy/gfx/write-icon-b.png) no-repeat 10px 50%;
	background-size: 32px auto;
	color: #333; border: 1px #333 solid;}
	
.travius-dialog  .ui-dialog-titlebar-close	{
	top: 10px!important; right: 10px!important; position: absolute!important;}
	
#ContactPopup {
	top: 120px; left: 2%; position: absolute; 
	z-index: 9999999999999;
	height: 90%!important; width: 96%!important;}
	
#ContactPopup #ContactForm {width: 94%; }

#ContactPopup #ContactForm p {font-size: 2.2vw; }	
	
#ContactPopup #ContactForm input {
	margin: 4px 0 10px 0; font-size: 2vw;
	padding: 1.8% 20px 10px;
	width:75%;}	
			
#ContactPopup #ContactForm textarea {
	width: 80%; margin: 4px 0 10px 0;
	max-height: 150px;
	display: block; border: #ccc 1px solid;
	-webkit-border-radius: 1px; border-radius: 1px;
	padding: 10px; opacity: 0.8;}	
	
#ContactPopup #ContactForm input[type="submit"]	 {
	padding: 15px 0 15px;
	font-size: 3vw; width: 99.5%;}
		
/*----------------------------------------------*/	

.map {
  width: 86%; margin: 30px auto 30px auto;
	height: 300px;}

/*----------------------------------------------*/	

.carousel-top { padding: 10px 0 0; margin: 30px 0 0;}

.carousel-top h3 {font-size: 2.8vw; margin: 5px 0 0;}
.carousel-top p {font-size: 1.8vw;}
			
.carousel-nav	button {
	margin: 0 5px 2px 5px; padding: 14px 14px 15px;
	-webkit-border-radius: 2px; border-radius: 2px;
	border: 1px solid #333; float: left;}
		 
.carousel-days a {padding: 8px 12px; font-size: 1.6vw;}	
	
.carousel-content .day-info {
	border-top: 1px solid #ccc; display: none; clear: both; overflow: hidden;
	padding: 15px 0; width: 100%;} /*hidden for now...*/
.carousel-content .day-info span {
	font-weight: 400; font-size: 1.4vw; color: #207fc7; text-transform: uppercase;}	
	
.carousel-content .activity, .carousel-content .item-rental  { width: 47.2%; margin: 0 2% 20px 0; float: left;}
		
.activity h4,
.item-rental h4	{font-size: 2vw; }	
	
.activity .specs .dur {
	background: url(../../../ktroy/gfx/duration.png) no-repeat scroll 0 50%;
	background-size: 28px auto;
  display: block; float: left;
  margin: 0 0 5px 6%; padding: 12px 14px 12px 32px; font-size: 18px;}
	
.activity .specs .timespan {
    background: url(../../../ktroy/gfx/time.png) no-repeat scroll 0 50%;
		background-size: 28px auto;
    display: block; float: left;
    margin: 0 0 5px 0; padding: 12px 14px 12px 32px; font-size: 18px;}

.item-rental .specs {display: none;}	
		
.carousel-content .activity .imgHolder,
.carousel-content .item-rental .imgHolder {height: 130px; margin: 5px auto 0;}	
				
#travius-popup .ac-popup {top: 96px; left: 5.05%; width: 90%!important;}

.ac-popup .item {width: 95%; margin: 10px auto;}

.ac-popup .item .half:first-of-type {
	width: 40%;}

.ac-popup .item .half {
	width: 60%;}
	
.ac-popup .item h2 { padding: 5px 0; font-size: 3vw;}	

.ac-popup .external-links {padding: 15px 0 15px;}
	
.ac-popup .external-links a img {
    max-width: 32px;
    padding: 4px;}	
		
.ac-popup .item .imgHolder {
	max-height: 200px; overflow: hidden;}

.ac-popup .item .offerText {height: 300px;}
	
.ac-popup .item .offerText ul {
	width: 80%; clear: both;}	
	
.ac-popup .item .offerText p {
	font-size: 1.8vw;padding: 5px 10px 0 0;}	
	
.ac-popup .item .offerText ul li {font-size: 1.8vw;}			
		
.ac-popup .ac-specs span.duration,
.ac-popup .ac-specs span.date,
.ac-popup .ac-specs span.time {
	color: #585858; display: block; font-size: 1.8vw;
	overflow: hidden; margin: 10px 0 0 0;
	float: left; padding: 14px 10px 14px 48px;}
	
.ac-popup .ac-specs span.date {
	background: url(../../../ktroy/gfx/calendar.png) no-repeat 10px 50%;
	background-size: auto 32px; width:25%;
	border-right: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.duration {
	background: url(../../../ktroy/gfx/duration.png) no-repeat 10px 50%;
	background-size: auto 32px; width:10%;
	border-right: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.time {
	background: url(../../../ktroy/gfx/time.png) no-repeat 10px 50%;
	background-size: auto 32px; width:30%;
	border-right: 1px #ccc solid;}	
	
.ac-popup .half form  {
	margin: 20px 0 0 3%;}			
	
.ac-popup .half form button {
	margin: 20px 3% 0; font-size: 2.4vw;
  -webkit-border-radius: 2px; border-radius: 2px;
	padding: 18px 3% 18px 15%;}
			
.ac-popup .persons {margin: 10px 0 0 0;}
	
.ac-popup .persons .inputBlock {margin: 0 10px 0 0;}	
		
.ac-popup .price {margin: 10px 2% 0 0;}
	
.ac-popup .price span {
	font-size: 2vw; margin: 5px 0 0;
  padding: 22px 5px 0;}

.ac-popup .price input {font-size: 4vw; padding: 12px 0 0 5px;}	
	
.noRatiotext {font-size: 2vw; }	

/*===============SHOPING=CART==========*/

.CartLoader, .cartTop, .cart-item .accommodation {
	width: 100%;}

.CartLoader p {
	font-size: 2.8vw; display: block; text-transform: uppercase; 
	text-align: center; font-weight: 400; color: #333;}

.CartLoader .loader {
	width: 10%; max-width: 84px;
	margin: 40px auto;}

.cartTop h1 {
	font-size: 6vw; padding: 10px 0 10px 0;}	
	
img.shopping-stage {width: 45%;}	

.cartTop {margin: 0 auto 40px auto;}

.cartBottom {width: 90%;}

.cart-item .accommodation {}

.cart-item .offerText {display: none;}

.cart-item .content {margin: 20px auto; width: 90%;}
	
.cart-item .content  h2 {font-size: 3vw;
  padding: 8px 0 8px 0; border-bottom: 1px #ccc solid;}	
	
input.removeBtn {
	width: 28px; height: 28px; margin: 8px 8px 0 0;
	background: #333 url(../../../ktroy/gfx/remove.png) no-repeat 50% 50%;
	background-size: 70%;}	
	
input.removeBtn:hover {
	background: #fff url(../../../ktroy/gfx/remove-b.png) no-repeat 50% 50%;
	background-size: 70%;}
	
input.removeBtnLoader {
	width: 28px; height: 28px; margin: 8px 8px 0 0;}

.item-content-bottom	{width: 30%;}
.item-content {width: 70%;}

.cart-item .content .info {width: 94%;}
		
.content .info .calendar {
	margin:0;  padding: 5px 0 5px 30px;
	background: #fff url(../../../ktroy/gfx/calendar.png) no-repeat 0 50%;
	background-size: 24px auto;}	
	
.item-content .info .timeSpan {
	padding:5px 0 5px 30px;
	margin: 0 0 0 10px;
	background: url(../../../ktroy/gfx/time.png) no-repeat 0 50%;
	background-size: 24px auto;}	
	
.item-content .info .Dur {
	padding: 5px 0 5px 30px;
	margin: 0 0 0 10px;
	background: url(../../../ktroy/gfx/duration.png) no-repeat 0 50%;
	background-size: 24px auto;}
	
.item-content .info .Total {padding: 5px 0 5px 30px;}	
	
.item-content .info .calendar span,
.item-content .info .Dur span, 
.item-content .info .timeSpan span,
.item-content .info .Total span {	
	font-size: 2vw; padding: 0; margin:0;}
	
/*----------------------------------------*/
	
.item-content-bottom .amountsToggle	{
	float: right; display: block;
	margin: 0 0 10px 0;}

.item-content-bottom .amountsToggle	.buttons input.dec {
	margin: 0 4px 0 0;}
.item-content-bottom .amountsToggle	.buttons input.dec,
.item-content-bottom .amountsToggle	.buttons input.inc {
	height: 32px; width: 32px;}
	
.item-content-bottom .amountsToggle	.buttons input.dec:hover,
.item-content-bottom .amountsToggle	.buttons input.inc:hover {
	opacity: 0.6;}	
	
.item-content-bottom .amountsToggle	.buttons input.qty {
	margin: 0 0 0 8%; width: 40%;
	padding: 5px 0 5px 0;font-size: 2.2vw;
	background: url(../../../ktroy/gfx/persons-icon-small.png) 6% 92% no-repeat;
	background-size: 14px auto;}
 
/*----------------------------------------*/	
	
.item-content-bottom .btnHolder-left {
	float: left; display: block;
	margin: 0; width: 20%;}
	
.item-content-bottom .btnHolder-left input,
.item-content-bottom .btnHolder-right input {
	width: 100%;}	
	
.item-content-bottom .btnHolder-left input.dec {
	background: #333 url(../../../ktroy/gfx/remove-btn.png) 50% 50% no-repeat;
	background-size: 45%;}	
	
.item-content-bottom .btnHolder-right input.inc {
	background: #333 url(../../../ktroy/gfx/add.png) 50% 50% no-repeat;
	background-size: 45%;}		

.item-content-bottom input.qty {
	float: left; display: block;
	margin: 0; width: 55%;}

.item-content-bottom .btnHolder-right {
	float: left; display: block;
	margin: 0; width: 20%;}	
	
.cartBottom .total, .cart-nav {
	width: 100%; clear: both;
	overflow: hidden; padding: 10px 0;}	
	
.cartBottom .total p {
	margin: 0; font-size: 2.4vw;}
	
.cartBottom .total span.totalPrice {margin: 0;font-size: 5vw;}			
	
.cartBottom .next a {
	background: #333 url(../../../ktroy/gfx/arrow-next.png) no-repeat scroll 96% 50%;
	background-size: 20px auto;
	padding: 8px 30px 10px 10px;
	font-size: 2.4vw;}
	
.cartBottom .next a:hover {font-size: 2.4vw;}		
	
.cartBottom .backButton a {
	padding: 8px 10px 10px 30px;
	font-size: 2.4vw;}
	
.additional-late-offers {
	margin: 20px auto; width: 90%; padding: 10px 0;}
		
.additional-late-offers p {
	font-size: 2.4vw;}	
	
.additional-late-offers a {
	padding: 10px 24px;font-size: 3vw;}	

/*-------------Travius-form---------------------------*/	
	
#TraviusForm	{width: 100%;}
	
#travius h1 {
	font-size: 4vw; margin: 20px 0 20px 0;}
	
.cartHeading p {font-size: 2.4vw;
	margin: 0 0 0 2%; padding: 20px 0;
	line-height: 1.2em;}
	
.block {margin: 0;}	
.block-last {margin: 0 5% 0 2%;}	
	
.cartHeading p span {color: #333; display: block; font-size: 2.2vw; line-height: 1.2em; padding: 10px 0 0 0; }
	
#TraviusForm .block	input {padding: 18px 10px; float: left; font-size: 2.4vw; }	

#TraviusForm .block	input.f-name, 
#TraviusForm .block	input.l-name {
	width: 43%; margin: 0 2% 20px 2%;}
	
#TraviusForm .block	input.address {width: 65%; margin: 0 2% 20px 2%;}
#TraviusForm .block	input.city {width: 43%; margin: 0 2% 20px 2%;}
#TraviusForm .block	input.zip {width: 21%; margin: 0 2% 20px 2%;}
#TraviusForm .block	input.eml {width: 43%; margin: 0 2% 20px 2%; box-shadow: none; background: #fff;}
#TraviusForm .block	input.phn {width: 33%; margin: 0 0 20px 2%;}

#TraviusForm .block select {
	font-size: 2.4vw; padding: 16px 14px;
	background: url(../../../ktroy/gfx/select-arrow.png) no-repeat 96% 50%;
	background-size: 32px auto;
	width: 45.7%; margin: 0 2% 20px 2%;}

textarea.add-info {font-size: 2.4vw;}
.formBottom .prepayment p {font-size: 2.4vw;}
		.formBottom .terms p {
	font-size: 2.4vw; }
.formBottom input.ToPayment {font-size: 2.4vw;}
.formBottom a.back {margin: 20px 0 0 1.5%; font-size: 2.4vw;}	

/*==========================PAYMENT====================================
=======================================================================*/	

.payment-select { width: 90%;}
.payment-select div {width: 30%; margin: 0 1% 20px 1%;}	
.payment-select div h2 {font-size: 2.4vw;}	
.payment-select div img {margin: 15px auto;}	
.payment-select div form input {font-size: 3vw; }
.payment-info { width: 90%; margin: 0 auto;}
.payment-info	p {font-size: 2.4vw;}

	
}

@media only screen and (max-width: 769px) {
	
#minicart {
	margin: 8px 0 0 0; padding: 0;
	border-right: 1px rgba(255,255,255,0.6) solid;
	border-left: 1px rgba(255,255,255,0.6) solid;
	background: url(../../../ktroy/gfx/add-to-cart-icon.png) 14px 14px no-repeat;
	background-size: 24px auto;}
	
.is-sticky #minicart {
	background: url(../../../ktroy/gfx/add-to-cart-icon-b.png) 14px 14px no-repeat;
	background-size: 24px auto;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	margin: 20px 0 0 0; padding: 0;
	height: 44px; }	

#cartDisplay li {
	position: relative;
	font-size: 2vw;
	padding: 0;}
	
li#cartEmpty {padding: 0 15px 0 48px; margin: 0;}
.is-sticky li#cartEmpty {padding: 0 15px 0 48px; margin: 0;}

li#cartNotEmpty	{padding: 0 15px 0 48px; margin: 0;}
.is-sticky li#cartNotEmpty	{padding: 0 15px 0 48px; margin: 0;}
.is-sticky #cartDisplay li {color: #333;}	
		
#cartDisplay ul {
		margin: 0;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;    
		background: #fff;
		padding: 5px 10px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);
		box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);}

#cartDisplay li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: -10px 0 0 40px;
		cursor: default;}
		
#cartDisplay ul.show { /*js driven pop out*/
	visibility: visible;
	opacity: 1;}		

.is-sticky #cartDisplay li:hover > ul {margin: -10px 0 0 40px;}
			
#cartDisplay ul li,
.is-sticky #cartDisplay ul li {
		float: none;
		display: block;
		border-bottom: 1px #ccc solid; color: #333;
		_line-height: 0; /*IE6 only*/
		padding: 5px 0;
		font-size: 16px;
		cursor: default;}
		
#cartDisplay ul a.link {font-size: 16px; padding: 10px 20px;}
#cartDisplay ul li:last-child {border-bottom: none;mmargin: 10px 0 0;}

/*--------------------------------------------------------------------*/

.ItemsLoader .content {width: 85%; margin: 20% auto;}
.ItemsLoader .content h2 {font-size: 5vw;}
.ItemsLoader .content p {font-size: 2.4vw;}	

/*--------------------------------------------------------------------*/

.arr-date {
	border-left: 1px solid #ccc;
	margin: 15px 0 0 15%;
	width: 18%; 
	background: #333 url(../../../ktroy/gfx/calendar-w.png) 10px 50% no-repeat;
	background-size: 28px 28px;}

.arr-date input {
	max-width:none; color: #fff;
	padding: 14px 14px 13px 54px;}
	
.dep-date {
	border-right: 1px solid #ccc!important;
	margin: 15px 0 0 0; padding: 0 14px 0 0;
	width: 18%;
	background: #333 url(../../../ktroy/gfx/date-picker-end-w.png) 0 50% no-repeat;
	background-size: 28px 28px;}	

.dep-date input {	
	max-width:none; color: #fff;
	padding: 14px 14px 13px 54px;
	background: #333 url(../../../ktroy/gfx/date-picker-end-w.png) 0 50% no-repeat;
	background-size: 28px 28px; }	
	
#activities .date {
	border-left: 1px solid #ccc;
	margin: 15px 0 15px 10%;
	width: 25%; 
	background: #333 url(../../../ktroy/gfx/calendar-w.png) 10px 50% no-repeat;
	background-size: 28px 28px;}

input.button-normal {
	background: #207fc7 url(../../../ktroy/gfx/loading-circle.gif) 200% 50% no-repeat;
	background-size: 18px auto;}
	
input.button-normal[type="submit"]:disabled {
	background: #C9C9C9 url(../../../ktroy/gfx/loading-circle.gif) 200% 50% no-repeat;}	
	
input.button-normal[disabled]:hover {
	background: #C9C9C9 url(../../../ktroy/gfx/loading-circle.gif) 200% 50% no-repeat;
	background-size: 18px auto;}	
	
input.button-normal:hover {
	background: #fff url(../../../ktroy/gfx/loading-circle.gif) 200% 50% no-repeat;
	background-size: 18px auto;}
	
input.button-pressed {
	background: #fff url(../../../ktroy/gfx/loading-circle.gif) 96% 50% no-repeat;
	background-size: 18px auto;}	

/*---------------------------------------------------------------------*/

.parameters-map {width: 60%; float: left; margin: 25px 0 0 10%;}		
.parameters-map .searched	{
	font-size: 2vw;}

.parameters-map p.timespan {font-size: 2vw; padding: 0 10px 2px 0; }

#showResultsOnMap {font-size: 2vw;
    height: 40px; margin: 4px 0 0 0;
    padding: 10px 0; width: 35%;
		-webkit-border-radius: 2px;
		border-radius: 2px; z-index: 1;
		position: absolute; right: 2%;}

.parameters {margin: 60px 0 10px 2%;padding: 15px 0;width: 96%;}
.parameters .searched {font-size: 2.2vw; margin: 0 5px 0 0; padding: 0 10px 0 0;}
.parameters p.timespan {font-size: 2.2vw;margin: 0 5px 0 0;padding: 0 10px 0 0;}
.parameters div.nights-count {font-size: 2.2vw;margin: 0 5px 0 0;padding: 0 10px 2px 0;}
.parameters .persons {font-size: 2.2vw; margin: 0 5px 0 0; padding: 0 10px 3px 34px;}

.filters label {margin: 13px 0 0 2%;}

.filters select.reload {
    background-image: url(../../../ktroy/gfx/sort.png);
    background-position: 5px 50%; background-repeat: no-repeat;
    background-size: 38px auto;
    font-size: 2vw; margin: 8px 45% 10px 10px;
    padding: 12px 0 12px 48px; width: 46%;
		clear: both;}

.accommodation-box, .rental-block {
	width: 46%;
  margin: 0 1.5% 40px 1.5%;
	height: 590px;}
	
.item .icons-block {
  width: 90%;}	
	
.item .cover-pic {
	top: 0;
	width: 125%;}	
	
.calendar-block .ui-datepicker table {
  font-size: 0.8em;}
	
.cabin-intro-text {
	font-size: 14px;}
	
.month-browser {
  width: 40%;
  float: right;
	margin: 0;}
	
#showResultsOnMap.cabins-page {
    margin: 15px 27px 20px 0;}	

/*----------------------------------------*/	
	
.accommodation-box .img-holder {
	width: 94%; margin:0 3% 20px 3%;
	max-height: 320px;}	
	
.accommodation-box .right {
	width: 94%; margin: 0 3%; }

.accommodation-box h2 {
	font-size: 4vw; width: 100%;
	text-align: left!important;}
	
.accommodation-box .offer-text {
	border-top:none;
	float: left; width: 98%;}
	
.accommodation-box .offer-text p {
	font-size: 2.4vw; line-height: 1.2em;
  margin: 1% 0 0 0;}
	
a.bookLink {
	font-size: 2.4vw; margin: 30px 0 0 0;
	background: #333; padding: 8px 16px 8px 16px;}	
	
/*data*/	
	
.fetched-data {
	float: left; display: block;
	width: 100%; margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #ccc solid;}

.fetched-data .price, .fetched-data .flexible,
.fetched-data .set-dates, .fetched-data .total-price {
	float: left; display: block;}

.fetched-data .flexible {
	color: #555; font-size: 18px; padding: 4px 10px 4px 18px;
	border-right: #ccc solid 1px;
	background: url(../../../ktroy/gfx/green-dot.png) 0 50% no-repeat;
	background-size: 10px auto;}

.fetched-data .set-dates {
	color: #555; font-size: 2.8vw; padding: 4px 10px 4px 10px;
	border-right: #ccc solid 1px; }

.fetched-data .total-price, .fetched-data .price {
	font-size: 2.8vw; padding: 4px 10px 4px 0; margin: 0;} 
	
.fetched-data .week-price {
	margin: 0; display: block;}

.fetched-data .week-price .w-price {
	margin: 0 0 0 2%; 
	font-size: 2.4vw;}		
		
/*icons*/		
	
.features {
	width: 100%; border-top: 1px #ccc solid;
	padding: 10px 0 10px 0; margin: 10px 0 0 0;}	
	
.moreResults {
	display: block; clear: both; overflow: hidden;
	margin: 40px 0; text-align: center;}	
	
.moreResults img.loader	{
	width: 84px; height: auto;
	margin: 40px 0 40px 0;}
	
a.loadMoreResults {
	margin: 40px 0 40px 0;
	display: inline-block; background: #fff;
	padding: 10px 16px 10px 16px; text-transform: uppercase; font-size: 22px; color: #333;
	-webkit-border-radius: 2px; border-radius: 2px; 
	font-weight: 700; border: 2px solid #333;}
	
.no-results {
	margin: 50px 0 50px 0;
	display: block; float: left;
	width: 100%; text-align: center;}

.no-results h2 {
	color: #207fc7; font-size: 1.6vw; font-weight: 400; text-transform: uppercase;}	

.no-results p {
	font-size: 1.2vw; line-height: 1.6em; color: #464646;}	

.no-results p a {	
margin: 40px 0 40px 0;
	display: inline-block; background: #fff;
	padding: 10px 16px 10px 16px; text-transform: uppercase; font-size: 22px; color: #464646;
	-webkit-border-radius: 2px; border-radius: 2px; 
	font-weight: 700; border: 1px solid #464646;}
	
.no-results p a:hover {	
	background: #464646;
	color: #fff;}
	
/*---------------------searched-activities----------------------------*/

.ac-nav {margin: 0 auto 20px auto;}
.ac-nav form.next input,
.ac-nav form input[disabled] {min-width: 160px;}
.ac-nav form input {font-size: 1.4vw;}
.ac-nav form.next input {
	background-size: 14px 24px; margin: 0;
	padding: 8px 32px 8px 12px;}
	
.ac-nav form.next input:hover {
	color: #333; background: #fff url(../../../ktroy/gfx/arrow-next-b.png) 92% 50% no-repeat;
	background-size: 14px 24px;}
	
.ac-nav form.prev input {
	background-size: 14px 24px;
	padding: 8px 12px 8px 32px; text-transform: uppercase;}
	
.ac-nav form.prev input:hover {
	background-size: 14px 24px;}		
	
.ac-nav form input[disabled], .ac-nav form input[disabled]:hover {
	background-size: 14px 24px;
	padding: 8px 12px 8px 32px;}	
	
#travius .activities .column:last-of-type {border-right: 1px #ccc solid;}  	

.activities .column .date-info {
	width: 80%; display: block;
	margin: 0 auto 40px; padding: 10px 0 10px 0;
	border-bottom: 1px #ccc solid;}
	
.column .date-info {
	font-size: 1.8vw; font-weight: 700;
	text-transform: uppercase;
	color: #333;}	

.column .activityBox {
	width: 80%; display: block;
	margin: 0 auto 20px; overflow: hidden;}
	
.activityBox .offerText {display: none;}	
	
.column .activityBox h2 {font-size: 2.2vw;}	
	
.activityBox .imgHolder	{ margin: 10px 0;}
	
.activityBox .imgHolder img {
	width: 101%; height: auto;
	max-height: 250px; }
	
.activityBox .specs {
	display: block; clear: both; margin: 10px 0 5px 0;
	font-size: 1.8vw; font-weight: 700; overflow: hidden;}	
	
.activityBox .specs span.dur {
	float: left; display: block; border-right: #ccc solid 1px;
	margin: 0; padding: 8px 10px 8px 32px;
	background: url(../../../ktroy/gfx/duration.png) 0 50% no-repeat;
	background-size: 28px 28px;}	
	
.activityBox .specs span.timespan {
	float: left; display: block;
	margin: 0 0 0 14px; padding: 8px 4px 8px 32px;
	background: url(../../../ktroy/gfx/time.png) 0 50% no-repeat;
	background-size: 28px 28px;}		
		
.activityBox a.bookLink { margin: 5px 0 20px 0;
  padding: 10px 20px; font-size: 1.8vw;}	
	
/*--------------------browsed-activities------------------------------*/	

.browsed-activities li.activityBox {
    width: 44%;
    margin: 0 0.5% 20px 0.5%;
    padding: 10px;}
	
.browsed-activities li.activityBox .imgHolder	{
	height: auto /*120px*/;
    max-height: none /*140px*/;}
	
.browsed-activities li.activityBox a.bookLink {
	margin: 10px 0 0 0;}

.browsed-activities li.activityBox:nth-of-type(odd) {
	background: #fff;}
	
.browsed-activities li.activityBox a.bookLink {font-size: 16px;}

/*------------------searched-activities-------------------------------*/


.ac-nav form.next {display: block; float: right; margin: 0;}

.ac-nav form input {font-size:2vw;}
.ac-nav form.next input {margin: 0;}
	
.ac-nav form.next input:hover {
	color: #333; background: #fff url(../../../ktroy/gfx/arrow-next-b.png) 92% 50% no-repeat;
	background-size: 18px 20px;}
	
.ac-nav form.prev input {
	display: block; float: left; border: 1px #333 solid;
	-webkit-border-radius: 2px; border-radius: 2px; 
	color: #fff; background: #333 url(../../../ktroy/gfx/arrow-prev.png) 10px 50% no-repeat;
	background-size: 18px 20px;
	padding: 8px 12px 8px 32px; text-transform: uppercase;}
	
.ac-nav form.prev input:hover {
	color: #333; background: #fff url(../../../ktroy/gfx/arrow-prev-b.png) 10px 50% no-repeat;
	background-size: 18px 20px;}		
	
.ac-nav form input[disabled], .ac-nav form input[disabled]:hover {
	border: 1px #ccc solid;
	-webkit-border-radius: 2px; border-radius: 2px; 
	color: #fff; background: #ccc url(../../../ktroy/gfx/arrow-prev.png) 10px 50% no-repeat;
	background-size: 18px 20px;
	padding: 8px 12px 8px 32px; text-transfom: uppercase;}	
	
#travius .activities .column:last-of-type {border-right: 1px #ccc solid;}  	

.activities .column .date-info {width: 92%;}
	
.column .date-info {font-size: 2vw;}	

.column .activityBox {width: 92%;}
	
.activityBox .offerText {display: none;}	
	
.column .activityBox h2 {
	font-size: 2vw;font-weight: 400; line-height: 1.2em;}	
	
.activityBox .imgHolder	{ margin: 10px 0;}
	
.activityBox .imgHolder img {max-height: 200px; }
	
.activityBox .specs {font-size: 2vw;}	
	
.activityBox .specs span.dur {
	padding: 10px 14px 10px 24px;
	background-size: 20px 20px;}	
	
.activityBox .specs span.timespan {
	margin: 0 0 0 14px; padding: 10px 8px 10px 24px;
	background-size: 20px 20px;}		
		
.activityBox a.bookLink {
	font-size: 2vw;margin: 0 auto 20px auto;
  padding: 10px 20px;}

/*-------------------items-on--google-map----------------------*/

#map .gm-style-iw .right h2, #map .gm-style .gm-style-iw h2 {font-size: 14px;}

#map .gm-style-iw div div {
	border-right: 1px #ccc solid;
	padding: 0 4px 0 0;}
	
#map .gm-style-iw .accommodation-box {
	border: none;}	

#map .gm-style .gm-style-iw div div,
#map .gm-style .gm-style-iw div div /*activity*/ {
	width: 220px; overflow: hidden!important;
	border-right: 1px solid #ccc;}
	
#map .gm-style .gm-style-iw div div .specs {
	display: block; overflow: hidden;
	width: 100%; margin: 0 auto;
	border-right: none;}
	
#map .gm-style .gm-style-iw div div .specs span {
	display: block; width: 50%; 
	float: left; margin: 0; font-size: 1vw;}
		
#map .gm-style .gm-style-iw div div .specs .dur,
.gm-style-iw div div .activityBox .specs .dur	{
	margin: 0; padding: 8px 8px 8px 26px; font-size: 2.8vw;
	background-size: 20px;}

#map .gm-style .gm-style-iw div div .specs .timespan,
.gm-style-iw div div .activityBox .specs .timespan	{
	margin: 0 0 0 14px; padding: 8px 8px 8px 26px; font-size: 2.8vw;
	background-size: 20px;}

#map .gm-style-iw div div .img-holder {
	width: 180px; display: block;
	margin: 10px auto 5px auto; clear: both;
	padding: 0; float: none;
	overflow: hidden;
	border: 1px #555 solid;
	-webkit-border-radius: 2px; border-radius: 2px;
	max-height: 100px;}	
	
#map .gm-style .gm-style-iw .imgHolder {/*activity*/
	width: 180px; display: block;
	margin: 10px auto 5px auto; clear: both;
	padding: 0; float: none;
	overflow: hidden;
	border: 1px #555 solid;
	-webkit-border-radius: 2px; border-radius: 2px;
	max-height: 100px;}		

#map .gm-style .gm-style-iw div div .imgHolder img {
	max-width:105%; height: auto;}

#map .gm-style-iw div div {
	overflow-x: hidden!important;}
	
#map .gm-style-iw .accommodation-box {
	background: #fff; border-bottom: none;}
	
#map .gm-style-iw .img-holder img {width: 100%;}

#map .gm-style-iw .right {
	display: block;
	border-right:none;
	width: 220px;
	margin: 0;
	float: left;}

#map .gm-style-iw .right h2, 
#map .gm-style .gm-style-iw h2 {
	display: block; float: none;
	color: #207fc7; font-weight: 400;
	font-size: 20px; line-height: 1.2em;
	text-align: center!important;
	width: 98%!important;
	margin: 5px auto; text-transform: uppercase;}
	
#map .gm-style-iw .offer-text,
#map .gm-style .gm-style-iw .offerText {
	display: none;}
	
#map .gm-style-iw .offer-text p {}

/*data-*/	
	
#map .gm-style-iw .fetched-data {
	float: none; display: block;
	width: 100%; margin: 0; 
	border-bottom: none;}

#map .gm-style-iw .fetched-data .price, #map .gm-style-iw .fetched-data .flexible,
#map .gm-style-iw .fetched-data .set-dates, #map .gm-style-iw .fetched-data .total-price,
#map .gm-style-iw .fetched-data .week-price {
	display: block; border-right: none;
	border-bottom: none;}

#map .gm-style-iw .fetched-data .flexible {
	display: block; width: 90%;
	color: #555; font-size: 14px; padding: 4px 10px 4px 18px;
	background: url(../../../ktroy/gfx/green-dot.png) 7% 50% no-repeat;
	background-size: 10px auto; text-align: center;
	border-bottom: #ccc solid 1px;
	border-right:none!important;}

#map .gm-style-iw .fetched-data .set-dates {
	display: block; width: 100%;
	color: #555; font-size: 16px; padding: 10px 10px 4px 10px;
	border-bottom: none; text-align: center;
	border-right:none!important;}

#map .gm-style-iw .fetched-data .total-price, 
#map .gm-style-iw .fetched-data .price {
	display: block; width: 90%;
	color: #207fc7; font-size: 14px; padding: 4px 10px 4px 10px;
	border-bottom: #ccc solid 1px; margin: 0; text-align: center;
	border-right:none!important;} 
	
#map .gm-style-iw .fetched-data .week-price .w-price {
	display: block; text-align: right; font-size: 14px;
	clear: both;  width: 35%; margin: 0 4% 0 0;}	

#map .gm-style-iw .fetched-data .week-price span.text {
	display: block; float: left;}

/*icons*/		
	
#map .gm-style-iw .features {
	display: block; float: left; width: 96%!important;
	margin: 5px 0; overflow: hidden;
	border-right:none!important;
	text-align: center!important;}	

#map .gm-style-iw .features .area {
	display: inline-block; color: #fff;
	float: none; background: url(../../../ktroy/gfx/icon-bg-m2.png) 50% 0% no-repeat;
	background-size: 40px 40px; text-align: center;
	font-size: 12px; padding: 15px 5px;
	margin: 0 2px 0 2px; width: 32px;
	height: 32px; cursor: default;}

#map .gm-style-iw .features .persons {
	display: inline-block; color: #fff;
	float: none; background: url(../../../ktroy/gfx/beds-icon.png) 50% 90% no-repeat;
	background-size: 40px 40px; text-align: center;
	font-size: 12px; padding: 26px 5px 0 5px;
	margin: 0 2px 0 2px; width: 32px;
	height: 25px; cursor: default;}

#map .gm-style-iw .features img {
	display: block; float: right;  padding: 10px 0 10px 0;
	margin: 0 4px 0 4px; width: 40px; height: auto;}
	
#map .gm-style-iw .right a.bookLink,
#map .gm-style-iw div div a.bookLink {
	font-size: 14px; font-weight: 700; margin: 8px 14% 10px 14%;
	display: inline-block; background: #333; padding: 8px;
	float: none; text-transform: uppercase; color: #fff;
	-webkit-border-radius: 2px; border-radius: 2px; width: 62%;
	border: 2px solid #333; text-align: center!important;}	

#map .gm-style-iw .right a.bookLink:hover {border: 2px solid #333; background: #fff; color: #333;}		


/*------------------------item----------------------------------------*/

.item .accommodation, .item .activity, .item .item-rental {
	padding: 0 0 20px 0; margin: 0 auto;
	width: 94%; float: none;}

.item-header {
	margin: 0 0 20px 0; padding: 0;
	border-bottom:none;
	border-top:1px solid #ccc;} 

.item-header h2 {width: 80%;
	float: left; margin: 10px 0 0 0; padding: 0;
	font-size: 3.8vw; text-align: left;}
	
.item-header .tripadvisor {
    width: 20%;}		

.item-header .icons {
	 margin: 10px 0 0 0;
	width: 100%;} 	
	 
.fotorama {width: 97%; margin: 0 0 0 1%;}
	
.fotorama__stage {max-height: 400px; overflow: hidden;}	
	
.fotorama__nav--thumbs {margin-top: 20px; text-align: left;} 

.external-links {padding: 15px 0; margin: 20px 0 0 1%; width: 98%;}
.external-links a img {max-width:40px; }
	
.external-links a img:hover {border: 1px solid #333;}	 	
		
.accommodation .offerText, .activity .offerText,
.item-rental .offerText	{padding: 0 5% 0 0;}	
		
.accommodation .offerText p,
.activity .offerText p,
.item-rental .offerText p {
   font-size: 16px; line-height: 1.3em;}			

.offerText ul {padding: 15px 0;}
	
.offerText ul li {
	padding: 4px 15% 4px 14px; font-size: 2.2vw;}
		
.selections {margin: 20px auto 20px auto;width: 75%;}

.ac-specs {
	border-bottom: none;border-top: none;
  font-size: 2.4vw; margin: 0 auto 20px;
	padding: 0; width: 60%;}
	
.ac-specs	.duration {
	display: block; width: 10%; float: left;
	margin: 0; padding: 10px 14px 10px 40px;
	background: url(../../../ktroy/gfx/duration.png) 0 50% no-repeat;
	background-size:32px 32px;}	
	
.ac-specs	.time {
	display: block; width: 40%; float: left;
	margin: 0; padding: 10px 0 10px 40px;
	background: url(../../../ktroy/gfx/time.png) 0 50% no-repeat;
	background-size: 32px 32px;}		
	
	.selections .date input.datepicker {
	font-size: 3vw; padding: 14px 0 14px 30%; width: 68%;
	background-size: 12% auto;}	
		
/*------------------------------------------------------*/	
	
.selections .price {width: 60%;}	
	
.selections .price span { font-size:2.8vw;}		
	
.selections .price input {
	font-size: 6vw;}		
	
.selections .activityLink {
	display: none;
}

.selections .activityLink:hover {
	opacity: 0.8;
}

.selections .activityLink a	{
	padding: 40px 6%;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 3vw;
	text-shadow: 0 1px 3px #000000;
}	
		
.to-cart input {font-size: 3vw;}	

/*-----------------------------------------*/ 

.additionals {width: 90%; }

.additional-items h3 {font-size: 4vw;}

.additional-items .content {padding: 5px 0 10px 0;}

.additional-items .content h4 {font-size: 3.4vw;}
		
.additional-items .content .offerText p {font-size: 2.6vw; }	

	.additional-items .content .info .additional .inputBlock .dec {
	width: 40px; height: 40px; font-size: 22px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}

.additional-items .content .info .additional .label {
   font-size: 2.4vw;}
	
.additional-items .content .info .additional .inputBlock .qty {
	width: 40px; border: 1px #ccc solid; font-size: 18px; 
	font-weight: 400; background: none; padding: 8px 0 8px 0; -webkit-border-radius:0 2px 2px 0;
	border-radius: 0 2px 2px 0; text-align: center; margin: 0 5px 0 0;}
	
.additional-items .content .info .additional .inputBlock .inc {
	width: 40px; height: 40px; font-size: 2.4vw;
	-webkit-border-radius: 0;
	border-radius: 0; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}	
	
.additional-items .content .info .additional .inputBlock {
	font-size: 3vw; font-weight: 700; width: 40%;}	
	
.additional-items .content .info .additional .inputBlock .dec:hover,
.additional-items .content .info .additional .inputBlock .inc:hover {
	background: #444;}
	
.additional-items .content .info .price	{font-size: 3vw; width: 60%;}
.additional-items .content .info .price	span {
	float: right; margin: 2px 0 0 5px;}	
.additional-items .content .info .price	input {
	float: right; margin: 1px 0 0 10px; text-align: right;}	
	
/*-----------------------------------------*/	 

.facilities h4 {font-size: 3vw; }

ul.eq-list {-webkit-columns: 4; -moz-columns: 4; columns: 4; } 
	
ul.eq-list li {font-size: 2vw;padding: 0 4% 2px 15%;}	

/*----------------------------------------------*/

#Contact {
	width:80%; padding: 15px 5px 15px 58px;
	margin: 30px auto; font-size: 3vw; }
	
.travius-dialog  .ui-dialog-titlebar-close	{top: 68px;}

#ContactPopup #ContactForm p {font-size: 3vw; }	
			
/*----------------------------------------------*/	

.map {width: 90%;}

/*----------------------------------------------*/	

.carousel-top { padding: 10px 0 0; margin: 30px 0 0;}

.carousel-top h3 {font-size: 2.8vw; margin: 5px 0 0;}
.carousel-top p {font-size: 2.2vw;}
			
.carousel-nav	button {
	margin: 0 5px 10px 5px; padding: 10px 14px 10px;
	-webkit-border-radius: 2px; border-radius: 2px;
	border: 1px solid #333; float: left;}
		 
.carousel-days a { 
		font-size: 2.2vw;
    padding: 4px 8px;}	
		
.carousel-days a.current, .carousel-days a.current:hover {
    background: #333 url(../../../ktroy/gfx/tab-link-bottom-w.png) no-repeat 50% 115%;}		

.carousel-content {width: 100%;}
	
.carousel-content .day-info {
	border-top: 1px solid #ccc; display: none; clear: both; overflow: hidden;
	padding: 15px 0; width: 100%;} /*hidden for now...*/
.carousel-content .day-info span {
	font-weight: 400; font-size: 1.4vw; color: #207fc7; text-transform: uppercase;}	
	
.carousel-content .activity, .carousel-content .item-rental { width: 48%; margin: 0 0 20px 1%; float: left;}
.carousel-content .activity:nth-of-type(odd)	{ margin: 0 0 20px 2%;}
		
.activity h4, .item-rental h4 {font-size: 2.4vw; font-weight: 700;}	
				
#travius-popup .ac-popup {top: 96px; left: 5.05%; width: 90%!important;}

.ac-popup .item {width: 95%; margin: 10px auto;}

.ac-popup .item .half:first-of-type {
	width: 40%;}

.ac-popup .item .half {
	width: 60%;}
	
.ac-popup .item h2 { padding: 5px 0; font-size: 3vw;}	

.ac-popup .external-links {padding: 15px 0 15px; width: 98%;}
	
.ac-popup .external-links a img {
    max-width: 32px;
    padding: 4px;}	
		
.ac-popup .item .imgHolder {
	max-height: 200px; overflow: hidden;}

.ac-popup .item .offerText {height: 300px;}
	
.ac-popup .item .offerText ul {
	width: 80%; clear: both;}	
	
.ac-popup .item .offerText {padding-bottom: 20px;}
	
.ac-popup .item .offerText p {
	font-size: 2.4vw; line-height: 1.2em;}	
	
.ac-popup .item .offerText ul li {font-size: 2.4vw;}			
		
.ac-popup .ac-specs span.duration,
.ac-popup .ac-specs span.date,
.ac-popup .ac-specs span.time {
	color: #585858; display: block; font-size: 2.4vw;
	overflow: hidden; margin: 0;
	float: left; padding: 14px 10px 14px 48px;}
	
.ac-popup .ac-specs span.date {
	background: url(../../../ktroy/gfx/calendar.png) no-repeat 10px 50%;
	background-size: auto 32px; width:98%;
	border-right: none; border-bottom: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.duration {
	background: url(../../../ktroy/gfx/duration.png) no-repeat 10px 50%;
	background-size: auto 32px; width:98%;
	border-right: none; border-bottom: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.time {
	background: url(../../../ktroy/gfx/time.png) no-repeat 10px 50%;
	background-size: auto 32px; width:98%;
	border-right: none; border-bottom: 1px #ccc solid;}	
	
.ac-popup .half form  {
	margin: 20px 0 0 3%;}			
	
.ac-popup .half form button {
	margin: 10px 3% 0; font-size: 3vw;
	padding: 16px 3% 16px 20%;}
			
.ac-popup .persons {margin: 10px 0 0 0;  float: right;}
	
.ac-popup .persons .inputBlock {
	margin: 0 10px 0 0;}	
		
.ac-popup .price {
	margin: 0; width: 30%;}
	
.ac-popup .price span {
	font-size: 2.4vw; margin: 5px 0 0;
  padding: 0 5px 0;}

.ac-popup .price input {font-size: 5vw; padding: 0 0 0 5px;}	
	
.noRatiotext {font-size: 3vw; }

/*--------------------------------------------------------------------*/
.accommodation .left,
.activity .left,
.item-rental .left,
.accommodation .right,
.activity .right,
.item-rental .right	{width: 100%; /*border-right: 1px #ccc solid;*/}

/*--------------------------------------------------------------------*/

/*===============SHOPING=CART==========*/

.CartLoader, .cartTop, .cart-item .accommodation {
	width: 100%;}

.CartLoader p {
	font-size: 3vw; display: block; text-transform: uppercase; 
	text-align: center; font-weight: 400; color: #333;}

.CartLoader .loader {
	width: 10%; max-width: 84px;
	margin: 40px auto;}

.cartTop h1 {
	font-size: 6vw; padding: 10px 0 10px 0;}	
	
img.shopping-stage {width: 50%;}	

.cartTop {margin: 0 auto 40px auto;}

.cartBottom {width: 90%;}

.cart-item .accommodation {}

.cart-item .offerText {display: none;}

.cart-item .content {margin: 20px auto; width: 90%;}
	
.cart-item .content  h2 {font-size: 3vw;
  padding: 8px 0 8px 0; border-bottom: 1px #ccc solid;}	
	
input.removeBtn {
	width: 28px; height: 28px; margin: 8px 8px 0 0;
	background: #333 url(../../../ktroy/gfx/remove.png) no-repeat 50% 50%;
	background-size: 70%;}	
	
input.removeBtn:hover {
	background: #fff url(../../../ktroy/gfx/remove-b.png) no-repeat 50% 50%;
	background-size: 70%;}
	
input.removeBtnLoader {
	width: 28px; height: 28px; margin: 8px 8px 0 0;}

.item-content-bottom	{width: 30%;}
.item-content {width: 70%;}

.cart-item .content .info {width: 94%;}
		
.content .info .calendar {
	margin:0;  padding: 5px 0 5px 30px;
	background: #fff url(../../../ktroy/gfx/calendar.png) no-repeat 0 50%;
	background-size: 24px auto;}	
	
.item-content .info .timeSpan {
	padding:5px 0 5px 30px;
	margin: 0 0 0 10px;
	background: url(../../../ktroy/gfx/time.png) no-repeat 0 50%;
	background-size: 24px auto;}	
	
.item-content .info .Dur {
	padding: 5px 0 5px 30px;
	margin: 0 0 0 10px;
	background: url(../../../ktroy/gfx/duration.png) no-repeat 0 50%;
	background-size: 24px auto;}
	
.item-content .info .Total {padding: 5px 0 5px 30px;}	
	
.item-content .info .calendar span,
.item-content .info .Dur span, 
.item-content .info .timeSpan span,
.item-content .info .Total span {	
	font-size: 2vw; padding: 0; margin:0;}
	
/*----------------------------------------*/
	
.item-content-bottom .amountsToggle	{
	float: right; display: block;
	margin: 0 0 10px 0;}

.item-content-bottom .amountsToggle	.buttons input.dec {
	margin: 0 4px 0 0;}
.item-content-bottom .amountsToggle	.buttons input.dec,
.item-content-bottom .amountsToggle	.buttons input.inc {
	height: 32px; width: 32px;}
	
.item-content-bottom .amountsToggle	.buttons input.dec:hover,
.item-content-bottom .amountsToggle	.buttons input.inc:hover {
	opacity: 0.6;}	
	
.item-content-bottom .amountsToggle	.buttons input.qty {
	margin: 0 0 0 8%; width: 40%;
	padding: 5px 0 5px 0;font-size: 2.4vw;
	background: url(../../../ktroy/gfx/persons-icon-small.png) 6% 92% no-repeat;
	background-size: 14px auto;}
 
/*----------------------------------------*/	
	
.item-content-bottom .btnHolder-left {
	float: left; display: block;
	margin: 0; width: 20%;}
	
.item-content-bottom .btnHolder-left input,
.item-content-bottom .btnHolder-right input {
	width: 100%;}	
	
.item-content-bottom .btnHolder-left input.dec {
	background: #333 url(../../../ktroy/gfx/remove-btn.png) 50% 50% no-repeat;
	background-size: 45%;}	
	
.item-content-bottom .btnHolder-right input.inc {
	background: #333 url(../../../ktroy/gfx/add.png) 50% 50% no-repeat;
	background-size: 45%;}		

.item-content-bottom input.qty {
	float: left; display: block;
	margin: 0; width: 55%;}

.item-content-bottom .btnHolder-right {
	float: left; display: block;
	margin: 0; width: 20%;}	
	
.cartBottom .total, .cart-nav {
	width: 100%; clear: both;
	overflow: hidden; padding: 10px 0;}	
	
.cartBottom .total p {
	margin: 0; font-size: 2.4vw;}
	
.cartBottom .total span.totalPrice {margin: 0;font-size: 5vw;}			
	
.cartBottom .next a {
	background: #333 url(../../../ktroy/gfx/arrow-next.png) no-repeat scroll 96% 50%;
	background-size: 20px auto;
	padding: 8px 30px 10px 10px;
	font-size: 3vw;}
	
.cartBottom .next a:hover {font-size: 3vw;}		
	
.cartBottom .backButton a {
	padding: 8px 10px 10px 30px;
	font-size: 3vw;}
	
.additional-late-offers {
	margin: 20px auto; width: 90%; padding: 10px 0;}
		
.additional-late-offers p {
	font-size: 3vw;}	
	
.additional-late-offers a {
	padding: 10px 24px;font-size: 4vw;}	
			
/*=============================================================
====================TRAVIUS=FORM===============================
==============================================================*/

#TraviusForm	{width: 100%;}
	
#travius h1 {
	font-size: 4vw; margin: 20px 0 20px 0;}
	
.cartHeading p {font-size: 2.8vw;
	margin: 0 0 0 2%; padding: 20px 0;
	line-height: 1.2em;}
	
.block {margin: 0;}	
.block-last {margin: 0 5% 0 2%;}	
	
.cartHeading p span {color: #333; display: block; font-size: 2.4vw; line-height: 1.4em; padding: 10px 0 0 0; }
	
#TraviusForm .block	input {padding: 18px 10px; float: left; font-size: 2.4vw; }	

#TraviusForm .block	input.f-name, 
#TraviusForm .block	input.l-name {
	width: 92%; margin: 0 2% 20px 2%;}
	
#TraviusForm .block	input.address {width: 65%; margin: 0 2% 20px 2%;}
#TraviusForm .block	input.city {width: 48%; margin: 0 2% 20px 2%;}
#TraviusForm .block	input.zip {width: 16%; margin: 0 2% 20px 2%;}
#TraviusForm .block	input.eml {width: 48%; margin: 0 2% 20px 2%; box-shadow: none; background: #fff;}
#TraviusForm .block	input.phn {width: 38%; margin: 0 0 20px 2%;}

#TraviusForm .block select {
	font-size: 2.4vw;
	background: url(../../../ktroy/gfx/select-arrow.png) no-repeat 96% 50%;
	background-size: 32px auto;
	width: 51.5%; margin: 0 2% 20px 2%;}

textarea.add-info {font-size: 2.4vw;}

.formBottom .prepayment p {font-size: 2.4vw;}
		
.formBottom .terms p {
	font-size: 2.4vw; }

.formBottom input.ToPayment {font-size: 3vw;}

.formBottom a.back {margin: 20px 0 0 1.5%; font-size: 3vw;}
	
/*==========================PAYMENT====================================
=======================================================================*/	

.payment-select { width: 90%;}
	
.payment-select div {width: 30%; margin: 0 1% 20px 1%;}	
	
.payment-select div h2 {font-size: 2.4vw;}	
	
.payment-select div img {margin: 15px auto;}	
	
.payment-select div form input {font-size: 3vw; }
	
.payment-info { width: 90%; margin: 0 auto;}
	
.payment-info	p {font-size: 2.4vw;}
	
}

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

#minicart {
	margin: 8px 0 0 0; padding: 0;
	background: url(../../../ktroy/gfx/add-to-cart-icon.png) 14px 14px no-repeat;
	background-size: 20px auto;}
	
.is-sticky #minicart {
	background: url(../../../ktroy/gfx/add-to-cart-icon-b.png) 14px 14px no-repeat;
	background-size: 20px auto;
	margin: 20px 0 4px 0; }	

#cartDisplay li, .is-sticky #cartDisplay li {font-size: 12px;}

/*=======================SEARCH=MODULE========================*/

.custom-booking {
    background: #555 none repeat scroll 0 0;
    border-radius: 2px;
    margin: 20px auto 20px;
    padding: 5px; width: 90%;}
		
.tab-links a {font-size: 3vw;}

.arr-date {
	border-left: none;
	margin: 0; padding: 0;
	border-bottom: 1px #ccc solid;
	width: 40%; 
	background: #333 url(../../../ktroy/gfx/calendar-w.png) 8px 45% no-repeat;
	background-size: 20px 20px;}
	
.arr-date input {
	max-width:none; color: #fff; font-size: 4vw;
	padding: 10px 14px 10px 42px;}
	
.tab-links li.active, .tab-links li.active:hover {
  background-size: auto 5px;}	
	
.dep-date {
	border-right: none!important;
	margin: 0; padding: 0;
	width: 60%; 
	border-bottom: 1px #ccc solid;
	background: #333 url(../../../ktroy/gfx/date-picker-end-w.png) 0 50% no-repeat;
	background-size: 24px 24px;}
	
.dep-date input {	
	max-width:none; color: #fff; width: auto;
	padding: 10px 0 10px 28px; font-size: 4vw;
	background: #333 url(../../../ktroy/gfx/date-picker-end-w.png) 0 50% no-repeat;
	background-size: 24px 24px; }	
	
#activities .date {
	margin: 10px 0 0 0; padding: 0;
	width: 45%; border-left: none;
	background: #333 url(../../../ktroy/gfx/calendar-w.png) 10px 50% no-repeat;
	background-size: 24px 24px;}
	
#rentals .date {
	margin: 10px 0; padding: 0;
	width: 45%; border-left: none;
	background: #333 url(../../../ktroy/gfx/calendar-w.png) 10px 50% no-repeat;
	background-size: 24px 24px;}	
	
#activities .date input, #rentals .date input {
	max-width:none; color: #fff; font-size: 16px;
	padding: 11px 4px 10px 40px;}
	
.custom-booking select.persons {
	width: 50%; margin: 10px 0 0 1%;
	padding: 11px 40px 11px 38px;
	background-image:  url(../../../ktroy/gfx/select-arrow-w.png), url(../../../ktroy/gfx/sleeps-icon-w.png);
	background-size: 20px auto, 22px auto;
	background-repeat: no-repeat, no-repeat;
	background-position: 92% 50%, 8% 45%;
	background-color: #333; color: #fff;
	font-size: 16px;
	min-width: none;
	clear: none!important;
	float: left;
	border-left: 1px #ccc solid;
  border-right: none;}

.custom-booking select.act-persons {
	width: 25%;
  margin: 10px 0 0 1%;
  padding: 11px 20px 11px 38px;
	background-image:  url(../../../ktroy/gfx/select-arrow-w.png), url(../../../ktroy/gfx/persons-icon-w.png);
	background-size: 20px auto, 22px auto;
	background-repeat: no-repeat, no-repeat;
	background-position: 92% 50%, 8% 50%;
	background-color: #333; color: #fff;
	border-right: none;
	border-left: none;
	font-size: 16px;}	
	
.nights {
	float: left;}	
	
.nights, span.nights-count  {
	font-size: 16px; color: #fff;
	margin: 10px 0 5px 0;
  padding: 10px 6px 4px 2px;}	

.chk-boxes {
	width: 100%;
	margin: 10px 0 10px 0;}	
	
.custom-booking .accessible, .custom-booking .pets, .custom-booking .flex {
  display: block;
  float: none;
	font-size: 16px; 
	margin: 0 5px 0 10px; 
	padding: 5px 0;}

input.button-normal, 
input.button-pressed {
	float: none;
	margin: 40px auto 15px auto;
	font-size: 16px;}

#rentals input.button-normal, 
#rentals input.button-pressed {
	float: right;
	margin: 10px 10px 10px 0;
	font-size: 16px;}	
	
input.button-normal {
	background: #207fc7 url(../../../ktroy/gfx/loading-circle.gif) 200% 50% no-repeat;
	background-size: 18px auto;}
	
input.button-normal[type="submit"]:disabled {
	background: #C9C9C9 url(../../../ktroy/gfx/loading-circle.gif) 200% 50% no-repeat;}	
	
input.button-normal[disabled]:hover {
	background: #C9C9C9 url(../../../ktroy/gfx/loading-circle.gif) 200% 50% no-repeat;
	background-size: 18px auto;}	
	
input.button-normal:hover {
	background: #fff url(../../../ktroy/gfx/loading-circle.gif) 200% 50% no-repeat;
	background-size: 18px auto;}
	
input.button-pressed {
	background: #fff url(../../../ktroy/gfx/loading-circle.gif) 96% 50% no-repeat;
	background-size: 18px auto;}	

/*------------------------------------------------------------------*/

.ingress {
	width: 90%;
  margin: -20px auto 0 auto;}	
	
.ingress p {	
	font-size: 16px;
	line-height: 22px;}
	
.parameters-map {
	width: 80%; float: left;
  margin: 15px 0 0 16%;}	
	
.parameters-map .searched	{font-size: 16px;}
	
button#closeMap {
 margin: 0 17px -5px 0;
 float: right;}	

.parameters-map p.timespan {font-size: 16px; padding: 0 10px 2px 0;}
	
.month-browser {
	width: 96%;
  float: none;
	margin: 0 0 0 2%;}
	
.month-browser select {
	width: 73%;}
	
.parameters-map div.nights-count,
.parameters-map .persons	{
	font-size: 16px;}	
	
.parameters-map .persons {
	background-size: 20px auto;
	padding: 0 10px 3px 24px;}

#showResultsOnMap {
	font-size: 16px;
	color: #555;
  height: 40px; margin: 0 0 10px 15px;
  padding: 9px 0; width: 92%;
	-webkit-border-radius: 2px;
	border-radius: 2px; z-index: 1;
	position: relative; right: 0;
	background: #fff url(../../../ktroy/gfx/location.png) 10px 50% no-repeat;
  background-size: 8% auto;
	left: 0;
	float: left;} 
	
#TraviusMap #map {
	width: 88.5%;
	height: 75%;}	
		
#showResultsOnMap.cabins-page {
	margin: 0 0 0 17px;
  padding: 6px 0 6px 50px;
  height: 40px;
  text-align: left;}		

.parameters {margin: 0 0 0 4%;padding: 15px 0;width: 92%;}
.parameters .searched {font-size: 16px; margin: 0 5px 0 0; padding: 0 10px 0 0;}
.parameters p.timespan {font-size: 16px;margin: 0 5px 0 0;padding: 5px 10px 0 0;}
.parameters div.nights-count {font-size: 16px;margin: 5px 5px 0 0;padding: 0 10px 2px 0;}
.parameters .persons {font-size: 16px; margin: 5px 5px 0 0; padding: 0 10px 3px 24px;}

.accessible-filter, .pets-filter, 
#pets-no, #pets-yes, .filters label {display:none;}

.rental-filters {
	width: 91.5%;
  margin: 30px auto 30px auto;
  max-width: 1630px;
	display: block;
	overflow: hidden;}
	
.rental-filters input[type="radio"],
.rental-filters label {
  border: 1px #333 solid;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #333;
	padding: 6px 15px;
  float: left;
  margin: 0 10px 10px -11px;}	
	
.rental-filters .month-browser {
	overflow: hidden;
	width: 100%;
  margin: 0;}	
	
.list-heading {
	margin: 0 12px 35px 12px;}
	
.filters {
	width: 96%;
	margin: -20px 0 10px 10px;
  padding: 0;}	
	
.filters select.reload {
	background-image: url(../../../ktroy/gfx/sort.png);
	background-position: 10px 50%; background-repeat: no-repeat;
  background-size: 25px auto;
  font-size: 16px;
  margin: 35px 40% 10px 2%;
  padding: 10px 0 10px 50px;
  width: 95.5%;
	clear: both;}

.accommodation-box, .rental-block {
	margin: 0 0 20px 10px;
  height: auto;
	width: 94.5%;
	padding: 0 0 20px 0;}
	
.browsed-activities li.activityBox {
	width: 20.4%; display: block;
	float: left; margin:0 1% 20px 1%;
	padding: 20px 1.2%;
	border: #ccc solid 1px;
	background: #fff;}
	
.browsed-activities li.activityBox .imgHolder	{
	width: 100%;
    margin: 0;
	max-height: none;
	height: auto;}
	
.browsed-activities li.activityBox a.bookLink {
	margin: 10px 0 0 0;}

/*------------------------------product-box-on-google-map----------------------------------------*/	

#map .gm-style-iw div div {
	border-right: none;}
	
#map .gm-style .gm-style-iw div div,
#map .gm-style .gm-style-iw div div /*activity*/ {
	width: 175px; border-right: none;}
	
#map .gm-style .gm-style-iw div .img-holder {
	width: 173px;}
		
#map .gm-style-iw .fetched-data .week-price .w-price {
	margin: 2px 4% 0 0;
	font-size: 16px;}
	
.fetched-data .week-price .text {
	font-size: 16px;
	padding: 2px 0 0 0;}
	
#map .gm-style .gm-style-iw div .features {
	width: 180px!important;}	
	
#map .gm-style-iw .features .area,
#map .gm-style-iw .features .persons	{
	margin: 10px 2px 0 2px;
	display: block;
	float: left;}	
	
#map .gm-style-iw .features .persons	{	
	padding: 15px 5px 0 5px;}
	
#map .gm-style-iw .features img {
  float: left;
	margin: 0 2px 0 2px;}	
	
/*----------------------------------------*/	
	
.accommodation-box .img-holder {
	width: auto; margin: 2px;
	max-height: 180px;}	
	
.accommodation-box .right {
	width: 94%; margin: 0 3%; }

.accommodation-box .right h2 {
  position: absolute;
	max-width: 80%;
	margin: -170px 10px 0 10px;}	
	
/*.accommodation-box h2 {
	font-size: 5.5vw; width: 100%;
	text-align: left!important;}*/
	
.accommodation-box .offer-text {
	border-top:none;
	height: auto;
  padding: 0 0 10px 0;
	float: left; width: 94%;}
	
.accommodation-box .offer-text p {
	font-size: 16px; line-height: 1.2em;
  margin: 1% 0 0 0;}
	
a.bookLink {
	font-size: 16px; margin: 0;
	padding: 8px 16px 8px 16px;}	
	
.accommodation-box .calendar-holder .ui-datepicker {
	margin: 0;}	
	
/*data*/	
	
.fetched-data {
	float: left; display: block;
	width: 100%; margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #ccc solid;}

.fetched-data .price, .fetched-data .flexible,
.fetched-data .set-dates, .fetched-data .total-price {
	float: left; display: block;}

.fetched-data .flexible {
	color: #555; font-size: 18px; padding: 4px 10px 4px 18px;
	border-right: #ccc solid 1px;
	background: url(../../../ktroy/gfx/green-dot.png) 0 50% no-repeat;
	background-size: 10px auto;}

.fetched-data .set-dates {
	color: #555; font-size: 16px; padding: 5px 10px 4px 10px;
	border-right: #ccc solid 1px; }

.fetched-data .total-price, .fetched-data .price {
	font-size: 16px; padding: 4px 10px 4px 0; margin: 0;} 
	
.fetched-data .week-price {
	margin: 0; display: block;}

.fetched-data .week-price .w-price {
	margin: 1px 10px 0 0; 
	font-size: 16px;
	float: left;}		
	
.fetched-data .week-price .text {
	display: block;
	float: left;
  margin: 0;
	padding: 2px 0 0 0;}	
		
/*icons*/		
	
.features {
	width: 100%; border-top: 1px #ccc solid;
	padding: 0; margin: 10px 0 0 0;}	
	
.features .area {
	font-size: 12px; padding: 24px 5px 12px 5px;
	margin: 0 5px 0 0; width: 30px;
	height: 26px;}

.features .persons {
	font-size: 12px; padding: 28px 5px 8px 5px;
	margin: 0 5px 0 0; width: 30px;
	height:26px; }

.features img {display: block; float: left; margin: 10px 5px 0 0; width: 42px; height: auto;}	
.moreResults {display: block; clear: both; overflow: hidden; margin: 40px 0; text-align: center;}	
	
.moreResults img.loader	{
	width: 84px; height: auto;
	margin: 40px 0 40px 0;}
	
a.loadMoreResults {
	margin: 20px 0 20px 0;
  font-size: 18px;}
	
.no-results {
	margin: 40px 0 40px 0;}

.no-results h2 {
	color: #207fc7; font-size: 18px;}	

.no-results p {
	font-size: 16px; line-height: 1.4em;}	

.no-results p a {	
	margin: 40px 0 40px 0;
	padding: 10px 16px 10px 16px; font-size: 18px;}
	
.no-results p a:hover {	
	background: #464646;
	color: #fff;}
	
/*---------------------searched-activities----------------------------*/

.ac-nav {margin: 0 auto 20px auto;}
.ac-nav form.next input,
.ac-nav form input[disabled] {min-width: 160px;}
.ac-nav form input {font-size:16px;}
.ac-nav form.next input {
	background-size: 14px 24px; margin: 0;
	padding: 8px 32px 8px 12px;}
	
.ac-nav form.next input:hover {
	color: #333; background: #fff url(../../../ktroy/gfx/arrow-next-b.png) 92% 50% no-repeat;
	background-size: 14px 24px;}
	
.ac-nav form.prev input {
	background-size: 14px 24px;
	padding: 8px 12px 8px 32px; text-transform: uppercase;}
	
.ac-nav form.prev input:hover {
	background-size: 14px 24px;}		
	
.ac-nav form input[disabled], .ac-nav form input[disabled]:hover {
	background-size: 14px 24px;
	padding: 8px 12px 8px 32px;}	
	
#travius .activities .column:last-of-type {border-right: 1px #ccc solid;}  	

.activities .column .date-info {
	width: 80%; display: block;
	margin: 0 auto 40px; padding: 10px 0 10px 0;
	border-bottom: 1px #ccc solid;}
	
.column .date-info {
	font-size: 16px; font-weight: 700;
	text-transform: uppercase;
	color: #333;}	

.column .activityBox {
	width: 80%; display: block;
	margin: 0 auto 20px; overflow: hidden;}
	
.activityBox .offerText {display: none;}	
	
.column .activityBox h2 {font-size: 20px;}	
	
.activityBox .imgHolder	{ margin: 10px 0;}
	
.activityBox .imgHolder img {
	width: 101%; height: auto;
	max-height: 250px; }
	
.activityBox .specs {
	display: block; clear: both; margin: 10px 0 5px 0;
	font-size: 16px; font-weight: 700; overflow: hidden;}	
	
.activityBox .specs span.dur {
	float: left; display: block; border-right: #ccc solid 1px;
	margin: 0; padding: 8px 10px 8px 32px;
	background: url(../../../ktroy/gfx/duration.png) 0 50% no-repeat;
	background-size: 28px 28px;}	
	
.activityBox .specs span.timespan {
	float: left; display: block;
	margin: 0 0 0 14px; padding: 8px 4px 8px 32px;
	background: url(../../../ktroy/gfx/time.png) 0 50% no-repeat;
	background-size: 28px 28px;}		
		
.activityBox a.bookLink { margin: 5px 0 20px 0;
  padding: 10px 20px; font-size: 1.8vw;}	
	
/*--------------------browsed-activities------------------------------*/	


.browsed-activities li.activityBox {
	width: 87%;
  	margin: 0 2% 20px 4%;
  	padding: 10px;
	background: #f1f1f1;}
	
/*------------------searched-activities-------------------------------*/

#travius .activities .column {
    border-left: none;
    margin: 0;
    padding: 0;
    width: 100%;}

.ac-nav form.next {display: block; float: right; margin: 0;}

.ac-nav form input {font-size:3vw;}
.ac-nav form.prev input {margin: 0 0 0 6%;}
.ac-nav form.next input {margin: 0 6% 0 0;}
	
.ac-nav form.next input:hover {
	color: #333; background: #fff url(../../../ktroy/gfx/arrow-next-b.png) 92% 50% no-repeat;
	background-size: 18px 20px;}
	
.ac-nav form.prev input {
	display: block; float: left; border: 1px #333 solid;
	-webkit-border-radius: 2px; border-radius: 2px; 
	color: #fff; background: #333 url(../../../ktroy/gfx/arrow-prev.png) 10px 50% no-repeat;
	background-size: 18px 20px;
	padding: 8px 12px 8px 32px; text-transform: uppercase;}
	
.ac-nav form.prev input:hover {
	color: #333; background: #fff url(../../../ktroy/gfx/arrow-prev-b.png) 10px 50% no-repeat;
	background-size: 18px 20px;}		
	
.ac-nav form input[disabled], .ac-nav form input[disabled]:hover {
	border: 1px #ccc solid;
	-webkit-border-radius: 2px; border-radius: 2px; 
	color: #fff; background: #ccc url(../../../ktroy/gfx/arrow-prev.png) 10px 50% no-repeat;
	background-size: 18px 20px;
	padding: 8px 12px 8px 32px; text-transfom: uppercase;}	
	
#travius .activities .column:last-of-type {border-right: 1px #ccc solid;}  	

.activities .column .date-info {width: 92%;}
	
.column .date-info {font-size: 16px;}	

.column .activityBox {width: 92%;}
	
.activityBox .offerText {display: none;}	
	
.column .activityBox h2 {font-size: 20px;}	
	
.activityBox .imgHolder	{ margin: 10px 0;}
	
.activityBox .imgHolder img {max-height: 200px; }
	
.activityBox .specs {font-size: 4vw;}	
	
.activityBox .specs span.dur {
	padding: 10px 14px 10px 24px;
	background-size: 20px 20px;}	
	
.activityBox .specs span.timespan {
	margin: 0 0 0 14px; padding: 10px 8px 10px 24px;
	background-size: 20px 20px;}		
		
.activityBox a.bookLink {
	font-size: 16px;margin: 0 auto 20px auto;
  padding: 10px 20px;}

/*------------------------item----------------------------------------*/

.item .accommodation, .item .activity, .item .item-rental {
	padding: 0 0 20px 0; margin: 0 auto;
	width: 94%; float: none;}

.item-header {
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	border-bottom: none;} 

.item-header h2 {width: 100%;
	float: left; margin: 5px 0 0 0; padding: 0 0 5px 0;
	font-size: 6.5vw; text-align: left;
	border-bottom:1px solid #ccc;}	

.item-header .icons {
	float: left; margin: 10px 0 0 0; display: block;
	width: 70%;} 	
	
.item-header .icons img {
    margin: 13px 5px 0 0;
    max-width: 42px;}
	
.item-header .icons .area,
.item-header .icons .persons {width: 30px; margin: 10px 5px 0 0;}	
.item-header .tripadvisor img {
    margin: 10px 0 0 0; width: 99%;}
	 
.fotorama {width: 97%; margin: 0 0 0 1%;}
	
.fotorama__stage {max-height: 400px; overflow: hidden;}	
	
.fotorama__nav--thumbs {margin-top: 20px; text-align: left;} 

.external-links {padding: 15px 0; margin: 20px 0 0 1%; width: 98%;}
.external-links a img {max-width:40px; }
	
.external-links a img:hover {border: 1px solid #333;}	 	
		
.accommodation .offerText, .activity .offerText,
.item-rental .offerText	{
	padding: 0 4% 0 15px; font-size: 16px;}	
		
.offerText ul {padding: 15px 0;}
	
.offerText ul li {
	padding: 4px 5% 4px 14px; font-size: 16px; font-weight: 100;}
		
.selections {margin: 20px auto 20px auto;width: 75%;}

.ac-specs {
	border-bottom: none;border-top: none;
  font-size: 16px; margin: 0 auto 20px;
	padding: 0; width: 60%;}
	
.ac-specs	.duration {
	display: block; width: 10%; float: left;
	margin: 0; padding: 10px 14px 10px 40px;
	background: url(../../../ktroy/gfx/duration.png) 0 50% no-repeat;
	background-size:32px 32px;}	
	
.ac-specs	.time {
	display: block; width: 50%; float: left;
	margin: 0; padding: 10px 0 10px 40px;
	background: url(../../../ktroy/gfx/time.png) 0 50% no-repeat;
	background-size: 32px 32px;}		
	
	.selections .date input.datepicker {
	font-size: 18px; padding: 14px 0 14px 30%; width: 68%;
	background-size: 12% auto;}	
	
.item-rental .ac-specs select {
	font-size: 18px;}	
		
/*------------------------------------------------------*/	
	
.selections .price {width: 60%;}	
	
.selections .price span { font-size:2.8vw;}		
	
.selections .price input {
	font-size: 28px;}		
		
.to-cart input {font-size: 16px;}	

/*-----------------------------------------*/ 

.additionals {width: 90%; }

.additional-items h3 {font-size: 20px;}

.additional-items .content {padding: 5px 0 10px 0;}

.additional-items .content h4 {font-size: 18px;}
		
.additional-items .content .offerText p {font-size: 16px; }	

.additional-items .content .info .additional .inputBlock .dec {
	font-size: 6vw;}

.additional-items .content .info .additional .label {
   font-size: 16px;}
	
.additional-items .content .info .additional .inputBlock .qty {
	 font-size: 4.2vw;}

.content-panel .panel-head {
	font-size: 16px;}	
	
	 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.additional-items .content .info .additional .inputBlock .qty {padding: 11px 0 10px 0;}
}	 
	
.additional-items .content .info .additional .inputBlock .inc {
	font-size: 6vw; }	
	
.additional-items .content .info .additional .inputBlock {
	font-size: 16px; font-weight: 700; width: 60%;}	
	
.additional-items .content .info .additional .inputBlock .dec:hover,
.additional-items .content .info .additional .inputBlock .inc:hover {
	background: #444;}
	
.additional-items .content .info .price	{font-size: 16px; width: 30%; margin: 5px 0 0 0;}
.additional-items .content .info .price	span {
	float: right; margin: 2px 0 0 5px;}	
.additional-items .content .info .price	input {
	float: right; margin: 1px 0 0 10px; text-align: right;}	
	
/*-----------------------------------------*/	 

.facilities {
	background: #ddd0b0 url("../../../ktroy/gfx/rl-info.png") no-repeat 4% 10px;
	background-size: 8% auto; width: 98%;}

.facilities h4 {
  font-size: 18px;
  margin: 0 0 0 14%;
  padding: 13px 0 13px 0;}
	
ul.eq-list {
  -webkit-columns: 2;
  -moz-columns: 2;
	columns: 2;}	
	
ul.eq-list li {
	font-size: 16px;}
	
ul.eq-list li::before {
	content: "• ";}		
	
#ui-datepicker-div {
	position: fixed!important;}	
	
.ui-datepicker-multi-2 .ui-datepicker-group	{
		margin: 0 0 20px 10%;}
	
/*----------------------------------------------*/

#Contact {display: none;}
			
/*----------------------------------------------*/	

.map {width: 90%;}

/*----------------------------------------------*/	

#ActivityCarousel .carousel-content {
	display: block; clear: both; overflow: hidden;
	border-bottom: 1px solid #ccc;}	
	
.carousel-content .day-info {
	border-top: 1px solid #ccc; display: none; clear: both; overflow: hidden;
	padding: 15px 0; width: 100%;} /*hidden for now...*/
.carousel-content .day-info span {
	font-weight: 400; font-size: 1.4vw; color: #207fc7; text-transform: uppercase;}	
	
.carousel-content .activity, 
.carousel-content .item-rental	{
	float: left; width: 30%; margin: 0 3% 20px 0; padding: 0;
	display: block; border: 1px solid #ccc; background: #fff;
	-webkit-border-radius: 2px; border-radius: 2px;}
	
.carousel-content .activity:hover	{
	border: 1px solid #333; background: #F1F1F1; cursor: pointer;}	
	
.activity h4, .item-rental h4 {
	color: #207fc7; text-transform: uppercase; height: 40px;
	font-size: 1.1vw; font-weight: 400; margin: 15px 6% 15px 6%; padding: 0;}	
	
.activity .specs .dur {
	background: url(../../../ktroy/gfx/duration.png) no-repeat scroll 0 50%;
	background-size: 28px auto;
  display: block; float: left;
  margin: 0 0 5px 6%; padding: 12px 14px 12px 32px;}
	
.activity .specs .timespan {
    background: url(../../../ktroy/gfx/time.png) no-repeat scroll 0 50%;
		background-size: 28px auto;
    display: block; float: left;
    margin: 0 0 5px 0; padding: 12px 14px 12px 32px;}	
		
.item-rental .specs {display: none;}	
	
.carousel-content .activity .imgHolder,
.carousel-content .item-rental .imgHolder {
	height: auto;
  width: 97.4%;
  overflow: hidden;
  margin: 5px;
  display: block;}	

.travius-dialog {
	background-color: rgba(0,0,0,0.0)!important;
	-webkit-box-shadow: none!important; box-shadow: none!important;
	height: 100%!important; width: 100%!important; top: 0!important; left: 0!important;}	
			
.ac-loader-layer {
	z-index: 9999;
	position: fixed;
	top: 0; left: 0;
	height: 100%; width: 100%;
	background-color: rgba(0,0,0,0.5);
	background-image:url(../../../ktroy/gfx/itemsLoader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 48px auto;
	overflow: hidden;
	cursor: default;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;}	

#travius-popup .ac-popup {
	z-index: 10000;
	position: fixed;
	top: 100px; left: 10.05%;
	height: 80%!important; width: 80%!important;
	background: #fff;}

.ac-popup .item {
	width: 95%; margin: 10px auto;
	overflow: hidden; display: block;}

.ac-popup .item .half:first-of-type {
	float: left; width: 35%;}

.ac-popup .item .half {
	float: right; width: 65%;}
	
.ac-popup .item h2 {
	display: block; margin:0 0 10px 0; padding: 10px 0;
	font-weight: normal; color: #207fc7;
	font-size: 2vw;}	

.ac-popup .external-links {
	width: 100%; border-top: none;
	margin: 0; padding: 20px 0 15px; text-align: left;}
	
.ac-popup .external-links a img {
    max-width: 40px;
    padding: 4px;}	
		
.ac-popup .item .imgHolder {
	max-height: 350px; overflow: hidden;}

.ac-popup .item .offerText {
	padding: 0; height: 350px;
	overflow: scroll; width: 94%;
	margin: 0 auto; display: block;
	overflow-x: hidden;
	border-bottom: 1px #ccc solid;}
	
.ac-popup .item .offerText ul {
	width: 80%; clear: both;}	
	
.ac-popup .item .offerText p {
	font-size: 1vw; color: #585858;
	margin: 0; line-height: 1.4em; padding: 5px 10px 0 0;}			
	
.ac-popup .ac-specs {
	width: 100%; float: left; padding: 0;
	display: block; margin: 0;
	border: none;}
	
.ac-popup .ac-specs span.duration,
.ac-popup .ac-specs span.date,
.ac-popup .ac-specs span.time {
	color: #585858; display: block;
	overflow: hidden; margin: 10px 0 0 0;
	float: left; padding: 14px 0 14px 54px;}
	
.ac-popup .ac-specs span.date {
	background: url(../../../ktroy/gfx/calendar.png) no-repeat 10px 50%;
	background-size: auto 38px; width:20%;
	border-right: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.duration {
	background: url(../../../ktroy/gfx/duration.png) no-repeat 10px 50%;
	background-size: auto 38px; width:10%;
	border-right: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.time {
	background: url(../../../ktroy/gfx/time.png) no-repeat 10px 50%;
	background-size: auto 38px; width:24%;}			
	
.ac-popup .half form button {
	background: #333 url(../../../ktroy/gfx/add-to-cart-icon.png) 10% 50% no-repeat;
	padding: 22px 3% 22px 10%; border: 1px solid #333;
	display: block; color: #fff; font-size: 1.4vw; margin: 20px 0 0 0; 
	float: right; font-weight: 400; text-transform: uppercase;}
	
.ac-popup .half form button:hover {
	background: #fff url(../../../ktroy/gfx/add-to-cart-icon-b.png) 10% 50% no-repeat;
	color: #333;}	
	
.ac-popup form {
	margin: 0 0 20px 3%;}	
		
.ac-popup .persons {
	width: auto; float: left; display: block;
	margin: 32px 0 0 0; padding: 0;}
	
.ac-popup .persons .inputBlock {
    clear: both; display: block; width: auto;
    margin: 0 10px 0 0;  overflow: hidden;}	
		
.ac-popup .persons .inputBlock .dec {
	width: 32px; height: 32px; font-size: 22px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}

.ac-popup .persons .inputBlock .inc {
	width: 32px; height: 32px; font-size: 22px;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0; text-align: center;
	background: #333; float: left;
	border: none; color: #fff;}

.ac-popup .persons .inputBlock .qty {
	display: block; float: left; text-align: center;
	width: 80px; padding: 5px 0 8px 0;
	border: 1px #ccc solid; font-size: 16px; 
	font-weight: 700; background: url(../../../ktroy/gfx/persons-icon-small.png) 6% 92% no-repeat;
	background-size: 18px auto; -webkit-border-radius: 0;
	border-radius: 0; }		
	
.ac-popup .price {
	float: left; display: block;
	margin:  20px 2% 0 0;}
	
.ac-popup .price span {
	color: #333; float: left; font-size: 1.2vw;
	display: block;  margin: 18px 0 0 0;
  padding: 22px 5px 0;}

.ac-popup .price input {	
	border: none; color: #207fc7;
	display: block; width: 100px; float:left;
	font-size: 2.4vw; padding: 24px 0 0 5px;}	
	
.noRatiotext {
	display: block; clear: both; 
	overflow: hidden; padding: 20px 15% 20px 0;
	color: #207fc7; font-size: 1.1vw; }	

#ActivityCarousel {
	width: 100%;}	
	
.carousel-top { padding: 10px 0 0; margin: 30px 0 0;}

.carousel-top h3, .carousel-top p {text-align: center;}
.carousel-top h3 {font-size: 16px; margin: 5px 15% 0;}
.carousel-top p {font-size: 16px;}

.carousel-days {
  width: 80%;
	margin: 0 0 0 4px;}
	
.carousel-nav	button {
	margin: 0 5px 10px 5px; padding: 12px 10px 10px;
	-webkit-border-radius: 2px; border-radius: 2px;
	border: 1px solid #333;}

.carousel-nav	.prev {
	margin: 0 5px 0 0;
	display: block;
	float: left;}
	
.carousel-nav	.next {
	display: block;
	float: right;}
			 
.carousel-days a { 
	font-size: 14px;
  padding: 4px 8px 6px;}	
		
.carousel-days a.current, .carousel-days a.current:hover {
  background: #333 url(../../../ktroy/gfx/tab-link-bottom-w.png) no-repeat 50% 115%;
	background-size: 18px auto;}		

.carousel-content {width: 100%;}
	
.carousel-content .day-info {
	border-top: 1px solid #ccc; display: none; clear: both; overflow: hidden;
	padding: 15px 0; width: 100%;} /*hidden for now...*/
.carousel-content .day-info span {
	font-weight: 400; font-size: 1.4vw; color: #207fc7; text-transform: uppercase;}	
	
.carousel-content .activity,
.carousel-content .activity:nth-of-type(odd) { 
	 width: 98%;
   margin: 0 0 10px 0;
   float: left;
   position: relative}
		
.carousel-content .activity h4,
.carousel-content .item-rental h4 {
	font-size: 18px;position: absolute;margin: 5px;
  height: auto;z-index: 2;color: #fff;
	line-height: 1em; background: rgba(0,0,0,0.5);
  padding: 10px; width: 91.8%; font-weight: normal;
  max-width: 94%!important;}	
	
.carousel-content .activity .specs {
	position: absolute; margin: 0; z-index: 2;
  bottom: 0; width: 99%;
  background: rgba(255,255,255,0.65);}	

.carousel-content .activity .specs .dur {
	margin: 0 0 5px 4%;}
	
.carousel-content .item-rental .specs {display:none;}	
			
#travius-popup .ac-popup {top: 96px; left: 5.05%; width: 90%!important;}

.ac-popup .item {width: 95%; margin: 10px auto;}

.ac-popup .item .half:first-of-type {
	width: 100%;}

.ac-popup .item .half {
	width: 100%;}
	
.ac-popup .item h2 { 
	padding: 5px 0; 
	font-size: 18px;}	

.ac-popup .external-links {
	padding: 10px 0 10px;
  width: 96%;
  position: absolute;
  margin: -60px 0 0 0;
  border-bottom: none;
  background: rgba(255,255,255,0.7);
  height: 40px;}
	
.ac-popup .external-links a img {
  max-width: 32px;
  padding: 4px;}	
		
.ac-popup .item .imgHolder {
	max-height: 200px;
  overflow: hidden;
  width: 100%;}

.ac-popup .item .offerText {height: 120px;}
	
.ac-popup .item .offerText ul {
	width: 80%; clear: both;}	
	
.ac-popup .item .offerText {padding-bottom: 20px;}
	
.ac-popup .item .offerText p {
	font-size: 14px; line-height: 1.2em;}	
	
.ac-popup .item .offerText ul li {font-size: 14px;}			
		
.ac-popup .ac-specs span.duration,
.ac-popup .ac-specs span.date,
.ac-popup .ac-specs span.time {
	color: #585858; display: block; font-size: 14px;
	overflow: hidden; margin: 0;
	float: left; padding: 14px 10px 14px 48px;}
	
.ac-popup .ac-specs span.date {
	background: url(../../../ktroy/gfx/calendar.png) no-repeat 10px 50%;
	background-size: auto 32px; width:98%;
	border-right: none; border-bottom: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.duration {
	background: url(../../../ktroy/gfx/duration.png) no-repeat 10px 50%;
	background-size: auto 32px; width:98%;
	border-right: none; border-bottom: 1px #ccc solid;}	
	
.ac-popup .ac-specs span.time {
	background: url(../../../ktroy/gfx/time.png) no-repeat 10px 50%;
	background-size: auto 32px; width:98%;
	border-right: none; border-bottom: 1px #ccc solid;}	
	
.ac-popup .half form  {
	margin: 20px 0 0 3%;}			
	
.ac-popup .half form button {
	margin: 10px 3% 0;
  font-size: 16px;
  padding: 8px 8px 8px 64px;
	background: #333 url(../../../ktroy/gfx/add-to-cart-icon.png) 10% 50% no-repeat;
	background-size: 24px auto;}
	
.ac-popup .half form button:hover {
	background: #fff url(../../../ktroy/gfx/add-to-cart-icon-b.png) 10% 50% no-repeat;
	color: #333;
	background-size: 24px auto;}	
			
.ac-popup .persons {margin: 10px 0 0 0;  float: right;}
	
.ac-popup .persons .inputBlock {
	margin: 0 10px 0 0;}	
		
.ac-popup .price {
	margin: 0; width: 30%;}
	
.ac-popup .price span {
	font-size: 14px; margin: 5px 0 0;
  padding: 0 5px 0;}

.ac-popup .price input {font-size:28px; padding: 0 0 0 5px;}	
	
.noRatiotext {font-size: 3vw; }

/*--------------------------------------------------------------------*/
	
.accommodation .left,
.activity .left, 
.item-rental .left,
.accommodation .right,
.activity .right,
.item-rental .right	{width: 100%;} 
/*--------------------------------------------------------------------*/

/*===============SHOPING=CART==========*/

.CartLoader, .cartTop, .cart-item .accommodation {
	width: 100%;}

.CartLoader p {
	font-size: 3vw; display: block; text-transform: uppercase; 
	text-align: center; font-weight: 400; color: #333;}

.CartLoader .loader {
	width: 10%; max-width: 84px;
	margin: 40px auto;}

.cartTop h1 {
	font-size: 28px; padding: 10px 0 10px 0;}	
	
img.shopping-stage {width: 70%;}	

.cartTop {margin: 0 auto 40px auto;}

.service-fee {
  margin: -58px 0 0 230px;}

.cartBottom {width: 90%;}

.cart-item .accommodation {}

.cart-item .offerText {display: none;}

.cart-item .content {width: 90%;}
	
.cart-item .content  h2 {
	font-size: 18px;
	margin: 0 0 5px 2%;}	
	
input.removeBtn {
	width: 28px; height: 28px; margin: 8px 8px 0 0;
	background: #333 url(../../../ktroy/gfx/remove.png) no-repeat 50% 50%;
	background-size: 70%;}	
	
input.removeBtn:hover {
	background: #fff url(../../../ktroy/gfx/remove-b.png) no-repeat 50% 50%;
	background-size: 70%;}
	
input.removeBtnLoader {
	width: 28px; height: 28px; margin: 8px 8px 0 0;}

.item-content-bottom	{width: 100%;}
.item-content {width: 100%;}

.cart-item .content .info {width: 94%;}
		
.content .info .calendar {
	margin:0;  padding: 5px 0 5px 30px;
	background: #fff url(../../../ktroy/gfx/calendar.png) no-repeat 0 50%;
	background-size: 24px auto;}	
	
.item-content .info .timeSpan {
	padding:5px 0 5px 30px;
	margin: 0 0 0 10px;
	background: url(../../../ktroy/gfx/time.png) no-repeat 0 50%;
	background-size: 24px auto;}	
	
.item-content .info .Dur {
	padding: 5px 0 5px 30px;
	margin: 0 0 0 10px;
	background: url(../../../ktroy/gfx/duration.png) no-repeat 0 50%;
	background-size: 24px auto;}
	
.item-content .info .Total {padding: 5px 0 5px 30px;}	
	
.item-content .info .calendar span,
.item-content .info .Dur span, 
.item-content .info .timeSpan span,
.item-content .info .Total span {	
	font-size: 16px; padding: 0; margin:0;}
	
.item-content-bottom .amountsToggle {
    display: block;
    float: left; width: 40%;
    margin: 5px 0 10px 3%;}	
 	
.item-content-bottom .btnHolder-left {
		float: left;
    margin: 0;
    width: auto;}

.item-content-bottom .btnHolder-right {
    float: left;
    margin: 0 0 0 5px;
    width: auto;}
		
.item-content-bottom .amountsToggle	.buttons input.qty {
	margin: 0; width: 30%; float: left;
	padding: 7px 0 7px 0;font-size: 16px;
	background: url(../../../ktroy/gfx/persons-icon-small.png) 6% 92% no-repeat;
	background-size: 14px auto;}		
		
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.item-content-bottom .amountsToggle	.buttons input.qty {
	padding: 9px 0 8px 0;}}	
	
.item-content-bottom .btnHolder-left input.dec {
	background: #333 url(../../../ktroy/gfx/remove-btn.png) 50% 50% no-repeat;
	background-size: 45%;}	
	
.item-content-bottom .btnHolder-right input.inc {
	background: #333 url(../../../ktroy/gfx/add.png) 50% 50% no-repeat;
	background-size: 45%;}		
	
.cartBottom .total, .cart-nav {
	width: 100%; clear: both;
	overflow: hidden; padding: 10px 0;}	
	
.cartBottom .total p {
	margin: 0; font-size: 16px;}
	
.cartBottom .total span.totalPrice {
	margin: 0 0 5px 0;
	font-size: 24px;}			
	
.cartBottom .next a {
	background: #333 url(../../../ktroy/gfx/arrow-next.png) no-repeat scroll 96% 50%;
	background-size: 20px auto;
	padding: 10px 25px 10px 10px;
	font-size: 16px;}
	
.cartBottom .next a:hover {font-size: 3vw;}		
	
.cartBottom .backButton a {
	padding: 10px 10px 10px 32px;
	font-size: 16px;}
	
.cartBottom .next , .cartBottom .backButton {
	float: none;
	margin: 0 15% 15px 15%;}
	
.additional-late-offers {
	margin: 20px auto; width: 90%; padding: 10px 0;}
		
.additional-late-offers p {
	font-size: 4vw;}	
	
.additional-late-offers a {
	padding: 10px 24px;font-size: 4vw;}	
			
/*=============================================================
====================TRAVIUS=FORM===============================
==============================================================*/

#TraviusForm	{width: 100%;}
	
#travius h1 { font-size: 6vw; margin: 15px 0 0 10%; width: 80%;}
	
.cartHeading p {font-size: 16px;
	margin: 0 0 0 2%; padding: 20px 0;
	line-height: 1.2em;}
	
.block {margin: 0;}	
.block-last {margin: 0 5% 0 2%;}	
	
.cartHeading p span {font-size: 16px; line-height: 1.2em;}
	
#TraviusForm .block	input {padding: 16px 10px; font-size: 4vw; }	

#TraviusForm .block	input.f-name, 
#TraviusForm .block	input.l-name {
	width: 88%; margin: 0 2% 20px 2%;}
	
#TraviusForm .block	input.address {width: 88%; margin: 0 2% 20px 2%;}
#TraviusForm .block	input.city {width: 54%; margin: 0 2% 20px 2%;}
#TraviusForm .block	input.zip {width: 24%; margin: 0 2% 20px 2%;}
#TraviusForm .block	input.eml {width: 88%; margin: 0 2% 20px 2%; box-shadow: none; background: #fff;}
#TraviusForm .block	input.phn {width: 88%; margin: 0 0 20px 2%;}

#TraviusForm .block select {
	font-size: 4vw;
	background: url(../../../ktroy/gfx/select-arrow.png) no-repeat 96% 50%;
	background-size: 32px auto;
	width: 94%; margin: 0 2% 20px 2%;}

textarea.add-info {}

textarea.add-info {
    font-size: 16px; height: 300px;
		margin: 0 0 10px 0; padding: 10px;
    width: 94%;}

.formBottom .prepayment p {font-size: 2.4vw;}
		
.formBottom .terms p {
	font-size:16px; }

.formBottom input.ToPayment {
	font-size: 16px; 
	padding: 10px 36px 10px 14px;
	width: 52%;}

.formBottom a.back {
	margin: 20px 0 30px 1.5%;
	font-size: 16px;
  padding: 10px 14px 10px 40px;
  width: 25%;}
	
/*==========================PAYMENT====================================
=======================================================================*/	

.payment-select { width: 90%;}
	
.payment-select div {width: 48%; margin: 0 1% 20px 1%;}	
	
.payment-select div h2 {font-size: 3vw;}	
	
.payment-select div img {margin: 15px auto;}	
	
.payment-select div form input {font-size: 16px; }
	
.payment-info { width: 90%; margin: 0 auto;}
	
.payment-info	p {font-size: 16px;}
	
/*----------------------------------------------------------------------*/	

.ItemsLoader .content {width: 80%; margin: 20% auto;}
.ItemsLoader .content img {width: 50%;}
.content .loader {border-radius: 50%;height: auto;opacity: 0.7; width: 64px!important;}
.ItemsLoader .content h2 {font-size: 5vw;}
.ItemsLoader .content p {font-size: 18px; line-height: 1.2em;}	

/*----------------------------------------------------------------------*/





	
}