/*@media screen and (min-width: 320px) and (max-width: 767px) {

  html {

    transform: rotate(-90deg);

    transform-origin: left top;

    width: 100vh;

    overflow-x: hidden;

    position: absolute;

    top: 100%;

    left: 0;

  }

}*/

@font-face {

    font-family: 'robotoregular';

    src: url('/fonts/Roboto-Regular-webfont.eot');

    src: url('/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('/fonts/Roboto-Regular-webfont.woff2') format('woff2'),

         url('/fonts/Roboto-Regular-webfont.woff') format('woff'),

         url('/fonts/Roboto-Regular-webfont.ttf') format('truetype'),

         url('/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



.ui-dialog .ui-widget-content {

    background: #fff none repeat scroll 0 0;

    border: 0;



    color: #222222;

}

.ui-dialog .ui-dialog-title{

    display: inline-block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 86%;

}

.ui-dialog .ui-dialog-titlebar-close{

    background: #e6e6e6 url("/images/closedlg.jpg") repeat scroll 0 0;

    display: block;

    float: right;

    height: 21px;

    margin-right: 1px;

    margin-top: 0;

    padding: 0;

    width: 21px;

}



body{

    background: #fff !important;

	margin:0;

	padding:0;

	font-family:'robotoregular'; /*vasw*/

	font-size:1.2em;

	color:#524C52;

    min-width:600px !important;

}/*background-image: url(/images/retina_wood.png);*/

/*MENU VASW*/

.TopMenu{

	/*width:100%;

	height:auto;/*height must be the same for the container & the svg*/

	/*background:url(/images/header.svg) no-repeat;

	background-size:cover; /* Resize the background image to cover the entire container */

	/*background-position:center bottom;

	position:fixed;

	top:0;

	z-index:10000;

	clip-path: polygon(100% 0, 100% 100%, 76% 76%, 0 100%, 0 0);/*important so its masked with the svg*/

	width: 100%;

  height: auto;

  background-size: cover;

  background-position: center bottom;

  position: fixed;

  top: 0;

  z-index: 10000;

  background-image: linear-gradient(135deg, #194D8A , #194D8A, #5DC8E5, #6CB43D );

  border: 0px solid transparent;

  border-bottom-left-radius: 50px;

}

.TopMenu .Back{

	float:left;

	width:100px;

	height:65px;

}

.TopMenu .Logo{

	/*width:120px; for cretatour logo*/
    width:250px; 

	height:65px;

	background:url(/images/logo_alpi.png) no-repeat 0 0px;

	background-size:100%;

	float:left;

}



.TopMenu .Back .BackBtn{

	width:65px;

	height:65px;

	background:url(/images/Back.png) no-repeat 30px 12px;

	cursor:pointer;

	float:left;

}

.TopMenu .Home{

	width:65px;

	height:65px;

	float:right;

	border-left:3px solid #fff;

	margin-right:3px;

	cursor:pointer;

}

.TopMenu .Home a{

	background: url(/images/HomeBtn.png) no-repeat 14px 10px;

	height:65px;

	width:65px;

	cursor:pointer;

	float:left;

}

.TopMenu .Home a:active, .TopMenu .Home a:hover,.TopMenu .Home a:focus{

	background: #194D8A url(/images/HomeBtn.png) no-repeat 14px 10px;

}



.TopMenu .LogOut{

	width:65px;

	height:65px;

	float:right;

	border-left:3px solid #fff;

	cursor:pointer;

}

.TopMenu .LogOut a{

	background: url(/images/logout.png) no-repeat 14px 10px;

	height:65px;

	width:65px;

	cursor:pointer;

	float:left;

}

.TopMenu .LogOut a:active{

	background:#194D8A url(/images/logout.png) no-repeat 14px 10px;

}

.TopMenu .LogOut a:hover{

	background:#194D8A url(/images/logout.png) no-repeat 14px 10px;

}

.TopMenu .LogOut a:focus{

	background:#194D8A url(/images/logout.png) no-repeat 14px 10px;

}



.floated{

    left: 392px;

    position: fixed;

    top: 100px;

    z-index: 1000;

}

.Header{

	width:100%;

	height:auto;

	min-height:30px;

	font-size:22px;

	color:#194D8A;

	padding:30px;

	font-weight:normal;

}

#content{

	text-align:center;

	height: 100%;

	float: center;

	/*overflow:auto; SCROLLBAR*/

}

#content h2 {

	padding-top: 100px;

}

#LogFormBackground{

	max-width:60vw;

	margin:auto;

	margin-top:150px;

	height: 45vh;

	min-height:500px;/*on mobile when keyboard use without min-height resizes the form*/

	box-shadow:10px 10px 40px 10px #D3D3D3;

	background: linear-gradient(45deg, #6CB43D, #5DC8E5);

	z-index:2;

}

/*----BROWSER STYLE----*/

input:focus, textarea:focus, select:focus{

      outline: none !important;

    }

/*------SHAPE---------*/

/*Login Form Shape*/

.triangeshape{

	min-height:500px;

	position:absolute;

	border-style: solid;

	border-width: 45vh 0 0 60vw;

	border-color: transparent transparent transparent #ffffff;

	z-index:10;

}

#LogFormBackground .form {

	z-index:100;

	position:absolute;

	margin-left: auto;

	margin-right: auto;

	left: 0;

	right: 0;

}

/* Login In Form */

.LoginForm{

	/*vasw width:70%;*/

	max-width:50vw;

	margin: auto; /*margin: 20px 15% ;

	background:#F6F5F6;

	border:1px dashed #D4DEE9;

	height:auto;*/

	/*min-height:270px;*/

}

/*vasw.LoginForm* .note{

	 color: #194d8a;

	 height:20px;

	 width:100%;

	 float:left;

	 font-style: italic;

	 padding-bottom:4vh;

}/



/* Login In Form */

.note, .LoginForm .Lbl{

	width:100%;

	/*vasw padding:0 0 0 5px;*/

	text-align:left;

	height:30px;

	float:left;

	color: #194d8a;

	height:20px;

	width:100%;

	float:left;

	font-style: italic;

	padding-bottom:4vh;

	font-size: 0.9em;



}

.LoginForm .Value{

	width:100%;

	padding:0;

	text-align:center;

	height:40px;

	float:left;

}

.LoginForm .Value a, input, input, .chosen-container-single, .chosen-container, .chosen-select-disabled, .FormContRow {

	border: 0px;

	border-bottom: 2px solid;

	border-image-source: linear-gradient(45deg, #6CB43D, #5DC8E5);

	border-image-slice: 1;

	font-size:1em;
    
    width:120px;

}

.LoginBtn{

	width:150px;

	height:45px;

	background-image: linear-gradient(45deg, #6CB43D, #5DC8E5);

	/*vasw background: url(/images/loginIcon.png) no-repeat 119px 10px;*/

	color:#fff;

	border:none;

	font-size:20px;

	padding:0 20px 0 0;

	cursor:pointer;

}

.ForwardBtn{

	width:150px;

	height:45px;

	background-image: linear-gradient(45deg, #6CB43D, #5DC8E5);

	/*vasw background: url(/images/loginIcon.png) no-repeat 119px 10px;*/

	color:#fff;

	border:none;

	font-size:20px;

	padding:0 20px 0 0;

	cursor:pointer;

}

.LoginBtn:disabled{

	width:150px;

	height:45px;

	background-image: linear-gradient(45deg, #C0C0C0, #C0C0C0);

	/*vasw background: url(/images/loginIcon.png) no-repeat 119px 10px;*/

	color:#fff;

	border:none;

	font-size:20px;

	padding:0 20px 0 0;

	cursor:pointer;
    pointer-events: none;

}

a.LoginBtn{

    text-decoration: none;

    padding-top:10px;

    padding-left:20px;

    display:inline-block;

	width:150px;

	height:45px;

}

a.ForwardBtn{

    text-decoration: none;

    padding-top:10px;

    padding-left:20px;

    display:inline-block;

	width:150px;

	height:45px;

}

a.LoginBtn:active, a.LoginBtn:hover, a.LoginBtn:focus{

	background:#194D8A url(/images/BackHover.png) no-repeat 5px 5px;

}

.LoginBtn:active, .LoginBtn:hover, .LoginBtn:focus{

	background:#194D8A url(/images/loginIcon.png) no-repeat 119px 10px;

}

/*VASW HIDE PLACEHOLDER*/

::placeholder {

	font-style: italic;

	padding-bottom:4vh;

	font-size: 0.9em;

	opacity: 1;

}

/* Change Autocomplete styles in Chrome for LOGIN*/

input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

textarea:-webkit-autofill,

textarea:-webkit-autofill:hover,

textarea:-webkit-autofill:focus,

select:-webkit-autofill,

select:-webkit-autofill:hover,

select:-webkit-autofill:focus {

  -webkit-text-fill-color: inherit;

  -webkit-box-shadow: 0 7px 4px -4px rgba(102, 175, 233, .6) #fff inset;

  transition: background-color 5000s ease-in-out 0s;

}

/*MARGINS & PADDINGS CLASSES*/

.nomarginTop{

	margin-top:0 !important;

}

.nomarginBottom{

	margin-bottom:0 !important;



}

.nomarginLeft{

	margin-left:0 !important;

}

.nomarginRight{

	margin-right:0 !important;

}

.marginTop15{

	margin-top:15px !important;

}

.marginTop10{

	margin-top:10px !important;

}

.marginTop20{

	margin-top:5vh !important;

}

.marginTop30{

	margin-top:8vh !important;

}

.marginTop-40{

	margin-top:-3.5vh !important;

}

.marginBottom15{

	margin-bottom:15px !important;

}

.marginBottom5{

	margin-bottom:5px !important;

}

.marginBottom10{

	margin-bottom:10px !important;

}

.marginLeft10{

	margin-left:10px !important;

}

.marginLeft5{

	margin-left:5px !important;

}

.marginRight5{

	margin-right:5px !important;

}

.marginright5vw{

	margin-right:5vw !important;

}



.paddingTop6{

	padding-top:6px !important;

}

/*  Menu Page */

.MenuCont{

	width:100%;

	height:100%;

	padding:2%;

	padding-top:80px;

	float:left;

	margin-bottom:30px;

	text-align:center;

	min-width: 700px;

	background-image: url(/images/svg_background.svg);

	background-size:contain;

	background-repeat:no-repeat;

	background-position:-0.5vh -0.5vw;

}

.MainHeader{

	width:100%;

	margin-bottom:10px;

	float:left;

}

.MainHeader h1{

	width:100%;

	font-size:1.5em;

	color:#194D8A;

	margin-top:5vh;

	margin-bottom:3vh;

	padding:2%;

	text-align:center;

	font-weight:normal;

	float:center;

	border-bottom:0px;

}

.MainHeader h2{

	width:100%;

	font-size:22px;

	color:#6F6F6F;

	padding:20px 0 0 20px;

	text-align:left;

	font-weight:normal;

}

.ExcursionsBtn, .CarBtn{

	position:relative;

	width:100%;

	/*height:90px; vasw*/

	text-align:center;

	float:left;

	cursor:pointer;

	padding-bottom:70%;/*make the square responsive*/

	display:block;

	clear:both;

	filter: drop-shadow(-1px 3px 5px rgba(50, 50, 0, 0.4));

}

.ExcursionsBtn{

	background:#6CB43D;

	background-image: url(/images/Ship_icon.svg), linear-gradient(135deg, #6CB43D, #5DC8E5);

	background-repeat:no-repeat, no-repeat;

	background-position: 50% 70%, center;

	/*background-position: bottom center, center;*/

	background-size: 50%, 100%;

}



.CarBtn{

	background:#6CB43D;

	background-image: url(/images/Car_icon.svg), linear-gradient(225deg, #6CB43D, #5DC8E5);

	background-repeat:no-repeat, no-repeat;

	background-position: bottom center, center;

	background-size: 60%, 100%;

}

.ExcursionsBtn:hover, .ExcursionsBtn:active, .ExcursionsBtn:focus{

	background: #194D8A;

	background-image: url(/images/Ship_icon.svg);

	background-repeat:no-repeat;

	background-position: 50% 70%, center;

	background-size: 50%;

}

.CarBtn:hover, .CarBtn:active, .CarBtn:focus{

	background: #194D8A;

	background-image: url(/images/Car_icon.svg);

	background-repeat:no-repeat;

	background-position: bottom center;

	background-size: 60%;

}

a .ExcursionsBtn, a .CarBtn {

	float:left;	/*vasw line-height:90px;*/

	font-size:1.3em;

	line-height:0.5em;

	text-decoration:none;

	color:#fff;

	line-height:4em;

}

.HelpBtn{

	width:100%;

	height:90px;

	background:#6CB43D;

	background-image: url(/images/HelpBtn.png), url(/images/WhiteArrow.png);

	background-repeat:no-repeat, no-repeat;

	background-position:17px 0, 97% 28px;

	text-align:left;

	margin-top:10px;

	float:left;

	cursor:pointer;

}

.HelpBtn:hover, .HelpBtn:focus, .HelpBtn:active{

	background:#194D8A;

	background-image: url(/images/HelpBtn.png), url(/images/WhiteArrow.png);

	background-repeat:no-repeat, no-repeat;

	background-position:17px 0, 97% 28px;

}

.HelpBtn a{

	width:100%;

	float:left;

	line-height:90px;

	font-size:26px;

	text-decoration:none;

	color:#fff;

	padding:0 0 0 90px;



}

.ContactBtn{

	width:100%;

	height:90px;

	background:#6CB43D;

	background-image: url(/images/Contactbtn.png), url(/images/WhiteArrow.png);

	background-repeat:no-repeat, no-repeat;

	background-position:17px 0, 97% 28px;

	text-align:left;

	margin-top:10px;

	float:left;

	cursor:pointer;

}

.ContactBtn:active, .ContactBtn:focus, .ContactBtn:hover{

	background:#194D8A;

	background-image: url(/images/Contactbtn.png), url(/images/WhiteArrow.png);

	background-repeat:no-repeat, no-repeat;

	background-position:17px 0, 97% 28px;

}

.ContactBtn a{

	width:100%;

	float:left;

	line-height:90px;

	font-size:26px;

	text-decoration:none;

	color:#fff;

	padding:0 0 0 90px;

}

.EmptyBtn{

	width:100%;

	height:90px;

	background:#6CB43D;

	background-image: url(/images/WhiteArrow.png);

	background-repeat: no-repeat;

	background-position: 97% 28px;

	text-align:left;

	margin-top:10px;

	float:left;

	color:#fff;

	text-decoration:none;

	padding:0 0 0 30px;

	line-height:90px;

	font-size:26px;

	cursor:pointer;

}

.EmptyBtn:active, .EmptyBtn:hover, .EmptyBtn:focus {

	background:#194D8A;

	background-image: url(/images/WhiteArrow.png);

	background-repeat: no-repeat;

	background-position: 97% 28px;

}

/* Excursion Menu  */

/*------SHAPE---------*/

.triangles{

	width:100%;

	min-height: 350px;

	margin:auto;

	position:relative;

}

/*shadows need to be on diferent selector or div cause of clip-path*/

.ExcursionsNewBooking{

	filter: drop-shadow(-1px 3px 5px rgba(50, 50, 0, 0.4));

}

/*for position absolute shadow, the div needs to be wrapped*/

.ExcursionsListBtn-wrap {

	position: absolute;

	bottom:0;

	right:0;

	filter: drop-shadow(-1px 3px 5px rgba(50, 50, 0, 0.4));

}

.ExcursionsNewBooking a, .ExcursionsListBtn a{

	width: 75vw;

	height: 30vh;

	cursor:pointer;

	float:left;

	text-decoration:none;

	font-size:1.2em;

	line-height:1em;

	color:#fff;

}

.ExcursionsNewBooking a{

	min-height: 350px;/*otherwise stretches too much on landscape mode*/

	position:relative;

	display:block;

	background-image: url(/images/plus-circle.svg), linear-gradient(90deg, #6CB43D, #5DC8E5);

	clip-path: polygon(0 0, 0 100%, 100% 0);

	background-repeat:no-repeat, no-repeat;

	background-position: 14% 33%, center;

	background-size: 80px, 100%;

}

.ExcursionsListBtn a{

	min-height: 350px;/*otherwise stretches too much on landscape mode*/

	/*background: linear-gradient(135deg,#5DC8E5, #6CB43D);

	clip-path: polygon(100% 0, 0 100%, 100% 100%);*/

	bottom:0;

	right:0;

	position:absolute;

	display:block;

	background-image: url(/images/file-alt.svg), linear-gradient(225deg, #6CB43D, #5DC8E5);

	clip-path: polygon(100% 0, 0 100%, 100% 100%);

	background-repeat:no-repeat, no-repeat;

	background-position: 87% 65%, center;

	background-size: 60px, 100%;

}

.ExcursionsNewBooking a p {

	height:50vh;

	text-align:left;

	padding-top:0vh;

	padding-left:7vw;

}

.ExcursionsListBtn a p {

	position:absolute;

	bottom:0vh;/*use this instead of padding cause position absolute*/

	right:5vw;

}

/* REMORF this button from last page. Has two classes.*/

div .excbtn2 {

	min-height: 90px;/*otherwise stretches too much on landscape mode*/

  background:#194d8a;

	background-image: url(/images/Ship_icon.svg),url(/images/Ship_icon.svg);

	background-repeat:no-repeat;

	background-position:5% center, 95% center;

	background-size: 6%;

	text-align:center;

	float:left;

	cursor:pointer;

	height:10vh;

	width:100%;

	padding:0;

}

.excbtn2 a{

	text-align:center;

	text-decoration:none;

	font-size:1.2em;

	position:absolute;

	color:white;

	left:0;

	right:0;

	top:0;

	bottom:0;

}

.excbtn2:hover, .excbtn2:active, .excbtn2:focus{

	background:#6CB43D;

	background-image: url(/images/Ship_icon.svg),url(/images/Ship_icon.svg);

	background-repeat:no-repeat;

	background-position:5% center, 95% center;

	background-size: 6%;

}

.FormCont .timepicker{

	font-size:1.3em;

}

.Sep{

	float:left;

	width:100%;

	height:1px;

	border-top:1px solid #dddddd;

}

.SepWhite{

	float:left;

	width:100%;

	height:1px;

	border-top:2px solid #fff;

}

/* Excursions Booking List  */

.width60{

	width:60%;

}

.AddBtn{

	width:auto;

	min-width:130px;

	height:35px;

	background:#6CB43D url(/images/plusIcon.png) no-repeat 9px 12px;

	font-size:15px;

	padding:13px 0 0 15px;

	text-align:center;

	float:right;

	/*float:left;*/

	text-decoration:none;

	color:#fff;

	cursor:pointer;

}

.AddBtn:active{

	background:#194D8A url(/images/plusIcon.png) no-repeat 9px 12px;

}

.AddBtn:hover{

	background:#194D8A url(/images/plusIcon.png) no-repeat 9px 12px;

}

.AddBtn:focus{

	background:#194D8A url(/images/plusIcon.png) no-repeat 9px 12px;

}

.topBtnCon{

	float:right;

	width:auto;

	height:35px;

}

.Filters{

	float:right;

	width:auto;

	min-width:130px;

	height:35px;

	text-decoration:none;

	padding:13px 0 0 19px;

	background:#7A869A url(/images/SearchBtnIcon.png) no-repeat 11px 10px;

	font-size:15px;

	text-align:center;

	color:#fff;

	padding:13px 0 0 15px;

	margin-left:10px;

	cursor:pointer;

}

.Filters:active{

	background:#194D8A url(/images/SearchBtnIcon.png) no-repeat 11px 10px;

}

.Filters:hover{

	background:#194D8A url(/images/SearchBtnIcon.png) no-repeat 11px 10px;

}

.Filters:focus{

	background:#194D8A url(/images/SearchBtnIcon.png) no-repeat 11px 10px;

}

#excursionbookingsgrid table{

    table-layout: fixed;

}

.grid-view .pager{

	font-size:13px !important;

}

ul.yiiPager{

	margin-left:5px;

}

.grid-view table.items th, .grid-view table.items td{

	overflow: hidden;

}

#bookingDetails .FormContRow{

	background:#fff;

}

.EmailTxt::placeholder{

	opacity:1;

}

/* CHECKOUT PAGE EDIT_FORM3 */

/*Form & Footer*/

.FormCont, #bank-footer {

	width:100%;

	float:left;

	height:auto;

	padding:2% 5%;

	background:#fff;

	padding-bottom: 3vh;

	margin:auto;

}

.FormCont input{

	width:100%;

	height:50px;/*34 vasw*/

	/*border:1px solid #D4DEE9;*/

	color:#524C52;

	background:#fff;

	border-radius:0px;

	text-align:right;

	font-size:16px;

	color:#524C52;

	padding:0 5px 0 5px;

}

.ddlCont input, .voucher1 input {

	border: 0px;

	border-bottom: 2px solid;

	border-image-source: linear-gradient(45deg, #6CB43D, #5DC8E5);

	border-image-slice: 1;

}

#checkoutform, #bank-footer {

	background-color:white;

	border-left:5px solid white;

	border-radius: 30px;

	box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.2);

}

#bank-footer	{

	margin-top:8vh;

	padding: 1vh;

}

#bank-footer a{

	text-decoration:none;

	cursor: pointer;

}

#paynow_button {

	background: linear-gradient(45deg, #6CB43D, #5DC8E5);

}

.bank-logos {

	background-image: url("/images/Horizontal_Banner_White.png");

	height: 15vh;

	background-position: center;

	background-repeat: no-repeat;

	background-size: 80% contain;

}

.navbarbottom ul li, .contact ul li{

	display: inline-block;

    position: relative;

	padding: 1vw 2vw 1vw 2vw;

    text-overflow: ellipsis;

    vertical-align: bottom;

    color:black;

	text-decoration:none;

}

.navbarbottom ul li{

	background-image: linear-gradient(45deg, #6CB43D, #5DC8E5);

	background-repeat: no-repeat;

	background-size: 85% 0.2em;

	background-position: center 75% ;

}

/*MODAL*/

@-webkit-keyframes fadein {

	0% {opacity:0;}

	100% {opacity:1;}

}

/* The Modal (background) */

.modal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 8888; /* Sit on top */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */

	-webkit-animation:fadein ease 1s;

}

/* Modal Content/Box */

.modal-content {

    background-color: #fefefe;

    margin: 10vh auto; /* 15% from the top and centered */

    padding: 20px;

    border: 1px solid #888;

    width: 90%; /* Could be more or less, depending on screen size */

	text-align: left;

}

/* The Close Button */

.close {

    color: #aaa;

    float: right;

    font-size: 4em;

    font-weight: bold;

}

.close:hover,

.close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}

/*END MOD*/

/*Chosen*/

.chosen-select-disabled +div{

    pointer-events: none;

    cursor: not-allowed !important;

}

.chosen-select-disabled +div a{

    /*background : #eee !important;*/

    color: #444 !important;

	text-align:center;/*vasw*/

    /*border: 1px solid #d4dee9 !important;*/

    cursor: not-allowed !important;

}

.chosen-container.chosen-container-single{

	width:100% !important;

	border-radius:0px;

	text-align:left;

}

.chosen-container-single .chosen-single {

  position: relative;

  display: block;

  overflow: hidden;

  padding: 0 0 0 8px;

  background: #fff;

  background-clip: padding-box;

  -webkit-box-shadow: 0 7px 4px -4px rgba(102, 175, 233, .6);

          box-shadow: 0 7px 4px -4px rgba(102, 175, 233, .6);

  text-decoration: none;

  white-space: nowrap;

  line-height: 2.5em; /*35px;*/ /*24px;*/

}

.chosen-container-single .chosen-single div {

    position: absolute;

    top: 0;

    right: 0;

    display: block;

    width: 37px;

    height: 100%;

}

.chosen-container-single .chosen-single div b{

	display: block;

    width: 100%;

    height: 100%;

}

/*hides the arrow for the choices that are disabled*/

.chosen-select-disabled ~ .chosen-container-single .chosen-single div b{

    background: unset;

}

.chosen-container-single .chosen-single span {

    display: block;

    overflow: hidden;

    margin-right: 28px;

    text-overflow: ellipsis;

    white-space: nowrap;

    min-width: 30px;

}

.chosen-container .chosen-results{

	font-size:1em;

}

.chosen-container-single .chosen-search input[type="text"]{

	text-align:left !important;

}

/*SCROLLBAR only webkit browsers vasw*/

/* width */

::-webkit-scrollbar {

  width: 10px;

}

/* Track */

::-webkit-scrollbar-track {

  /*box-shadow: inset 0 0 3px grey;

  border: 1px solid grey;*/

  border:0px;

}

/* Handle */

::-webkit-scrollbar-thumb {

  background-image: linear-gradient(135deg, #6CB43D, #5DC8E5);

  height:3em;

}

.ContinueBtn{

	width:150px;

	height:45px;

	background:#6CB43D url(/images/ContinueBtn.png) no-repeat 130px 11px;

	font-size:22px;

	padding:0 20px 0 0;

	text-align:center;

	border:none;

	text-decoration:none;

	float:right;

	color:#fff;

	font-weight: normal;

	cursor:pointer;

}

.ContinueBtn:active{

	background:#194d8a url(/images/ContinueBtn.png) no-repeat 130px 11px;

}

.ContinueBtn:hover{

	background:#194d8a url(/images/ContinueBtn.png) no-repeat 130px 11px;

}

.ContinueBtn:focus{

	background:#194d8a url(/images/ContinueBtn.png) no-repeat 130px 11px;

}

.CreateBtn{

	width:200px;

	height:45px;

	background:#6CB43D url(/images/ContinueBtn.png) no-repeat 180px 11px;

	font-size:22px;

	padding:0 20px 0 0;

	text-align:center;

	border:none;

	text-decoration:none;

	float:right;

	color:#fff;

	font-weight: normal !important;

	cursor:pointer;

}

.CreateBtn:active{

	background:#194d8a url(/images/ContinueBtn.png) no-repeat 180px 11px;

}

.CreateBtn:hover{

	background:#194d8a url(/images/ContinueBtn.png) no-repeat 180px 11px;

}

.CreateBtn:focus{

	background:#194d8a url(/images/ContinueBtn.png) no-repeat 180px 11px;

}

.SendEmailCont{

	float:right;

	width:200px;

	height:45px;

}

.SendEmailBtn{

	width:200px;

	height:45px;

	background:#6CB43D url(/images/emailIcon.png) no-repeat 160px 11px;

	font-size:1em;

	padding:10px 40px 0 0;

	text-align:center;

	border:none;

	text-decoration:none;

	float:right;

	color:#fff;

	font-weight: normal !important;

	cursor:pointer;

	margin-top:10px;

}

.SendEmailBtn:active{

	background:#194d8a url(/images/emailIcon.png) no-repeat 160px 11px;

}

.SendEmailBtn:hover{

	background:#194d8a url(/images/emailIcon.png) no-repeat 160px 11px;

}

.SendEmailBtn:focus{

	background:#194d8a url(/images/emailIcon.png) no-repeat 160px 11px;

}



.btnwrapper{

	float:left;

	width:300px;

}

.Similar{

	float:left;

	width:200px;

	height:45px;

	margin-top:10px;

}

.Similar a{

	background:#4FA7CC url(/images/SimilarBtn.png) no-repeat 165px 11px;

	width:100%;

	height:45px;

	font-size:1em;

	padding:10px 40px 0 0;

	text-align:center;

	border:none;

	text-decoration:none;

	float:left;

	color:#fff;

	font-weight: normal !important;

	cursor:pointer;

}

.Similar a:hover, .Similar a:active, .Similar a:focus{

	background:#667286 url(/images/SimilarBtn.png) no-repeat 165px 11px;

}

.VoucherCont{

	float:left;

	width:200px;

	height:45px;

}

.VoucherBtn{

	width:200px;

	height:45px;

	background:#194D8A url(/images/VoucherBtn.png) no-repeat 160px 11px;

	font-size:1em;

	padding:10px 40px 0 0;

	text-align:center;

	border:none;

	text-decoration:none;

	float:right;

	color:#fff;

	font-weight: normal !important;

	display:block;

	cursor:pointer;

}

.VoucherBtn:active{

	background:#6CB43D url(/images/VoucherBtn.png) no-repeat 160px 11px;

}

.VoucherBtn:hover{

	background:#6CB43D url(/images/VoucherBtn.png) no-repeat 160px 11px;

}

.VoucherBtn:focus{

	background:#6CB43D url(/images/VoucherBtn.png) no-repeat 160px 11px;

}

.MenuCont label{

	text-align:left;

	padding-left:5px;

	width:100%;

	float:left;

	padding-top:5vh;

}

/*For edit_form1 when option appears*/

#optionsForExcursion label {

	padding-top:0vh;

}

.PriceInputCont{

	width: 80px;

	float:left;

}

.PriceInputCont input{

	width:80px;

	height:34px;

	border:1px solid #D4DEE9;

	color:#524C52;

	background:#fff;

	border-radius:0px;

	text-align:right;

	font-size:16px;

	color:#524C52;

	padding:0 5px 0 0;

}

.LeftCol{

	float:left;

	width:50%;

}

.RightCol{

	float:right;

	width:50%;

}

.PriceLblCont{

	width:auto;

	height:40px;

	float:left;

}

.ExcInfoBtn{

	width:100%;

	float:left;

	height:45px;

	background-image:linear-gradient(135deg, #6CB43D, #5DC8E5);

	color:#fff;

	padding:8px 0 0 0;

	font-size:1.1em;

	cursor:pointer;

}

.ExcInfoBtn.selected{

	background:#1A4F8A !important;

}

#excurs_desc{

	width:100%;

	float:left;

	text-align:left;

	padding:10px 6px 10px 6px;

}

#excurs_photos{

	width:100%;

	float:left;

	text-align:left;

	padding:10px 6px 0 6px;

}

#excurs_photos .PhotoCont{

	float:left;

	width:100%;

	height:auto;

	margin-bottom:10px;

}

