@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1024px){
	
}
@media screen and (min-width:769px){
	#openMenu{ display:none !important; }	
}
@media screen and (max-width:768px){
	html, body {
		height:auto;
		min-width:320px;
	}
	
	.buttonWrap{
		background:rgba(255,255,255,0.8);
		padding:10px 10px 10px 0px;
		width:100%;
		text-align:center;
		position:relative;
		top:0px;
		bottom:auto;
		clear:both;
		margin-top:20px;
	}
	.buttonR{
		display:block;
		margin:7px 0;
	}
	#wrapper {
		height:auto;
		overflow:hidden;
		position:relative;
		min-width:320px;
	}
	.rightWrap{
		width:100%;
		height:auto;
		position:relative;
		right:0px;
		background:none;
	}
	#langSelect{
		right:0px;
		z-index:1000;
	}
	#openMenu{
		display:block;
	}
	.rightWrap .menuWrap {
		clear:both;
		display:none;
		padding-left:50px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top:20px;
	}
	.rightWrap .menuWrap .menu{
		background:#fff;
	}
	.rightWrap .menuWrap .menu li ul.sub-menu {
		width:100% !important;
	}
	.rightWrap .menuWrap .menu > li {
		margin: 0 8px 0 0px;
	}
	#weather #weatherInner p {
		background:#fff;
	}
	.contentWrap {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
		position:relative;
		right: 0px;
		top: 10px;
		float:right;
		clear:both;
		margin-bottom:60px;
	}
	.contentWrap .contentInner .textWrap {
		width: 445px;
	}
	.contentWrap .contentInner .textWrap h1.heading{
		font-size: 35px;
	}
	.contentWrap .contentInner .textWrap h1.heading .headingTail{
		font-size: 20px;
	}

	.buttonWrap .socialWrap{
		float:none;
		height:35px;
		display:inline-block;
	}
	.buttonWrap .btnBook{
		float:none;
		display:inline-block;
	}
	.buttonWrap .btnOffers{
		float:none;
		position:relative;
		top:-2px;
		display:inline-block;
	}
	
	.contentWrap .show_hide {
		right: auto;
		left:7px;
	}
	a.logo{ text-align:left; }
	.showContentW{ 
		right:0px;
		top:auto;
		bottom:-56px;
	}
	.showContent{
		padding:0px;
	}
	#wrapper .online{
		float:none;
		margin:15px 0;
		display:block;
		text-align:center;
		bottom:0px;
		position:relative;
		width:100%;
	}
	#wrapper .online .cell{
		display:inline-block;
		float:none;
		padding:0 10px;
	}
	#wrapper .online .cell:first-child{
		padding-left:0px;
	}
	#wrapper .greeka {
		padding:8px;
		position:relative;
		bottom:0px;
		float:right;
		margin:8px auto 8px auto;
		clear:both;
	}
	
	#prevslide, #nextslide{
		top:55px;
	}
	.translator{
		 top:10px; left:auto; right:10px; z-index:999;
	}	
	.buttonWrap a.btnTripOpen, .buttonWrap a.btnBookingcomOpen{
		float:none;
	}
	.mhte{  width:100%; }
	.logoWrap.Outer{
		width:auto;
		max-width:265px;
	}
	#fullScreen{ top:137px; }
	.leftPanel{ top:177px; }
	.badget{position: relative; left:0; display: table; margin: 10px auto;bottom:auto; }
	.sister{ position:relative; bottom:auto; right:auto; display:inline-block;}
}

@media screen and (max-width:630px){
.table { width:100%;}
}
@media screen and (max-width:620px){
	.paymentCancelOverlay > div, .paymentTermsOverlay > div,.tripBannersOuter > div{ 
		width:250px;
		margin-left:-145px;
	}	
	.tripBanners > div{
		padding-bottom:15px;
	}
	.btnTripOpen{
		top:190px;
	}
}

@media screen and (max-width:530px){
	
	html, body {
		height:auto;
	}
	.translator{
		right:60px;
	}
	#fancybox-left-ico, #fancybox-right-ico{
		-moz-transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-o-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
	}
	#fancybox-left{
		left:-30px;
	}
	#fancybox-right{
		right:-25px;
	}
	.flex-direction-nav{
		width:100%;
		height:40px;
		z-index:100;
		position:relative;
		top:auto;
		clear:both;
	}
	.flex-next{ right:10px; top:-5px; left:auto; }
	.flex-prev{  left:10px; top:-5px; }
	#wrapper {
		height:auto;
		overflow:hidden;
		position:relative;
	}
	.rightWrap{
		width:100%;
		height:auto;
		position:relative;
		right:0px;
		background:none;
	}
	.contentWrap {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
		position:relative;
		right: 0px;
		top: 10px;
		width:100%;
		float:right;
		clear:both;
		margin:0px -50px 20px 0;
	}
	.contentWrap .contentInner .textWrap {
		width: 100%;
		padding:0 50px 0 0px;
		box-sizing:border-box;
	}
	.contentWrap .contentInner .textWrap .contentText{
		width:100%;
		padding:0 0px;
		box-sizing:border-box;
	}
	.buttonWrap{
		margin-top:20px;
	}
	.buttonWrap .socialWrap{
		float:none;
		height:35px;
		display:inline-block;
	}
	.buttonWrap .btnBook{
		float:none;
		display:inline-block;
	}
	.buttonWrap .btnOffers{
		float:none;
		position:relative;
		top:-2px;
		display:inline-block;
	}
	
	#wrapper .online{
		padding-bottom:5px;
	}
	
	.onlineR{
		display:block;
	}
	#wrapper .online .cell{
		display:inline-block;
		float:none;
		padding:0 10px;
	}
	#wrapper .online .cell:first-child{
		padding-left:0px;
	}
	#wrapper .greeka {
		padding:8px;
	}
	#wp-bookingForm .formColLeft, #wp-bookingForm .formColRight{
		float:none; width:100%; margin-left:0px;
	}
	#wp-bookingForm .col3{
		width:42%;
	}
	#wp-bookingForm .col4{
		width:56%;
	}
	.button2{right:50px;}
}
@media screen and (max-width:455px){
	#wp-bookingForm .formColLeft{
			width:100%;
			float:none;
		}
	#wp-bookingForm .formColRight{
		width:100%;
		float:none;
		margin-left:0px;
	}
	.img_banner{ width:260px;height:61px;}
	.logoWrap img{
		max-width:240px;
		max-height: 100px;
	}
}
@media screen and (max-width:430px){
	#postText{ width:100px;}
	.inputa{ width:100px; }
	.pricelist{
		overflow:scroll;
	}
	.rightWrap .menuWrap .menu li ul.sub-menu {
		width:220px !important;
	}	
	.tableprice  td.title { 
		width:58%;
	}
	.tableprice.old  td.title { 
		width:auto;
	}
}
@media screen and (max-width:375px){
	#submit-form{margin:10px 4px 0 121px;height:25px; width:105px;}
	#reset-form{margin:7px 4px 0 121px; height:25px;width:105px;}
}
@media screen and (max-width:360px) and (max-device-width: 360px){
	#weather, #sound, #pano360{ display:none; }
}
.clearfix:after{
	content:'';
	display:table;
	clear:both;	
}
@media screen and (max-width:768px) and (max-height:1024px){
	html, body, #wrapper {
		min-height:742px;
	}
}