#excurs_photos .PhotoCont:last-child{

	margin-bottom:0px;

}

#excurs_photos .PhotoCont img{

	width:100%;

	height:auto;



}

.ddlCont{

	float:left;

	width:100%;/*75%; vasw*/

}

.ddlCont .voucher1{

	width:45%;

	float:left;

}

.ddlCont .voucher2{

	width:45%;

	float:left;

}

.valueCont {

	float:right;

	width:100%;

}

.dateCont{

	float:left;

	width:23%;

	margin-left:1%;

	margin-right:1%;

}

.Persons.Lbl{

	float:left;

	width:15%;

}

.Persons{

	float:left;

	width:16%;

}

.textLeft{

	text-align:left !important;

}

/*edit_form1 title left when options*/

.titlelbleft{

	border-bottom: 1px solid;

	border-image-source: linear-gradient(45deg,#5DC8E5,#6CB43D,#ffffff, #ffffff);

	border-image-slice: 1;

}

.options #CheckGrey{

	width:35px;

	height:35px;

	float: right;

	/*i dont have any idea why margin-top:-22px;*/

}

#CheckGrey .checkbox{

	float:left;

	margin:0;

}

#CheckGrey .checkbox label{

	display: inline-block;

	position: relative;

	padding-left: 40px;

	line-height: 2.3;

	height:50px;

	margin:0;

	padding-top:0vh !important;

}

#CheckGrey .checkbox label::before{

	content: "";

	display: inline-block;

	position: absolute;

 	width:34px;

	height:34px;

	left: 0;

	top: 0;

	/*margin-left: -20px;*/

	border: 1px solid #cccccc;

	border-radius: 0px;

	background-color: #fff;

	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

}

#CheckGrey .checkbox label::after {

	display: inline-block;

	position: absolute;

	width:34px;

	height:34px;

	left: 5px;

	top: -4px;

	/*margin-left: -20px;*/

	padding-left: 3px;

	padding-top: 0;

	font-size: 18px;

	color: #fff;

}

#CheckGrey .checkbox-success input[type="checkbox"]:checked + label::before {

	/*background-color: #7A869A;*/

	border-color:#5DC8E5;

	background-image: linear-gradient(45deg, #6CB43D, #5DC8E5);

}

.datepicker-wrap:after{

	background:url(/images/calendar.png) no-repeat 0 4px;

	content:'';

}

.yellowTxt{

	background:#FCF8E3 !important;

	border-color: #01b7f2 !important;

}

.FormContRow{

	width:100%;

	min-height:35px;

	height:auto;

	background:#F6F5F6;

	float:left;

	padding:0 10px 0 10px;

}

.SepWhiteDouble{

	float:left;

	width:100%;

	height:4px;

	background:#fff;

}

.FormContRowYellow {background:#FCF8E3;}

.FormContRowGrey {background:#F6F5F6;}

.EmailTxt	{

	width:100%;

	float:left;

	height:45px;

	border:1px solid #6CB43D;

	font-size:17px;

	font-weight:normal;

	padding:0 10px 0 10px;



}

.info{

	margin: 0 6% 0 6%;

	width:88%;

}

.ExcInfo2Btn {

	margin: 0 6% 0 6%;

	width: 88%;

    float: left;

    min-height: 45px;

	height:auto;

    background: white url(/images/arrowDownWhite.png) no-repeat 98% 50%;

    color: #194D8A;

    padding: 17px 40px 17px 40px;

	text-align:left;

	cursor:pointer;

	border-bottom: 8px solid;

	border-image-source: linear-gradient(45deg, #6CB43D, #5DC8E5);

	border-image-slice: 1;

}

.ExcInfo2Btn:hover{

	background:#1A4F8A url(/images/arrowUpWhite.png) no-repeat 98% 50%;

	color:white;

}

.ExcInfo2Btn.selected{

	background:#1A4F8A url(/images/arrowUpWhite.png) no-repeat 98% 50% !important;

	color:white;

}

.desc{

	float:left;

	width:98%;

	text-align:left;

	margin:0 0 0 10px;

}

.PhotoCont2{

	float:left;

	width:100%;

	height:auto;

	margin-bottom:10px;

}

.PhotoCont2:last-child{

	margin-bottom:0px;

}

.PhotoCont2 img{

	width:100%;

	height:auto;

}

.flash-success{

	color:#6cb43d;

	width:50%;

	background:#fff;

	font-size:1em;

	font-weight:bold;

	margin-left: 25%;

    margin-right: 25%;

}

.StepCont{

	width:100%;

	float:left;

	font-size:16px;

}

.StepCont p{

	text-align:left;

	padding:0 4%;

}

.StepCont h2{

	color:#194D8A;

	font-size:16px;

	/*text-align:left;*/

}

.StepCont .ImgCont{

	width:100%;

	text-align:center;

	margin-bottom:20px;

}

.StepCont .ImgCont img{

	width:85%;

	max-width:320px;

	height:auto;

	border:5px solid #ddd;

}

.StepCont p strong{

	color:#194D8A !important;

}

.ui-datepicker{

	width:18em;

	border:1px solid #7a869a;

	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);

	margin-bottom: 10px;

	background:#fff;

	padding:2px;

}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {

    border-top-left-radius: 0px;

}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {

    border-top-right-radius: 0px;

}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {

    border-bottom-left-radius: 0px;

}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

    border-bottom-right-radius: 0px;

}

.ui-datepicker .ui-datepicker-header{

	background:#b7bfca;

}

.ui-widget-header {

	border:none;

}

.ui-datepicker .ui-datepicker-title{

	margin:3px;

}

.ui-datepicker .ui-datepicker-title select {

	height:27px;

    color: #524c52;

    font-size: 16px;

}

.ui-widget-content{

	border:none;

}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{

	background:#194d8a;

	border:none;

}

.ui-datepicker .ui-datepicker-buttonpane button{

	margin:10px 10px 8px 10px;

	padding:6px 13px;

}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{

	background:#194d8a;

	border:none;

}

#page{ position: relative; top: 65px; }

.new-tab{

    background-color: #337ab7 !important;

    margin: 0 !important;

    padding: 1px 3px 0px 3px !important

}

/*thead{ position: fixed; }*/

/* MAIM the MENU */

#mainmenu{

    background:white url("/images/bg.jpg") repeat-x left top; white-space:nowrap;

}

#mainmenu ul{

    padding:6px 6px 6px 6px; margin:0px;

}

#mainmenu ul li{

    display: inline-block;

    position: relative;

    text-overflow: ellipsis;

    vertical-align: bottom;

    color:white;

    /*z-index: 99;*/

}

#mainmenu ul li a{

	color:#ffffff;

	background-color:transparent;

	font-size:12px;

	font-weight:bold;

	text-decoration:none;

	padding:5px 8px;

    cursor: pointer;

}

#mainmenu ul li a:hover, #mainmenu ul li.active a{

    background-color: #125B89;

    border-radius: 5px;

    text-decoration:none;



    /*transition-delay: 500ms; transition: all .5s ease;*/

}

#mainmenu ul ul {

    background: none repeat scroll 0 0 #666;

    display: none;

    position: absolute;

    padding:  5px;

    top: 112%;



    /*z-index: 99;*/

}

#mainmenu ul ul ul {

    background: none repeat scroll 0 0 #888;

    display: none;

    left: 100%;

    margin-top: -35px;

    position: absolute;

    padding:  5px;

    top: 115%;

    /*z-index: 98;*/

}

#mainmenu li:hover > ul { display: block; /*transition-delay: 500ms; transition: all .5s ease;*/ }

#mainmenu ul ul li{ display: block; word-break: keep-all; white-space: nowrap; /* padding-top: 5px;*/ }

#mainmenu ul ul li a{

    width: 100%;

    display: block;

}

#logo{

	padding: 10px 20px;

	font-size: 200%;

    font-weight: bold;

}

.loading{

    display: none;

    left: 50%;

    position: absolute;

    top: 66%;

    width: 30px;

}

.loading-div{

    position: absolute;

    display: block;

    width: 100%;

    margin: 0 auto;

}

.loading-img{

    display: none;

    position: absolute;

    top: 66%;

    z-index: 999;

}

/* Colors */

.blue-color { color: #01b7f2 !important; }

.light-blue-color { color: #7692b4; }

.yellow-color { color: #4E87BA !important; }

.red-color { color: #e01a33 !important; }

.dark-red-color{ color: #892727 !important; }

.darker-red-color{color: #541000 !important; }

.green-color { color: #7db921 !important; }

.dark-green-color{ color: #508727 !important; }

.darker-green-color{color: #244F00 !important; }

.white-color { color: #fff !important; }

.dark-blue-color { color: #2D3E80 !important; }

.skin-color { color: #4E87BA; }

.default-color { color: inherit !important; }

.gray-color { color: #9e9e9e !important; }

.orange-color{ color: #D67900 !important; }

.hotel-color { color: #4E87BA; }

.select-color { color: #4E87BA; }

.note{ color: #194d8a ; font-size: 0.9em; text-align:left; font-style: italic; padding-left:5px;} /*#337ab7 #FF6326*/

.msg-normal{ color: #088915; }

.msg-error{ color: #FF2626; font-weight: bold; }

.errorMessage{ color: #FF2626; text-align:left; font-size:0.9em;}

.blue-bg { background-color: #01b7f2 !important; }

.yellow-bg { background-color: #4E87BA !important; }

.red-bg { background-color: #e01a33 !important; }

.green-bg { background-color: #98ce44 !important; }

.white-bg { background-color: #fff !important; }

.dark-blue-bg { background-color: #2D3E80 !important; } /*#2d3e52*/

.skin-bg { background-color: #4E87BA !important; }

.gray-bg { background-color: #f5f5f5 !important; }

/* Tools */

.clearer {

  clear: both !important;

  padding: 0 !important;

  margin: 0 !important; }

.left{ text-align: left; }

.right{ text-align: right !important; }

.center{ text-align: center !important; }

.num { padding-left: 5px; padding-right: 5px; }

.fl{ float: left; }

.fr{ float: right; }

.no-float { float: none !important; }

.no-margin { margin: 0 !important; }

.no-padding { padding: 0 !important; }

.uppercase { text-transform: uppercase; }

.full-width { width: 100% !important; }

.double-height{ height: 80px;font-size: 22px;white-space: normal; }

.vcenter{height:90px; line-height: 90px;}

img.full-width { height: auto; }

.default-rounded{

    border:1px solid #d0e3ef;

    border-radius:15px;

}

/* General Adjustments */

/*.form label{ margin-top: 7px; } vasw*/

.small{ font-size: 80%; }

.to-small{ font-size: 70%; }

.ui-dialog .ui-widget-content {

    background: #fff none repeat scroll 0 0;

    border: 0;

    color: #222222;

}

.ui-dialog .ui-dialog-title{

    display: inline-block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 86%;

}

.ui-dialog .ui-dialog-titlebar-close{

    background: #e6e6e6 url("/images/closedlg.jpg") repeat scroll 0 0;

    display: block;

    float: right;

    height: 21px;

    margin-right: 1px;

    margin-top: 0;

    padding: 0;

    width: 21px;

}

/* pointer on disabled date & time pickers */

.form-control[disabled].hasDatepicker, .form-control[readonly].hasDatepicker { cursor: pointer; }

/* Price analysis addons */

.col_md_pr_anal{

    min-width: 45px;

    display: inline-block;

    vertical-align: top;

}

.col-md-pr{

    padding-left: 5px;

    padding-right: 5px;

}

/* contract rooms form */

.col-md-roomprice{

    width: 85px;

    float: left;

    min-height: 1px;

    padding: 0;

    position: relative;

}

/* Bootstrap Addon */

.col-md{

    float: left;

    padding-left: 5px;

    padding-right: 5px;

    margin: 0px 5px;

}

.col-md-0_5 {

    width: 5%;

    float: left;

    padding-left: 10px;

    padding-right: 10px;

     margin: 0px 5px;

}

.col-md-1_5 {

    width: 10%;

    float: left;

    padding-left: 10px;

    padding-right: 10px;

     margin: 0px 5px;

}

.col-md-2_5 {

    width: 20%;

    float: left;

    padding-left: 10px;

    padding-right: 10px;

     margin: 0px 5px;

}

.col-md-time{

    width: 90px; /*130*/

    float: left;

    padding-left: 10px;

    padding-right: 10px;

     margin: 0px 5px;

}

.col-md-date{

    width: 180px;

    float: left;

    padding-left: 10px;

    padding-right: 10px;

     margin: 0px 5px;

}

.col-md-num{

    width: 70px;

    float: left;

    padding-left: 10px;

    padding-right: 10px;

     margin: 0px 5px;

}

.col-md-price{

    width: 90px;

    float: left;

    padding-left: 10px;

    padding-right: 10px;

     margin: 0px 5px;

}

.px10{ width: 10px; }

.px15{ width: 15px; }

.px20{ width: 20px; }

.px25{ width: 25px; }

.px30{ width: 30px; }

.px35{ width: 35px; }

.px40{ width: 40px; }

.px45{ width: 45px; }

.px50{ width: 50px; }

.px55{ width: 55px; }

.px60{ width: 60px; }

.px65{ width: 65px; }

.px70{ width: 70px; }

.px75{ width: 75px; }

.px80{ width: 80px; }

.px85{ width: 85px; }

.px90{ width: 90px; }

.px95{ width: 95px; }

.px100{ width: 100px; }

.margin_1{ margin-left: 2px; margin-right: 2px;}

.margin-center { display: block; position: relative; margin: 0 auto; }

.margin-top { margin-top: 5px; }

.margin-bottom { margin-bottom: 5px; }

.bottom-border{ border-bottom: 1px solid #eee; }

.bottom-border-dark-blue{ border-bottom: 1px solid #2d3e52; }

.bottom-border-blue{ border-bottom: 1px solid #32A6C9; } /*01b7f2*/

.bottom-border-green{ border-bottom: 1px solid #7db921; }

.bottom-border-red{ border-bottom: 1px solid #e01a33; }

.price-anal-border{ border: 1px solid #eee; border-width: 1px 1px 1px 1px; margin:-1px 0 0 -1px; }

.section-header { border-width: 5px; }

.detail-view .even > td { background: whitesmoke none repeat scroll 0 0; }

.detail-view .odd > td { background: white none repeat scroll 0 0; }

.detail-view .even > th { background: silver none repeat scroll 0 0; }

.detail-view .odd > th { background: lightgray none repeat scroll 0 0; }

.grid-view .sort-link{ font-size: 13px; }

.btn{ margin:5px 0 10px 0; }

#tabs .ui-widget-content{ border: none; }

#tabs .ui-widget-content{ border: none; border-radius: 10px; margin-top: 10px; }

#tabs .ui-widget-header{  border: none; }

#tabs ul{ list-style: none; text-align: center; }

#tabs li{ /*border-top-left-radius: 20px;  border-top-right-radius: 20px;*/ }

#tabs li a:focus{ outline: 0; }

#tabs  {  min-height: 400px; }

.btn-sm{

    font-size: inherit !important;

    line-height: inherit !important;

}

.btn-sm:hover,

.btn-sm:focus,

.btn-sm.focus {

    /*color: #333;*/

    text-decoration: none;

}

/* stats */

.stats{

    background-color: #337ab7;

    padding: 5px;

    color: #fff;

}

.stats_num{

    background-color: #d09137;

    padding: 5px;

    color: #fff;

}

.selectable_date{

	background: #FCF8E3 !important;

	border:1px solid #C2C0C2 !important;

}

.selectable_date.selected{

 	background:#194D8A !important;

	color:#fff;

    opacity: 1;

}

.selectable{

    background: #FCF8E3 !important;

	border:1px solid #C2C0C2 !important;

    cursor: pointer;

    font-weight: normal;

    opacity: 0.7;

}

.selectable.selected{

 	background:#194D8A !important;

	color:#fff;

    opacity: 1;

}

.appcfgcell{

    display: block;

    height: 150px;

    overflow: auto;

}

/** hotel plan css **/

.ultable{

    display: table-row;

}

.licell{

     border: 1px solid #fff;

    display: table-cell;

    min-width: 48px;

    padding: 2px;

    text-align: center;

    cursor: pointer;



     -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.licell-desc{

    border: 1px solid #fff;

    display: block;

    padding: 2px;

    width: 400px;

    text-align: right;

}

.scrollcontainer{

    cursor: pointer;

}

/** Blink CSS **/

.blink {

    -webkit-animation-name: blinker;

    -webkit-animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;



    -moz-animation-name: blinker;

    -moz-animation-duration: 1s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;



    animation-name: blinker;

    animation-duration: 1s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

}



@-moz-keyframes blinker {

    0% { opacity: 1.0; }

    50% { opacity: 0.0; }

    100% { opacity: 1.0; }

}



@-webkit-keyframes blinker {

    0% { opacity: 1.0; }

    50% { opacity: 0.0; }

    100% { opacity: 1.0; }

}



@keyframes blinker {

    0% { opacity: 1.0; }

    50% { opacity: 0.0; }

    100% { opacity: 1.0; }

}

.responsive_font{

    font-size: 1em;

}

/*Smartphones (Portrait and Landscape)*/

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

	.VoucherBtn{

		display:block;

	}

}

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

	.Header{

		padding:20px 10px 10px 10px;

	}

	.MenuCont{

		padding-top:90px;

	}

	.TopMenu .Back {

		width: 65px;

	}

	.MainHeader h1 {

		font-size: 22px;

		padding: 10px 0 0 10px;

	}

	.MainHeader h1.width60{

		width:100%;

		height:65px;

		text-align:center;

	}

	.MainHeader h2 {

		font-size: 22px;

		padding: 10px 0 0 10px;

	}

	.topBtnCon{

		width:100%;

		float:left;

	}

	.ExcursionsBtn, a .ExcursionsBtn, a .CarBtn, .CarBtn/*, .ExcursionsBtn:active, .ExcursionsBtn:hover, .ExcursionsBtn:focus, .CarBtn:active, .CarBtn:hover, .CarBtn:focus*/{

		/*vasw height: 60px;*/

		/*background-position: 10px -4px, 97% 13px;*/

		line-height:1em;

		padding-top:4%;

		padding-bottom:90%;

		font-size:1em;

	}

	.ExcursionsNewBooking a, .ExcursionsListBtn a{width: 80vw;}

	.excbtn2 {line-height:5em;}



	.HelpBtn {

		height: 60px;

		background-position: 10px -4px, 97% 13px;

	}

	.HelpBtn:active, .HelpBtn:hover {

		height: 60px;

		background-position: 10px -4px, 97% 13px;

	}

	.HelpBtn:focus {

		height: 60px;

		background-position: 10px -4px, 97% 13px;

	}

	.HelpBtn a {

		line-height: 60px;

		font-size: 22px;

		padding: 0 0 0 75px;

	}

	.ContactBtn {

		height: 60px;

		background-position: 10px -4px, 97% 13px;

	}

	.ContactBtn:active, .ContactBtn:hover {

		height: 60px;

		background-position: 10px -4px, 97% 13px;

	}

	.ContactBtn:focus {

		height: 60px;

		background-position: 10px -4px, 97% 13px;

	}

	.ContactBtn a {

		line-height: 60px;

		font-size: 22px;

		padding: 0 0 0 75px;

	}

	.EmptyBtn {

		height: 60px;

		background-position: 97% 13px;

		line-height: 60px;

		font-size: 22px;

		padding: 0 0 0 30px;

	}

	.EmptyBtn:hover, .EmptyBtn:active, .EmptyBtn:focus{

		background-position: 97% 13px;

	}



	.LeftCol{

		float:left;

		width:100%;

	}

	.RightCol{

		float:left;

		width:100%;

	}

	.PriceLblCont{

		width:60%;

	}

	.AddBtn{

		min-width:49%;

	}

	.Filters{

		min-width:49%;

		margin-left:0;

	}

	.ddlCont{

		width:100%;

		margin-bottom:5px;

	}

	.valueCont{

		width:100%;

	}

	.dateCont{

		width:32%;

		margin-left: 0.5%;

		margin-right: 0.5%;

	}

	.dateCont input{

		font-size:15px;

	}

	.marginTop10{

		margin-top:5px !important;

	}

	.desc{

		float:left;

		width:96%;

	}

	.bank-logos {

		background-image: url("/images/Vertical_Banner_White.png");

		min-height: 180px;

		background-position: center;

		background-repeat: no-repeat;

		background-size: 80% contain;

	}

	.chosen-container-single .chosen-single{

		font-size:1em;

	}

	.FormCont input{

		font-size:16px;/*vasw*/

	}

	.Persons.Lbl{

		width:21%;

	}

	.Persons{

		width:25%;

	}

	#CheckGrey .valueCont label{

		padding-left:0;

	}

	#CheckGrey .ddlCont {

		/*width:60%;*/

	}

	#credit .valueCont {

		width:100%;padding-bottom:3px;

	}

	#credit .LeftCol{

		width:50%;

	}

	#credit .LeftCol .LeftCol{

		width:100%;

	}

	#credit .LeftCol .LeftCol label{

		padding-bottom:3px;

	}

	#credit .LeftCol .valueCont .right{

		text-align:left !important;

		margin-left:10px;

	}

	.FormContRow .ddlCont{

		width:60%;

	}

	.FormContRow50Right .width50:first-child{

		width:40%;

	}

	.FormContRow50Right .width50:nth-child(2){

		width:60%;

	}

	.width20brdRight{

		width:50%;

		margin-bottom:4px;

	}

	.width20brdLeft{

		width:50%;

		margin-bottom:4px;

		border-right:none;

	}

	.width40RightYellow{

		width:50%;

		margin-top:0;

	}

	.width40RightYellow .width50:first-child{

		width:30%;

	}

	.width40RightYellow .width50:nth-child(2){

		width:70%;

	}

	.FormContRow50LeftYellow{

		width:100%;

		margin-bottom:4px;

	}

	.FormContRow50Left{

		width:100%;

		border-bottom:4px solid #fff;

		border-right:none;

		height:39px;

	}

	.FormContRow50Left .width50:first-child{

		width:40%;

	}

	.FormContRow50Left .width50:nth-child(2){

		width:60%;

	}

	.FormContRow50Right{

		width:100%;

		border-bottom:4px solid #fff;

		border-left:none;

		height:39px;

	}

	/*vasw chosen-sprite

	/*.chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {

	background-size: 28px 15px !important;

	}*/

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

	.SendEmailCont{

		width:100%;

	}

	.SendEmailBtn, SendEmailBtn:active, SendEmailBtn:focus, SendEmailBtn:hover  {

		width:100%;

		background-position: 97% 11px !important;

	}

	.VoucherBtn, VoucherBtn:active, VoucherBtn:focus, VoucherBtn:hover  {

		width:100%;

		background-position: 97% 11px !important;

	}

	.VoucherCont{

		width:100%;

		margin-left:0 !important;

		margin-top:10px;

	}

	.ddlCont .voucher1{

		width:100%;

		float:left;

	}

	.ddlCont .voucher2{

		width:100%;

		float:left;

		margin-left:0px !important;

		margin-top:10px !important;

	}

	.Similar{

		width:100%;

	}

	.Similar a{

		background-position: 97% 11px !important;

	}

}



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

	.options .PriceLblCont {

		width:50%;

	}

}