/*-----------------------------------------------COMMON*/

@font-face {
    font-family:'Ubuntu-L';
	src: url('Ubuntu-L.ttf') format('truetype'); 
	font-style: normal;
	font-weight:normal;
}

@font-face {
    font-family:'Ubuntu-R';
	src: url('Ubuntu-R.ttf') format('truetype'); 
	font-style: normal;
	font-weight:normal;
}

@font-face {
    font-family:'Ubuntu-B';
	src: url('Ubuntu-B.ttf') format('truetype'); 
	font-style: normal;
	font-weight:normal;
}

@font-face {
    font-family:'Ubuntu-C';
	src: url('Ubuntu-C.ttf') format('truetype'); 
	font-style: normal;
	font-weight:normal;
}

@font-face {
    font-family:'Segoeprb';
	src: url('segoeprb.ttf') format('truetype'); 
	font-style: normal;
	font-weight:normal;
}

@font-face {
    font-family:'Handwritten';
	src: url('AC-DiaryGirl_Unicode.ttf') format('truetype'); 
	font-style: normal;
	font-weight:normal;
}

@font-face {
    font-family: 'ThinFont';
    src: url("SF-Compact-Display-Thin.otf") format('opentype');
}

@font-face {
    font-family: 'Roboto-regular';
    src: url("Roboto-Regular.ttf") format('truetype');
}

@font-face {
	font-family: 'envoy';
	src: url('ENVOYPN.TTF') format('truetype');
}


body{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	background:#f5f5f5;
	position:relative;
	font-family: 'Ubuntu-L', Arial;
	font-size:14px;
	color:#414141;
	scroll-behavior: smooth;
	letter-spacing: 0.4px;
}

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit  */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko         */
	box-sizing: border-box;
}

#comodoTL{
	display:none!important;
}

/* common */
.xy-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.y-center {
	display: flex;
	align-items: center;
}

.x-center {
	display: flex;
	justify-content: center;
}

.mainbanner .header .wrapper{
	width:100%;
	height: 100px;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.d-none {
	display: none !important;
}

.wrapper{
	max-width:940px;
	height:auto;
	margin:0 auto;
	padding:0;
}

.mainbanner .header .column{
	width: 33.33%;
	min-height: 90px;
}

a{
	color:#27aae1;
	text-decoration:none;	
}

a:hover, a:focus{
	color:#105978;
}

h1{
	font-size:18px;
	margin:0;
	padding:20px 0 35px 25%;
	color:#000000;
	font-weight: 700;
}
img.step-icon {
	position: absolute;
	margin-top: 14px;
	margin-left: 4.8%;
}

/* h1.step1{
	 background: url("/modules/ferries/template/styles/imgs/step-1-icon.png") no-repeat 90px center; 
}*/ 

h1.step1-1{
	background: url("/template/styles/imgs/step-1.1-icon.svg") no-repeat 32px center;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	
}

h1.step1-2{
	background: url("/template/styles/imgs/step-1.2-icon.svg") no-repeat 0 center;
}

h1.step1-3{
	background: url("/template/styles/imgs/step-1.3-icon.svg") no-repeat 0 22px;
}

h1.step2{
	background: url("/template/styles/imgs/step-2-icon.svg") no-repeat 0 center;
}

/*h1.step2-1{
	background: url("/template/styles/imgs/step-2-1-icon.svg") no-repeat 0 center;
	font-family:'Segoeprb', 'Ubuntu-L';
	font-size:25px;
	font-weight:bold;
	color:#4e790d;
	letter-spacing:normal;
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
}*/

h1.step2-1{
	background: url("/template/styles/imgs/step-2-1-icon.svg") no-repeat 0 center;
	padding:12px 0 20px 50px;
}

	h1.step2-1 font{font-size: 25px; font-weight: bold; padding: 0 10px; }
	
h1.step2-2{
	background: url("/template/styles/imgs/step-2-2-icon.svg") no-repeat 0 center;
}

h1.step3{
	background: url("/template/styles/imgs/step-3-icon.svg") no-repeat 0 center;
}

h1.step4{
	background:url("../imgs/like.png") no-repeat center 10px;
	padding:46px 0 10px 10px;
	font-size:15px;
	font-weight:bold;
	text-align: center 
}
#step6-1 h1.step4 {
    padding: 22px 0 10px 0;
    font-size: 15px;
    text-align: center;
    /* font-weight: bold !important; */
    color: #000000;
    font-size: 22px;
}

h2{
	clear:both;
	font-size:21px;
	padding:0 0 0 42px;
	margin:30px 0;
	color:#244864;
	font-weight:normal;
	height:18px; 
	position:relative;
}

.termsbox h2{ padding:0;}

h2 font{
	background:#ffffff;
	display:inline-block;
	height:18px; 
	padding:1px 0 0 0;
}

h2 div{
	width:32px;
	height:44px;
	position:absolute;
	left:0;
}

h2 div.trip{
	/* background:#fff url("/template/styles/imgs/trip-icon.svg") no-repeat 0 0; */
	top:-3px;
}

h2 div.taveler{
	/* background:#fff url("/template/styles/imgs/taveler-icon.svg") no-repeat 0 0; */
	top:-5px;
}

h2 div.vehicle{
	/* background:#fff url("/template/styles/imgs/vehicle-icon.svg") no-repeat 0 0; */
	top:5px;
}

h2 div.contactper{
	/* background:#fff url("/template/styles/imgs/contact-icon.png") no-repeat 0 0; */
	top:-8px;
}

h2 div.deliverytickets{
	/* background:#fff url("/template/styles/imgs/ticketst-icon.svg") no-repeat 0 0; */
	top:-2px;
}

h2 div.voucher{
	background:#fff url("/template/styles/imgs/voucher-icon.png") no-repeat 0 0;
	top:-8px;
}

h2 div.payment{
	background:#fff url("/template/styles/imgs/payment-icon.svg") no-repeat 0 0;
	top:2px;
}

h2 div.members{
	background:#fff url("/template/styles/imgs/members-icon.png") no-repeat 0 0;
	top:-8px;
}
.handwritten{
	font-family:'Handwritten', 'Ubuntu-L';
	font-size:25px;
	color:#14b1e6;
	text-align: center;
}
.swal-wide{
	width: 601px!important;
	margin-top: -300px!important;
	right: 0!important;
	left: 0!important;
	margin-right: auto!important;
	margin-left: auto!important;
}
.swal-wide-xl {
	width: 900px !important;
	margin-top: -300px!important;
	right: 0!important;
	left: 0!important;
	margin-right: auto!important;
	margin-left: auto!important;
}

.swal-wide-xl p{
	padding: 0;
	max-height: 330px;
}
.swal-wide-xl p.center{
	text-align: center;
}


.swal-wide p{
	max-height: 426px!important;
}

.swal-wide .AnsfNotifyBox p{
	overflow-y: hidden;
	padding:0 0 10px 0;
	text-align:justify;
}

.swal-wide .AnsfNotifyBox p.center{
	text-align:center;
	color:#c4082f;
}

.swal-wide .AnsfNotifyBox table, .swal-wide .AnsfNotifyBox img{
	margin:10px auto 20px;
}

.swal-wide .AnsfNotifyBox table{
	font-size: 14px;
	line-height: 15px;
	border:1px solid #787878;
	border-bottom:none;
	border-right:none;
}

.swal-wide .AnsfNotifyBox table td{
	border-bottom:1px solid #787878!important;
	border-right:1px solid #787878!important;
	padding:0 5px;
	height:30px; 
	background-color:#FFF;
}

.swal-wide .AnsfNotifyBox table td.title{
	background-color:#787878; 
	color:#fff; 
	min-height:20px;
}

.swal-wide .AnsfNotifyBox a{
	color:#2096da;
	text-decoration:underline;
}
		
.floatL{
	float:left;
}

.floatR{
	float:right;
}

.clear{
	clear:both;
}

.content{
	width:100%;
	padding:2%;
	height:auto;
	overflow:visible;
	background:#ffffff;
	border:1px solid #e3e3e3;
	margin:32px auto;
}

.contenttop{
	width:100%;
	padding:2% 2% 4%;
	height:auto;
	overflow:visible;
	background:#ffffff;
	margin:20px auto 0 !important;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    border-radius: 6px;
}
.content {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    border-radius: 6px;
}


.confirmflex, .promo-section{
	display: flex;
    flex-wrap: wrap;
}

.contenttop.confirmation,  .contenttop.cars-promo{
	width:65%;
	float:left;
	min-height: 430px;
	/* background:#ffffff url(../imgs/gfc-team.png) no-repeat 26px bottom; */
	padding: 0px 25px 25px 25px;
}

.contenttop.emailconf {
	width: 99%;
	overflow-x: scroll;
} 

.contenttop.confirmation p {
    margin: 0;
    padding: 8px 12px 8px 10px;
	color: #000000;
	font-family:'Ubuntu-R';
	line-height: 20px;
}

.contenttop.confirmation a{
	text-decoration:underline;
	color:#01b7f2;
}

.contenttop.confirmation a:hover{
	text-decoration:none;
}
	
.contenttop.contact, .contenttop.reviews-wrapper  {
    width: 33%;
	margin:20px 0 0 2%;
	float:right;
	min-height: 430px;
	padding: 20px;
	color:#000000;
	border:none;
	font-family:'Ubuntu-R';
	line-height: 18px !important;
}

.contenttop.reviews-wrapper.car-promo-off {
	width: 99%;
}

.contenttop.contact .building img{
    margin: 0px auto 10px;
}

.contenttop.reviews-wrapper {
	background: #FFBB00; ;
}

.contenttop.contact .address{
	padding:0;
	text-align:center;
	width:auto;
	height:auto;
	overflow:hidden;
	/* background:#ffffff url(../imgs/address.png) no-repeat center 10px; */
}

.contenttop.contact .address b {
    line-height: 30px !important;
}


.contenttop.contact .address font, .contenttop.contact .phone font{
	font-weight:bold;
	display:inline-block;
	margin:0 0 4px 0;
	color:#2d3e52;
}

.contenttop.contact .working-hours {
	margin-bottom: 10px;
}
.contenttop.contact .working-hours {
	text-align:center;
	margin: 25px auto;
    width: 75%;
}
.contenttop.contact .working-hours .text-row {
	display: flex;
}
.contenttop.contact .working-hours .day, .contenttop.contact .working-hours .hours {
	width: 50%;
    margin: 6px 0 0;
	text-align: left;
	padding-left: 10px;
}

.contenttop.contact .phone{
	/* padding:50px 12px 12px; */
	text-align:center;
	width:auto;
	height:auto;
	overflow:hidden;
	/* background:#ffffff url(../imgs/phone.png) no-repeat center 10px; */
	margin:8px 0 0 0;
}


.contenttop.contact .contact-details{
	display: flex;
	text-align:center;
	align-items: top;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:0;
}
.contenttop.contact .email{
	width: 50%;
	/* padding:50px 12px 12px; */
	padding: 4px;
	text-align:center;
	overflow:hidden;
	/* background:#ffffff url(../imgs/email.png) no-repeat center 10px; */
	margin:8px 0 0 0;
}

.contenttop.cars-promo {
    width: 65%;
    float: left;
    min-height: 430px;
	padding: 0px 25px 25px 25px;
	position: relative;
}

.contenttop.contact .phone {
    font-size: 10px;
}

.contenttop.contact .phone font{
    font-size: 14px;
}
.contenttop.contact .email img{
	cursor: pointer;
}
.hotelsbanner{
	width:auto;
	height:245px;
	margin:40px 0 0 0;
	background:url(../imgs/gh-banner.jpg) no-repeat right 0;
	border:1px solid #decebd;
	text-align:right;
}

	.hotelsbanner a{
		display:block;
		width:100%;
		height:100%;
	}
	
	.hotelsbanner .yellowbox{
		/*background: rgba(0, 136, 172, 0.5);*/
		width:auto;
		height:auto;
		font-family: 'Ubuntu-C', Arial;
		text-transform:uppercase;
		text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
		color:#ffffff;
		font-size:35px;
		font-weight:bold;
		padding:11px;
		display:block;
		letter-spacing:-0.01em;
		margin:50px 14px 14px;
		line-height:32px;
	}
	
		.hotelsbanner .yellowbox span{
			display:block;
			font-size:24px;
			text-transform:none;
			letter-spacing:0.03em;
		}
		
	.hotelsbanner .greenbox{
		background: rgba(36, 70, 106, 0.6);
		width:auto;
		height:auto;
		font-family: 'Ubuntu-C', Arial;
		color:#ffffff;
		font-size:17px;
		padding:6px 10px 7px 8px;
		display:inline-block;
		margin:0 14px 14px 14px;
		letter-spacing:0em;
	}
		.hotelsbanner .greenbox font{
			font-family: 'Ubuntu-B', Arial;
			color:#ff8a00;
			font-size:22px;
			display:inline-block;
			margin:0 6px;
		}
		
	.hotelsbanner .bookhotel{
		background:#7db921;
		color:#fff;
		font-size:18px;
		display:inline-block;
		margin:14px 16px 0;
		text-align:center;
		padding:16px 24px;
		font-weight:bold;
		transition: all 0.3s ease 0s;
	}
	
	.hotelsbanner .bookhotel:hover{
		background:#72aa1d;
	}
		
.greenButton, .blueButton, .greyButton{
	height:auto;

	border:1px solid #6ea021;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#ffffff;
	font-size:18px;
	float:right;
	margin:32px 0;
	cursor:pointer;
	transition: all 0.3s ease 0s;
}
	.greenbtnSmall{
		width:22%;
	}
	
	.greenButton{
		width:328px;
		background-color: #6ea021;
	}

	.PricesResultsCont .searchbutton{
		min-width: 328px;
		margin-bottom: 2px !important;
	} 

	.back-to-search a input {
		background: transparent !important;
		border: none;
	}

	.greenButton a, .greenbtnSmall a, .blueButton a, .greyButton a{
		display:inline-block;
		width:100%;
		height:37px;
		color:#ffffff;
		text-decoration:none;
	}
	
	.greenButton a{
		height:38px;
	}
	
	.greenButton span, .greenbtnSmall span, .blueButton span {
		background: url("/template/styles/imgs/arrow-white.svg") no-repeat right 7px;
		width:auto;
		height:24px;
		display:block;
		padding:0 20px 0 4px;
		margin:10px 30px 12px;
		border:none;
		color: #ffffff;
	}
	
	.greenButton input, .greenbtnSmall input, .boxResults .innerbox .greenbtnSmall input, .greyButton input{
		background: url("/template/styles/imgs/arrow-white.svg") no-repeat 94% 12px;
		width:100%;
		height:38px;
		line-height:34px;
		border:1px solid #ffffff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		display:block;
		margin:0;
		color: #ffffff;
		font-size: 18px;
		font-weight:normal;
		font-family: 'Ubuntu-L', Arial;
		cursor:pointer;
	}
	
	.greyButton input{
		background:none;
		padding:0 26px;
	}
	
	.greyButton span{
		width:auto;
		height:24px;
		display:block;
		padding:2px 4px 0;
		margin:5px 30px 8px;
	}
	
	.greenButton span, .greenbtnSmall span{
		margin:5px 20px 2px;
	}
	
	.greenButton:hover, .greenbtnSmall:hover {
		background:#72aa1d;
	}
	
.blueButton {
	float:left;
	clear:none;
	background:#27aae2;
	border:1px solid #1788b7;
	cursor:pointer;
}
	.blueButton:hover {
		background:#209cd0;
	}

.greyButton {
	float:left;
	clear:none;
	background:#aaa9a9;
	border:1px solid #8f8f8f;
	cursor:pointer;
	width: 328px;
}
	.greyButton:hover {
		background:#969595;
	}
	
#AnsfNotify{
	cursor:pointer;
}

.tooltip {
    background: rgba(0, 0, 0, 0) url("/template/styles/imgs/info-y.svg") no-repeat center center;
    display: inline-block /*!important*/;
    width: 19px;
    height: 19px;
    margin: 0 0 -5px 10px;
    text-decoration: none;
	cursor:help;
}

.popup {
    background: rgba(0, 0, 0, 0) url("/template/styles/imgs/question-y.png") no-repeat center center;
    display: inline-block /*!important*/;
    width: 19px;
    height: 19px;
    margin: 0 0 -3px 10px;
    text-decoration: none;
	cursor:pointer;
}
	.col4 .tooltip{
		margin:-3px 0 -4px 10px;
	}
	
	.col6 .tooltip{
		margin:7px 0 -4px 10px;
	}
	
.helpicn{
	cursor:help;
}

.nohelpicn{
	cursor:default;
}

.helpicn.floatL{
	margin:0 0 0 0;
}

.nohelpicn.floatL{
	margin:2px 0 0 0;
}

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

	.cvv img{
		margin:0 0 10px 14px;
	}

#tooltip{
    color: #4e4d4d;
    background: #fef9d9;
    position: absolute;
    z-index: 1000;
    padding: 20px;
	font-size:14px;
	line-height:18px;
	text-align:left;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	border:3px solid #fdb714;
	-webkit-box-shadow: 1px 1px 1px #a5a5a5;
	-moz-box-shadow: 1px 1px 1px #a5a5a5;
	box-shadow:1px 1px 1px #a5a5a5;
	max-width:340px;
}
 
    #tooltip:after {
        width: 15px;
        height: 10px;
		background:url("/template/styles/imgs/tarrow.png") no-repeat 0 0;
        /*border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ffffff;*/
        content: '';
        position: absolute;
        left: 50%;
        bottom: -12px;
        margin-left: -10px;
    }
 
        #tooltip.top:after {
            border-top-color: transparent;
            border-bottom: 10px solid #5b5b5b;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after {
            right: 10px;
            left: auto;
            margin: 0;
        }

/* Ports pop up */
.dialogPorts.v2{
	background: transparent;
	border: none;
}
.dialogPorts.v2 .ui-dialog-titlebar{
	background: transparent;
	border: none;
}
.dialogPorts.v2 .ui-dialog-titlebar .ui-button{
	background: #fff !important;
}
.dialogPorts.v2 .ui-state-default, .dialogPorts.v2 .ui-state-hover, .dialogPorts.v2 .ui-state-hover, .dialogPorts.v2 .ui-widget-content .ui-state-default, .dialogPorts.v2 .ui-widget-header .ui-state-default{
	border: 2px solid #b6b7bb;
	box-shadow: 0px -2px 7px 3px rgba(46, 43, 43, 0.2);
	background: #fff;
	top:0px;
}
.dialogPorts.v2 .ui-dialog-titlebar-close{
	width: 30px;
	height: 30px;
	right: 1em;
}
#modalPortsList{
	width: 100%;
}
#myTabContent >div{
	display:none;
	clear:both;
	background-color:#ffffff;
}
#myTabContent .active{
	display:block;
}
.modal{
	z-index: 99999;
}
.innerPortsList {
    width: 100%;
    background: #fff;
    padding: 40px 0 60px 0;
    border: 2px solid #b6b7bb;
    box-shadow: 0px 2px 7px 3px rgba(46, 43, 43, 0.2);
    border-radius: 1.5rem;

}
.modal-full .nav-tabs{
	width: 100%;
	font-size: 1.6rem; 
	position: relative;
	margin: 0 auto;
	border-radius: 5px;
	border-bottom: 1px solid #dee2e6;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
}
.modal-full .nav-tabs::after{
	content: "";
	display: block;
	width: 99.6%;
	height: 10px;
	background: #fff;
	border-left: 2px solid #b6b7bb;
	border-right: 2px solid #b6b7bb;
	position: absolute;
	bottom: -9px;
	border-top-right-radius: 2rem;
  }
  .modal-full .nav-tabs:last-child::after{
	right: -4px;
  }
  .nav-tabs .nav-item{
	margin-bottom: -1px;
  }
  .nav-tabs .nav-link{
	border-width:2px!important; 
	border: 1px solid transparent;
  }
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	border-color: #b6b7bb #b6b7bb #fff;
	border-top-left-radius: 1.5rem;
	border-top-right-radius: 1.5rem;
	color: #13b5f3;
	font-size: 24px;
	line-height: 20px;
	background: #fff;
  }
  .nav-tabs .nav-link span{
	font-size: 14px;
	list-style: none;
  }
  .nav-tabs .nav-item.show .nav-link span, .nav-tabs .nav-link.active span{
	border-bottom: 1px solid #ccc;
	color: #13b5f3;
  }
  .modal-full .row{
	display: flex;
	flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
  }
  .modal-full .ports-columns{
	column-count: 4;
	column-gap: 1.25rem;
  }
  .modal-full .ports-wrap{
	display: inline-block;
	width: 100%;
  }
  .modal-full .tab-content{
	width: 100%;
	font-size: 16px;
	min-height: 500px;
	background: white;
	color: black;
	border: 2px solid #b6b7bb;
	border-top: none;
	box-shadow:0px 2px 7px 3px rgba(46, 43, 43, 0.2);
	border-radius: 0 1rem 1.5rem 1.5rem;
	padding-bottom: 30px;
  }
  .modal-full .nav-link{
	display: block;
	background: #dae3e8;
	border-top-left-radius: 1.5rem;
	border-top-right-radius: 1.5rem;
	color: #8f9297;
	font-size: 24px;
	line-height: 20px;
	border-color: #b6b7bb #b6b7bb transparent;
	padding: 1.5rem;
	min-width: 240px;
	box-shadow: 0px -2px 7px 3px rgba(46, 43, 43, 0.2);
  }
  .modal-full .nav-link a{
	color:#fff;
  }
  .modal-full .innerPortsList .portslist{
	padding: 0 0 0 8.2rem;
  }
  .modal-full .portslist{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 0 0 2.2rem;
	margin:0 !important;
  }
  .modal-full .innerPortsList h2{
	padding: 30px 0 10px 8.2rem;
  }
  .modal-full h2{
	font-size: 20px;
	color: #13b5f3;
	padding: 30px 0 10px 2.2rem;
	background: none !important;
	margin: 0;
	text-transform: uppercase;
	height: auto;
  }
  .modal-full .portslist .port{
	height: 34px;
	line-height: 24px;
	cursor: pointer;
	font-size: 19px;
	color:#898f8f;
	width: 100%;
	transition: all .3s ease;
	list-style-type: none;
  }
  .modal-full .portslist .port:hover{
	color: #13b5f3;
	transform: scale(1.1);
  }
  .modal-full .portslist .port .pcode{
	color: #5a5f5f;
  }
  .modal-full .portslist .port .psep{
	color: #c7c8c8;
	padding: 0 4px;
  }
  .dialogPorts.v2 .ui-dialog-buttonpane{
	background: transparent;
	border: none;
  }
/* Datepicker */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: 'Ubuntu-L', Arial;
}

/*.ui-widget-header{
	background:#2358a1;
	color:#fff;
}*/

.ui-widget-content{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #373737;
}

.ui-datepicker th{
	font-weight:normal;
	color:#244864;
    padding: 10px 0;
}

.ui-datepicker th span{
	width: 100%;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	background: #03b7f2!important;
    color: #fff!important;
    font-weight: normal!important;
}

/*.ui-widget-header .ui-icon {
    background-image: url("/template/styles/css/jquery/images/ui-icons_ffffff_256x240.png");
}*/

.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus {
	background:none!important;
	border:none;
	top:2px;
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover{
	left: 2px;
	right:0;
}

.ui-datepicker .ui-datepicker-title select{
	font-size:15px;
	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	/*background: #fff;
	border:1px solid #ededed;*/
	color:#222;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	border: 1px solid #03b7f2;
}

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

#loaderContainer{
	float:left;
	margin:-60px 0 0 0;
	background:none;
	padding:0 175px 0 0;
}

#accommodationPanel {
	margin-top: 20px;
}

#loaderContainerItinerary, #loaderContainerAccommodationPassengers, #loaderContainerAccommodationVehicles{
	width:100%;
	padding:1%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit  */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko         */
	box-sizing: border-box;
	overflow:hidden;
}

.progressdiv{
	/*background:#ffffff;*/
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit  */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko         */
	box-sizing: border-box;
	overflow:hidden;
	margin:40px auto;
	text-align:center;
	color: #ed1c24;
}

#redeemMembers .progressdiv{
	margin:14px auto;
}

.progressdiv .percentage {
	text-align:center;
	color:#27aae2;
	font-weight:bold;
	font-size:14px;
	padding:6px 0;
}

.progressdiv .txt {
	text-align:center;
	color:#838282;
	font-size:12px;
	padding:6px 0;
	-webkit-animation: flickerAnimation 1.3s infinite;
   -moz-animation: flickerAnimation 1.3s infinite;
   -o-animation: flickerAnimation 1.3s infinite;
    animation: flickerAnimation 1.3s infinite;
}

.progressbar{
	width:100%;
	height: auto;  
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 0;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	overflow-x:hidden;
	margin:0 auto;
}

.progressbar > div {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(120,179,27);
  background-image: linear-gradient(center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69%);
  box-shadow:inset 0 2px 9px  rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.nosailing{
	position: relative;
	background-color: #F5F5F5;
	text-align:center;
	width:100%;
	min-height:60px;
	overflow:hidden;
	border:none;
}

.nosailing p{
	color: #414141;
	font-weight:200;
	margin:0;
	width:100%;
	text-align: left;
}

.no-sailing-msg p{
	padding-left: 12%;
}

.no-sailing-img {
	max-width: 20%;
	position: absolute;
	left: 3%;
	top: 20px;
}

.nosailing p.dates-found {
    color: #414141;
    margin-top: 6px;
    text-align: left;
}
.CalendarRow.Dates.with-itineraries {
    display: grid;
    grid-template-columns: 32.6% 32.6% 32.6%;
    grid-column-gap: 1%;
    grid-row-gap: 8px;
}

span.available-date-text {
    width: 50%;
    text-align: left;
}


.available-date {
	cursor: pointer;
	transition: 0.3s ease;
}
.available-date.disabled, .available-date.disabled a, .available-date.disabled:hover, .available-date.disabled a:hover {
	pointer-events: none;
}
.available-date a {
	background: #fff;
	color: #00a3e1;
    width: 100% !important;
    display: flex;
    justify-content: center;
    height: 40px;
	align-items: center;
	transition: 0.3s ease;
	font-weight: 200;
	box-shadow: 0 3px 6px rgb(198 185 185 / 40%);
}
.available-date a:hover {
	box-shadow: none;
	background: #00a3e1;
	color: #fff;
	transition: 0.3s ease;
	font-weight: 700;
}
/* .ItinerariesCont .resultsData .table {
	border-bottom: none !important;
} */
.nosailing._norResult {
	padding: 20px;
}
.nosailing .bookingDates {
    margin: 10px 0;
	background: #d4d9de;
	padding: 10px;
}


/* .CalendarRow.Dates.with-itineraries {
    min-height: 60px;
} */


/* SUGGESTIONS FOR ALTERNATIVE ITINERARIES */

.back-to-search {
    width: 200px;
	line-height: 44px;
}
.back-to-search a{
	color: #00A3E1;
	transition: 0.4s ease;
	font-weight: 700;
} 


img.no-itineraries {
	margin-right: 1%;
    margin-left: -3%;
}
.no-itineraries-msg {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
.gray-line{
	/* height: 15px; */
	width: 100%;
	background-color: #f5f5f5;
}
.blue-line{
	height: 3px;
	width: 100%;
	background-color: #00A3E1;
}

ul.suggestions-list {
	list-style-type: none;
	padding-left: 0;
}

li#suggestion_default {
    min-height: 80px;
}

#getRequestRow, .suggestion-block {
	display: flex;
	flex: auto;
	align-items: center;
    justify-content: flex-start;
}
.suggestions-title {
    margin: 20px 0;
	font-size: 18px;
	color: #00A3E1;
}

.suggestion-block {
	height: 38px;
}
.blue-bg {
    background: #00A3E1;
    height: 38px;
    padding: 0 10px;
}

.mr-10 {
	margin-right: 10px;
}

#getRequestRow input#getRequest {
	width: 100%;
	height: 26px;
	background: transparent ;
	border:none;
	background:url("/modules/ferries/template/styles/imgs/arrow-right.svg") no-repeat center center;
	cursor: pointer;
}

.suggestion-header span.show-more-icon, .trip-suggestion-header span.show-more-icon{
    background: url(/modules/ferries/template/styles/imgs/arrow-down-blue.svg) no-repeat center center;
    width: 100%;
    height: 38px;
    display: block;
}

.suggestion-header.expand span.show-more-icon, .trip-suggestion-header.expand span.show-more-icon {
	background: url(/modules/ferries/template/styles/imgs/arrow-up-blue.svg) no-repeat center center;
	width: 100%;
    height: 38px;
    display: block;
}

#suggestion_default span.help-tag {
    background: #fff;
	color: #FF0000;
	padding: 2px 4px;
}

#suggestion_default  .help-description {
	font-size: 16px;
	padding-left: 20px;
    color: #000000;
}
.help-description p {
	margin: 0;
}

.noPricing .suggestion-description { 
	background: #ffffff;
    padding: 10px;
    box-shadow: 0 3px 6px rgb(202 196 196 / 40%);
    border: 2px solid #00a3e1;
}

.noPricing .suggestion-description p { 
	font-size: 14px;
	margin: 0;
}

.noPricing .msgbox {
	padding: 10px 20px 20px;
}

.noPricing .pricesResults .title .details span {
    font-weight: normal;
    font-size: 13px;
    padding: 0;
    margin: 0 4px;
}
.noPricing   .pricesResults .details:nth-child(2) img.mr-10 {
	display: none;
}

.title.logo-details-comp {
    display: flex;
    align-items: center;
}
.title.logo-details-comp .details {
	background: transparent !important;
	color: #ffffff  !important;
	display: flex !important;
    width: auto !important;
    height: 15px !important;
	line-height: 15px !important;
	font-size: 13px !important;
}	
.title.logo-details-comp .details-wrapper {
    margin-left: 0px;
    width: 80%;
}


.trip-suggestion {
	border: 1px solid #c0e5f3;
    margin-bottom: 30px;
}

.trip-suggestion-body {
    padding: 15px 10px 10px;
}

.suggestion-header, .trip-suggestion-header {
    align-items: center;
    justify-content: space-between;
    display: flex;
    cursor: pointer;
	padding: 12px;
	background: #F1F9FF;
	position: relative;
}

.suggestion-header .header-block-bg {
	display: flex;
	align-items: center;
}

.suggestion-header .header-block-bg {
	width: 91%;
	height: 38px;
	background: #00A3E1;
	color: #fff;
}
.trip-suggestion-header .logo-tag {
	width: 18%;
}

.trip-suggestion-header .header-trip-description {
	width: 64%;
}
.route-details:nth-child(1){
	margin-right: 10px;
	text-align: left;
}
.route-details:nth-child(2){
	text-align: left;
}
.route-suggestion-details {
	width: 47%;
}
.trip-suggestion-header .seperator {
    width: 2%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trip-acco-type {
	width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trip-suggestion-header .header-trip-price {
	width: 16%;
}

.trip-suggestion-header .logo-tag img {
	width: 78%;
    margin: 0;
    position: relative;
    left: -25px;
}
.trip-suggestion-header .details-group {
    display: flex;
    align-items: baseline;
    font-size: 13px;
    justify-content: space-evenly;
}

.suggestion-header .more-btn, .trip-suggestion-header .more-btn {
    position: absolute;
    width: 30%;
    color: #fff;
    bottom: -20px;
    left: 0;
    right: 0;
    display: flex;
    margin-left: auto;
    flex-direction: column;
    margin-right: auto;
}


.suggestion-header .route-cost {
    width: 20%;
    font-weight: 700;
}


.trip-suggestion-header .route-cost {
	font-weight: 700;
	font-size: 18px;
}


p.suggestion-title {
	font-size: 16px;
	color: #000000;
}
.suggestion-header .header-trip-description{
	display: flex;
	flex: auto;
	align-items: flex-start;
	width: 100%;
}
.trip-suggestion-header .header-trip-description{
	display: flex;
	flex: auto;
	align-items: flex-start;
	flex-direction: column;
	font-size: 16px;
	color: #000000;
}
.trip-suggestion-header .header-trip-description p{
	margin: 0;

}
.trip-block {
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: flex-start;
}
.trip-suggestion-details {
    display: flex;
    width: 100%;
    font-weight: 600px;
    
}
.trip-suggestion-header .accommodation {
    display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-evenly;
}

.trip-suggestion-header .header-trip-price {
    background: #ffffff;
    border: 1px solid #00A3E1;
    color: #00A3E1;
    display: flex;
    align-items: center;
	flex-direction: column;
	padding: 10px;
	line-height: 20px;
}

.blue-bg.continue-btn {
    position: relative;
    display: flex;
    justify-content: center;
	width: 10%;
	padding: 0;
}

.suggestion-block .continue-btn, .suggestion-block-bg span.show-more-text {
	transition: .5s ease;
}

.blue-bg.continue-btn:hover, .suggestion-header .more-btn:hover {
	background: #14baf9 !important;
	transition: .5s ease;
}

span.continue, span.show-more-text {
    color: #414141;
    top: -20px;
    text-align: center;
    font-size: 12px;
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

/*----------------------------------STEPS NAVIGATION*/


ul.steps{
    width: 84%;
    height: auto;
    overflow: hidden;
    margin: 28px auto 20px;
    list-style-type: none;
    padding: 20px;
}

ul.steps li{
	display:block;
	float:left;
	width:32%;
	height:auto;
	margin:0 2% 0 0;
}

ul.steps li:last-child{
	margin:0;
}

ul.steps .number {
    width: 22px;
    height: 30px;
    float: left;
    z-index: 9999;
    position: relative;
    left: 12px;
    top: 5px;
}

ul.steps .number.step1{
	background:url("/modules/ferries/template/styles/imgs/step-1.png") no-repeat 0 0;
}
ul.steps .number.step2 {
	background:url("/modules/ferries/template/styles/imgs/step-2.png") no-repeat 0 0;
}
ul.steps .number.step3{
	background:url("/modules/ferries/template/styles/imgs/step-3.png") no-repeat 0 0;
}


/* ul.steps li.selected .number.step1 {
	background:url("/modules/ferries/template/styles/imgs/step1-darkgreen.png") no-repeat 0 0;
}

ul.steps li.selected .number.step2 {
	background:url("/template/styles/imgs/step2-darkgreen.png") no-repeat 0 0;
}

ul.steps li.selected .number.step3 {
	background:url("/template/styles/imgs/step3-darkgreen.png") no-repeat 0 0;
}

ul.steps li.completed .number.step1 {
	background:url("/template/styles/imgs/step1-green.png") no-repeat 0 0; 
} */

/* ul.steps li.completed .number.step2 {
	background:url("/template/styles/imgs/step2-green.png") no-repeat 0 0;
}

ul.steps li.completed .number.step3 {
	background:url("/template/styles/imgs/step3-green.png") no-repeat 0 0;
} */

/* ul.steps li.disabled .number.step2 {
	background:url("/template/styles/imgs/step2-grey.png") no-repeat 0 0;
}

ul.steps li.disabled .number.step3 {
	background:url("/template/styles/imgs/step3-grey.png") no-repeat 0 0;
} */

ul.steps li.disabled .steptxt{
	background:#f1efef;
}

ul.steps li.disabled .steptxt span{
	color:#b6b5b5;
}


ul.steps .steptxt span{
	position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 15px;
	letter-spacing: .4px;
	font-weight: 600;
    color: #414141;
}

ul.steps li.selected span{
	color:#353535;
}

ul.steps li a{
	display:block;
	width:100%;
	height:auto;
	color:#716f70;
	text-decoration:none;
}
	
/*-------------------------------------- STEP 1*/	

/* 1.1 Select Trip
--------------------------------------------- */	
#step1-1,#searchFormContainer{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;	
}

.selectTrip{
	width:auto;
	border-bottom:3px solid #4d99ba;
	height:44px;
	margin:20px 0 0 0;
}

span.oneway, span.return, span.multileg {
    color: #244864;
	background:#f6f6f6;
    display: block;
    height: 42px;
    margin:0;
    padding:0;
    width: 33.33%;
	float:left;
	border-right:1px solid #afaeae;
}

span.multileg{
	border-right:none;
}

span.oneway label, span.return label, span.multileg label {
    cursor: pointer;
    display: block;
    padding: 12px 0 0;
    text-align: center;
}

span.oneway input, span.return input, span.multileg input {
    position: absolute;
    top: -70px;
}

span.selected {
	background:#4d99ba;
	color:#FFF;
	height: 44px;
	margin:0;
}

.camping{
	width:34.5%;
	height:30px;
	float:left;
	padding: 23px 0 0;
}

.buttonCol{
	width:22.5%;	
	height:auto;
	overflow:hidden;
	float:right;
	padding: 0;
}

.emptycol{
	width: 14.28%;
	height:auto;
	overflow:hidden;
	float:left;
}

.sweet-alert {
	/*background-color:#fef9d9!important;*/
	border:6px solid #fdb714!important;
    width: 690px;
    padding: 30px;
    margin-left: -342px;
}
	
.camping input[type="checkbox"], .bonusTable input[type="checkbox"], .terms input[type="checkbox"], .sweet-alert input[type="checkbox"], .totalcostbox.dark input[type="checkbox"]{
    display: none;
}

.camping label, .bonusTable label, .terms label, .sweet-alert label, .totalcostbox.dark label {
	cursor:pointer;
}

	.sweet-alert label{
		line-height: 30px;
	}
	
	.camping label font{
		display: table-cell;
		height: 36px;
		vertical-align: middle;
	}
	
	.camping label font ._title{
		float: left;
    	width: 160px;
	}
	
	.camping label font .tooltip{
		margin:0 0 -6px 6px;
	}
	

.camping input[type="checkbox"] + label span, .bonusTable input[type="checkbox"] + label span, .terms input[type="checkbox"] + label span, .sweet-alert input[type="checkbox"] + label span, .totalcostbox.dark input[type="checkbox"] + label span{
    background: rgba(0, 0, 0, 0) url("/template/styles/imgs/check-img2.svg") no-repeat left top;
    cursor: pointer;
    display: block;
    height: 32px;
    margin: 3px 6px 0 0;
	background-size: 96px;
    width: 32px;
	float:left;
}

	.totalcostbox.dark input[type="checkbox"] + label span{
		margin: 0 10px 0 0;
	}
	
	.camping input[type="checkbox"].disabled + label span, .bonusTable input[type="checkbox"].disabled + label span{
		background: #eeecec;
		border:3px solid #b5b5b5;
		cursor:default;
	}
	
	.bonusTable input[type="checkbox"] + label span{
		 margin: 2px 0 0 0;
	}

	.camping input[type="checkbox"]:checked + label span, .bonusTable input[type="checkbox"]:checked + label span, .terms input[type="checkbox"]:checked + label span, .sweet-alert input[type="checkbox"]:checked + label span, .totalcostbox.dark input[type="checkbox"]:checked + label span{
		background: rgba(0, 0, 0, 0) url("/template/styles/imgs/check-img2.svg") no-repeat -34px top;
	}

#bookingFormsPanel{
	height: auto;
    overflow: hidden;
    margin: 0;
	width: 76%;
	float: left;
}

.trippanel{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:12px 0 0;
	padding:4px 0;
	position:relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	
	.trippanel.hover{
		background:#d6d3d3;
	}
	
	.trippanel p{
		color:#244864;
		margin:0;
		padding:2px 0 10px 4px;
	}

.select {
    border: 1px solid #5d98b8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    width:31%;
	height:32px;
    overflow: hidden;
	background-image: url("/template/styles/imgs/location.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
	background-position: 10px center, 95% 50%;
	background-repeat: no-repeat;
	background-color:#fff;
	float:left;
	margin:0 10px 0 0;
	padding: 0 0 0 32px;
	color:#414141;
	font-size:14px;
	font-family: 'Ubuntu-L', Arial;
}

.select.select-g{
	background-image: url("/template/styles/imgs/location-g.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
}

.select.loading {
	background-image: url("/template/styles/imgs/location.svg"), url("/template/styles/imgs/load-indicator.gif");
}
/* SHIP DIALOG------------ */
.ui-widget-overlay{
	z-index: 9999;
	background: rgba(0, 0, 0, 0.6);
	opacity: .6;
}
.ui-dialog{
	z-index: 9999;
	border-radius: 1px;
}
.remove-title .ui-dialog-titlebar {
	display:none
}
.ship-dialog{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.ship-dialog .dialog-title, .ship-dialog .dialog-content{
	width: 100%;
	height: auto;
	clear: both;
}
.ship-dialog .title{
	width: auto;
	height: 33px;	
	background: #aae0fa;
	border: 1px solid #777777;
	border-radius: 3px;
	margin-right: 41px;
	color: #555555;
	font-size: 17px;
	line-height: 33px;
	padding: 0 0 0 75px;
	font-weight: 600;
}
.ship-dialog .title span{
	padding: 0 20px 0 0;
}
.ship-dialog .title #dlptripdate{
	font-size: 16px;
	padding: 0 0 0 60px;
}
.ship-dialog .close{
	float: right;
	width: 33px;
	height: 33px;
	background: #aae0fa;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #777777;
}
.ship-dialog .content-left{
	float: left;
	width: 38%;
	overflow: hidden;
}
.ship-dialog .route-info{
	width: 90%;
	height: 150px;
	border: 1px solid #777777;
	background: #e2f4fe url(../imgs/route-bar.png) no-repeat center center;
	margin: 0 auto;
	display: table;
	border-radius: 2px;
	margin-bottom: 20px;
}
.ship-dialog .route-info .col{
	width:47.5%;
	height: 105px;
	color:#6c7477;
	font-size: 16px;
	text-align: center;
	margin: 13px 2.5% 0 0;
	float: left;
}
.ship-dialog .route-info .col p{
	margin:0;
	padding:0;
}
.ship-dialog .route-info .col p:last-child{
	padding: 25px 0 0 0;
}
.ship-dialog .route-info .col:last-child{
	margin: 13px 0 0 1%;
}
.ship-dialog .route-duration{
	width: auto;
	height: 22px;
	line-height: 22px;
	color:#555555;
	font-size: 14px;
	text-align: center;
	background: #aae0fa;
	margin: 2px 0 0;
	border-radius: 2px;
	border: 1px solid #777777;
	font-weight: 600;
	font-size: 12px;
}
.ship-dialog .content-right{
	float: right;
	width: 60%;
	height: auto;
	overflow: hidden;
}

.ship-dialog .border{
	border-radius: 2px;
    border: 1px solid #777777;
    height: 33px;
    display: block;
	float: left;
    width: 13%;
    padding: 0;
}
.ship-dialog .ship-name{
	background: #aae0fa;
	width: 85%;
	height: 33px;
	line-height: 33px;
	color:#555555;
	font-size: 15px;
	border-radius: 2px;
	border: 1px solid #777777;
	text-align: center;
	font-weight: 600;
	display: inline-block;
	margin-left: 6px;
}
.ship-dialog .ship-gallery{
	width: auto;
	height: 353px;
	/* background: #aae0fa; */
	position: relative;
}
div#shipcarousel ul {
    list-style-type: none;
}
.unslider-nav ol {list-style: none; text-align: center; position: absolute; bottom: 14px;left: 0;right: 0;}
.unslider-arrow.next{right:20px!important; bottom:calc(50% - 31px)!important; z-index:999!important; background:url(/template/styles/imgs/arrow-r.png) no-repeat 0 0; width:16px; height:31px; font-size:0;}
.unslider-arrow.prev{left:20px!important; bottom:calc(50% - 31px)!important; z-index:999!important; background:url(/template/styles/imgs/arrow-l.png) no-repeat 0 0; width:16px; height:31px; font-size:0;}
.unslider-nav ol li {display: inline-block; width: 12px; height: 12px; margin: 0 6px; border-radius: 50%; overflow: hidden; text-indent: -999em; background:rgba(225, 225, 225, 0.4); cursor: pointer;}
.unslider-nav ol li.unslider-active {background: rgba(225, 225, 225, 1);  cursor: default;}

.ship-dialog .ship-gallery ul li img{
	display: block;
    height: auto;
    max-width: 100%;
}
.ship-dialog .ship-info{
	width: auto;
	height: 20px;	
	margin: 10px 0 ;
} 
.ship-dialog .ship-info .col {
    width: 31%;
    height: 22px;
    line-height: 22px;
    color: #555555;
    font-size: 12px;
    text-align: center;
    background: #aae0fa;
    margin: 0 2px 0 0;
    float: left;
    border-radius: 2px;
	border: 1px solid #777777;
	font-weight: 600;
}
.ship-dialog .ship-info .col:last-child{
	margin: 0;
}

/* Alex */
.ship-dialog  .dialog-left-msg  {
	display: table;
	margin: 21.45% auto;
	color: #00cbfb;
	font-weight: 600;
	text-align: right;
	font-size: 22px;
	font-style: italic;
}
.ship-dialog p.dlgdepport, .ship-dialog p.dlgarrport{
	font-weight: 600;
	margin: 30px 0 !important;
}
.ship-dialog #dlgarrtime,  .ship-dialog #dlgdeptime{
	font-size: 11px;
	font-weight: 600;
}
.ship-dialog p small {
	font-weight: 600;
}
.xs-font{
	font-size: 10px;
}
.ship-dialog .ship-info-header {
	margin: 9px 0;
}
.ui-dialog .ui-dialog-buttonpane {
   display:none !important;
}
#shipInfoDialog {
	max-height: 500px !important;
}
.ship-dialog .ship-info .col:nth-child(n+2) {
	margin-left: 3%; 
}
.ui-dialog .ui-dialog-content { 
	padding: 1em 1em 0 !important;
}
/* Autocomplete Styles */
.autocomplete-wrapper{
	position: relative;
  }
  .ui-autocomplete {
	max-height: 296px;
	min-height: auto;
	overflow-y: auto;
	box-shadow:0px 2px 7px 3px rgba(46, 43, 43, 0.4);
	border: none!important;
	/*min-width: 430px !important;*/
	overflow-x: hidden;
  }
  
  .ui-autocomplete .ui-menu-item .portcode {
	  font-size: 14px;
	  position: absolute;
	  top: 10px;
	  right: 16px;
	  min-width: 60px;
	  max-width: 100px;
	  padding: 0;
	  line-height: 20px;
	  text-align: right;
	  height: 40px;
  }
  
  .ui-autocomplete .ui-menu-item{
	line-height: 30px!important;
	position: relative!important;
	box-sizing: border-box;
	height: 36px!important; 
	font-size: 14px!important;
	color: #6D6E71!important;
	padding: 0 0 0 20px !important;
	clear: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: none !important;
  }
  .ui-autocomplete .ui-menu-item a{
	  line-height: 36px !important;
	  height: 36px !important;
	  color: #6c7477;
	  padding-left: 0px !important;
  }
  .ui-autocomplete li:hover{	
		color:#6c7477!important;
		background:#aae0fa!important;
		border:none!important;
	}
  .ui-autocomplete .ui-menu-item a:hover{	
	  color:#6c7477!important;
  }
  .ui-autocomplete a.ui-state-focus{	
	background:none!important;
	border:none!important;
  }
  .ui-autocomplete .ui-autocomplete-category {
	border-top: 1px solid #aeaeae !important;
	border-bottom: 1px solid #aeaeae !important;
	font-size: 16px!important;
	font-weight: bold;
	padding:0 0 0 18px !important;
	clear: left;
	color: #6D6E71 !important;
	height: 42px;
	line-height: 40px;
	background: #fff;
  }
  .ui-autocomplete .ui-autocomplete-category:first-child {
	border-top: none !important;
  }
  .ui-autocomplete .ui-autocomplete-category::before {
	content: "";
	border:none;
  }
  .ui-autocomplete .ui-menu-item::before {
	content:"\A";
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #756c71;
	position: absolute;
	left: 8px;
    top: 16px;
  }
  .ui-autocomplete .ui-menu-item:hover{
	  background:#aae0fa!important;
  }
  .ui-autocomplete .ui-menu-item:hover:before {
	border-width: 7px 0 7px 7px;
	top: 11px;
  }
  .ui-autocomplete .ui-menu-item font{
	font-weight: bold;
	color:#404444;
  }
  .ui-autocomplete .ui-menu-item .portcode{
	font-size: 14px;
	position: absolute;
	top: 10px;
	right: 5px;
	min-width: 60px;
	max-width: 100px;
	padding: 0;
	line-height: 20px;
	text-align: right;
	/*height: 40px;*/
  }
  .ui-autocomplete li.ui-menu-item:hover{
	background: #aae0fa;
	border:none!important;
	margin: 0!important;
	/*line-height: 40px!important;*/
  }
  .ui-autocomplete li div:hover, .ui-autocomplete .ui-state-active{
	background: none!important;
	border: 0!important;
	margin: 0!important;
	color: #6D6E71!important;
	/*font-weight: bold!important;*/
  }
  .ui-autocomplete-footer {
	height: 48px;
	background: #1bb2e9;
	box-shadow:0px 2px 7px 3px rgba(46, 43, 43, 0.4);
	border-top: none;
	text-align: center;
	position: absolute;
	color:#fff;
	cursor: pointer;
	z-index:999;
	padding: 2px;
  }
  .ui-autocomplete-footer a{
	  display: block;
	  font-size: 16px;
	  font-weight: bold;
	  color:#fff;
	  padding:0;
	  border:1px solid #fff;
	  height: 44px;
	  line-height: 40px;
  }

/* .ui-autocomplete{
	color:#414141!important;
	font-size:14px!important;
	font-family: 'Ubuntu-L', Arial!important;
	border-radius:0px!important;
	border-top:none!important;
	padding:0px!important;
	max-height: 244px; overflow-y: scroll; overflow-x: hidden;
}

.ui-autocomplete-category{
	background:#f5f5f5;
	font-weight:bold;
	padding:0 8px 2px 12px;
	line-height:32px;
	height:36px;
	color:#244864!important;
	border-top:1px solid #aeaeae!important;
	border-bottom:1px solid #aeaeae!important;
}
	.ui-autocomplete-category:first-child{
		border-top:none!important;
	}
	
	.ui-autocomplete-category img{ 
		margin:0 8px -6px 0;
		width:23px;
		height:22px;
	}

.ui-menu-item{
	background:none!important;
	border-bottom:1px solid #dfdede!important;
	padding: 0!important;
	line-height:28px!important;
	height:30px!important;
	cursor:pointer;
}
	
	a.ui-state-focus, .ui-menu-item:hover > a{
		background:none!important;
		border:none!important;
	}
	
	.ui-menu-item a{
		padding: 0 0 0 46px!important;
		line-height:28px!important;
		height:30px!important;
		margin:0!important;
		display:block!important;
	}

	.ui-menu-item a:hover{
		background:none!important;
		color:#7db921!important;
		border-radius:0!important;
	} */
	
.select-style2 select {
    padding:3px;
    margin: 0;
    background: #ffffff;
	border: 1px solid #9e9e9e;
    color:#414141;
	font-size:15px;
	font-family: 'Ubuntu-L', Arial;
    height:35px;
	width:100%;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.ui-datepicker{
	font-family: 'Ubuntu-L', Arial;
	width: 46em!important;
	font-size: 16px!important;
	box-shadow:0px 2px 7px 3px rgba(46, 43, 43, 0.2);
	border-radius: 8px!important;
	border: none!important;
}

.ui-state-default, .ui-widget-content .ui-state-default{
    font-weight: normal;
	height: 36px;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
}
div#ui-datepicker-div {
	z-index: 10001 !important;
}
  .ui-datepicker-multi-2 .ui-datepicker-group{
	padding: 0.2em 1.2em 1.2em !important;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group.ui-datepicker-group-last{
	padding: 0.2em 1.2em 1.2em 0 !important;
  }
  .ui-datepicker tbody{
	border-bottom:none;
  }
  .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default{
	border: 1px solid #dcdcdc!important;
	border-radius: 4px!important;
	color:#6c6d6f!important;
	background: #ffffff!important;
  }
  .ui-datepicker tbody .ui-state-active, .ui-datepicker tbody .ui-widget-content .ui-state-active, .ui-datepicker tbody a.ui-button:active, .ui-datepicker tbody .ui-button:active, .ui-datepicker tbody .ui-button.ui-state-active:hover{
	color:#ffffff!important;
	background: #1bb2e9!important;
	border: 1px solid #dcdcdc!important;
  }
  
  .ui-datepicker tbody .ui-state-hover,
  .ui-datepicker tbody .ui-widget-content .ui-state-hover,
  .ui-datepicker tbody .ui-widget-header .ui-state-hover,
  .ui-datepicker tbody .ui-state-focus,
  .ui-datepicker tbody .ui-widget-content .ui-state-focus,
  .ui-datepicker tbody .ui-widget-header .ui-state-focus,
  .ui-datepicker tbody .ui-button:hover,
  .ui-datepicker tbody .ui-button:focus {
	color:#ffffff!important;
	background: #1bb2e9!important;
	border: 1px solid #dcdcdc!important;
  }
  
  .ui-datepicker .ui-state-disabled, .ui-datepicker .ui-widget-content .ui-state-disabled{
	opacity: 1!important;
  }
  .ui-datepicker .ui-state-disabled .ui-state-default{
	background: #f3f3f5!important;
  }
  .ui-datepicker .ui-widget-header{
	border: none;
	border-bottom: 2px solid #d0d0d0;
	background: none;
	color:#6D6E71;
	border-radius: 0;
	padding: .4em 0 .6em!important;
	font-size: 19px;
	font-weight: normal;
  }
  .ui-datepicker .ui-widget-header .ui-icon{
	background:url("/template/styles/imgs/cal-arrows.png")!important;
	background-repeat: no-repeat!important;
	background-position: 0 0!important;
	width: 11px;
	height: 21px;
	cursor: pointer!important;
  }
  .ui-datepicker .ui-widget-header .ui-state-disabled .ui-icon{
	background:url("/template/styles/imgs/cal-arrows-dis.png")!important; 
	cursor: default!important;
  }
  .ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon{
	background-position: -12px 0px !important;
  }
  .ui-datepicker .ui-datepicker-prev{
	left: 0!important;
	width: 11px!important;
	height: 2.2em!important;
  }
  .ui-datepicker .ui-datepicker-next{
	right: 0!important;
	width: 11px!important;
	height: 2.2em!important;
  }
  .ui-datepicker .ui-state-hover,
  .ui-datepicker .ui-widget-content .ui-state-hover,
  .ui-datepicker .ui-widget-header .ui-state-hover {
	  border: none !important;
	background: none !important;
	top:2px !important;
  }
  .ui-datepicker th{
	text-transform: none;
	color:#6D6E71;
	font-size: 16px !important;
	font-weight: normal!important;
	width: 38px;
	height: 38px;
  }

  .ui-datepicker td {
    border: 0;
    padding: 2px;
  }

  /* Islander-code */
  .column.islander-code {
	  position: relative;
	  padding-left: 0 !important;
  }
  .passTable .passenger .column.islander-code input {
	  width: 38.5%;
	padding-left: 6px !important;
  }
span.islander-info {
    /* display: inline !important; */
    position: absolute;
    left: 24%;
    top: 8px;
    height: 26px;
    width: 118px!important;
    padding: 3px 10px;
}
	
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select-style2 select {padding-right:18px}
}
	
span.select-style2 {position:relative}
span.select-style2:after {
    content:'<>';
    font:21px "Consolas", monospace;
    color:#406697;
	background:#FFF;
	letter-spacing:-0.15em;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:0; top:5px;
	width:28px;
	height:16px;
    padding:0;
    position:absolute;
    pointer-events:none;
	border:none;
}

span.select-style2:before {
    content:'';
    right:0; top:0;
    width:28px; 
    background:#ffffff;
    position:absolute;
    pointer-events:none;
    display:block;
	border:none;
}

.companywrapper .select-style{
	width:100%;
	background-image: url("/template/styles/imgs/dropdown-arrows.svg");
	 background-position: 90% 50%;
    background-repeat: no-repeat;
}

	.companywrapper .select-style select{
		padding: 0 24px 0 4px;
	}

.phonegroup{
	width:90%;
	height:32px;
	clear:both;
	margin: 0 auto;
}

.phonegroup select{
	border: 1px solid #5d98b8;
	border-right:1px solid #d4d2d2;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
	width:21%;
	height:32px;
	float:left;
	-webkit-appearance: none;  
	-moz-appearance: none; 
	color: #555555;
	font-size:13px;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.phonegroup input{
	width:79%!important;
	float:right;
	border-left:none!important;
	border-radius: 0 3px 3px 0!important;
	-webkit-border-radius: 0 3px 3px 0!important;
	-moz-border-radius: 0 3px 3px 0!important;
	padding:0 0 0 2px!important;
}

.tableCourrier .phonegroup select{
	border: 1px solid #949494 !important;
	border-radius: 3px 0 0 3px;
	height: 32px;
}
.select-style {
    border: 1px solid #5d98b8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    width:33%;
	height:32px;
    overflow: hidden;
	background-image: url("/template/styles/imgs/location.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
	background-position: 10px center, 95% 50%;
	background-repeat: no-repeat;
	background-color:#fff;
	margin:0 auto;
	border-radius: 4px;
}

	.select-style select {
		padding: 0 0 0 30px;
		width: 114%;
		overflow:hidden; 
		white-space:nowrap; 
		text-overflow:ellipsis;
		height:28px;
		border: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		color:#414141;
		font-size:14px;
		font-family: 'Ubuntu-L', Arial;
	}
	
	.select-style select:focus {
		outline: none;
	}

	.trippanel .calendar{
		border: 1px solid #5d98b8;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		width:19%;
		height:32px;
		background: #ffffff url("/template/styles/imgs/calendar.svg") no-repeat 6px center;
		padding: 0 0 0 36px;
		color:#414141;
		font-size:14px;
		font-family: 'Ubuntu-L', Arial;
		margin:0 8px 0 0;
	}
	
	.trippanel .calendar-g{
		background: #ffffff url("/template/styles/imgs/calendar-g.svg") no-repeat 6px center;
	}
	
	.trippanel .lastcol{
		width:14%;
		height:auto;
		overflow:hidden;
		float:right;
		text-align:left;
		padding:4px 0;
	}
	
.addButton, .removeButton{
	height:30px;
	cursor:pointer;
	display:inline-block;
}

	/*.removeButton{
		margin:4px 10px 0;
		position:absolute;
		bottom:12px;
		right:0;
	}*/

	.addButton a{
		font-size:12px;
		color:#6a6868;
		text-transform:uppercase;
		text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
	}

	.addButton span.circle, .removeButton span.circle{
		width: 25px;
		height:25px;
		background: url("/template/styles/imgs/plus.svg") no-repeat 0 center;
		display:inline-block;
		font-size:0px;
		margin:0 8px;
	}
	
	.removeButton span.circle{
		background: url("/template/styles/imgs/minus.svg") no-repeat 0 center;
		width: 25px!important;
	}
	
	.addButton span.circle font {
		position:absolute;
		top:-2px;
		left:7px;
	}
	
	.removeButton span.circle font{
		position:absolute;
		top:-2px;
		left:9px;
		color: #fff;
	}
	
	.addButtonbig {
		background: #4d99ba;
		width:auto;
		display:inline-block;
		height:30px;
		line-height:27px;
		border:1px solid #3d82a0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		display:inline-block;
		margin:0 0 0 4px;
		cursor:pointer;
		padding:0 0 0 12px;
	}
	
	.addButtonbig span.circle{
		width: 28px;
		height:28px;
		background: url("/template/styles/imgs/add.png") no-repeat 4px center;
		margin:0 2px 0 10px;
		display:block;
		float:right;
		position:relative;
		border-left:1px solid #3d82a0;
	}
	
	.addButtonbig a{
		font-size:12px;
		color:#ffffff;
		text-transform:uppercase;
		text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
	}
	
/* 1.2 Results
--------------------------------------------- */		
#step1-2,#itineraryContainer{
	width:100%;
	height:auto;
	overflow:hidden;
	display:none;	
}

#passengersVehiclesTrailerContainer .boxResults{
	margin: 0;
}

.routeResults, .boxResults{
	width:100%;
	height:auto;
	overflow:hidden;
	border:1px solid #ffffff;
	margin:0 0 32px;
}
	.routeResults:last-child{
		margin:0;
	}
	
	.routeResults .title, .boxResults .title{
		width:auto;
		height:40px;
		line-height:38px;
		background:#00529C url("/template/styles/imgs/ship.svg") no-repeat 10px center;
		/* border:1px solid #076a9b; */
		color:#fff;
		font-size:20px;
		padding:0 0 0 160px;
		text-align:center;
	}
	
	.routeResults .title span{
		background: url("/template/styles/imgs/arrow-white.svg") no-repeat center center;
		width:17px;
		height:11px;
		margin:0 20px;
		display:inline-block;
	}
	
	.boxResults .innerbox{
		margin:0 0 32px 0;
		width:auto;
		height:auto;
		overflow:hidden;
	}
	
		.boxResults .innerbox .greenbtnSmall{
			margin:0;
		}
		
		.bookingDates{
			margin: 22px 0 10px;
		}

	.routeResults .changeDates{
		width:170px;
		height:27px;
		line-height:27px;
		background:#fff url("/template/styles/imgs/sm-calendar-red.svg") no-repeat 8px 7px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin: 7px 8px 0;
		padding:0 0 0 26px;
		color:#716f70;
		font-family: 'Ubuntu-L', Arial;
		font-size:14px;
		border: none;
	}
	
	.routeResults .dates{
		background:#ffffff;
    	height: 38px;
		padding:0;
		margin:0;
	}
	
	.routeResults .dates span{
		width:14.285%;
		height:38px;
		line-height:26px;
		margin:0;
		text-align:center;
		display:block;
		float:left;
		border-right:3px solid #ffffff;
		border-top:3px solid #ffffff;
		border-bottom:3px solid #ffffff;
		background:#e7e2f8;
		cursor:pointer;
	}

	
		.routeResults .dates span:last-child{
			border-right:none;
		}
		
		.routeResults .dates span.disabled:hover{
			 background: #d4d9dd;
			 cursor:default;
		}
		
		.routeResults .dates span.disabled a:hover, .routeResults .dates span.disabled:hover a{
			 color: #b5b5b5!important;
			 cursor:default;
		}
			
		.routeResults .dates span a{
			color:#716f70;
			font-size:13px;
			text-decoration:none;
			cursor:pointer;
			letter-spacing: -0.05em;
		}
		
		.routeResults .dates span.selected {
			/*border:2px solid #4d99ba;*/
			background:#7db921;
		}
		
		.routeResults .dates span:hover{
			background:#7db921;
		}
		
		.routeResults .dates span a:hover, .routeResults .dates span:hover a{
			color:#fff;
		}
		
		.dates span.selected a{
			color:#ffffff;
		}

	.routeResults .resultsData,.routeResults .ItinerariesCont .resultsData {
		width:auto;
		height:auto;
		overflow:hidden;
		margin:4px 0 0 0;
		background:#f5f5f5;
		border-radius:0px;
		padding:2px;
	}
	
	.routeResults .resultsData.selected, .routeResults .ItinerariesCont .resultsData.selected {
		border:2px solid #7db921;
		margin:9px;
		width:882px;
	}
	
	.resultsData .table .row.selected{
		box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
		background:#f5fde9;
	}	
	
		.routeResults .resultsData .column.priceCol{
			font-size:18px;
			color:#e01a33;
			font-weight:bold;
		}
	
		.routeResults .resultsData .company, .routeResults .ItinerariesCont .resultsData .company{
			width:128px;
			height:75px;
			border:1px solid #e5e5e5;
			background:#ffffff;
			text-align:center;
		}
			.routeResults .resultsData .company img, .routeResults .resultsData img.complogo, .routeResults .ItinerariesCont .resultsData .company img{
				border:1px solid #ffffff;
				margin:-2px auto 0;
				width: 110px;
				height: 22px;
				-webkit-box-shadow: 1px 1px 1px #ccc;
				-moz-box-shadow: 1px 1px 1px #ccc;
				box-shadow:1px 1px 1px #ccc;
				vertical-align:middle;
			}
			
			.routeResults .resultsData .company .shipinfo, .routeResults .resultsData .table .shipinfo, .routeResults .ItinerariesCont .resultsData .company .shipinfo{
				display:none;
			}
			
		.routeResults .resultsData .table,.routeResults .ItinerariesCont .resultsData .table, .passtable .table, .vehtable .table{
			display:table;
			border-collapse: collapse;
			width:100%;
			background:#ffffff;
			height:auto;
			line-height:16px;
			box-sizing: border-box;
    		-moz-box-sizing: border-box;
    		-webkit-box-sizing: border-box;
			border-bottom:1px solid #b6b5b5;
		}
/* 		
		.routeResults .resultsData.subtitle{
			padding:0;
		} */
				
		.routeResults .row:first-child .column.companyColTitle, .routeResults .row:first-child .column.shipColTitle,  .routeResults .row:first-child .column.servicesColTitle, .routeResults .row:first-child .column.dateColTitle, .routeResults .row:first-child .column.selectColTitle {
			height:auto;
			font-size:14px;
			line-height:16px;
			background:#abe1fb;
			/* background: #decebd; */
			height:34px;
		}
		
			.routeResults .row .column{
				width:14.28%;
			}
			
		.routeResults .resultsData .row,.routeResults .ItinerariesCont .resultsData .row{
			display:table-row;
			background:#ffffff;
			border:1px solid #c3c2c2;
			height:30px;
		}
		
		.emptyrow{
			display:table-row;
			width:100%;
			height:6px;
		}
		
		.routeResults .resultsData .highlight{
			background:#f5fde9!important;
		}
		
		.routeResults .resultsData .row:last-child, .routeResults .ItinerariesCont .resultsData .row:last-child{
			border-bottom:none;
		}
		
		.routeResults .resultsData .row .column,.routeResults .ItinerariesCont .resultsData .row .column{
			display:table-cell;
			border-right:1px solid #c3c2c2;
			text-align:center;
			vertical-align:middle;
		}
		
		.routeResults .resultsData .row .overlaydis{
			margin: 0 0 0 -10px;
			width:auto;
			z-index: 100;
			text-align:center;
		}
		
		.routeResults .resultsData .row .column:last-child,.routeResults .ItinerariesCont .resultsData .row .column:last-child{
			border-right:none;
		}
			
			.loayalityCardTitle{
				display:inline-block;
				font-size:13px;
				width: 72%;
				/* float: left; */
			}
		
			.routeResults .resultsData .row .column .label,.routeResults .ItinerariesCont .resultsData .row .column .label{
				height:30px;
				line-height:24px;
				color:#636363;
				background:#ecffff;
				border-bottom:1px solid #e5e5e5;
			}
			
			.routeResults .resultsData .row .column .data,.routeResults .ItinerariesCont .resultsData .row .column .data{
				height:auto;
				overflow:hidden;
				padding:8px 0;
				vertical-align:middle;
			}
			
			.routeResults .resultsData .row .column.shipCol{
				position:relative;
			}
			
				.routeResults .resultsData .row .column.shipCol img{
					position:absolute;
					right:0;
					bottom:0;
					width:14px;
					height:14px!important;
					margin:0!important;
					cursor:help;
				}
				
			.routeResults .resultsData .row .column .data a.ship,.routeResults .ItinerariesCont .resultsData .row .column .data a.ship{
				color:#414141;
				font-size:14px;
				display:block;
				padding:0 0 0 6px;
				text-align:left;
				text-decoration: underline;
				font-weight: bold;
				/*background:url("/template/styles/imgs/camera.png") no-repeat right 0;*/
			}
				
				.data a.ship a:hover{
					text-decoration: none;
				}
				
				.routeResults .innerlabel {
					display:none;
				}
				
			.routeResults .resultsData .row .column .data span,.routeResults .ItinerariesCont .resultsData .row .column .data span{
				display:block;
				font-weight:bold;
				font-size:16px;
				padding:0 0 2px 0;
			}
			
			.routeResults .resultsData .row .column .data img,.routeResults .ItinerariesCont .resultsData .row .column .data img{
				margin:0 4px 0 0;
				height:31px;
				vertical-align:middle;
			}

			img.not-offered {
				opacity: 0.5;
			}
			
			.routeResults .resultsData .row .column .data input[type="radio"],.routeResults .ItinerariesCont .resultsData .row .column .data input[type="radio"], .bonusTable input[type="radio"], .priceCheck input[type="radio"], .passTable input[type="radio"]{
				display: none;
			}
			
			.routeResults .resultsData .row .column .data label,.routeResults .ItinerariesCont .resultsData .row .column .data label, .bonusTable label, .priceCheck label{
				cursor:pointer;
			}
			
			.passTable .column.radio label{
				cursor:pointer;
				padding:0 4px 0 0!important;
				margin:0 0 0 -4px;
			}
				
				.passTable .column.radio label:last-child{
					padding:0 4px 8px 0!important;
				}
			
			.routeResults .resultsData .row .column .data input[type="radio"] + label span,.routeResults .ItinerariesCont .resultsData .row .column .data input[type="radio"] + label span, .priceCheck input[type="radio"] + label span{
				/* background: rgba(0, 0, 0, 0) url("/template/styles/imgs/radio-img.svg") no-repeat left top; */
				background: rgba(0, 0, 0, 0) url(../imgs/radio.png) no-repeat left top;
				cursor: pointer;
				display: inline-block;
				height: 36px;
				margin:0;
				vertical-align: middle;
				width: 36px!important;
			}
			
			.bonusTable input[type="radio"] + label span, .passTable input[type="radio"] + label span{
				cursor: pointer;
				display: inline-block;
				height: 32px;
				margin:0;
				vertical-align: middle;
				width: 32px!important;
				background: rgba(0, 0, 0, 0) url("/template/styles/imgs/check-img2.svg") no-repeat left top;
			}
			
			.routeResults .resultsData .row .column .data input[type="radio"]:checked + label span,.routeResults .ItinerariesCont .resultsData .row .column .data input[type="radio"]:checked + label span, .priceCheck input[type="radio"]:checked + label span{
				/* background: rgba(0, 0, 0, 0) url("/template/styles/imgs/radio-img.svg") no-repeat -36px top; */
				background: rgba(0, 0, 0, 0) url(../imgs/radio.png) no-repeat -36px top;
			}
			
			.bonusTable input[type="radio"]:checked + label span, .passTable input[type="radio"]:checked + label span{
				background: rgba(0, 0, 0, 0) url("/template/styles/imgs/check-img2.svg") no-repeat -34px top;
			}
			
			.routeResults .resultsData .row .column .data input[type="radio"].disabled + label span,.routeResults .ItinerariesCont .resultsData .row .column .data input[type="radio"].disabled + label span, .priceCheck input[type="radio"].disabled + label span{
				background: rgba(0, 0, 0, 0) url("/template/styles/imgs/radio-img.svg") no-repeat -105px top;
			}
			
			.bonusTable input[type="radio"].disabled + label span, .passTable input[type="radio"].disabled + label span{
				background: rgba(0, 0, 0, 0) url("/template/styles/imgs/check-img2.svg") no-repeat -68px top; cursor: default;
			}
			
/* 1.3 Set Passengers & Vehicles
--------------------------------------------- */		
#step1-3{
	width:100%;
	height:auto;
	overflow:hidden;
	display:none;	
}

.passvehselect{
	width: 12%;
	height:auto;
	float:left;
	margin: 3px 30px 0 0;
}

.passengerslbl, .vehicleslbl, .trailerlbl{
	width:120px;
	background: url("/template/styles/imgs/pass-icon.svg") no-repeat 6px center;
	margin:3px 0 0 4px;
	border: 1px solid #9e9e9e;
	border-right:none;
    float: left;
    height: 35px;
	padding:6px 0 0 34px;
}

	.vehicleslbl{background: url("/template/styles/imgs/veh-icon.svg") no-repeat 6px center;}
	.trailerlbl{background: url("/template/styles/imgs/trel-icon.svg") no-repeat 6px center;}
	
.select-style.vehpassnum {
    width:44px;
	background-image: url("/template/styles/imgs/dropdown-arrows.svg");
	background-position: 80% 50%;
	border-left:none;
	float:left;
	margin:3px 0 0 0;
}

	.select-style.vehpassnum select{
		padding:0;
		width: 60px;
	}

	.passvehselect label{
		padding:0 0 6px 0;
		display: inline-block;
	}
	
	.passvehselect .select-style {
		background-image:none;
		padding: 0!important;
		border: 0 !important; 
		width:100%;
	}

	.passvehselect .select-style select{
		background-image: url("/template/styles/imgs/pass-icon.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
		background-position: 6px center, 90% 50%;
		background-repeat:no-repeat;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		width:100%!important;  
		padding: 0 0 0 28px!important; 
		text-indent: 0.01px; 
		text-overflow: ""; 
    	border: 1px solid #949495;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height:32px!important;
		text-align:left;
		font-weight:bold;
	}



/* latest loader styles 01/08/2019 */


  /* Loader */
  .custom-overlay {
    z-index: 10001; 
}	

/* .loader-wrapper {
    background: #ffffff;
    width: 400px;
    height: 400px;
    margin: 10% auto;
    text-align: center;
    box-shadow: 0 3px 14px -1px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding-top: 1%;
} */

.custom-overlay {
    background-color: rgba(0,0,0,0.3) !important;
}
.custom-overlay .loading {
    font-family: 'ThinFont' !important;
    background: #fff url(../imgs/arrow-loader-bg.gif) no-repeat center 180px;
    width: 538px;
    height: 400px;
    position: fixed;
    left: 44%;
    top: 50%;
    box-shadow: 0px 6px 20px -6px rgba(20, 20, 20, 0.5);
}
.gfc-logo-wrapper {
    position: absolute;
    top: 270px;
    font-size: 20px;
    text-align: center;
    left: 26%;
    color: #b5bcc7;
}
.gfc-logo-wrapper small {
	font-size: 38px;
}
/* .loader-wrapper {
    width: 538px;
    height: 400px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 44%;
    top: 50%;
    margin-left: -156px;
    margin-top: -200px;
    overflow: hidden;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 80px 120px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 80px 120px rgba(255,255,255,1);
    box-shadow: 0px 0px 80px 120px rgba(255,255,255,1);
} */
.gfc-logo-span {
    margin-top: 20px
}
.loader-logo {
    width: 230px;
    margin-bottom: -3px;
}
.custom-overlay .loading h2 {
    font-family: ThinFont !important;
    margin-top: 55px;
    font-size: 50px;
    font-weight: 300;
	color: #6d6e70;
	padding: 0;
}
.custom-overlay .loading p span{
	display:block; 
	font-size:13px; 
	color: #008fd4;
	text-transform: uppercase;
	padding: 4px 0 0 0;
}  
.custom-overlay .loading p {
    color: #ed1c24;
    font-size: 20px;
    padding: 0;
    position: absolute;
    bottom: 40px;
    right: 40px;
}


/* 
.custom-overlay {
    background-color: rgba(0,0,0,0);
}
.custom-overlay .loading {
 	background: #fff url(../imgs/arrow-loader-bg.gif) no-repeat center 140px;
    width: 380px;
    height: 330px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -156px;
    margin-top: -200px;
    box-shadow: 0px 6px 20px -6px rgba(20, 20, 20, 0.5);
}
.loader-wrapper {
    width: 380px;
    height: 310px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -156px;
    margin-top: -200px;
    overflow: hidden;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 80px 120px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 80px 120px rgba(255,255,255,1);
    box-shadow: 0px 0px 80px 120px rgba(255,255,255,1);
}
.loader-logo {
    width: 110px;
}

.custom-overlay .loading h3{ 
    margin: 30px 0;
    font-size: 36px;
    font-weight: 300;
    color: #5f5e5e;
}

.custom-overlay .loading p span{
	display:block; 
	font-size:13px; 
	color: #008fd4;
	text-transform: uppercase;
	padding: 4px 0 0 0;
}  
.custom-overlay .loading p {
    color: #001f2d;
    font-size: 14px;
    text-align: center;
    margin: 100px auto 0;
    padding: 0;
} */


.contenttop.confirmation .reserveinfo {
    display: flex;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    padding: 0 20px;
    text-align: left;
    margin-top: auto;
    bottom: 20px !important;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    height: 40px;
    position: absolute;
    bottom: 0;
    width: 92%;
}
			

	
	@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
	  .passvehselect .select-style select{padding: 0 0 0 30px!important; }
	}
	
	.passvehselect .select-style select option{
		height: 26px;
		line-height:26px;
	}

	.select-style.passengers select{
		background-image: url("/template/styles/imgs/pass-icon.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
	}
	
	.select-style.passengers-g select{
		background-image: url("/template/styles/imgs/pass-icon-g.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
	}

	.select-style.vehicles select{
		background-image: url("/template/styles/imgs/veh-icon.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
	}

	.select-style.vehicles-g select{
		background-image: url("/template/styles/imgs/veh-icon-g.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
	}

	.select-style.trailers select{
		background-image: url("/template/styles/imgs/trel-icon.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
	}
	
	.select-style.trailers-g select{
		background-image: url("/template/styles/imgs/trel-icon-g.svg"), url("/template/styles/imgs/dropdown-arrows.svg");
	}



/* 1.4 Set Passengers & Vehicles
--------------------------------------------- */		
#step1-4{
	width:100%;
	height:auto;
	display:none;		
}

.passvehAcco{
	width:100%;
	height:auto;
	clear:both;
	margin:0 0 32px;
	padding:0;
}
	
	.passvehAcco .title{
		width:auto;
		height:40px;
		line-height:38px;
		background:#00529C url("/template/styles/imgs/ship.svg") no-repeat 10px center;
		/* border:1px solid #076a9b; */
		color:#fff;
		font-size:20px;
		padding:0;
		text-align:center;
	}
	
	.passvehAcco .title span{
		background: url("/template/styles/imgs/arrow-white.svg") no-repeat center center;
		width:17px;
		height:11px;
		margin:0 10px;
		display:inline-block;
	}
	
	.passtable, .vehtable{
		width:100%;
		display:table;
		height:auto;
		margin: 22px 0 6px;
		background:#ffffff;
		overflow:visible;
	}
	.vehTable{
		margin: 0;
	}
	.vehTable.intertrip .row .column:first-child, .vehTable .row .column:first-child{
		width: 16.6%!important;
		text-align: left!important;
	}
	.passtable .passvehbox, .vehtable .passvehbox{
		width:100%;
		display:table!important;
	}

	.vehtable .cm{
		padding: 0 0 0 6px;
	}
	
	.passtable .row .passvehlabel, .vehtable .row .passvehlabel, .passTable .row .passvehlabel, .vehTable .row .passvehlabel, .couponTable .discountlabel{
		display:none;
	}
	
	.passtable .row, .vehtable .row{
		width:auto;
		height:50px;
		overflow:hidden;
		clear:both;
		padding:2px 0;;
		border-top: 1px solid #b6b5b5;
		display:table-row;
	}
	
	.passtable .passvehtitle.mobile, .vehtable .passvehtitle.mobile{
		display:none;
	}
	
	.passtable .row.hover, .vehtable .row.hover{
		background:#d6d3d3;
	}
	
	.passtable .row.subtitle, .vehtable .row.subtitle{
		height:39px;
		line-height:12px;
		background:#abe1fb;;
		font-size: 14px;
	}
	
	.passtable .rowgroup, .vehtable .rowgroup{
		display:table-row-group;
		position:relative;
		height:auto;
		overflow:visible;
	}
	
	.passtable .row.subtitle.mobile, .vehtable .row.subtitle.mobile{
		display:none;
	}
	
	.row.subtitle .col1{
		border-top:none;
	}
	
	.row.subtitle .col2, .row.subtitle .col3, .row.subtitle .col4, .row.subtitle .col5, .row.subtitle .col6{
		padding:0 6px 0 14px;
		border-top:none;
		text-align:left;
	}
	
	.row.subtitle .col4{
		padding:0 6px;
	}
	
	.passtable .col1, .vehtable .col1{
		width:14.28%;
		padding:0 0 0 4px;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		border:1px solid #c3c2c2;
	}
	
	.vehtable .col1{
		width:28.56%;
	}
	
	.passtable .col1.passicon{
		background: url(../imgs/pass-icon.svg) no-repeat 6px center;
	}
	
	.passtable .row.subtitle .col1, .passtable .row.subtitle .col2, .passtable .row.subtitle .col3, .passtable .row.subtitle .col4, .passtable .row.subtitle .col5, .passtable .row.subtitle .col6, .passvehbox .row.subtitle .col1, .passvehbox .row.subtitle .col2, .passvehbox .row.subtitle .col3, .passvehbox .row.subtitle .col4, .passvehbox .row.subtitle .col5{
		border-top:1px solid #b6b5b5;
		border-bottom:1px solid #c3c2c2;
	}
	
	.passtable .row.subtitle .col1, .passvehbox .row.subtitle .col1{
		border-left:1px solid #c3c2c2;
	}
	
	.passtable .row.subtitle .col6, .passvehbox .row.subtitle .col5{
		border-right:1px solid #c3c2c2;
	}
	
	.vehtable .col1.vehicon{
		background: url(../imgs/veh-icon.svg) no-repeat 6px center;
	}
	
	.passtable .col2, .vehtable .col2{
		width:14.28%;
		padding:8px 0 8px 0;
		display:table-cell;
		vertical-align:middle;
		border-right: 1px solid #c3c2c2;
		border-top:1px solid #c3c2c2;
		border-bottom:1px solid #c3c2c2;
		text-align: center;
	}
	
	.vehicleLengthValue{
		width: 30%;
	}
	
	.passtable .col3{
		width:28.56%;
		padding:0 0 0 4px;
		display:table-cell;
		vertical-align:middle;
		border-right: 1px solid #c3c2c2;
		border-top:1px solid #c3c2c2;
		border-bottom:1px solid #c3c2c2;
	}
	
	.passtable .subtitle .col3{
		text-align:center;
	}
	
	.passtable .col4{
		width:14.28%;
		padding:0 0 0 4px;
		display:table-cell;
		vertical-align:middle;
		position:relative;
		border-right: 1px solid #c3c2c2;
		border-top:1px solid #c3c2c2;
		border-bottom:1px solid #c3c2c2;
	}
	
	.passtable .col5, .vehtable .col5{
		width:14.28%;
		padding:0;
		display:table-cell;
		vertical-align:middle;
		border-right: 1px solid #c3c2c2;
		border-top:1px solid #c3c2c2;
		text-align:center;
		border-bottom:1px solid #c3c2c2;
	}
	
	.vehtable .col5{
		border-right: 1px solid #c3c2c2;
	}
	
		.passtable .col4 .split{
			width:50%;
			float:left;
			margin:0 auto;
			text-align:center;
			font-size:12px;
		}
	
	.passtable .col6{
		width:14.28%;
		padding:0 0 0 8px;
		display:table-cell;
		vertical-align:middle;
		position:relative;
		border-top:1px solid #c3c2c2;
		text-align:center;
		border-bottom:1px solid #c3c2c2;
		border-right:1px solid #c3c2c2;
	}
	
		.passtable .col6 .removeButton span.circle{
			margin: 0;
		}
	
	.vehtable .col2, .vehtable .col3, .vehtable .col4{
		width:21.42%;
		padding:0;
		display:table-cell;
		vertical-align:middle;
		border-top: 1px solid #c3c2c2;
		border-right: 1px solid #c3c2c2;
		border-bottom:1px solid #c3c2c2;
	}
		.vehtable .col4{
			width:14.28%!important;
		}
		
		.vehtable .col2 .slider, .vehtable .col3 .slider{
			float: left; 
			width:117px; 
			height:8px; 
			padding:0; 
			margin:12px 0 0 8px; 
			background:#bababa;
		}
		
		.vehtable .col2 input, .vehtable .col3 input{
			width:60px;
		}
		
	.vehtable .col5{
		width:14.28%;
		padding:0;
		display:table-cell;
		vertical-align:middle;
		position:relative;
		text-align:center;
	}
	
	.dd-selected-image{
		margin: 7px 0 0 4px!important;
	}
	/*
	label.dd-selected-text{
		padding: 4px 0 0 10px !important;
		display:inline-block;
		max-width:190px;
		overflow: hidden;
		text-overflow: ellipsis;
    	white-space: nowrap;
	}*/
	label.dd-selected-text {
		max-width:190px;
	    padding: 0;
	    text-align: left;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    margin: 0;
	}
	.unstyle label.dd-selected-text {
	    padding-left:0px !important;
	    margin-left: -6px;
	}
	
	a.dd-selected{
		padding: 2px 0 0 4px!important;
	}
	
	.dd-container.disabled .dd-select{
		background-color: #eeecec!important;
		background-image: url("/template/styles/imgs/dropdown-arrows-dis.svg")!important;
		border: 1px solid #b5b5b5!important;
		
	}
	
	.dd-container.disabled .dd-selected, .dd-container.disabled .dd-selected-text{
		color: #949393!important;
	}
	
	/*.dd-options{
		margin:1px 0 0 4px!important;
		width:150%!important;
	}*/
	.dd-options {
		width: 453px !important;
	    max-height: 500px !important;
	    margin-top: 10px;
	}
	.dd-options .dd-option {
	    display: flex !important;
	    align-items: center;
	    min-height: 60px;
	    padding: 6px 6px 6px 20px;
	    transition: 0.4s ease;
	}
	.dd-option-selected {
	    background-color: #abe1fb !important;
	}
	label.dd-option-text.ccode {
	    font-size: 12px;
	    font-weight: 700;
	    max-width: 16% !important;
	    margin: 0;
	    cursor: pointer;
	}
	
	.dd-option-text.cprice {
	    font-size: 14px;
	    padding: 0 !important;
	    margin: 0;
	    width: 12% !important;
	    cursor: pointer;
	}
	label.dd-option-text.cdescr {
	    font-size: 14px;
	    margin:0;
	    height: auto !important;
	    width: 70% !important;
	    padding-left: 2%;
	    border-left: 1px solid #e2dce8;
	    cursor: pointer;
	}
	
	.dd-option:before {
	    position: absolute !important;
	    left: 10px !important;
	    top: 40% !important;
	    transition: 0.4s ease;
	}
	
	.dd-option:hover:before {
	    border-width: 5px 0 5px 5px !important;
	    border-color: transparent transparent transparent #14b1e6;
	}
	
	.dd-option-text.ctitle {
	    line-height: 45px!important;
	    font-size: 13px;
	    padding-right: 10px;
	} 

	#vehdeloptions, #passdeloptions{
		list-style-type:none;
		margin:16px 0 0 0;
		padding:0;
	}
	
	.passtable .select-style, .vehtable .select-style {
		width:90%;
		background-image:none;
		padding: 0!important;
		border: 0 !important; 
		margin: 0 6px;
		/*width:90%;
		background-image: url("/template/styles/imgs/dropdown-arrows.svg");
		background-position: 93% 50%;	*/		
	}
	
	.passtable .select-style select, .vehtable .select-style select{
		-webkit-appearance: none;  
		-moz-appearance: none; 
		width:100%!important;  
		padding: 0 0 0 4px!important;  
		background-image: url("/template/styles/imgs/dropdown-arrows.svg");
		background-position: 90% 50%;
		background-repeat:no-repeat;
		text-indent: 0.01px; 
		text-overflow: ""; 
		border: 1px solid #5d98b8;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height:32px!important;
	}
	
	.passtable .select-style select::-ms-expand, .vehtable .select-style select::-ms-expand, .passvehselect .select-style select::-ms-expand{
		display: none;
	}
	
	.vehtable .select-style.vhcselect {
		width:90%!important;
		float: left;
    	margin: 0 2.5% 0 0;
	}
	
	.passtable .col1 .select-style{
		float:right;
		width:77%;
		margin:0 8px 0 0;
	}
	
	.passtable .select-style option, .vehtable .select-style option{
		height: 26px;
		line-height:26px;
	}
	
	.passtable .col1 span, .vehtable .col1 span{
		display:inline-block;
		margin:6px 2px 0 0;
		float:left;
	}
	
	.vehtable .select-style.hascamper {
		width:53%!important;
		margin:0 10px 0 4px;
	}
	
		.vehtable .select-style.hascamper select{
			width:135%;
		}
		
	.tableCourrier .select-style {
		width:90%;
		background-image:none;
		padding: 0!important;
		border: 0 !important; 
		/*background-image: url("/template/styles/imgs/dropdown-arrows.svg");
		background-position: 93% 50%;
		margin:0 20px 0 0px;*/
	}
	
	.bonusTable .select-style {
		background-image: none;
		border: 0 none !important;
		padding: 0 !important;
		width: 90%;
	}
	
	.bonusTable .col3{
		position:relative;	
	}
	
	.bonuspermile .membersmsg{
		background: #eeeeee none repeat scroll 0 0;
		color: #454545;
		font-size: 14px;
		height: auto;
		margin: 8px 0;
		overflow: hidden;
		padding: 12px;
		text-align:justify;
		width: 100%;
		border: 1px dashed #c8c7c7;
	}
	
	.bonusTable .col3 .discount{
		background: url("/template/styles/imgs/discount.png");
		width:39px;
		height:38px;
		line-height:37px;
		color:#fff;
		letter-spacing:-0.05em;
		text-align:center;
		font-weight:bold;
		font-size:14px;
		position:absolute;
		right:10%;
		bottom:3px;
	}
	
	.passTable .select-style, .vehTable .vehicle .select-style, .paymentTable .row .select-style, .contactTable .row .select-style{
		width:90%;
		/*background-image: url("/template/styles/imgs/dropdown-arrows.svg");
		background-position: 93% 50%;*/	
		border: 0 !important; 
		background-image:none;
		padding: 0!important;
		border: 0 !important; 		
	}
	

	
	.contactTable .row .select-style{
		padding:0 50px 0 0;
	}
	
	.vehtable .col5 .select-style{
		 width: 162px;
	}
		
		.select-style.disabled select {
			background-color: #eeecec!important;  
    		background-image: url("/template/styles/imgs/dropdown-arrows-dis.svg")!important;  
    		border: 1px solid #b5b5b5!important;  
   			color: #949393!important;  
		}

		.passtable .select-style select, .vehtable .select-style select, .tableCourrier .select-style select, .passTable .passenger .select-style select, .vehTable .vehicle .select-style select, .paymentTable .row .select-style select, .contactTable .row .select-style select, .bonusTable .select-style select{
			/*padding: 0 30% 0 4px;
			width: 124%;*/
			-webkit-appearance: none;  
			-moz-appearance: none; 
			width:100%!important;  
			padding: 0 24px 0 4px!important;  
			background-image: url("/template/styles/imgs/dropdown-arrows.svg");
			background-position: 90% 50%;
			background-repeat:no-repeat;
			text-indent: 0.01px; 
			text-overflow: ""; 
			border: 1px solid #5d98b8;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			height:32px!important;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		select::-ms-expand{
		  display:none;
		}
		
		.tableCourrier .select-style:first-child select{
			padding: 0 34px 0 4px!important;  	
		}
		
	.passtable input, .vehtable input, .bonusTable .col2 input, .tableCourrier input, .couponTable .col1 .column:first-child input, .passTable .passenger input, .vehTable .vehicle input, .paymentTable .row input, .contactTable .row input, .contactTable .row textarea, .bonusTable input.coupon, .bonusTable input, .passTable .row textarea{
		border: 1px solid #5d98b8;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		width:90%;
		margin:0 auto;
		height:32px;
		background: #ffffff;	
		padding: 0 0 0 6px;
		color:#414141;
		font-size:14px;
		font-family: 'Ubuntu-L', Arial;
		-webkit-appearance: none;
	}
	
	.passTable .passenger input, .vehTable .vehicle input, .passTable .passenger .select-style select, .vehTable .vehicle .select-style select{
		border:none!important;
		border-bottom: 1px solid #949494 !important;
		border-radius: 0!important;
		padding: 0 !important;
		height: 26px;
	}
	.passTable .passenger input.disabled, .vehTable .vehicle input.disabled{
		border-bottom: 1px solid #d2d2d2 !important;
		background: none;	
	}
	.passTable .passenger .select-style select, .vehTable .vehicle .select-style select{
		height: 29px!important;
		padding: 0 24px 0 0!important;
	}
	#deliveycost, #creditcardfee {border:none!important;}
	
	.bonusTable input, .bonusTable select{
		font-size:14px;
	}
	
	.bonusTable input.coupon{
		border: none!important;
		color:#1f1f1f;
		text-transform:uppercase;
		text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
		font-weight:bold;
		letter-spacing:0.09em;
		width: 70%;
		height:33px;
		font-size:18px!important;
		text-align:center;
		background: none!important;
		padding:0;
		float:left;
	}
	
	.bonusTable .col1 div.discount{
		display:none!important;
	}
	
	.contactTable .row textarea{
		height:60px;
		width:99.2%!important;
		resize:none;
	}
	
	.passTable .row textarea{
		width:97.1%!important;
		height:96px;
		resize:none;
	}
	
	.passTable .passenger.cntperson .row textarea{
		height:162px;
	}
	
	.passTable .passenger.cntperson .row:first-child .column.radio{
		padding: 16px 0 0 18px!important;
	}
	
	.passTable .passenger.cntperson .row .column.radio label{
		margin: -8px 100px 2px -6px;
	}
	
	.passTable.intertrip .passenger.cntperson .row .column.radio label{
		margin: -8px 26px 2px -6px;
	}
	
	.couponTable .greenbtnSmall input{ 
		padding:6px 30px 6px!important;
		font-size: 16px;
	}
	
	.passTable .passenger input, .paymentTable .row input, .contactTable .row input, .contactTable .row textarea, .passTable .row textarea{
		width:90%;
	}
	
		.passTable .passenger input.loyalityCard{
			width:162px;
		}
		
		.passTable .passenger input.xsmall{
			width:23%;
			padding: 0 0 0 2px;
			margin: 0 2% 0 0;
		}
		
		.passTable .passenger input.small{
			width:40%;
			padding: 0 0 0 3px;
		}
		
	.bonusTable .col2 input{
		height:29px;
		margin:2px 0;
	}
	
	.passtable input.disabled, .vehtable input.disabled, .bonusTable input.disabled, .passTable input.disabled, .vehTable input.disabled{
		background: #eeecec;	
		border:1px solid #b5b5b5;
		color: #949393;
	}
	
	.passtable input[type="radio"], .totalCost input[type="radio"], .delTickets input[type="radio"], .paymentTable input[type="radio"], #vehdeloptions input[type="radio"], #passdeloptions input[type="radio"]{
		display: none;
	}
	
	.passtable label {
		cursor:pointer;
	}
	
	.passtable input[type="radio"] + label span, .totalCost input[type="radio"] + label span, .delTickets input[type="radio"] + label span, .paymentTable input[type="radio"] + label span, #vehdeloptions input[type="radio"] + label span, #passdeloptions input[type="radio"] + label span{
		background: rgba(0, 0, 0, 0) url("../imgs/radio.png") no-repeat left top;
		cursor: pointer;
		display: inline-block;
		height: 36px;
		margin: 0;
		vertical-align: middle;
		width: 36px;
		z-index:1000;
		position:relative;
	}
	
	.passtable input[type="radio"]:checked + label span, .totalCost input[type="radio"]:checked + label span, .delTickets input[type="radio"]:checked + label span, .paymentTable input[type="radio"]:checked + label span, #vehdeloptions input[type="radio"]:checked + label span, #passdeloptions input[type="radio"]:checked + label span{
		background: rgba(0, 0, 0, 0) url("../imgs/radio.png") no-repeat -36px top;
		z-index:1000;
		position:relative;
	}
	
	#vehdeloptions input[type="radio"] + label font, #passdeloptions input[type="radio"] + label font{
		font-size: 15px;
		line-height: 15px;
		margin: 0 0 0 8px;
	}
	
	.passtable input[type="radio"].disabled + label span {
		background: rgba(0, 0, 0, 0) url("/template/styles/imgs/radio-img.svg") no-repeat -72px top;
		z-index:1000;
		position:relative;
	}
	
	.ui-slider-horizontal .ui-slider-handle{
		width:6px!important;
		height:30px!important;
		background:#ffffff!important;
		margin-left:-0.2em!important;
		top:-0.6em!important;
		border:1px solid #b8b8b8!important;
	}


/*-------------------------------------- STEP 2*/	

/* 2.1 Availability & Prices
--------------------------------------------- */	
#step2-1{
	width:100%;
	height:auto;
	overflow:hidden;
	display:table;
}

.pricesResults{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 0 10px;
}
	
.pricesResults .title{
	width:auto;
	height:auto;
	overflow:hidden;
	background:#00529C;
	color:#fff;
	font-size:21px;
	text-align:center;
	border:1px solid #076a9b;
}
.pricesResults .title .main{
	width:auto;
	height:38px;
	line-height:38px;
	padding:0 12px;
}
				
.pricesResults .title .main img {
    border: 1px solid #ffffff;
    margin: 9px 12px 0 0;
    width: 115px;
    height: 21px;
    float: left;
}

.pricesResults .title .main span{
	/* background: url("/template/styles/imgs/arrow-white.svg") no-repeat center center; */
	background: url(../imgs/arrow-white-light.png) no-repeat;
	width:9px;
	height: 18px;
	margin: -4px 20px;
	display:inline-block;
}

.pricesResults .title .main .shiplabel{
	width:auto;
	height:17px;
	line-height:17px;
	font-size:12px;
	color:#2d3e52;
	background:#ffffff;
	float:right;
	margin:11px 0 0;
	padding:0 14px;
}

.pricesResults .title .details{
	width:auto;
	height:31px;
	line-height:30px;
	font-size:14px;
	color:#ffffff;
	font-weight:normal;
	letter-spacing:0.05em;
	padding:0 12px;
	background:#2fa1df;
}

.noPricing .pricesResults .title .details {
    background: #E7E2F8;
    font-size: 13px;
	display: flex;
	width: auto;
	line-height: 22px;
}

.pricesResults .title .details .column{
	width:50%;
	height:auto;
	float:left;
	text-align:right;
	padding: 0 10px 0 0;
}
		
.pricesResults .title .details .column:last-child, .pricesResults .title .details .column.last{
	text-align:left;
	padding: 0 0 0 10px;
}

.pricesResults .title .details span{
	/*background: url("/template/styles/imgs/clock.png") no-repeat 0 3px;*/
	display:inline;
	margin:0 0 0 3px;
	padding:0 8px;
	font-weight:bold;
	font-size:14px;
}
			
	.pricesResults .pricesTable, .bonusTable, .passTable, .vehTable, .paymentTable, .contactTable{
		width:100%;
		height:auto;
		overflow:visible;
		margin:1% 0;
		position:relative;
	}
	
	.routesubtitle{
		color:#244864;
		font-size:15px;
		font-weight:bold;
	}
	
	.routesubtitle font{
		color:#0981bd;
		padding: 0 0 0 6px;
	}
	.passTable.intertrip .passenger .row .column {
		width: 16.6%;
	}
	
	.passTable, .vehTable, .paymentTable, .bonusTable, .contactTable {
		width:100%;
		margin:1% 0 20px;
		padding: 0;
	}
	.pricesResults .pricesTable, .bonusTable, .passTable, .vehTable, .paymentTable, .contactTable{
		margin: 22px 0 0;
	}
	.passTable .passenger .row.passvehtitle.mobile, .vehTable .vehicle .row.passvehtitle.mobile, .bonusTable .bonuspasstitle{
		display:none;	
	}
	.passTable .passenger .row.contperson{
		width: 100%;
		margin: 0;
	}
	.passTable .passenger .row.contpersoninner .column{
		width: 20%!important;
		position: relative;
	}
	.passTable .passenger .row.contpersoninner .column .tooltip{
		margin:0;
		position: absolute;
		right: 8px;
	}
	.passTable .passenger .row.contpersoninner .column label{
		display: none;
	}

	
		.pricesResults .pricesTable .boxtitle, .bonusTable .boxtitle, .passTable .boxtitle, .vehTable .boxtitle, .paymentTable .boxtitle{
			width:100%;
			height:34px;
			background:#abe1fb;
			font-size:14px;
			line-height:15px;
			display:table;
		}
		
		.paymentTable .boxtitle{
			min-height:40px;
			width:100%;
			padding: 5px 10px;
			border-bottom:none;
			margin-bottom: 20px;
		}
			
			.passTable .boxtitle, .vehTable .boxtitle{
				 line-height:15px;
			}
			
			.pricesResults .pricesTable .boxtitle.cost{
				color:#3a3939;
				font-weight:bold;
				line-height:20px;
				margin: 4px 0 0 0;
			}
			
			.bonusTable .boxtitle .col1 {
				padding:0; 
				text-align:center;
			}
			
			.bonusTable .col1, .bonusTable .col2{
				border-right: 1px solid #c3c2c2;
				display: table-cell;
				float:none!important;
				padding: 0 0 0 8px;
				vertical-align:middle;
				border-bottom: 1px solid #c3c2c2;
				width:25%;
			}
			
			.bonusTable .col2{
				text-align:center;
			}

			.bonusTable .boxtitle .col2 span, .bonusTable .boxtitle .col3 span{ display:block; }
			
			.bonusTable .col3{
				float:none!important;
				padding:0;
				vertical-align:middle;
				display: table-cell;
				text-align:center;
				border-bottom: 1px solid #d7d4d4;
				width:25%;
			}
			
			.bonusTable .col3.red{color: #e5020d; font-weight:bold;}
					
			.bonusTable{
				border:1px solid #c3c2c2;
				border-bottom:none;
			}
			
			.pricesResults .pricesTable .boxtitle .col1, .totalCost .col1{
				width:28.54%;
				padding:0 0 0 8px;
				border-right: 1px solid #c3c2c2;
    			display: table-cell;
				vertical-align:middle;
			}
			
			.pricesResults .pricesTable .boxtitle.cost .col1{
				border-right: none;
			}
			
			.pricesResults .pricesTable .boxtitle .col2, .totalCost .col2{
				width: 42.84%;
				padding:0 0 0 8px;
				border-right: 1px solid #c3c2c2;
    			display: table-cell;
				vertical-align:middle;
			}
			
			.pricesResults .pricesTable .boxtitle .col2.onePriceColumn, .pricesResults .pricesTable .row .col2.onePriceColumn{
				width: 57.12%;
			}
			
			.pricesResults .pricesTable .boxtitle .col3.onePriceColumn, .pricesResults .pricesTable .row .col3.onePriceColumn{
				width: 14.28%;
			}
				
				.pricesResults .pricesTable .boxtitle .col3.onePriceColumn .column, .pricesResults .pricesTable .row .col3.onePriceColumn .column, .pricesResults .pricesTable .boxtitle.cost .col3.onePriceColumn .column{
					width:100%;
				}
			
			.pricesResults .pricesTable .boxtitle.cost .col2 span{
				display:inline-block;
			}
			
			.pricesResults .pricesTable .boxtitle .col2 span{
				display:none;
			}
			
			.pricesResults .pricesTable .boxtitle.cost .col2{
				text-align:right;
				padding:0 8px 0 0;
			}
			
			.pricesResults .pricesTable .boxtitle .col3{
				width:28.56%;
				display: table-cell;
				vertical-align:middle;
				text-align:center;
				/*position: relative;
			    top: 50%;
			    transform: translateY(-50%);*/
			}
			
			.totalCost .col3{
				float:left;
				width:57.12%;
				padding:2px 0 0 0;
			}
				.pricesResults .pricesTable .boxtitle .col3 .column{
					width:50%;
					display:table-cell;
					text-align:center;
					/*font-size:12px;*/
					padding: 0 2px;
				}
				
				.pricesResults .pricesTable .boxtitle .col3 .column:first-child{
					float:right;
				}
				
				.pricesResults .pricesTable .boxtitle.cost .col3 .column, .totalCost .col3 .column, .suggestion .suggbox .inner .col2 .column{
					width:50%;
					float:right;
					text-align:right;
					padding:0 36px 0 0;
					height:32px;
					line-height:32px;
					font-size: 14px;
				}
				
		
		.bonusTable{
			display:table;
		}
		
		.pricesResults .pricesTable .row, .bonusTable .row{
			width:100%;
			height:33px;
			font-size:14px;
			line-height:32px;
			border:1px solid #b6b5b5;
			border-top:none;
			display:table;
		}
			.bonusTable .boxtitle{
				height: 38px;
    			line-height: 14px;
				display:table-row;
			}
			
			.bonusTable .row{
				height:44px;
				display:table-row;
			}
			
			.pricesResults .pricesTable .row:last-child, .bonusTable .row:last-child{
				border-bottom:none;
			}
			
			.pricesResults .pricesTable .row .col1, .bonusTable .row .col1, .bonusTable .row .col2{
				float:left;
				vertical-align:middle;
				width:25%;
				padding:0 0 0 8px;
			}
			
			.bonusTable .row .col2 .bonuspasslabel, .bonusTable .row .col3 .bonuspasslabel{
				display:none;
			}
			
			#redeemMembers .boxtitle .col1, #redeemMembers .row .col1, #redeemMembers .boxtitle .col1.col3, #redeemMembers .row .col1.col3{
				width:24%;
				padding:0;
			}
			
			#redeemMembers .row .col1 {
				padding:0 0 0 6px!important;
			}
			
			#redeemMembers .boxtitle .col2, #redeemMembers .row .col2{
				width:14%;
				padding:0;
			}
			
			.pricesResults .pricesTable .row .col1{
				width:28.56%;
				padding:0 0 0 8px;
				border-right: 1px solid #c3c2c2;
    			display: table-cell;
				vertical-align:middle;
				float:none;
			}
			
			.bonusTable .row .col3{
				float:left;
				vertical-align:middle;
				width:25%;
				padding:0;
				text-align:center;
			}
			
			.bonusTable .row .col2.small{
				width:18%;
			}
			
			.pricesResults .pricesTable .row .col1 span, .bonusTable .row .col1 span {
				width:auto;
				height:32px;
				display:inline-block;
				padding:0 0 0 28px;
				margin:0 0 0 6px;
			}
			
			.passTable .row .column span, .vehTable .row .column span{
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 85%;
				display: block;
				float: right;
				text-align: left;
				overflow: hidden;
				margin:0 0 0 2px;
			}
			
			.pricesResults .pricesTable .row .col1 span, .bonusTable .row .col1 span, .vehTable .row .column span{
				width:86%;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				display:block;
				float:right;
			}
			
			.pricesResults .pricesTable .row .col1 span.man, .bonusTable .row .col1 span.man, .passTable .row .column span.man{
				background: url("/template/styles/imgs/man.png") no-repeat 0 center;
			}
			
			.pricesResults .pricesTable .row .col1 span.woman, .bonusTable .row .col1 span.woman, .passTable .row .column span.woman{
				background: url("/template/styles/imgs/woman.png") no-repeat 0 center;
			}
			
			.pricesResults .pricesTable .row .col1 span.child, .bonusTable .row .col1 span.child, .passTable .row .column span.child{
				background: url("/template/styles/imgs/child.png") no-repeat 0 center;
			}
			
			.pricesResults .pricesTable .row .col1 span.vtype_ix, .bonusTable .row .col1 span.vtype_ix, .vehTable .row .column span.vtype_ix{
				background: url("/template/styles/imgs/car.png") no-repeat 0 center;
			}
			
			.pricesResults .pricesTable .row .col1 span.vtype_mo, .bonusTable .row .col1 span.vtype_mo, .vehTable .row .column span.vtype_mo{
				background: url("/template/styles/imgs/motorcycle.png") no-repeat 0 center;
				
				float:right;
			}
			
			.pricesResults .pricesTable .row .col1 span.vtype_cmt, .bonusTable .row .col1 span.vtype_cmt, .vehTable .row .column span.vtype_cmt{
				background: url("/template/styles/imgs/camper.png") no-repeat 0 center;
			}
			
			.pricesResults .pricesTable .row .col1 span.vtype_trailer, .bonusTable .row .col1 span.vtype_trailer, .vehTable .row .column span.vtype_trailer{
				background: url("/template/styles/imgs/trelair.png") no-repeat 0 center;
			}
			
			.pricesResults .pricesTable .row .col1 font, .bonusTable .row .col1 font{
				color:#6d6a6a;
				font-size:11px;
			}
			
			.passTable .row .column font{
				color:#6d6a6a;
				font-size:11px;
				display:block;
				margin: 0 0 0 14px;
			}
			
			.pricesResults .pricesTable .row .col1 span div{
				display:none;
			}
				
			.pricesResults .pricesTable .row .col2{
				width:auto;
				padding:2px 0 2px 8px;
				border-right: 1px solid #c3c2c2;
				display: table-cell;
				line-height: 14px;
				vertical-align:middle;
			}
				
			.pricesResults .pricesTable .row .col3{
				display: table-cell;
				vertical-align:middle;
				width:28.56%;
				text-align:center;
			}
			.pricesResults .pricesTable .row .col3 .column{
				width:50%;
				/*float:left; 20160114*/
				float:right;
				text-align:right;
				padding:0 36px 0 0;
			}

	.selectedoffer{
		border:none;
		position:absolute;
		border:2px solid #7db921;
		width:14.5%;
		top:-2px;
		display: none !important
		/*right:0;
		height:304px;*/
	}
	
	.selectedtotaloffer{
		position:absolute;
		border:2px solid #7db921;
		width:15%;
		top:-2px;
		display:none;
		/*right:1%;
		height:129px;*/
	}
	
	.pricesTable .totalCost{
		border:none;
		border-top:1px solid #b6b5b5;
		margin:0;
		border-radius: 0;
	}
	
	.PricesResultsCont .totalTable{
		width:49%;
		display:table-cell;
		vertical-align:top;
	}
	
	.PricesResultsCont .totalTable .table{
		display:table;
		width:100%;
		height:100px;
	}
	
	.PricesResultsCont .totalTable .table .tablerow{
		display:table-row;
		width:100%;
		height:auto;
	}

	.PricesResultsCont .totalTable .table .tablerow.title{
		background: #7db921 ;
	}

	.PricesResultsCont .totalTable .table .tablerow.title .column{
		vertical-align: middle;
	}

	.PricesResultsCont .totalTable .table .tablerow .totalPrice.priceTitle .column {
		padding: 6px 3px;
		font-weight: 300;
	}
	

	/* .PricesResultsCont .totalTable .table .tablerow .flex-item {
		display: table-cell;
	}
	 */
	.PricesResultsCont .totalTable .tablerow.top{
		vertical-align:top;
		height:50px;
	}
	
	.PricesResultsCont .totalTable .tablerow.bottom {
		vertical-align:bottom;
		height:50px;
	}
	
	.PricesResultsCont .totalTable .tablerow.empty .totalTitle, .PricesResultsCont .totalTable .tablerow.empty .totalPrice{
		background:#fff; 
		border:none;
	}
	


	.PricesResultsCont .totalTitle{
		/* background:#00529C; */
		width: 18%;
		display:table-cell;
		vertical-align:middle;
		color:#ffffff;
		font-size:16px;
		font-weight:bold;
		text-align:right;
		padding:0 8px 0 0;
		border-top:1px solid #fff;
	}

	.totalTable.IT .totalTitle {
		width: 16% !important;
	}
	.totalTable.GR .totalTitle, .totalTable.ES .totalTitle, .totalTable.DE .totalTitle {
		width: 17% !important;
	}
	.totalTable.NL .totalTitle {
		width: 19% !important;
	}
	.totalTable.FR .totalTitle {
		width: 14.5%;
	}
	
	
	.PricesResultsCont .onePriceColumn .totalTitle{
		width:66.72%!important;
	}
	.PricesResultsCont .totalTitle {
		border-right: none;
	}
		
	.PricesResultsCont .tablerow .totalPrice{
		/* background:#00529C; */
		display:table-cell;
		color:#ffffff;
		font-size:16px;
		font-weight:bold;
		vertical-align:middle;
		/*width:28.56%;*/
		width: 25%;
		border-top:1px solid #fff;
	}

	.PricesResultsCont .tablerow.top {
		background: #00529C ;
	}
	.PricesResultsCont .tablerow.bottom {
		background: #7db921 ;
	}
		
		.PricesResultsCont .totalPrice .column{
			float: right;
			text-align: center;
			width: 50%;
		}

			.PricesResultsCont .onePriceColumn .totalPrice .column, .priceTitle.col3.onePriceColumn .column{
				width: 100%!important;
			}
			
			
		.PricesResultsCont .totalPrice.priceCheck .column:first-child{
			float: left;
		}
	
	.costtable{
		width:100%;
		height:100%;
		overflow:hidden;
		display:table;
	}
	.noticesbox {
		width: 49%;
		display: table-cell;
		background: #f1f1f1;
		height: auto;
		overflow: hidden;
		padding: 10px;
	}

	._requestOffer {
		cursor:pointer; text-decoration:underline; font-size:20px; color:#da1f28;
	}
	.costtable .empty{
		display:table-cell;
		width:2%;
	}
	
	.totalCost{
		width:49%;
		display:table-cell;
		height:auto;
		margin:10px 0 20px;
		font-size:14px;
		font-size:16px\0; /* ie8, ie9, ie10, ie11 only */
		color:#040404;
		position:relative;
	}
	
		.totalCost .totalTable{
			width:100%;
			height:auto;
			overflow:hidden;
			background:#decebd;
			padding:1%;
		}
		
		.totalCost .col2 {
			text-align:right;
			font-weight:bold;
			padding:0 20px 0 0;
			color:#e01f28;
			font-size:16px;
			font-weight:bold;
		}
		
			.totalCost .col2 .totalTitle{
				position:absolute;
				bottom:0;
				right:30%;
				padding:0 20px 14px 0;
			}
		
		.totalCost .col3 .column, .suggestion .suggbox .inner .col2 .column{
			padding:0;
			text-align:center;
			height:auto;
			overflow:hidden;
		}
		
		.totalCost .col3 .column .offer, .suggestion .suggbox .inner .col2 .offer{
			text-align:center;
			width:auto;
			font-size:14px;
			color:#3a3939;
			font-weight:bold;
			line-height:15px;
			margin:0 0 8px 0;
		}
		.totalCost .col3 .column .offer.red, .suggestion .suggbox .inner .col2 .offer.red{
			color:#ff3333;
		}
		
		.totalCost .col3 .column .offer font, .suggestion .suggbox .inner .col2 .offer font{
			font-weight:normal;
			font-size:11px;
			display:block;
			color:#3a3939;
		}
	
		.totalCost .col3 .column .price, .suggestion .suggbox .inner .col2 .price{
			 text-align: right;
			 padding: 0 36px 0 0;
			 font-size:16px;
			 font-weight:bold;
			 color: #040404;
		}
		
	.offerNotes{
		width:100%;
		height:auto;
		overflow:hidden;
		margin:10px 0 20px;
		font-size:14px;
		padding:0 10px;
	}
	
		.offerNotes p{
			color:#da1f28;
			font-weight:bold;
			margin:0 0 6px 0;
			padding:0;
		}
		
		.offerNotes ul{
			/* list-style-type:none; */
			margin:0;
			padding: 10px 0 0 15px;
		}
		
		.offerNotes ul li span{
			color:#da1f28;
			font-weight:bold;
		}

		.offerNotes ul li::before {
			content: '▶';
			position: relative;
			left: -11px;
			margin: -5px;
			color: #9a9d9f;
			font-size: 11px;
		}

		.offerNotes ul li{
			line-height:16px;
			margin:0 0 6px 0;
		}
		
.msgbox {
    background: #f5f5f5;
    color: #3a3939;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    line-height: 22px;
    padding: 10px;
    text-align: center;
    width: 100%;
    margin: 0;
}

.msgbox a{
	font-weight:bold;
	cursor:pointer;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{
	margin:38px 0 0 0;
	color:#ff3333;
	border: 1px solid #e3e3e3;
	font-size:14px;
}
		
/* 2.2 Alternative Offers
--------------------------------------------- */	
#step2-2{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	margin:0 0 200px 0;
	
}

.suggestion{
	width:auto;
	height:auto;
}

	.suggestion .suggtitle{
		display:inline-block;
		padding:10px 2%;
		text-align:left;
		color:#244864;
		font-size:15px;
		background:#fff;
		border:1px solid #b6b5b5;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
		.suggestion .showdetails #txtHide{
			display:none;
		}
	
	.suggestion .suggbox{
		width:100%;
		height:auto;
		overflow:hidden;
		margin:6px 0 40px 0;
		background:#fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #b6b5b5;
		padding:2%;
		display:table;
	}
	
		.suggestion .suggbox .inner{
			background:#f5f5f5;
			border:1px solid #b6b5b5;
			width:auto;
			height:auto;
			overflow:hidden;
			padding: 0 12px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		
			.suggestion .suggbox .inner .col1{
				width:70%;
				height:auto;
				overflow:hidden;
				float:left;
			}
			
				.suggestion .suggbox .inner .col1 .route{
					width:auto;
					height:38px;
					line-height:38px;
					border-bottom:1px solid #c3c2c2;
					padding:0;
					text-transform:uppercase;
					text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
					color: #3a3939;
					font-size: 14px;
					font-weight: bold;
				}
					
					.suggestion .suggbox .inner .col1 .route:last-child{
						border-bottom:none;
					}
				
					.suggestion .suggbox .inner .col1 .route img{
						border:1px solid #ffffff;
						 margin: 11px 12px 0 0;
						width:97px;
						height:17px;
						-webkit-box-shadow: 1px 1px 1px #bbb;
						-moz-box-shadow: 1px 1px 1px #bbb;
						box-shadow:1px 1px 1px #bbb;
						float:left;
					}
			
					.suggestion .suggbox .inner .col1 .route span{
						background: url("/template/styles/imgs/arrow-grey-small.png") no-repeat center center;
						width:9px;
						height:9px;
						margin:0 8px;
						display:inline-block;
					}			
			
			.suggestion .suggbox .inner .col2{
				width:30%;
				height:auto;
				overflow:hidden;
				float:left;
			}
			
			.suggestion .suggbox .inner .col2 .offer{
				margin:0;
			}
	
.suggboxdetails{
	width:100%;
	padding:2%;
	height:auto;
	overflow:hidden;
	background:#ffffff;
	border:1px solid #e3e3e3;
	margin:6px auto 40px;
	display:none;
}

.showdetails{
	cursor:pointer;
	margin:0;
	height:24px;
	width:24px;
	background: url("/template/styles/imgs/arrow-d.svg") no-repeat center right;
	position:absolute;
	top:41px;
	right:8px;
}

.showdetails.expand{background: url("/template/styles/imgs/arrow-t.svg") no-repeat center right;}
		
		
/* 2.3 Bonus per Mile
--------------------------------------------- */	
/* .bonuspermile{

	background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
    
} */
	
	#bonusMembers{
		width:100%;
		height:auto;
		overflow:hidden;
	}
	
	#bonusSlogan p{
		font-family:'Handwritten', 'Ubuntu-L';
		font-size:25px;
		color:#7db921;
		letter-spacing:normal;
		text-align:center;
		margin:24px 0 24px;
		padding:0;
		line-height:42px;
	}
	
	.bonuspermile .closepanel{
		background:url('/template/styles/imgs/close.png');
		width:31px;
		height:31px;
		margin:-10px 0 0 0;
		float:right;
	}
	
	/*.bonuspermile .content{
		
   		background: #ffffff;
		border: 1px solid #e3e3e3;
		height: 80vh;
		overflow-y:scroll;
		margin: 143px auto 0;
		padding: 2%;
		width: 100%;
		
	}	
	*/
	.bonuspermile .banner, .bonuspermile .bannerreward{
		background-image:url('/template/styles/imgs/bonus-banner3.jpg');
		background-size:cover;
		min-height:199px;
		background-position:0 center;
		width:100%;
	}
	
	.bonuspermile .bannerreward{
		background-image:url('/template/styles/imgs/reward-banner2.jpg');
	}
	
		.bonuspermile .banner .message, .bonuspermile .bannerreward .message{
			width:640px;
			height:auto;
			overflow:hidden;
			float:right;
			text-align:right;
			display:table;
		}
		
		.bonuspermile .banner .message .column{
			text-align: center;
			display:table-cell;
			vertical-align:middle;
			height:199px;
			padding:0 160px 0 0;
		}
			.bonuspermile .banner .message .column p{
				font-family: 'Ubuntu-R';
				color: #1f2022; 
				font-size: 17px;
				font-weight: normal;
				margin:0;
				padding:0;
			}
			
			.bonuspermile .banner .message .column .bonusexpand{
				background: url("/template/styles/imgs/redarrow-up.png") no-repeat right 0;
				height:20px;
				width:auto;
				cursor: pointer;
    			display: inline-block;
				margin: 0 10px 10px 0;
   		 		padding: 0 30px 0 0;
				font-family: 'Ubuntu-R';
				color: #1f2022;
				font-size: 17px;
				font-weight: normal;
			}
			
			.bonuspermile .banner .message .column .bonusexpand.collapse{
				background: url("/template/styles/imgs/redarrow-down.png") no-repeat right 0;
			}
			
			.bonuspermile .banner .message .column font{
				font-size:92px;
				font-weight:bold;
				color:#7db921;
				width: 70%;
				font-family: 'Ubuntu-B', Arial;
				text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
			}
			
		
		.bonuspermile .bonusMembers{
			width:100%;
			height:auto;
			overflow:hidden;
			display:table;
			border:1px solid #b6b5b5;
			border-top:none;
			color:#7db921;
		}
		
			.bonuspermile .bonusMembers .row{
				width:auto;
				height:34px;
				display: table-row;
				border-bottom:1px solid #b6b5b5;
			}
			
			.bonuspermile .bonusMembers .row .column{
				border-right: 1px solid #d7d4d4;
				border-bottom:1px solid #b6b5b5;
				display: table-cell;
				text-align: center;
				vertical-align: middle;
				width: 14.28%;
			}
				
				.bonuspermile .bonusMembers .row .column .date{
					background:#decebd;
					height:34px;
					line-height:34px;
					border-bottom: 1px solid #b6b5b5;
					color:#414141;
				}
				
				.bonuspermile .bonusMembers .row .column span{
					display:block;
					height:34px;
					line-height:34px;
					font-weight:bold;
					font-size:18px;
				}
				
			
			.bonuspermile .bonusMembers .row:last-child .column {
				border-bottom:none;
			}
			
			.bonuspermile .bonusMembers .row .column:last-child{
				border-right:none;
			}
			
			.bonuspermile .bonusfooter{
				width: 100%;
				background:#decebd;
				border:1px solid #b6b5b5;
				border-top:none;
				height:34px;
				line-height:32px;
				text-align:center;
				color:#414141;
				margin:0 0 20px 0;
			}
			
			.bonuspermile .bonusfooter font{
				font-family: "Ubuntu-B",Arial;
				font-size:19px;
				font-weight:bold;
				color:#e5020d;
				padding:0 8px;
			}
			
		.bonuspermile .bannerreward .message{
			padding:0 16px 0 0;
			margin:2%;
			width: 50%;
			text-align:left;
		}
		
		.bonuspermile .banner .message .whiteoverlay, .bonuspermile .banner .message .whiteoverlay2, .bonuspermile .bannerreward .message .whiteoverlay {
			font-family: 'Ubuntu-C', Arial;
			text-transform:uppercase;
			text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
			color:#2f2e2e;
			font-size:26px;
			background-color: rgba(255, 255, 255, 0.6);
			padding:12px;
			display:inline-block;
		}
		
		
		.bonuspermile .banner .message .redoverlay {
			font-family: 'Ubuntu-C', Arial;
			text-transform:uppercase;
			text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
			color:#ffffff;
			font-size:26px;
			background-color: rgba(220, 59, 31, 0.9);
			padding:12px;
			display:inline-block;
			font-weight:normal;
			margin:10px 10px 0 0;
			z-index:100;
			position:relative;
		}
		
		
		.bonuspermile .bannerreward .message .greyoverlay {
			font-family: 'Ubuntu-C', Arial;
			text-transform:uppercase;
			text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
			color:#2f2e2e;
			font-size:25px;
			width:auto;
			background-color: rgba(255, 255, 255, 0.6);
			padding:8px 20px;
			display:inline-block;
			font-weight:normal;
			margin:4px 0 0 0;
			z-index:100;
			position:relative;
		}
		
		.bonuspermile .bannerreward .message .greyoverlay.small {
			text-transform:lowercase;
			float:right;
			color:#55514e;
			padding:4px 20px 10px;
			font-size:20px;
		}
		
		.bonuspermile .bannerreward .message .redoverlay {
			font-family: 'Ubuntu-C', Arial;
			text-transform:uppercase;
			text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
			color:#ffffff;
			font-size:29px;
			background-color: rgba(255, 68, 49, 1);
			padding:4px 20px 8px;
			display:block;
			margin:4px 0 0 0;
			z-index:100;
			position:relative;
			text-align:center;
			letter-spacing:0.04em;
		}
		
		.bannerreward .segoe {
			font-family: 'Segoeprb', Arial;
			color:#ffffff;
			font-size:26px;
			display:inline-block;
			font-weight:bold;
			font-style:italic;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
		}
		
		.bannerreward .segoe.big {
			font-size:50px;
		}
		
		.bonuspermile .bonusTxt{
			width:100%;
			height:auto;
			overflow:hidden;
			margin:8px 0 14px;
			display:none;
		}
		
			.bonuspermile .bonusTxt p.title::before{
				content:"";
				width:8px;
				height:12px;
				background:#7db921;
				display:inline-block;
				margin:0 8px 0 0;
			}
			
			.bonuspermile .bonusTxt p.title{
				font-family: 'Ubuntu-C', Arial;
				text-transform:uppercase;
				text-transform:capitalize\0; /* ie8, ie9, ie10, ie11 only */
				font-weight:bold;
				color:#5d5d5d;
				margin:6px 0 0;
				font-size:16px;
				line-height:18px;
				padding:0;
				letter-spacing:-0.05em;
			}
			
			.bonuspermile .bonusTxt p{
				color:#4b4a4a;
				margin:0;
				padding:0 16px;
				font-size:14px;
			}
			
			
			.bonuspermile .bonusTable .smalltxt{
				text-align:center; 
				font-size:12px; 
				line-height:11px;
			}
			
/*-------------------------------------- STEP 3*/	

/* 3.1 Availability & Prices
--------------------------------------------- */	

#step3-1{
	width:100%;
	height:auto;
	overflow:hidden;
}	

#step3-1 .suggestion{
	display:block;
	margin:0 0 20px 0;
}
	
#tripdetails .pricesResults{
	margin: 0 0 32px;
	position:relative;
	overflow:visible;
}

#tripdetails .pricesResults .title .main{
	padding:0 166px 0 12px;
}

#tripdetails .pricesResults:last-child{
	margin: 0 0 8px 0;
}

#tripdetails .suggbox{
	margin:6px 0 10px;
}
#tripdetails .suggbox .inner{
	background:#f5f5f5;
	border:1px solid #b6b5b5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:auto;
	height:auto;
	overflow:hidden;
	padding:0 12px;
}
	
#tripdetails .pricesResults .pricesTable .boxtitle.cost .col3{
	text-align:right;
	padding:0 36px 0 0;
	font-size:14px;
}	

#tripdetails .pricesResults .pricesTable .boxtitle .col2 {
	border-right: 1px solid #c3c2c2;
    display: table-cell;
    padding: 0 0 0 8px;
    vertical-align: middle;
    width: 57.12%;
}


#tripdetails .pricesResults .pricesTable .row .col2{
	width: 57.12%;
}

#tripdetails .pricesResults .pricesTable .boxtitle .col3 {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 14.28%;
	font-size:12px;
}

#tripdetails .pricesResults .pricesTable .row .col3 {
	width: 14.28%;
	padding: 0 36px 0 0;
    text-align: right;
}

#tripdetails .pricesResults .main .col1{
	width: 60%;
	height:auto;
	overflow:hidden;
	float:left;
}
	
	#tripdetails .pricesResults .price{
		background: url("/template/styles/imgs/pricetag.png") no-repeat 0 0;
		width:123px;
		height:35px;
		line-height:32px;
		position:absolute;
		top:-6px;
		right:10px;
		z-index:1000;
		color:#fff;
		font-size:19px;
		font-weight:bold;
		text-align:center;
		padding:0 0 0 8px;
	}
	
	#tripdetails .pricesResults .columnship{
		position:absolute;
		top:44px;
		left:10px;
		background:#fff;
		font-size:11px;
		color:#414141;
		padding:2px 4px;
		line-height:14px;
		min-width:97px;
	}
	
#tripdetails .pricesResults .main .col2, #tripdetails .pricesResults .main .col3, #tripdetails .pricesResults .cost .col2, #tripdetails .pricesResults .cost .col3{
	font-weight: bold;
	text-align:right;
	padding:0 8px 0 0;
}

	#tripdetails .boxtitle.cost .col2{
		padding:0 8px 0 0 !important;
	}

	#tripdetails .pricesResults .col1 .route, #tripdetails .pricesResults .col2 .title, #tripdetails .pricesResults .col3 .price{
		height: 38px;
    	line-height: 38px;
		border-bottom: 1px solid #c3c2c2;
		padding:0;
	}
	
	#tripdetails .pricesResults .col1 .route img {
		border: 1px solid #ffffff;
		float: left;
		height: 17px;
		margin: 11px 12px 0 0;
		width: 97px;
	}

	#tripdetails .pricesResults .col3 .title{
		padding:0 20px 0 0;
	}
	
	#tripdetails .pricesResults .col3 .price{
		padding:0 36px 0 0;
		color:#fff;
		font-size: 15px;
	}
	
	#tripdetails .pricesResults .col1 .route:last-child, #tripdetails .pricesResults .col2 .title:last-child, #tripdetails .pricesResults .col3 .price:last-child{
		border-bottom: none;
	}
	
.delTickets{
	width:100%;
	height:auto;
	margin:10px 0 40px;
	position:relative;
	/* border: 1px solid #c3c2c2; */
}

	.delTickets .deliveryTable{
		width:100%;
		height:auto;
		overflow:hidden;
	}
		
		.deliveryTable .deltitle{
			color: #ffffff;
			background: #2F84E4;
			width:auto;
			height:auto;
			overflow:hidden;
			padding: 5px 10px;
		}
	
		.delTickets .deliveryTable p, .couponTable p{
			color:#3a3939;
			font-size:14px;
			margin:0;
			padding:0;
			font-weight:bold;
		}
		
		.delTickets .deliveryTable .col1{
			width:84%;
			float:left;
			padding:8px 0 0 0;
		}
		
		.delTickets .deliveryTable .col2{
			width:16%;
			float:left;
			padding: 14px 36px 0 0;
    		text-align: right;
			color: #3a3939;
			font-weight: bold;
			line-height: 20px;
			display:none;
		}
		
		.delTickets input[type="radio"] + label, .paymentTable input[type="radio"] + label{
			cursor:pointer;
			display:inline-block;
		}
		
		.paymentTable.request input[type="radio"] + label{
			padding-right: 12px;
		}

		#paymentPanel h2 {
			padding: 0;
		}
		
		.companywrapper{
			width: 29.5%;
		}
		
		.companywrapper label{
			display: inline-block;
   			padding: 0 0 6px 4px;
		}
		
		.delTickets input[type="radio"] + label:last-child{
			margin:0 0 0 40px;
		}
		
		.paymentTable .boxtitle .tooltip{
			margin:0 40px -4px 10px;
		}
		
		.delTickets input[type="radio"] + label span, .paymentTable input[type="radio"] + label span {
			margin: 0 6px 0 0;
		}
		
		.paymentTable #ccpanel input[type="radio"] + label span, .paymentTable #ccpanel input[type="radio"]:checked + label span, .paymentTable #bankpanel input[type="radio"] + label span, .paymentTable #bankpanel input[type="radio"]:checked + label span{
			 width: 36px;
			 height:36px;
			 background: rgba(0, 0, 0, 0) url("../imgs/radio.png") no-repeat left top;
			 float:left;
			 margin: 10px 25px;
		}
		
		.paymentTable #ccpanel input[type="radio"]:checked + label span, .paymentTable #bankpanel input[type="radio"]:checked + label span{
			background-position:-36px top;
		}
		
	.delTickets .tableCourrier{
		width:auto;
		height:auto;
		overflow:hidden;
		margin:0;
		padding:0;
	}
		
		.delTickets .row{
			height:auto;
			overflow:hidden;
		}
	
		.delTickets .column:first-child{
			width:28.56%;
		}
		
		.delTickets .column:first-child label[for=delMethod]{
			display:none;
		}
		
		.delTickets .column:first-child .select-style select{
			border: 1px solid #e01a33;
		}
		
		.delTickets .column{
			width:57.12%;
			display:table-cell;
			vertical-align:middle;
			padding:8px 0 8px 6px;
		}
		
		.delTickets .row .column .row .column{
			width:14.28%;
			display:table-cell;
			vertical-align:middle;
			padding:6px 0 6px 6px;
		}
		
			.delTickets .row .column .row .column:last-child .select-style{ 
				float:left;
			}
		
		.delTickets .column.ticketcost, #ccpanel .row.cardspanel .column.creditcost{
			background:#2fa1df;
			padding:8px;
			text-align:center;
			border: 14px solid #fff;
			color:#ffffff;
		}
		
		.delTickets .column.ticketcost input, .paymentTable .column.creditcost input{
			border:none;
			font-weight:bold;
			color:#ffffff;
			text-align: right;
			padding: 0 16px 0 0;
			background:none;
		}
	
.couponTable{
	width:100%;
	height:auto;
	overflow:hidden;
	border:1px solid #b6b5b5;
	margin:10px 0 40px;
	font-size:14px;
	position:relative;
	padding: 8px;
}
		
		.couponTable .row{
			height: auto;
			overflow: hidden;
			padding: 0;
			width: auto;
		}
		
		.couponTable .row.title{
			background: #eeeeee;
			padding:8px 0;
		}
		
		.couponTable .row.title .col1{
			padding:0 0 0 8px;
		}
		
		.couponTable .row.title .col2{
			text-align:center;
			padding:0;
			color:#414141;
			font-weight:normal;
		}
		
		.couponTable .col1{
			width: 84.2%;
			float:left;
			padding:0;
			color:#414141;
		}
			.couponTable .col1 .column:first-child{
    			width: 19%;
			}
			
			.couponTable .col1 .column{
				padding: 6px 0 0;
    			width: auto;
				float:left;
				margin:0 6px 0 0;
			}
	
		.couponTable .col2{
			width: 15.8%;
			float:left;
			color: #ff3333;
			font-size: 14px;
			font-weight: bold;
			padding: 14px 30px 0 0;
			text-align: right;
		}
		
		.couponTable .greenbtnSmall{
			margin:0;
		}
		
		.couponTable .addButton{
			margin: 4px 10px 0;
		}
		
		.couponTable .removeButton{
			float:left;
			position:relative;
			bottom:0;
			margin: 4px 10px 0;
		}

/* 3.2 Passengers & Vehicles Details
--------------------------------------------- */	

#step3-2{
	width:100%;
	height:auto;
	overflow:hidden;
}	
	
.passvehdetails{
	width:100%;
	height:auto;
	overflow:hidden;
}	
	
.passTable .boxtitle .column.number{
	width:14.28%;
}

.passTable .boxtitle .column{
	width:16.66%;
	padding:6px 0 6px 6px;
	display:table-cell;
	vertical-align:middle;
}

.passTable.intertrip .boxtitle .column:first-child, .passTable.intertrip .passenger .row .column:first-child{
	width:9%;
}	

.passTable.intertrip .boxtitle .column, .passTable.intertrip .passenger .row .column{
	width:13%;
}	
	.passTable .boxtitle .column:first-child img{
		float: left;
    	margin: -4px 6px 0 0;
		cursor:help;
	}
	
.vehTable .boxtitle .column{
	display:table-cell;
	width:16.66%;
	padding:6px 0 6px 6px;
	line-height:15px;
	vertical-align:middle;
}
	
	.vehTable.intertrip .boxtitle .column{
		width:12.5%;
	}

	.passTable .passenger, .vehTable .vehicle{
		clear:both;
		width:auto;
		height:auto;
		overflow:hidden;
		margin:6px 0 0 0%;
	}
		
		.passTable .passenger .title{
			background:#f0ecec;
			border:1px solid #c3c2c2;
			border-bottom:none;
			color:#212121;
			font-size:14px;
			padding:6px;
			display:inline-block;
			position:relative;
			z-index:2;
		}
			
			.passTable .passenger .title span{
				display:inline-block;
				margin:0 6px;
			}

			.passTable .passenger .title font{
				font-size:10px;
				color:#6d6a6a;
				display:inline-block;
				margin:0 0 0 3px;
			}
			
		.passTable .passenger .row, .vehTable .passenger .row{
			height:auto;
			overflow:hidden;
			clear:both;
			width:100%;
		}
		
		.phonegroup select{
			background: url(../imgs/arrow-d-sg.png) no-repeat right 12px !important;
			border: none;
			border-bottom: 1px solid #949494 !important;
			border-radius: 0;
			height: 29px;
			background: #fff;
			font-size: 13px;
			width: 27%;
			color: #6c7477;
		}
		.phonegroup input{
			width: 70% !important;
			padding: 0 0 0 4px !important;
		}
		.tableCourrier .phonegroup {
			position:relative;
		}
			.passTable .passenger .row.contperson{
				width:100%;
				display:table;
				margin:0;
			}
			
			.passTable.intertrip .passenger .row.contperson{
				margin: -14px 0 0 22%;
				width: 78%;
			}
			
				.passTable .passenger .row.contperson .column{
					display:table-cell;
					vertical-align:middle;
					padding:6px 0 6px 0;
					width:66.66%;
				}
				
				.passTable.intertrip .passenger .row.contperson .column{
					width:50%;
				}
				
				.passTable.intertrip .passenger .row.contperson .column:last-child{
					width: 25%;
				}
				
				
				
				.passTable .passenger .row.contperson .column:last-child{
					padding: 14px 0 0 8px;
					text-align: left;
					width: 16.66%;
				}
				
				.passTable .passenger .row.contperson .column.comments{
					vertical-align:top;
					
				}
				
				.passTable .passenger .row.contperson .column.comments label{
					padding: 0 0 4px 0;
    				text-align: left !important;
					display:inline-block;
					width:73%;
					
				}
				
				.passTable .passenger .row.contperson .column.comments .tooltip{
					margin: -4px 0 0 10px;
				}
				
				.passTable .passenger .row.contpersoninner .column, .passTable .passenger .row.contpersoninner .column:last-child{
					width:25%!important;
					text-align:center;
					padding:6px 0 6px 0;
				}
			
			.vehTable .row .column{
				width:16.66%;
				padding:8px 0 8px 0;
				display:table-cell;
				vertical-align:middle;
			}
			
			.vehTable.intertrip .row .column, .vehTable.intertrip .boxtitle .column{
				width:13%;
			}
			
			.totalroutecost{
				width: 100%;
				height: auto;
				position: relative;
				margin: 20px 0 100px;
				color: #fff;
				font-size: 19px;
				font-weight: bold;
			}
			.totalroutecost .trlabel{
				width: 642px;
				height: 42px;
				line-height: 42px;
				background: #2fa1df;
				text-align: center;
				float: right;
			}
			.totalroutecost .trcost{
				background: url("/template/styles/imgs/pricetag-big.png") no-repeat 0 0;
				width:123px;
				height:45px;
				line-height:50px;
				position:absolute;
				top:-6px;
				right:10px;
				z-index:1000;
				text-align:center;
				padding:0 0 0 8px;
			}
			#cpMobileCode_value{
				width: 45px !important;
				position: absolute;
				left: 8px;
				border-bottom: none !important;
				pointer-events: none;
				z-index:0;
				background-color:#ffffff;
				background-image: url(../imgs/arrow-d-sg.png);
				background-repeat: no-repeat;
				background-position: right 12px !important;
				height:28px;
			}

			input#delMobileCode_value {
				width: 45px !important;
				position: absolute;
				left: -12px;
				/* border-bottom: none !important; */
				pointer-events: none;
				z-index: 0;
				background-color: #ffffff;
				background-image: url(../imgs/arrow-d-sg.png);
				background-repeat: no-repeat;
				background-position: right 12px !important;
				height: 32px;
			}


			#cpMobile{
				margin-top: 3px;
			}
			.passTable .passenger .row .column{
				width:16.66%;
				padding:8px 0 8px 0;
				display:table-cell;
				vertical-align:middle;
				text-align:center;
			}
			
			.passTable .passenger .row .column.pass{
				text-align:left;
			}

			.passTable .passenger .row.contpersoninner .column{
				width: 20%!important;
				position: relative;
			}
			.passTable .passenger .row.contpersoninner .column .tooltip{
				margin:0;
				position: absolute;
				right: 8px;
				bottom: 18px;
			}
			.passTable .passenger .row.contpersoninner .column:first-child, .passTable .passenger .row.contperson .column:first-child{
				padding:7px 0 8px 0;
				text-align:center;
			}
			.passTable .passenger .column .inp_line, .vehTable .vehicle .column .inp_line{
				border-bottom: 1px solid #d2d2d2;
				height: 27px;
				line-height: 23px;
			}
			.passTable .passenger .column .inp_line strong, .vehTable .vehicle .column .inp_line strong{
				color: #76c02b;
				padding-right: 4px;
			}
			.passTable .row .column .inp_line font, .vehTable .vehicle .column .inp_line font{
				display: inline;
				margin: 0 0 0 2px;
			}

			.passTable .passenger input#cpSurname, .passTable .passenger input#cpName{ width:95%;}
			
				.passTable .passenger .row.contpersoninner .column label, .passTable .passenger .row .column label{
					display: none;
					float:left;
					line-height: 14px;
					padding: 0 0 4px 6px;
					text-align:left;
					float:left;
				}
				
				.passTable .passenger .row.contpersoninner .column .tooltip{
					margin: -4px 0 0;
				}
			
			.passTable .passenger .row .column:first-child{
				padding:8px 0 8px 6px;
				text-align:left;
			}
			
			.passTable .passenger .row .column.check label{
				padding: 0 0 0 6px;
			}

		.passTable input.editcard{
			background: #ffffff url("/template/styles/imgs/edit.png") no-repeat center center;
			height: 35px;
			width:33px;
			border-left:none;
			float:right;
			margin:-10px 0 0 0;
			cursor:pointer;
			position:absolute;
			top:6px;
			right:6px;
		}
			
			.passTable input.editcard.disabled{
				background: #eeecec url("/template/styles/imgs/edit-dis.png") no-repeat center center;
				cursor:default;
			}
			
/* 3.3 Payment & Contact Details
--------------------------------------------- */

#step3-3{
	width:100%;
	height:auto;
	overflow:hidden;
}

#ccpanel{
	height:auto;
	overflow:hidden;
	display:block;
	border: 1px solid #D1D7DA;
	border-radius: 2px;
	width: 66%;
	float: left;
}

#bankpanel{
	height:auto;
	overflow:hidden;
	display:none;
	border: 1px solid #D1D7DA;
	border-radius: 2px;
	width: 66%;
	float: left;
}

.fivecolumns{
	width:20%;
	float:left;
	padding: 6px 0 6px 8px;
}

.paymentTable .row .column{
	width:20.86%;
	float:left;
	padding: 6px 0 6px 8px;
}

.paymentTable .row .column:last-child{
	width:16.56%;
}

.twocolumns{
	width:36%;
	float:left;
}

	.twocolumns .select-style{
		margin:0;
	}

.threecolumns{
	width:32%;
	float:left;
	margin:20px 0 48px 1%;
	text-align:center;
}

#ccpanel .threecolumns{
	width:32%;
	margin:0 2% 0 0;
}
	#ccpanel .threecolumns:last-child{
		margin:0;
	}
	
#ccpanel .row.cardspanel .fourcolumns, #bankpanel .row.cardspanel .fourcolumns{
	width:27.81%;
	padding:8px 0 8px 8px;
	float:left;
}
	#ccpanel .row.cardspanel .fourcolumns:last-child, #bankpanel .row.cardspanel .fourcolumns:last-child{
		width:16.56%;
		text-align:center;
	}

#ccpanel .row.cardspanel{
	width:100%;
	height:auto;
	overflow:hidden;
	display:table;
}

	#ccpanel .row.cardspanel .column{
		width:14.28%;
		display:table-cell;
		vertical-align:middle;
		padding: 12px 7px 12px 12px;
	}
	
	
	#ccpanel .row.cardspanel.six .column{
		width:16.66%!important;
		display:table-cell;
		vertical-align:middle;
		padding: 0;
	}

	#ccpanel .row.cardspanel .column:first-child{
		width: 100%;
	}

	.row.cardspanel.input-wrapper {
		padding: 20px;
		background: #EEEEEE;
		width: 98% !important;
		margin: 18px 0px 2px 0;
	}

	.row.cardspanel input#cardHolder {
		width: 100% !important;
	}
	.row.cardspanel input#cardHolder, .row.cardspanel input#CardNum, .row.cardspanel input#cardCvv, .row.cardspanel .select-style select  {
		border: 1px solid #ffffff !important;
		margin-bottom: 20px !important;
	}

	.row .card-num-wrapper {
		width: 47%;
		background: #ffffff;
		border-radius: 2px;
	}
	.row.card-num-wrapper input{
		width: 47%;
	}
	.paymentTable .row input.small {
		margin: 0;
	}
	.row.cardspanel .column.card-num, .column .card-cvv, .column .card-exp {
		padding: 0 !important;
	}

	.column .card-num {
		width: 48% !important;
	} 
	.column .card-cvv {
		width: 15% !important;
	} 
	.column .card-exp {
		width: 37% !important;
	}
	.column .card-exp label{
		margin-left: 2%;
	}
	.column .card-exp .select-style {
		float: left;
		width: 48%;
		margin-left: 2%;
	}
	#ccpanel .row.cardspanel {
		width: 100%;
		height: auto;
		overflow: hidden;
		display: table;
	}
	

/* 	
	#ccpanel .row.cardspanel.four .column{

		width:16.66%!important;
		width: 100%;
		display:table-cell;
		vertical-align:middle;
		padding: 0;
	} */
	
		#ccpanel .row.cardspanel.four .column.abbr label{
			display:inline-block;
		}
		
		#ccpanel .row.cardspanel.four .column.abbr .tooltip{
			margin: 0 0 -3px 2px;
		}
		
		#ccpanel .row.cardspanel.four .column.big{
			width:33.32%!important;
		}

#ccpanel .row.cardspanel .sixcolumns, #bankpanel .row.cardspanel .sixcolumns{
	width:14.28%;
	padding:8px 0 8px 8px;
	float:left;
}

.ccbox{
	width:90%;
	height:auto;
	text-align:left;
	position:relative;
}
	
	/*.ccbox.selected{
		border:1px solid #9e9e9e;
	}*/


	.ccbox label{
		padding:0!important;
		width:auto;
		height:auto;
		display:inline-block;
	}
	
	.ccbox label font img {
		float: left;
		width: 86px;
		height: 60px;
		margin: 0 0px 0 0;
	}
	
	.ccbox label font{
		color:#222;
		margin:0;
		width:auto;
		height:35px;
		line-height:11.5px;
		overflow:hidden;
		padding:5px 0 0 0;
		font-size:11px;
		font-weight:bold;
		letter-spacing:-0.05em;
	}
		.ccbox label font strong{
			color:#1880af;
			font-size:14px;
			letter-spacing:-0.05em;
			display: block;
		}
		
		.ccbox label div{
			clear:both;
			font-size:10px;
			color:#555454;
			font-weight:normal;
			display:block;
			line-height: 10px;
			margin: 0 6px 2px 6px;
			width: auto;
		}
		
	#bankpanel .ccbox label font{
		font-size:14px;
		line-height:22px;
	}
	
	.countrybox {
		width: 40%;
		height: auto;
		text-align: left;
		position: relative;
		float: left;
	}

	.countrybox font{
		display: block;
		height: 34px;
		margin: 30px 0 0 34px;
		text-align: center;
		width: 50%;
		font-size:13px;
	}

	.countrybox span{
		float: left;
		margin: 0px 20px 20px 20px !important;
	}
		
		.countrybox font img{
			margin: 0 auto 2px;
			display:block;
		}
			
	
.paymentTable .greyBox .row.cccost{
	height:48px;
}

.cccost span{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	border:1px dashed #ff3333;
	background:#FFF;
	padding:9px;
}
		
	.cccost span .left{float:left;}
	.cccost span .right{float:right; font-weight:bold; font-size:15px;}
	

.contactdetails {
    height: auto;
    overflow: hidden;
    width: 100%;
	margin:0 0 20px 0;
}
	
.contacttitle{
	background:#eeeeee;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:8px;
	text-align:center;
	color:#454545;
	font-size:14px;
	padding:8px;
}

	.contacttitle label{
		float:left;
		color:#3a3939;
		padding:6px 0 0 0;
	}
	
	.contacttitle .select-style{
		width:40%;
		background-image: url("/template/styles/imgs/dropdown-arrows.svg");
		background-position: 96% 50%;	
		margin: 0 0 0 20px;
		border:3px solid #d6d4d4;
	}
	
	.contacttitle .select-style select{
		padding: 0 30% 0 4px;
		width: 138%;
	}

.paymentTable .greyBox, .contactTable .greyBox{
    height: auto;
    overflow: hidden;
    width: auto;
}

	.paymentTable .greyBox p{
		color:#3a3939;
		font-size:14px;
		margin:0;
		padding:8px;
		text-align:left;
	}
	
	.paymentTable .greyBox .row:last-child, .contactTable .greyBox .row:last-child{
		padding:8px;
	}
	
	.contactTable .greyBox .row label, .contactTable .greyBox label, .tableCourrier .row label{
		padding:0 0 4px 0;
		display:inline-block;
	}
	
	.paymentTable .greyBox .row label{
		display:block;
	}
	
	.paymentTable .column label{
		font-size:14px;
		color:#454545;
		padding:0 0 4px;
		display:block;
	}
	
	.paymentTable .column.ticketcost label{
		font-size:14px;
		color:#454545;
		padding:0 0 0 4px;
		display:inline-block;
		height:40px;
	}

	.paymentTable .row input.small {
		margin:0 4px 0 0;
	}
	
	.paymentTable .row input#cardCvv {
		display: block;
		margin: 0;
		width: 73%;
	}
	
	#ccpanel .greyBox .footer{
		clear:both;
		color:#454545;
		background: url("/template/styles/imgs/cards.png") no-repeat right 8px;
		text-align:right;
		padding:0 140px 0 0;
		height:54px;
		line-height:54px;
		margin:40px 8px 0;
		font-size:14px;
	}

	
	#bankpanel .greyBox .footer{
		clear:both;
		color:#454545;
		text-align:left;
		padding:0 0 0 0;
		height:auto;
		overflow:hidden;
		margin: 8px;
		font-size:14px;
		background:none;
	}
		#bankpanel .greyBox .footer font{
			display:block;
			color:#ff3333;
			font-weight:bold;
		}
.d-flex {
	display: flex;
}
.psd2-info.row {
    min-height: 55px;
    padding: 0px 12px 20px 12px;
    display: flex;
    align-items: center;
}
.psd2-info .column:nth-child(1) {
	width: 10%;
	padding: 0;
}
.psd2-info .column:nth-child(2) {
    width: 62.5%;
    padding: 0 14px;
}
.psd2-info .column:nth-child(3) {
	width: 34% !important;
	padding: 0;
}
.psd2-info-box .info-icon, .psd2-info-box .psd2-more-info{
	transition: all 0.3s !important;
}
.psd2-info-box.column:hover .info-icon, .psd2-info-box.column:hover .psd2-more-info{
	cursor: pointer !important;
	opacity: 0.9 !important;
}


.psd2-info-box .info-icon {
	height: 38px;
	width: 38px;
	background: #00529C;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
}
.psd2-info-box .psd2-more-info {
	height: 38px;
	background: #2F84E4;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.totalcostbox{

	height: auto;
	margin: 0 0 0 15px;
	position: relative;
	width: 32%;
	float: left;
	background: transparent;;
	color:#244864;
}

.totalcostbox-row{
	border: 1px solid #D1D7DA;
	height: auto;
    padding: 20px 10px;
	color:#244864;
	margin-bottom: 15px;
}

.totalcostbox .row {
    font-size: 14px;
    /* padding: 8px 0; */
	/* display: flex !important; */
	justify-content: space-between;
}

.totalcostbox.dark{
	background:#14b1e6;
	border: none;
	}

	.totalcostbox .row{
		width:100%;
		height:auto;
		overflow:hidden;
		font-size: 14px;
    	padding:0;
		display:table;
	}
	
	
	.totalcostbox .row .column{
		display:table-cell;
		vertical-align:middle;
    	padding: 0 5px 0 0;
    	width: 73%;
		text-align:left;
		line-height:24px;
	}
	
	.totalcostbox .row .column:last-child{
		width: 14.28%;
   		text-align: right;
		font-weight: bold;
		padding: 0 30px 0 0;
	}
	
	.totalcostbox .row.total .column:last-child{
		padding: 0 26px 0 0;
	}

	.totalcostbox-row .row.total {
		font-weight: 700 !important;
		border-top: 2px solid #c6cdd4 !important;
		line-height: 30px;
		margin-top: 10px
	}
	.totalcostbox-row .row.total .column {
		line-height: 40px;
	}
	.totalcostbox .column.price {
		width: 27% !important;
		padding: 0 !important;
	}
	.bottom-row {
		width: 100%;
		display: flex;
		align-items: center;
		margin: 40px 0;
	}

	.bottom-col-left input[type="checkbox"] + label span {
		background: rgba(0, 0, 0, 0) url(/template/styles/imgs/check-img2.svg) no-repeat left top;
		cursor: pointer;
		display: block;
		height: 32px;
		margin: 3px 6px 0 0;
		width: 32px;
		float: left;
	}

	.bottom-col-left {
		width: 66%;
		display: flex;
		
	}

	.bottom-col-left  .totalcostbox.dark {
		background: transparent;
		border: none;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.bottom-col-right {
		width: 33%;
		display: flex;
		justify-content: flex-end;
		margin-left: 2%;
	}

	.bottom-col-right .greenbtnSmall {
		display: block;
		margin: 0;
		width: 100%;
	}

	
		.totalcostbox.dark .row .column:first-child a{
			color: #fff;
			font-size:14px;
			font-weight:normal;
			display:block;
			margin:4px 0 0 0;
		}
		
		.totalcostbox.dark .row .column:first-child a:hover{
			text-decoration:underline;
		}
		
	.totalcostbox.dark .row .column:last-child{
		width: 14.28%;
	}

p.info{
	margin:0;
	padding:8px 0;
}

.terms{
	text-align:left;
	width:100%;
	line-height: 24px;
}
	
.termsbox{
	background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}

	.termsbox .content{
   		background: #ffffff;
		border: 1px solid #e3e3e3;
		height: auto;
		overflow:hidden;
		margin: 80px auto 0;
		padding: 2% 5%;
		width: 100%;
	}	
	
	.termsbox .termscontent{
		height: 250px;
		overflow-y:scroll;
		margin: 0 0 30px;
		padding:0 20px 0 0;
		text-align:justify;
	}
	
		.termsbox .termscontent p.title{
			font-weight:bold;
			color:#244864;
		}
		
		.termsbox .termscontent p{
			margin:0;
			padding:8px 20px 8px 0;
			text-align:justify;
		}
		
		.termsbox .termscontent ul{
			list-style-type: circle;
    		padding: 0 0 0 16px;
		}
	
		.termsbox .termscontent ul li {
			padding: 0 20px 0 12px;
		}
		
		.termsbox .greyButton{
			float:right;
		}


/* 3.4 Payment & Contact Details
--------------------------------------------- */
.confirmBox{
	width:100%;
	height:auto;
	border:1px solid #b6b5b5;
	margin:10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:14px;
	color:#040404;
	position:relative;
	background:#fcf5d2;
	padding:10px;
}

.confirmBox .inner{
	background:#fefae5;
	width:100%;
	height:auto;
	overflow:hidden;
	border:10px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:15px;
	color:#3a3939;
	padding:20px 0;
}
	
.confirmBox .leftbox{
	width:30%;
	height:auto;
	overflow:hidden;
	float:left;
	padding:18px;
	
}

.confirmBox .leftbox .bonus{
	background: #ffffff url("/template/styles/imgs/bonus-logo.jpg") no-repeat center 18px;
	width:100%;
	height:300px;
	overflow:hidden;
	border:1px solid #b6b5b5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:50px 0 0 0;
	text-align:center;
}

.confirmBox .leftbox .bonus .logotag{
	font-size:10px;
}

.confirmBox .leftbox .bonus .thankyou{
	margin:36px 0;
	font-size:19px
}

.confirmBox .leftbox .bonus .greenButton{
		margin: 10px;
		float:none;
}
.confirmBox .leftbox .bonus .greenButton a:hover{
	text-decoration:none;
	color:#fff;
}

.confirmBox .rightbox{
	width:70%;
	height:auto;
	overflow:hidden;
	float:right;
	padding:0 20px 0 0;
}

.confirmBox a{
	text-decoration:none;
}

.confirmBox a:hover{
	text-decoration:underline;
	color:#27aae1;
}

.phoneBox{
	width:100%;
	height:auto;
	border:1px solid #b6b5b5;
	margin:10px 0 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:14px;
	color:#040404;
	position:relative;
	background:#e4e1e1;
	padding:18px 10px;
	text-align:center;
}

.phoneBox p{
	color:#3a3939;
	font-size:15px;
	margin:0;
	padding:0;
}

.phoneBox font{
	color:#686868;
	font-size:38px;
	display:block;
	font-family: 'Ubuntu-B', Arial;
	font-weight:bold;
}

.phoneBox span{
	color:#3a3939;
	font-size:14px;
	display:block;
}
	
	
/*
No Plans
---------------------------------------------------------------------------------------------------- */
.pricesResults.no-plans .msgbox {
	background: #f5f5f5;
	padding: 5%;
}
.pricesResults.no-plans .msgbox h2 {
    font-weight: 900;
    margin:0 0 4% 0;
    line-height: 30px;
    letter-spacing: 2px;
    font-size: 24px;
    color: #5780d2;
    background: white;
    height: auto;
    padding: 30px;
	box-shadow: 1px 5px 18px -1px #e1d2d2;
}	
.pricesResults.no-plans .msgbox h2:after {
	content: '';
    display: block;
    width: 15%;
    border-bottom: 3px solid #7db921;
    margin: 12px auto 0;
}

.pricesResults.no-plans .msgbox .inform-p {
	font-size: 16px;
    padding: 0% 10% 0;
    letter-spacing: 1.2px;
	line-height: 26px;
    font-weight: bold;
}

.pricesResults.no-plans .msgbox .greenbtnSmall {
	margin: 32px 0 0 0;
}
.pricesResults.no-plans .trippanel .phonegroup select{
	padding: 0 15px; 
	width: 34%;
	color: #6c7477;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pricesResults.no-plans  .trippanel .phonegroup input{
	padding-left: 15px; 
    color: #6c7477;
	margin: 0;
	width: 55% !important;
}
.pricesResults.no-plans input#notify_email {
	width: 98% !important;
}

.pricesResults.no-plans  .trippanel{
	width: 48% !important;
	margin-right: 1%;
	float:left;
}
.pricesResults.no-plans .phonegroup {
	width:100%;
}
.pricesResults.no-plans input#notifyphone_required {
	width:66% !important;
	background-image:none;
	margin-left:0px;
}

.pricesResults.no-plans input#notify_email {
	width:66%;
	background-image:none;
}

.pricesResults.no-plans select#notifyphonecode_required {
	background-color:#ffffff !important;
	text-align: center;
	border-left:1px solid #949494;
	border-top:1px solid #949494;
	height:32px;
}

.secure-row .security-bar{
	width:83%;
}


/* Payment IFRAME */
#cardlinkACS {
    border: 0px;
    background-color: #ffffff;
	max-width: 400px;
	min-height: 500px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

#closeIframe {
	font-size:24px;
	background:#387ae4; 
	color:#fff; 
	cursor:pointer; 
	border:none; 
	height:34px; 
	width: 34px; 
	z-index:10000;
}



/* Reviews in thank you page */

.reviews-wrapper .contenttop {
	display: flex;
	justify-content: space-between;
	padding: 4% 4% 3%;
	width: 99%;
}
.rating-card {
    padding: 10px 10px 0 10px;
    background-color: #f8f8f8;
    color: #999999 !important;
    border-radius: 6px;
    text-align: center;
    margin: 7px auto 15px !important;
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2));
    border: 2px solid #999999;
}
.rating-card {
	min-height: 100px;
	
}
.platform-wrapper {
    width: 84%;
    margin: auto;
    margin-top: 30px;
}

.envoy-font {
	font-family: 'envoy';
}

.platform-card-title {
    position: absolute;
    top: -15px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 70%;
    background: #ffffff;
    height: 30px;
    border-radius: 35px;
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2));
	border: 2px solid #999999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
}
.platform-card-title img{
    width: 31%;
}
.facebook .platform-card-title img{
    width: 35%;
}

.facebook .platform-card-title {
    background: #4866a1;
    border-radius: 35px;
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2));
    color: #ffffff;
}

h2.reviews-title {
	margin: 0;
	padding: 0;
	font-size: 16px
}

.facebook h2.reviews-title {
	color: #ffffff;
}
.facebook .rating-score {
	font-size: 16px;
	margin-top: 15px;
}
.google .rating{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
}
.google h3 {
    font-size: 40px;
    font-weight: 300;
    margin: 0;
}

.facebook h3 {
	font-size: 30px;
	font-weight: 300;
	margin: 0 8px;
}
.facebook .rating img {
	margin-left: 4px;
}

.number.envoy-font {
	font-size: 20px;
	margin: 0 5px;
}

p.total-reviews {
	font-size: 12px;
}

.review-btn {
    background: #ffffff;
    border: 2px solid #999999;
    width: auto;
    padding: 8px;
    font-size: 12px;
    margin-left: auto;
    border-radius: 6px;
    font-weight: 800;
    color: #000000;
    margin-bottom: 25px;
}

.review-btn span.arrow {
	margin-left: 5px;
}

.review-btn-wrapper{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.reviews-wrapper.contenttop.car-promo-off {
	min-height: 200px;
}

.reviews-wrapper.contenttop.car-promo-off .reviews-card {
	display: flex;
}
    
.reviews-wrapper.contenttop.car-promo-off .platform-wrapper {
	width: 42%;
}
    



/* Cars promo section */

.unslider-arrow.prev {
    left: 20px!important;
    background: url("/modules/ferries/template/styles/imgs/arrow-l-dark.png") no-repeat 0 0 !important;
}
.unslider-arrow.next {
	right: 20px!important;
	background-color: #666666 !important;
    background: url("/modules/ferries/template/styles/imgs/arrow-r-dark.png") no-repeat 0 0 !important;
}

h1.car-location{
	margin: 20px 0 10px;
	text-align: center;
	padding: 0;
	color: #000000;
	font-size: 45px;
}

p.car-promo-text {
	margin: 0 0 20px;
	text-align: center;
	padding: 0;
	color: #000000;
	font-size: 18px;
	font-weight: 700;
}


.car-slide-inner {
	display: flex;
}

.slide-wrapper {
	background: #E1E1E1;
}
.car-slide-inner .car-image {
    width: 70%;
    background: #ffffff;
    padding: 0 15px;
}
.car-slide-inner .car-image img{
    width: 100%;
}
.car-slide-inner .car-details {
    width: 40%;
    background: #ffffff;
    text-align: right;
    color: #666666;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 10px;
}
.slide-wrapper {
    background: #E1E1E1;
    width: 90%;
    margin: auto;
    padding: 5px;
}
.slider-bottom {
	width: 90%;
	margin: 10px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
p.car-description {
	color: #666666;
	text-align: center;
	margin: 10px 0 5px;
	font-size: 14px;
	font-weight: 600;
}
.car-details p{
	margin: 8px 0;
}

p.car-price {
	color: #FF0000;
	font-size: 20px;
}
p.car-price span{
	font-size: 12px;
}



@media (max-width: 992px) {
	.footer .creditcardsbox {
		width: 100% !important;
	}
	#ccpanel, #bankpanel {
		width: 100%;
	}
	.totalcostbox {
		width: 100%;
		margin: 0;
	}
	span.available-date-text {
		width: 65%;
		text-align: left;
	}
	.trip-suggestion-header .logo-tag {
		width: 13%;
	}
	.route-suggestion-details {
		width: 64%;
	}
	.trip-acco-type {
		width: 40%;
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	.overlaydisMob {
		position: absolute;
		display: flex;
		height: auto;
		background: #efefef96;
		max-width: 90.1%;
		padding: 10px;
		z-index: 2000;
		height: 118px;
		align-items: center;
		line-height: 24px;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		color: #40494c;
	}
	.footer .footer-split-l {
		width : 100%;
	}
	.footer .footer-split-r {
		width : 100%;
	}
	.footer .image-wrapper {
		padding: 0;
		width: 100%;
	}
	.footer .image-wrapper .image-right {
		text-align: left;
	}
	.footer .image-wrapper .image-left {
		text-align: right;
	}
	.footer .image-wrapper .image-left, .footer .image-wrapper .image-right {
		padding : 3%;
	}
	.vehicleCount.col1 {
		width:100%!important;
	}
	#desktopResult {
		display: none ;
	}
	#mobileResult {
		display: flex !important;
		flex-direction: column;
		min-height: 120px;
		padding: 0;
	}
	.ship-details {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		padding: 8px 5px;
		border-bottom: 1px solid #c3c2c2;
	}
	.ship-services .data img {
		margin: 0 2px;
	}
	.routeResults .resultsData .row .column,.routeResults .ItinerariesCont .resultsData .row .column{
		border-right:0;
	}	

	.routeResults .resultsData .column.priceCol {
		font-size: 18px;
		line-height: 20px;
		color: #e01a33;
		font-weight: bold;
	}

	.routeResults .resultsData .column.priceCol .pricelabel {
		font-size: 12px;
		color: #414141;
	}
	span.duration-counter {
		margin-right: 3px;
		margin-left: 3px;
	}

	.ship-name a {
		font-size: 14px;
		font-weight: 600;
	}

	.resultsData .row .column .data  {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.durationCol .data {
		flex-direction: row !important;
	}
	.durationCol .data sup{
		letter-spacing: 2px;
		font-size: 24px;
		display: flex;
		align-items: baseline;
		font-weight: 100;
	}
	.column .dateCol {
		line-height: 20px;
	}
	.column .priceCol {
		line-height: 20px;
	}
	.column .data span, .routeResults .ItinerariesCont .resultsData .row .column .data span {
		font-size: 14px;
	}
	.routeResults .resultsData .row .column .data span, .routeResults .ItinerariesCont .resultsData .row .column .data span {
		font-weight: 300;
	}
	.routeResults .resultsData .row .column .data span.departure, .routeResults .resultsData .row .column .data span.arrival {
		font-weight: 600;
	}
	.routeResults .resultsData.selected, .routeResults .ItinerariesCont .resultsData.selected {
		border: 0 !important;
		margin: 0px;
		width: 100%;
	}

	.resultsData .table .row.selected {
		border: 3px solid #00a3e1!important;
		background: #ffffff!important;
	}
	.PricesResultsCont .searchbutton {
		min-width: 100%;
	}
	.title.logo-details-comp {
		height: 80px !important;
	}
	.title.logo-details-comp .main img {
		margin: 0;
		width: 90px;
    	height: auto;
	}
	.route-details:nth-child(1) {
    	font-weight: 700;
	}
	.title.logo-details-comp .details-wrapper {
		width: 100%;
	}
	.title.logo-details-comp .main {
		width: 100%;
		border-bottom: 1px solid;
		margin-bottom: 4px;
		padding: 6px;
	}
	.title.logo-details-comp {
		flex-direction: column;
	}
	.title.logo-details-comp .details {
		height: auto !important;
		line-height: 18px !important;
		font-size: 13px !important;
		padding: 0 6px !important;
	}
	.PricesResultsCont #submitPayment{ 
		margin-bottom: 10px !important;
	}

	.reviews-wrapper .contenttop { 
		flex-direction: column;
	}
	.rating-card, .reviews-fifty-years {
		width: 100%;
		height: 120px;
	}

	.reviews-fifty-years {
		order: 3;
	}
	.facebook .platform-card-title img {
		width: 25% !important;
		max-width: 80px;
	}
	.platform-card-title img {
		width: 25% !important;
		max-width: 60px;
	}
	.contenttop {
    	width: 98% !important;
   	 	margin: 5px auto !important;
		border-radius: 0px;
	}
	.contenttop.confirmation .reserveinfo {
		position: relative !important;
		bottom: 0 !important;
		width: 100% !important;
		top: 15px;
	}
	.contenttop.contact .contact-details {
		flex-direction: column;
	}
	.contenttop.contact .email {
		width: 100%;
	}


}	

@media (max-width: 575.98px) { 
	.trip-block {
		display: flex;
		flex: auto;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
	}
	.trip-suggestion-header .logo-tag {
		width: 20%;
		position: absolute;
		left: 12px;
		top: 10px;
	}
	.trip-suggestion-header .header-trip-price {
		width: 100% !important;
		margin-top: 10px;
	}
	.trip-suggestion-header .logo-tag img {
		width: 100% !important;
		margin: 0;
		position: relative;
		left: -25px;
		bottom: -78px;
	}
	.trip-suggestion-header .header-trip-description {
		width: 100%;
	}
	.trip-suggestion-header .details-group {
    	font-size: 14px;
	}
	.suggestion-header, .trip-suggestion-header {
		padding: 15px;
	}
	.title.logo-details-comp .details {
		flex-direction: column;
	}
	.title.logo-details-comp {
    	height: auto !important;
	}
	.title.logo-details-comp .details-wrapper {
		padding: 6px 6px 10px;
	}
	.steptxt span {
		padding: 0 10px !important;
	}

	.reviews-wrapper.contenttop.car-promo-off .reviews-card {
		flex-direction: column;
	}
		
	.reviews-wrapper.contenttop.car-promo-off .platform-wrapper {
		width: 84%;
	}
    

}

@media (min-width: 768px) { 
	#mobileResult {
		display: none;
	}
	/* .hide-on-desktop {
		display:none;
	} */
}
@media (max-width: 576px) { 
	.overlaydisMob {
		max-width: 95%;
	}
	.msgbox .xy-center {
		flex-direction: column;
	}
}	

@media (max-width: 439.98px) {

	#cardlinkACS {
		max-width: 99%;
		min-height: 99%;
	}

	img.security-bar {
		width: 100%;
	}
	.overlaydisMob {
		height: 110px;
	}
	.durationCol .data sup {
		letter-spacing: 1px;
		font-size: 18px;
	}
	.ship-name a {
		font-size: 13px;
	}
	.routeResults .resultsData .row .column .data span, .routeResults .ItinerariesCont .resultsData .row .column .data span {
		font-size: 13px;
	}
	.routeResults .resultsData img.complogo {
		width: 80px;
		height: 18px;
	}
	.ship-services .data img {
		margin: 0 2px;
		width: 25px;
	}
	#mobileResult {
		display: flex !important;
		flex-direction: column;
		min-height: 112px;
		padding: 0;
	}
	.trip-suggestion-header .details-group {
		font-size: 12px;
	}
	.trip-suggestion-header .logo-tag img {
		left: -35px;
		bottom: -70px;
		width: 110%;
	}

}

@media (max-width: 378.98px) {
	.durationCol .data sup {
		letter-spacing: 1px;
		font-size: 18px;
	}
	.routeResults .resultsData .column.priceCol {
		font-size: 15px;
		width: 18%;
	}
	.title.logo-details-comp .details .route-details{
		font-size: 11px;
	}
	.car-slide-inner {
		flex-direction: column;
	}
	.car-slide-inner .car-image {
		width: 100%;
	}
	.car-slide-inner .car-details {
		width: 100%;
		font-size: 12px;

	}
	.car-details p {
		margin: 3px 0;
	}
}





/* Footer styles Alex 2020*/

.footer {
	color: #ffffff;
	background: transparent linear-gradient(270deg, #91CAEE 0%, #0E8FCE 12%, #0072BC 35%, #0E8FCE 88%, #91CAEE 100%) 0% 0% no-repeat padding-box;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:155px auto 0 auto;
	padding-top: 25px;
}
.footer .white-line, .white-line {
    background: #ffffff;
    height: 10px;
}

.footer-header-bg, .footer-bottom {
	padding: 10px 0;
    color: #ffffff;
}
.footer-header-text {
	border-top: 8px solid #ffffff !important;
	border-bottom: 8px solid #ffffff !important;
	text-align: center;
}
.footer-header-text h4{
	padding: 10px;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.footer .creditcardsbox {
	width: 66%;
	height: 45px !important;
	overflow: hidden !important;
	background: #ffffff !important;
	border:none !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	padding: 0 !important;
	text-align: center !important;
	display: table !important;
	margin: 0 auto 5px auto !important;
}
.footer .creditcardsbox span{
	background-size: 45px 30px !important;
}
.footer .secure-row {
	text-align: center;
}
.footer .footer-split-r p {
	margin: 6px 0;
	font-size: 12px;
}
.footer .footer-split-l .image-wrapper  {
	width: 30%;
	display: flex;
}
.footer .footer-split-l .image-wrapper img {
	width: 80%;
}
.footer .footer-split-l .credits-cards-wrapper {
	width: 70%;
}
.footer .image-wrapper .image-left, .footer .image-wrapper .image-right {
	width: 50%;
	text-align: center;
}
.footer .footer-split-l {
	display: flex;
	float: left;
	width : 50%;
}
.footer p {
	text-align: center;
	font-size: 12px;;
}
.footer .footer-split-r {
    float: left;
    width: 50%;
    text-align: center;
    display: flex;
}
.footer p.since {
	font-size: 12px;
	line-height: 13px;
	color: #777;
	padding: 15px;
}
.footer a {
	color: #ffffff;
}
.footer .wrapper {
	padding: 0px 0 20px;
	overflow: hidden;
}
.footer-bottom .wrapper {
	padding: 0 !important;
	overflow: hidden;
}
.footer .list-inline {
	padding-left: 0;
	list-style: none;
	font-size: 12px;
	margin-bottom: 0px;
}
.footer .list-inline-item {
	display: inline-block;
	margin : 0;
}
.footer .footer-bottom .row {
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}
.footer-bottom .wrapper {
	padding:0;
}
.footer .center {
	margin: 0 !important;
}
.footer .image-wrapper .image-left img, .footer .image-wrapper .image-right img{
	margin-top: 5px;
	max-width: 100%;
}
.footer .footer-bottom .row {
    padding: 0 10px !important;
}

.footer .copyright{
	font-size:10px;
	color:#ffffff;
}
.footer .copyright p{
	font-size:10px;
	margin: 0 !important;
}
.footer  .copyright a{
	color:#ffffff;
}
.footer-bottom-text p {
	margin: 0;
}
#chat-icon-svg {
    fill: #00a3e1;
}


@media (max-width: 439.98px) { /**********************************************************************************************************************/
	img.security-bar {
		width: 100% !important;
	}
	.footer .footer-split-r {
		padding: 0 30px;
	}
	.footer .creditcardsbox{
		width: 85% !important;
	}
}








	
/*
Media Queries
---------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 768px) { /**********************************************************************************************************************/
	.pricesResults.no-plans  .trippanel{
		width: 100% !important;
	}
	.psd2-info.row .d-flex {
		display: block !important;
	}
	.psd2-info .column:nth-child(1) {
		width: 20%;
		padding: 0 0 10px 0;
	}
	.psd2-info .column:nth-child(2) {
		width: 78%;
		padding: 0 14px;
	}
	.psd2-info .column:nth-child(2) p {
		margin: 0 0 20px 0;
	}
	.psd2-info .column:nth-child(3) {
		width: 100% !important;
		padding: 0;
		margin: 10px 0;
	}
	 .contenttop.cars-promo,  .contenttop.reviews-wrapper {
		width: 100%;
	}


  }

/* Tablet Landscape--------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 964px) { /**********************************************************************************************************************/
	/* .site-header .top-line{background:red!important;} */
	body{
		font-size:14px;
	}
	
	ul.steps span{
		font-size: 14px;
		letter-spacing: -0.05em;
	}
	
	.tooltip{
		margin:0 0 -4px 2px;
	}
	
	h1{
		text-align: left;
		padding: 20px 0 20px 42px;
	}
	.ui-autocomplete-footer{
		display: none!important;
	}

	img.step-icon {
		margin-left: 4px;
	}
	
	.dialogPorts.v2{ width: 100%!important;}
	.modal-full .nav-link{min-width: 140px; padding: 1rem; font-size: 20px;}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{font-size: 20px;}
	.modal-full h2{padding: 30px 0 10px 1rem;}
	.modal-full .portslist{ padding: 0 0 0 1rem; }
	.modal-full .portslist .port{ height: auto; line-height: 22px; font-size: 16px; padding: 4px 0;}

	.trippanel .lastcol{width: 12.28%; padding: 4px 0 0 0;}
	.trippanel .calendar{ background-position:5px center; background-size:14px auto;}
	.trippanel .select{background-size:12px auto, auto auto; padding: 0 0 0 27px;}
	.select, .select-style select, .routeResults .row .column.dateCol, .routeResults .row .column.dateColTitle {
		font-size:14px;
	}
	
	.routeResults .resultsData .row .column .data img, .routeResults .ItinerariesCont .resultsData .row .column .data img{ width:28px; height:auto;}
	
	.routeResults .dates span{
		white-space: nowrap;
	  	text-overflow: ellipsis;
		overflow:hidden;
		padding: 0 4px;
		height: 38px;
	}
	
	.routeResults .resultsData.selected{
		width:auto;
	}
	
	.routeResults .resultsData .company{
		width:100%;
		text-align:left;
		height: 23px;
		background:#e5e5e5;
	}
	
	.routeResults .resultsData .company img{
		margin: 2px 0 2px 3px;
		box-shadow:none;
	}
	
	.routeResults .resultsData .table{
		width:100%;
	}
	
	.dd-selected-text{
		width: 80%;
	  	white-space: nowrap;
	  	overflow: hidden;
	  	text-overflow: ellipsis;
	}
	
	.passtable .col1 .select-style{
		width:77%;
	}
	
	.vehtable .col2 .slider, .vehtable .col3 .slider{ width:54%;}
	
	.vehtable .select-style.hascamper{ width:48%!important;}
	
	.vehtable .col3 .slider, .vehtable .col4 .slider{
		margin: 12px 0 0 8px;
	}
	
	.vehheightinput{
		margin: 0!important;
	}
	
	.passtable input, .vehtable input{
		width:72%;
	}
	
	.vehtable .col3, .vehtable .col4{
		width: 270px;
	}
	
	.vehtable .col2 .select-style{
		width: 90%;
	}
	
	.vehtable .select-style.hascamper{
		margin: 0 2px 0 4px;
    	width: 42%;
	}

	.vehtable .col5 .select-style{
		width: 70%;
	}
	.totalCost .col3 .column .price, .suggestion .suggbox .inner .col2 .price{
		text-align:center;
		padding:0;
	}
	
	.pricesResults .title .details{
		letter-spacing: normal;
	}
	
	.pricesResults .pricesTable .row .col1 span div{
		display:none;
	}
	
	.showdetails{
		top: 42px;
	}
	
	.pricesResults .pricesTable .row .col1 strong{
		margin:0;
	}
	
	.pricesResults .pricesTable .row .col1 span{
		padding: 0 0 0 24px;
	}
	
	.pricesResults .pricesTable .row .col3 .column, #tripdetails .pricesResults .pricesTable .boxtitle.cost .col3{
		padding: 0 33px 0 0;
	}
	
	.totalCost .col3 .column, .suggestion .suggbox .inner .col2 .column{
		text-align:center;
		padding:8px 0 0 0;
	}
	
	.pricesResults .pricesTable .boxtitle.cost{
		height: 36px;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col3 .column{
		padding: 0 33px 0 0;
	}
	
	.pricesResults .title .details .column{
		width:auto;
		padding: 0 0 0 110px;
	}
	
	.passTable .passenger .row.contpersoninner .column label{
		font-size:13px;
	}
	
	.pricesResults .pricesTable .row .col1 span, .bonusTable .row .col1 span, .vehTable .row .column span{
		width: 82%;
	}
	
	.pricesResults .title .details span{
		padding: 0 3px;
		margin:0;
	}
	
	#step3-1 .pricesResults .pricesTable .boxtitle.cost .col3 .column{
		padding: 0;
	}
	
	.delTickets .column.ticketcost label {
		line-height: 12px;
	}
	
	.pricesResults .pricesTable .row{
		height:40px;
		line-height:37px;
	}
	
	.pricesResults .pricesTable .row .col1 span{
		height:36px;
	}
	
	.pricesResults .pricesTable .boxtitle{
		height:50px;
		margin: 0 0 4px 0;
	}
	
	.pricesResults .title .details{
		padding: 0;
	}
	
	.passvehdetails .passTable .row .column span.man, .passvehdetails .passTable .row .column span.woman, .passvehdetails .passTable .row .column span.child, .passvehdetails .vehTable .row .column span.vtype_ix, .passvehdetails .vehTable .row .column span.vtype_mo, .passvehdetails .vehTable .row .column span.vtype_cmt, .passvehdetails .vehTable .row .column span.vtype_trailer{
		background:none;
		padding: 0;
	}
	
	.passTable .passenger .row .column.number{
		padding: 6px 0 0 6px;
	}
	
	.passTable .row .column font{
		margin: 0 0 0 16px;
		display:block;
	}

	.PricesResultsCont .totalTitle{
		font-size:14px;	
	}
	
	.pricesResults .title .main .shiplabel{
		height: 22px;
		line-height: 22px;
		margin: 8px 0 0;
		border-radius: 3px;
		color: #6c7477;
		min-width: 130px;
	}
	
	.pricesResults .pricesTable .boxtitle .col2{
		padding:0 8px!important;
	}
	
	.totalCost .col1, .pricesResults .pricesTable .boxtitle .col2, .totalCost .col2{
		padding:16px 0 0 8px;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col2{
		padding:16px 20px 0 0;
	}
	
	.totalCost .col3 .column .offer, .suggestion .suggbox .inner .col2 .offer{
		min-height: 42px;
	}
	
	.totalCost .col2 .totalTitle{
		padding:0 20px 12px 0;
	}
	
	.bonuspermile .banner .message{
		margin:0;
		padding:34px 0 0;
	}
	
	.bonuspermile .banner .message .column{
		height:138px;
		padding:0 92px 0 0;
		text-align: center;
	}
	.bonuspermile .banner .message .column p, .bonuspermile .banner .message .column .bonusexpand{
		font-family: 'Ubuntu-R';
		color: #1f2022; 
		font-size: 17px;
		font-weight: normal;
	}
	#bonusSlogan p{
		text-shadow: none;
	}
	#tripdetails .pricesResults .columnship{
		border-radius: 3px;
	}
	.bonuspermile .banner .message .column font{
		 display: block;
		 float:right;
		 font-size: 73px;
	}
	
	#bonusSlogan p{
		margin: 23px 0;
	}
	
	.ccbox label font{
		/* height:auto; */
		padding: 6px 0 0;
		/* width:100%; */
		display:inline;
	}
	
	.ccbox label font img{
		/* width:48px; */
		height:auto;
		margin:0;
	}
	
	.paymentTable .column label{
		line-height: 12px;
		height: 29px;
	}
	
	.paymentTable .column.creditcost label{
		line-height:normal;
		height: auto;
	}
	
	.totalcostbox .row .column:last-child{
		padding: 0 14px 0 0;
		/* font-size: 18px; */
	}
	
	.ccbox label font strong{
		position: absolute;
    	top: 10px;
		left: 81px;
	}
	
	.ccbox label div{
		margin: 2px 6px;
	}

	.termsbox .wrapper{
		margin: 0 2%;
	}
	
	.paymentTable .row .select-style select {
		width: 240%;
	}
	
	.ccbox{
		min-height: 120px;
	}
	
	#bankpanel .ccbox label font{
		padding: 6px 0 0 6px;
		width:auto;
		line-height:18px;
		display:inline-block;
	}
	
	.bonusTable .col3 input{
		width:90%;
	}
	
	.bonusTable .row .col1 span{
		padding: 0 0 0 20px;
		width: 88%;
		max-width:200px;
	}
	
	.bonuspermile .bannerreward .message{
		width: 60%;
	}
	
	.bonuspermile .bannerreward .message .redoverlay{
		font-size: 32px;
	}
	
	.bonusTable input.coupon{
		font-size: 14px !important;
		width:70%;
	}
	
	.delTickets .column.ticketcost input, .paymentTable .column.creditcost input{
		padding: 0 8px 0 0;
	}
	
}

/* Tablet--------------------------------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 768px) { /**********************************************************************************************************************/
	/* .site-header .top-line{background:blue!important;} */
	body{
		font-size:14px;
	}
	
	ul.steps li{
		margin: 0 0.5% 0 0;
    	width: 33%;
	}
	
	ul.steps .steptxt span{
		font-size: 14px;
		letter-spacing: -0.05em;
		padding:0 10px 0 12px;
	}


	.swal-wide{
		width: 445px!important;
		padding: 10px!important;
	}
	
	.swal-wide p{
		max-height: 426px!important;
		padding: 0 20px 10px;
	}
	
	h1{text-align: left; padding: 18px 0 20px 48px; font-size:20px;}
	
	.ui-autocomplete-footer{
		display: none!important;
	}
	.ui-datepicker{
		z-index:9999!important;
	}
	.select{
		background-image: url("/template/styles/imgs/dropdown-arrows.svg")!important;
		margin:0 4px;
		background-position:95% 50%!important;
		padding: 0 19px 2px 4px;
		font-size:14px;
		width: 31.5%;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
		.select-style select{
			font-size:14px;
			padding:0 0 0 28px;
		}
	
	.trippanel{
		margin: 8px 0 0;
		padding: 4px 0 4px 0;
	}
	
	.trippanel .calendar{
		width: 23%;
		background: #ffffff url("/template/styles/imgs/calendar-sm.png") no-repeat 4px center;
		font-size:14px;
	}
	
	
	.addButton span.circle, .removeButton span.circle{
		margin:0 0 0 2px;
		background-size:20px 20px!important;
		width:20px!important;
		height:20px!important;
	}
	
	.ui-autocomplete-category{
		padding:0 8px 2px 12px;
		font-size:14px;
	}
	
	.ui-menu-item a{
		padding: 0 0 0 12px!important;
		font-size:14px;
	}
		
	.ui-autocomplete-category img{ 
		display:none;
	}
	
	.routeResults .title, .passvehAcco .title.passvehAcco .title{
		font-size: 15px;
	}
		.routeResults .title span, .passvehAcco .title span{
			margin:0 10px;
		}
	
	.routeResults .title, .boxResults .title{
		padding: 0;
	}
	
	.removeButton{
		margin:4px 0 0;
	}

	.routeResults .dates span.mobiledate{
		display:none;
	}
	
	.routeResults .dates span {
		height: 37px;
		width: 20%;
	}
	
	.routeResults .dates{
		height:43px;
	}
	
	.routeResults .resultsData.selected{
		width:auto;
	}
	
	.routeResults .resultsData .column.dateCol, .routeResults .resultsData .column.companyCol {
		text-align:center!important;
	}
	
	.routeResults .resultsData .row .column .data span, .routeResults .ItinerariesCont .resultsData .row .column .data span{
		font-size:14px;
	}
	
	.routeResults .resultsData .company img, .routeResults .ItinerariesCont .resultsData .company img{
		margin: 6px auto 0;
	}
	
	.routeResults .resultsData .row .column .data img, .routeResults .ItinerariesCont .resultsData .row .column .data img{
		margin: 2px 4px 0 0;
	}
	
	.routeResults .changeDates{
		width: 151px;
		font-size:12px;
	}
	
	/* .routeResults .resultsData .row .column .data, .routeResults .ItinerariesCont .resultsData .row .column .data{
		padding:0 0 8px 0;
	} */
	
	.routeResults .innerlabel {
		display:block;
		font-size:14px;
		margin:0 0 6px 0;
		font-weight:bold;
		color:#3a3939;
		background:#decebd;
		padding:8px 0;
		height: 33px;
		border-bottom:1px solid #b6b5b5;
	}
	
	.resultsData .emptyrow { height:12px;}
	.emptyrow{height: 0;}
	
	.routeResults .column.priceCol .innerlabel{
		margin: 0 0 10px 0;
	}
	
	/* .routeResults .resultsData .row .column, .routeResults .ItinerariesCont .resultsData .row .column{
		display:block;
		float:left;
		width:33.33%;
	} */
		
		.routeResults .resultsData .row .column.companyCol{ border-right:none;}
		/* .routeResults .resultsData .column.dateCol{ line-height:13px;} */
		/* .routeResults .resultsData .column.dateCol, .routeResults .resultsData .row .column.companyCol{border-bottom:1px solid #b6b5b5;}  */
		/* .resultsData .table .row.selected .column.dateCol:first-child, .routeResults .resultsData .row.selected .column.servicesCol{ border-left:1px solid #c3c2c2;} */
	
	.routeResults .resultsData .row.titles, .routeResults .row .column.shipCol{
		display:none!important;
	}
	
	.routeResults .resultsData .table{
		width:99.8%!important;
	}
	
	.passvehselect {
		width:33%;
		margin:0;
	}
	
	.passengerslbl, .vehicleslbl, .trailerlbl {
		background:none;
		padding:6px 8px 0 8px;
		width:70%;
		box-sizing: border-box;
	}
	
	.passvehselect .select-style select{
		text-align:left;
		text-align-last:left;
		padding: 0 0 0 30px !important;
	}
	
	.camping{width: 30.5%;}
	
	.buttonCol{ clear:both; width:100%; padding:0; margin:31px 0 0 0;}
	
	.select-style.vehpassnum{
		width:26%;
	}
	
	.select-style.vehpassnum select{
		width:147%;
	}
	
	.select-style.passengers {
		width: 98%;
		margin: 0 0 10px 0.5%;
	}
	
	.select-style.vehicles, .select-style.trailers{
		width:98%;
		margin:0 0 10px 0.5%;
	}
	
	.passTable .passenger .row .column.pass{
		display:none;
	}
	
	.passvehAcco{
		border:none;
	}
	
	.paymentTable .boxtitle .tooltip{
		margin: 0 2px -4px;
	}
	
	.passtable, .vehtable{
		display:block;
		margin: 10px 0;
		border:none;
	}
	
	.passvehAcco .title{
		margin:0 0 20px 0;
		line-height: 40px;
	}
	
	.passvehbox{
		width:auto;
		height:auto;
		overflow:visible;
		border:1px solid #b6b5b5;
		margin:0 0 20px 0;
		position:relative;
	}
	
	.passtable .row, .vehtable .row{
		height:auto;
		display:table;
		width:100%;
		overflow:visible;
		padding: 0;
		border-top:none;
		position:relative;
	}
	
	.passtable .passvehtitle.mobile, .vehtable .passvehtitle.mobile{
		display:block;
		border-bottom:none;
		height:28px;
		width:auto;
		height:auto;
		padding: 8px 0 8px 8px;
		background:#00a3e1;
		text-align:center;
		font-weight:bold;
		color:#ffffff;
	}
	
	.passtable .row .passvehlabel, .vehtable .row .passvehlabel{
		display:block;
		margin:10px 0 4px 4px;
		min-height:28px;
		color: #3a3939;
		font-weight:bold;
		text-align:left;
	}
	.vehtable .cm{
		padding: 15px 0 0 0;
		display: inline-block;
	}
	.dd-select{
		width: 90% !important;
		margin:0 6px!important;
	}
	
	.vehtable .col3 input, .vehtable .col4 input{
		margin-bottom:1px;
	}
	
	.passtable .passvehbox, .vehtable .passvehbox{
		width:100%;
	}
	
	.passtable .row .split .passvehlabel{
		line-height:14px;
		text-align:center;
	}
	
	.passtable .row.subtitle, .vehtable .row.subtitle{
		display:none;
	}
	
	.passtable input[type="radio"] + label span, .totalCost input[type="radio"] + label span, .delTickets input[type="radio"] + label span, .paymentTable input[type="radio"] + label span{
		margin: 0 0 1px;
	}
	
	.passtable .col1 span, .vehtable .col1 span{
		display:none;
	}
	
	.passtable .col1 .select-style, .vehtable .col1 .select-style{ float:none; width:90%; margin:0 6px;}
	.vehtable .select-style.hascamper{float: left!important;}
	
	a.dd-selected{padding: 2px 0 0 0px!important;}
	
	.passtable .col1, .vehtable .col1, .passtable .col2, .passtable .col3, .passtable .col4, .passtable .col5, .passtable .col6, .vehtable .col2, .vehtable .col3, .vehtable .col4, .vehtable .col5{
		display:block!important;
		float:left;
		width:50%!important;
		margin:0;
		padding:0 0 10px 0;
		position:static;
		border:none;
	}

	.vehicleCount.col1 {
		width:100%!important;
	}
	
	.ui-slider-horizontal .ui-slider-handle{
		width: 26px !important;
	}
	
	.passtable .col6, .vehtable .col4, .vehtable .col5{
		border-bottom:none
	}
	
	.vehtable .col2 .slider, .vehtable .col3 .slider, .vehtable .col4 .slider{
		margin:12px 0 0 12px!important;
		width: 64%;
	}
	
	.passtable input, .vehtable input, .vehtable .select-style{
		width:90%;
		margin:0 6px;
		float:left;
	}
	
	.passvehbox .removeButton{
		position:absolute;
		right:7px;
		top:-32px;
	}
	
	.pricesResults .title .details .column{
		width:100%!important;
		float:none;
		text-align:center!important;
		padding:0!important;
		line-height:16px;
		font-size:13px;
		letter-spacing:normal;
	}
	
	.pricesResults .title .details span{
		font-size:13px;
		padding: 0 4px;
	}
	
	.pricesResults .title .details{
		height:auto;
		line-height: 20px;
		padding:4px 0;
	}
	
	.pricesResults .title .details span{
		background-position:0 5px;
	}
	
	.pricesResults .pricesTable .row .col1 span div{
		padding:4px 0 0 0;
		display:block!important;
		font-size:12px;
		color: #6d6a6a;
	}
	
	.pricesResults .pricesTable .row .col2, .pricesResults .pricesTable .boxtitle.cost .col1, .pricesResults .pricesTable .boxtitle .col1, .totalCost .col1{
		display:none;
	}
	
	#step5-1 .pricesResults .pricesTable .row .col1, #step5-1 .pricesResults .pricesTable .boxtitle.cost .col2, .pricesResults .pricesTable .row .col1, .pricesResults .pricesTable .boxtitle.cost .col2,  .totalCost .col2, .totalCost .totalTable .col2{
		width:80%;
	}
	
	.pricesResults .pricesTable .row .col1, .pricesResults .pricesTable .boxtitle.cost .col2{
		width:60%;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col2.onePriceColumn{
		width:57.12%;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col3.onePriceColumn, .pricesResults .pricesTable .boxtitle .col3.onePriceColumn{
		width: 14.28%;
	}
	
	.pricesResults .pricesTable .boxtitle .col2{
		padding: 0 0 0 8px;
		width:60%;
	}
	
	.PricesResultsCont .tablerow.onePriceColumn .totalTitle {
		width: 79.72% !important;
	}
	
	.PricesResultsCont .tablerow.onePriceColumn .totalPrice {
		width: 14.28%;
	}
	
	.pricesResults .pricesTable .boxtitle .col2 span{
		display:block;
	}
	
	.pricesResults .pricesTable .row .col3, .pricesResults .pricesTable .boxtitle.cost .col3, .pricesResults .pricesTable .boxtitle .col3, .totalCost .col3, .totalCost .totalTable .col3{
		width:40%;
	}
	
	.pricesResults .pricesTable .row .col3 .column{
		text-align:center;
		padding:10px 0 0 0;
	}
	
	.pricesResults .pricesTable .boxtitle{
		 height: 52px;
	}
	
	.selectedoffer, .selectedtotaloffer{
		width:20%;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col3 .column, .totalCost .col3 .column, .suggestion .suggbox .inner .col2 .column{
		text-align:center;
		padding:0;
	}
	
	.passtitle{
		display:block;
	}
	
	.costtable .empty{
		display: table-row;
		width: 100%;
		height:20px;
	}
	
	.noticesbox{
		width: 100%;
		display: table-footer-group;
		float: none;
	}
	
	.PricesResultsCont .totalTable{
		width: 100%;
		display: table-header-group;
		float:none;
	}
	
	.PricesResultsCont .totalTitle{
		width:60%;	
		padding: 0 20px 0 0;
	}
	
	.PricesResultsCont .tablerow .totalPrice{
		width:40%;	
	}
	
	.accodescr{
		display:block;
		line-height:15px;
		padding:0 0 0 0;
		font-size:11px;
		color: #222222;
		height:30px;
	}
	
	.pricesResults .pricesTable .row{
		height: auto;
	}
	
	.pricesResults .pricesTable .row .col1 span{
		 margin: 7px 0 0 18px;
		 padding:5px 0 4px 28px;
		 line-height:13px;
		 height: auto;
		 display:block;
		 width:94%;
	}
	
	.pricesResults .title .main .shiplabel{font-size: 13px; padding:0 10px; margin:8px 0 0 0; height:21px; line-height:19px;}
	
	.pricesTable .row span.man, .pricesTable .row span.woman, .pricesTable .row span.child, .pricesTable .row span.vtype_ix, .pricesTable .row span.vtype_mo, .pricesTable .row span.vtype_cmt, .pricesTable .row span.vtype_trailer,
	.bonusTable .row span.man, .passTable .row span.man{
		background-position: 0 5px!important;
	}
				
				
	.pricesResults .pricesTable .row .col1 strong{
		margin:0 0 0 0;
		display:block;
		float:left;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col2{
		padding: 0 20px 0 0;
	}
	
	#ccpanel .row.cardspanel{
		display:block;
	}
	
	.totalCost .col2 .totalTitle{
		right:40%;
		padding: 0 20px 10px 0;
	}

	.paymentTable input[type="radio"] + label{
		text-align:center;
	}
	
	.paymentTable #ccpanel input[type="radio"] + label span, .paymentTable #ccpanel input[type="radio"]:checked + label span, .paymentTable #bankpanel input[type="radio"] + label span, .paymentTable #bankpanel input[type="radio"]:checked + label span{
		margin:0 auto 4px;
		float:none;
	}
	
	.ccbox label font img{
		margin:0 auto;
		float:none;
	}
	
	.passvehselect {
		width: 33%;
		margin: 0;
	}
	.camping {
		width: 100%;
	}
	.bonusTable .row .col1, .bonusTable .boxtitle {
		display: none;
	}
	.passTable .passenger input, .vehTable .vehicle input, .passTable .passenger .select-style select, .vehTable .vehicle .select-style select{
		border:none!important;
		border-bottom: 1px solid #949494 !important;
		height: 29px;
		margin: 0 auto 4px;
	}
	.totalroutecost .trlabel{
		width: 100%;
		text-align: left;
		padding: 0 0 0 12px;
	}
	.vehTable.intertrip .row .column, .vehTable .row .column{
		text-align: center!important;
		width: 16.6%!important;
	}
	.passTable .passenger .row.contpersoninner .column{
		width: 33% !important;
	}
	.phonegroup select{
		height: 32px;
	}
	.totalCost .col3 .column .price, .suggestion .suggbox .inner .col2 .price{
		text-align: center;
		padding:0;
	}
	
	.totalCost .col3 .column .offer, .suggestion .suggbox .inner .col2 .offer{
		height: 60px;
	}
	
	.totalCost .col3 .column .price, .suggestion .suggbox .inner .col2 .price{
		font-size:15px;
	}
	
	.totalcostbox{
		padding:6px 0 0 0;
	}
	#cpMobileCode_value{
		width: 29% !important;
	}
	input#delMobileCode_value{
		width: 36% !important;
	}
/* 	
	.totalcostbox .row{
		padding:2px 8px!important;
	} */
	
	.totalcostbox.dark .row .column:first-child{
		width:100%;
		display:block;
		padding:0;
	}
	
	.totalcostbox.dark .row .column, .totalcostbox.dark .row .column:last-child{
		width:50%;
		display:block;
		float:left;
		padding: 20px 0 7px 0;
	}
	
	.suggestion .suggbox .inner .col1 .route{
		height:auto;
		line-height:normal;
		padding:0 0 10px 0;
	}
	
	.suggestion .suggbox .inner .col1 .route img{
		float:none;
		display:block;
		margin:11px 12px 6px 0;
	}	
	
	.suggestion .suggbox .inner .col1{
		width:60%;
	}
	
	.suggestion .suggbox .inner .col2{
		width:40%;
	}
	
	.suggestion .suggbox .inner .col2 .column{
		padding: 20px 0 0;
	}
	
	.greenButton span, .blueButton span{
		margin:10px 10px 12px;
		font-size:15px;
	}
	
	.bonuspermile .banner .message, .bonuspermile .bannerreward .message{
		margin:38px 2% 0 0;
		padding: 0;
		width:50%;
	}
	
	.greyButton{
		width:auto;
	}
	
	.bonuspermile .banner .message .column{
		height: 150px;
		padding:0;
	}
	
	.bonuspermile .banner .message .column font{
		font-size: 52px;
	}
	
	.bonuspermile .bonusMembers .row .column span{
		font-size: 14px;
	}
	
	.bonuspermile .bonusfooter font{
		font-size:17px;
		padding: 0 2px;
	}
	
	#bonusSlogan p{
		 font-size: 17px;
		 line-height: 34px;
		 margin: 30px 0;
	}
	
	.bonuspermile .banner .message .whiteoverlay, .bonuspermile .banner .message .whiteoverlay2, .bonuspermile .bannerreward .message .whiteoverlay, .bonuspermile .banner .message .redoverlay{
		padding: 8px;
		font-size: 22px;
	}
	
	.bonusTable .row {
		display: block;
		height: auto;
		overflow:hidden;
	}
	
	.passTable .passenger .row.passvehtitle.mobile, .vehTable .vehicle .row.passvehtitle.mobile, .bonusTable .bonuspasstitle{
		display:block;
		border-bottom: 1px solid #b6b5b5;
		background: #decebd; 
		color: #414141;
		font-size: 14px;
		height: 38px;
		line-height: 36px;
		text-align:center;
		font-weight: bold;
		width: 100%;
		clear:both;
	}
	
	.bonusTable{
		border-bottom: 1px solid #c8c7c7;
	}
	
	.bonusTable .row .col2.small {
		width: 50%;
		float:left!important;
		display:inline-block;
		border-bottom:none;
		padding:4px 0 4px 6px;
		min-height: 80px;
	}
	
	
	.bonusTable .row .col2.small.border {
		border-bottom: 1px solid #c8c7c7;
	}
	
	.bonusTable .row .col2.small.border:last-child {
		border-right: none!important;
	}
	
	.bonusTable .row .col3{
		width: 49.7%;
		float:left;
		display:inline-block;
		border-bottom:none;
		padding-top:4px;
	}
	
	.bonuspermile .bonusTable .smalltxt{
		margin-top:0;
		padding-top:0;
	}
	
		.bonusTable .row .col2 .bonuspasslabel, .bonusTable .row .col3 .bonuspasslabel{
			display:block;
			min-height:33px;
			font-size: 14px;
			padding:6px 0 0;
			font-weight:normal;
		}
		
		.bonusTable input{
			width: 90%;
		}
		
	.bonusTable .row .col1, .bonusTable .boxtitle{
		display:none;
	}
	
	.bonusTable .row .col1.col3 {
		display:block;
	}
	
	.pricesResults .pricesTable .row .col1, .bonusTable .row .col1, .bonusTable .row .col2{
		padding: 3px 0 0 6px;
		width: 60%;
	}
	
	#redeemMembers .boxtitle .col2, #redeemMembers .row .col2, #redeemMembers .boxtitle .col1.col3, #redeemMembers .row .col1.col3{
		border-bottom: medium none;
		display: inline-block;
		/* float: left; */
		min-height: 80px;
		padding: 4px 0 4px 6px!important;
		width: 49.6%;
	}
	
	.bonusTable input.coupon{
		font-size:14px!important;
	}
	
	.bonuspermile .bannerreward .message .greyoverlay{
		font-size:20px;
		margin: 4px 0 0 0;
	}
	
	.bonuspermile .bannerreward .message .redoverlay{
		font-size: 23px;
		margin: 4px 0 0;
		letter-spacing: normal;
	}
	
	.bonusTable input.coupon{
		width:86%;
	}
	
	#redeemMembers .row .col2{
		border-bottom:1px solid #d7d4d4;
		font-weight:bold;
	}
	
	 #redeemMembers .boxtitle .col2.last, #redeemMembers .row .col2.last, #redeemMembers .boxtitle .col1.col3:last-child, #redeemMembers .row .col1.col3:last-child{
		 border-right:none;
	 }
	 
	
	.pricesResults .pricesTable .row .col1 font, .bonusTable .row .col1 font, .passTable .row .column font{
		display:block;
	}
	
	.bonusTable .row span.man, .bonusTable .row span.woman, .bonusTable .row span.child, .bonusTable .row span.vtype_ix, .bonusTable .row span.vtype_mo, .bonusTable .row span.vtype_cmt, .bonusTable .row span.vtype_trailer {
		background:none!important;
	}
	
	.pricesResults .pricesTable .row .col1 span, .bonusTable .row .col1 span{
		 padding: 0 0 0 4px;
	}
	
	.bonusTable .row.pricesResults .pricesTable .row, .bonusTable .row{
		line-height: 17px;
		border-left:none;
		border-right:none;
	}
	
	.bonusTable .row .col1 strong{
		line-height: 20px;
		display:block;
		float:left;
	}
	
	.pricesResults .title .main{
		height:auto;
	}
	
	.showdetails{
		top:47px!important;
	}
	
	#tripdetails .pricesResults .pricesTable .boxtitle .col2{
		width: 80%;
	}
	
	#tripdetails .pricesResults .pricesTable .boxtitle.cost .col2{
		width: 80%;
		text-align:right;
	}
	
	#tripdetails .pricesResults .pricesTable .boxtitle .col3, #tripdetails .pricesResults .pricesTable .row .col3, #tripdetails .pricesResults .pricesTable .boxtitle.cost .col3{
		width: 20%!important;
		padding: 0 12px 0 0!important;
	}
	
	#tripdetails .pricesResults .pricesTable .boxtitle .col3{
		padding: 0!important;
	}
	
	#tripdetails .pricesResults .pricesTable .row .col2 {
		display:none;
	}
	
	
	.pricesResults .pricesTable .row .col1 span {
		padding: 0 0 3px 24px;
		white-space:normal;
		text-overflow:none;
		margin:1px 0 0 0;
	}
	
	.pricesResults .pricesTable .row .col1 font {
		display:inline;
	}
	
	.pricesResults .pricesTable .row .col1 span div{
		padding: 4px 0;
	}
	
	.pricesTable .row span.man, .pricesTable .row span.woman, .pricesTable .row span.child, .pricesTable .row span.vtype_ix, .pricesTable .row span.vtype_mo, .pricesTable .row span.vtype_cmt, .pricesTable .row span.vtype_trailer, .bonusTable .row span.man, .passTable .row span.man{
		 background-position: 0 0 !important;
	}
	
	.pricesResults .title{
		font-size: 15px;
	}
	
	#tripdetails .pricesResults .col1 .route{
		line-height: 34px;
	}
	
	#tripdetails .pricesResults .col1 .route img{
		margin: 11px 6px 0 0;
		width: 70px;
		height:auto;
	}
	
	
	#tripdetails .pricesResults .col2 .price{
		background-size: 152px 30px;
		width: 152px;
		height:30px;
		right: 2px;
		font-size: 16px;
		line-height:28px;
	}
	
	.passTable .passenger .row, .vehTable .vehicle .row{
		margin: 0 0 4px;
		height: auto;
		overflow:hidden;
	}
	
	.passTable .boxtitle, .vehTable .boxtitle{
		display:none;
	}
	
	.passTable .select-style, .vehTable .vehicle .select-style, .contactTable .row .select-style, .passTable .passenger input, .phonegroup{
		width:90%;
	}
	
	.phonegroup select, .phonegroup input{
		font-size:14px;
		padding:0 0 0 6px!important;
	}
		
	.passTable .row .column span{
		margin:0 0 0 -6px;
	}
	
	.passTable .passenger .row.passvehtitle.mobile, .vehTable .vehicle .row.passvehtitle.mobile{
		display:block;
		border-bottom: 1px solid #b6b5b5;
		background: #decebd; 
		color: #414141;
		font-size: 14px;
		height: 38px;
		line-height: 36px;
		text-align:center;
		font-weight: bold;
		width: 100%;
	}
	.passTable .passenger, .vehTable .vehicle{
		border: 1px solid #c3c2c2;
	}
	
	.contacttitle label{
		display:block;
		width:100%;
		height:auto;
		overflow:hidden;
		text-align:center;
	}
	
	.contacttitle .select-style{
		width:60%;
		margin:10px 20% 4px;
	}
	
	.passTable .passenger .row .column.number, .vehTable .vehicle .row .column.number{
		display: none;
	}
	
	.passTable .passenger .row .column, .passTable .passenger .row .column:last-child, .vehTable .row .column, .contactTable .fivecolumns, .passTable .passenger .row .column:first-child{
		width: 33%!important;
		padding:6px 0 6px 6px;
		display:block;
		float:left;
	}

	.passTable .passenger .row .column.islander-code {
		position: relative;
		padding:10px 0 6px 10px !important;
		width: 65% !important;
	}
	
	.vehTable .row .column:first-child{
		display:none;
	}
	
	.passTable .passenger.cntperson .row .column.radio:first-child{
		width: 100%!important;
		padding: 13px 0 0 11px !important;
	}
	
	.passTable .passenger.cntperson .row .column.radio:first-child label{
		margin: 0 6px 0 0;
	}
	
	.passTable .passenger .row.contperson .column:first-child{
		width: 100%!important;
	}
	
	.passTable .passenger .row.contpersoninner .column:first-child,
	 .passTable .passenger .row.contpersoninner .column,
	  .passTable .passenger .row.contpersoninner .column:last-child{
		width: 33%!important;
		padding:0 0 6px 6px;
		display: block;
		float: left;
	}
	
	.passTable .passenger .row.contperson .column.comments{
		width: 100%!important;
		padding:0 0 6px 6px;
		display: block;
		float: left;
	}
	 
	.passTable .row .passvehlabel, .vehTable .row .passvehlabel{
		display: none;
		/* display: flex;
		line-height: 12px;
		height:32px;
		color: #3a3939;
    	font-size: 14px;
		flex-direction: column;
		justify-content: center;
		text-align:left; */
	}
	
	.passTable .row .passvehlabel.birthdate{
		line-height: 14px;
	}
	
	.paymentTable .greyBox .row, .contactTable .greyBox .row, .paymentTable .row{
		display:inline;
		padding:0;
	}
	
	.contactTable .greyBox .row textarea{
		margin:0 0 6px 6px;
		width:97%!important;
	}
	
	.delTickets .column:first-child label[for=delMethod], .delTickets .column label{
		display:block;
	}
		
	.delTickets .column .row .column, .delTickets .column:first-child{
		width:33%!important;
		display: block!important;
		float: left!important;
		padding: 6px 0 6px 6px;
	}
	
	.tableCourrier .select-style{
		float:left;
	}
	
	.delTickets input[type="radio"] + label, .paymentTable input[type="radio"] + label{
		display:inline-block;
	}
	
	.tableCourrier .row{
		display:inline;
		padding:0;
	}
	
	.delTickets .fivecolumns{
		width:49%;
	}
	
	.delTickets input[type="radio"] + label:last-child {
		margin:4px 0 0 0;
		text-align: left;
	}
	
	.paymentTable input[type="radio"] + label{
		margin:4px 0 0 0;
		text-align:center!important;
	}
	
	.countrybox font{
		margin: 0 auto;
	}
	
	.countrybox font img{
		display: block;
		margin: 2px auto;
		text-align: center;
	}
	
	.delTickets input[type="radio"] + label span, .paymentTable input[type="radio"] + label span{
		margin: 0 2px 1px 0;
	}
	
	.paymentTable .ccbox input[type="radio"] + label span{
		margin:0 4px 1px;
	}
	
	.delTickets .column, .delTickets .column.small, .delTickets .column.big{
		/* width: auto; */
		display: inline;
	}
	
	.couponTable .col1 .column:first-child{
		width: 33%;
		display:block;
		float:left;
	}
	
	.couponTable .addButton, .couponTable .removeButton{
		margin: 4px 0 0;
	}
	
	/* .paymentTable .boxtitle{
		padding: 0 8px 4px;
	} */
	
	#ccpanel .row.cardspanel .sixcolumns, #bankpanel .row.cardspanel .sixcolumns{
		width: 32.8%;
	}
	
	.ccbox label font{
		padding: 4px 0 0;
		display:block;
		height:auto;
	}
	
	#ccpanel .row.cardspanel .sixcolumns, #bankpanel .row.cardspanel .sixcolumns{
		padding: 0 0 8px 0.5%;
	}
	
	#ccpanel .row.cardspanel .sixcolumns:first-child, #ccpanel .row.cardspanel .sixcolumns:nth-child(4) {
		padding: 0 0 8px 8px;
	}
	
	.couponTable .col1 .column:first-child{
		width:30%;
	}
	
	/* .paymentTable .row .column{
		width:50%;
	} */
	
	.paymentTable .row .column:last-child, .delTickets .column.ticketcost, #ccpanel .row.cardspanel .column.creditcost{
		width:100%;
		display:block;
		float:none;
		clear:both;
		text-align:left;
	}
	
	.paymentTable .column.ticketcost label, .delTickets .column.ticketcost label, .paymentTable .column label{
		display:inline-block;
		margin:4px 0 0;
	}
	
	.paymentTable .column.ticketcost input, .delTickets .column.ticketcost input, .paymentTable .column.creditcost input{
		width:30%!important;
		padding:0 12px 5px 0;
		float:right;
	}
	
	.couponTable .col2, .delTickets .fivecolumns.ticketcost input, .paymentTable .column.ticketcost input{
		padding: 14px 10px 0 0;
	}
	
	#ccpanel .row.cardspanel .column:first-child{
		width:100%;
	}
	
	#ccpanel .row.cardspanel.four .column, #ccpanel .row.cardspanel.four .column.big{
		width:50%!important;
		display:inline-block;
	}
	
	.totalcostbox .row .column{
		text-align: left;
		width: auto;
	}
	
	.totalcostbox .row .column:last-child, .totalcostbox .row.total .column:last-child{
		width: auto;
		float:right;
		padding:6px 6px 0;
	}
	
	.totalcostbox .row.total{
		margin: 10px 0 0;
		padding: 0 !important;
	}
	
	#bankpanel .row.cardspanel .sixcolumns:first-child{
		 padding: 0 0 8px 8px;
	}
	
	#bankpanel .ccbox label font{
		padding:4px 0 0 2px;
	}
	
	.paymentTable .column label[for=cardExpireMonth] {
		display:block;
	}
	
	h1.step4{
		background-position:left 14px;
		padding: 20px 0 10px 42px;
	}
	
	.termsbox .content{
		margin: 5vh auto;
	}
	
	.termsbox .termscontent{
		height: 35vh;
	}
	
	.sweet-alert p{
		max-height: 40vh !important;
	}
	
	.contenttop.contact{
		width: 100%;
		min-height: auto;
		margin:20px 0 0;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		
		/* .contenttop.contact div{
			width: 32.66%!important;
			margin:0 1% 1% 0!important;
			font-size:14px;
		} */
		
		.sweet-alert.swal-wide{
			margin-top: -150px !important;
		}
		
		.sweet-alert.swal-wide p{
			max-height: 50vh !important;
		}

		.ccbox label font img {
			float: left;
			width: 70px;
			height: 50px;
			margin: 0 0px 0 0;
		}
	
}


/* Mobile--------------------------------------------------------------------------------- */
@media screen and (max-width: 480px) { /**********************************************************************************************************************/
	/* .site-header .top-line{background:green!important;} */
	.column .card-num {
		width: 70% !important;
	}
	
	ul.steps{
		display:table;
	}

	.psd2-info .column:nth-child(1) img{
		width: 90%;
	}
	
	ul.steps li{
		margin: 0 0.5% 0 0;
    	width: 33%;
		display:table-cell;
		height:60px;
		padding:6px 0;
		vertical-align:middle;
	}
	
	ul.steps li.selected span{
		color:#7db921;
	}
	
	ul.steps li.completed span a{
		color:#2d3e52;
	}
	
	ul.steps .steptxt{
		margin: 0;
		height:100%;
		line-height: 14px;
	}
	
	ul.steps .steptxt span{
		font-size: 12px;
		letter-spacing: -0.05em;
		/* padding: 0 4px;
    	top: 12%; */
	}
	
	ul.steps .number{
		display:none;
	}
	
	#step5-2{
		padding:0;
		width:auto;
		height:auto;
		overflow:hidden;
	}
	
	h1.step1, h1.step1-1, h1.step2, h1.step3, h1.step4, h1.step2-1, h1.step2-2{
		background:none!important;
		padding:18px 0 0;
		font-size:15px;
		text-align:center;
		font-weight:bold;
	}	
	
	h1.step1-1, h1.step2, h1.step3, h1.step2-1, h1.step2-2{
		padding:20px 0;
	}
	
	h2{
		font-size:15px;
		margin:12px 0 10px;
		padding: 5px 0 0 0;
		font-weight:bold;
		border-bottom:none;
		height:auto;
		overflow:hidden;
		text-align: center;
	}	
		h2 font{
			background:none;
			display:inline;
			border:none;
			line-height: 17px;
			font-size: 16px;
		}
	
	h2 div.trip, h2 div.taveler, h2 div.vehicle, h2 div.contactper, h2 div.voucher, h2 div.payment, h2 div.deliverytickets{
		background:none;
		background-size:30px 24px!important;
		top:0!important;
	}
	
	.delTickets .column.ticketcost {
		border: 9px solid #fff;
	}
	
	.greenButton, .greenbtnSmall, .blueButton, .greyButton{
		float:none;
		width:100%;
	}
	.ui-datepicker{
		margin-top:0px !important;
		font-size:14px!important;
		width: 90% !important;
		z-index:9999!important;
	}
	.ui-autocomplete-footer{
		display: none!important;
	}
	.selectTrip{
		background:none;
		border:none;
		height:auto;
		overflow:hidden;
	}
	
	.selectTrip span{
		width:98%;
		margin:0 1% 10px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		border-radius: 3px;
		background: #e0e5e9;
		border:1px solid #d5d5d7;
		height:42px;
	}
	
	.selectTrip span.selected{
		background:#27aae2;
	}
	
	#loaderContainer{
		margin:-110px 0 0 0;
	}
	
	.dd-selected-image{
		margin: 7px 0 0 5px!important;
	}
	
	label.dd-selected-text{
		padding: 4px 0 0 5px !important;
	}
	
	.passvehselect .select-style select{
		text-align:left;
		text-align-last:left;
		padding: 0 0 0 30px !important;
	}
	.dd-option{
		padding: 6px 6px 6px 22px;
	}
	.dd-options {
		width: 290px !important;
	}
	.dd-option::before {
		left: 10px;
	}
	.dd-option-text.cdescr{
		height: auto !important;
		width: 70%!important;
	}
	.dd-option-text.cprice{
		width: 30%!important;
	}
	.camping{width:100%;height:auto;}
	
	.buttonCol{ clear:both; width:100%; padding:0; margin:31px 0 0 0;}
	
	.trippanel{
		margin:14px 0 0;
		padding:4px 2px ;
	}
	
	.trippanel .lastcol{
		width: 100%;
		padding: 0;
	}
	
	.addButtonbig{
		margin:6px 4px 10px 0;
		float: right;
	}
	
	.addButtonbig span.circle{
		margin:0 2px 0 10px!important;
	}
	.select{
		margin:0 1% 5px;
		width:98%;
	}
	
	.nosailing p{
		font-size: 14px;
		padding:4px 0;
		line-height: 15px;
	}
	
	.passvehselect {
		width:100%;
		margin:0 0 0 0;
		overflow:hidden;
		float:none;
	}
	
	.passengerslbl, .vehicleslbl, .trailerlbl {
		background:none;
		padding:6px 8px 0 8px;
		width:76%;
		box-sizing: border-box;
	}
	
	.boxResults .innerbox .greenbtnSmall{
		margin:20px 0 0;
		clear:both;
	}
	
	.greenbtnSmall input, .boxResults .innerbox .greenbtnSmall input, .greyButton input{
		font-weight:bold;
	}
	
	.select-style.vehpassnum{
		width:20%;
	}
	
	.select-style.vehpassnum select{
		width:147%;
	}
	
	.select-style.passengers {
		width:33%;
		margin:0 0 20px 0;
	}
	
	.select-style, .trippanel .calendar{
		margin:0 1% 10px;
		width:98%;
	}
	
	.trippanel .removeButton{
		top:2px;
		right:3px;
	}
	
	.routeResults .title, .passvehAcco .title.passvehAcco .title, .passvehAcco .title{
		font-size: 15px;
		padding: 0 0 0 54px;
		background-size:40px 23px!important;
	}
		.routeResults .title span, .passvehAcco .title span{
			margin:0 3px;
		}
	
	.passtable input[type="radio"] + label span, .totalCost input[type="radio"] + label span, .delTickets input[type="radio"] + label span, .paymentTable input[type="radio"] + label span{
		margin:0 0 1px;
		display:inline-block;
		float:left;
	}
	
	.removeButton{
		margin:0 4px 0 0;
		bottom: 16px;
	}
	
	.routeResults .dates span.mobiledate{
		display:none;
	}
	
	.routeResults .dates span {
		line-height: 15px;
		height: 37px;
		width: 20%;
	}
	
	.routeResults .dates{
		height:43px;
	}
	
	.routeResults .dates span, .routeResults .dates span.selected{
		height: 37px;
		line-height:15px;
	}

	.routeResults .resultsData.selected{
		width:auto;
	}
	
	.routeResults .resultsData .column.dateCol, .routeResults .resultsData .column.companyCol {
		text-align:center!important;
		/* height: 70px; */
	}
	
	/* .routeResults .resultsData .row .column .data span, .routeResults .ItinerariesCont .resultsData .row .column .data span{
		font-weight: normal;
	} */
	
	.routeResults .resultsData .company img, .routeResults .ItinerariesCont .resultsData .company img{
		margin: 10px auto 0;
		box-shadow:0px 0px 7px 0px rgba(46, 43, 43, 0.4);
	}
	
	.routeResults .resultsData .row .column .data img, .routeResults .ItinerariesCont .resultsData .row .column .data img{
		margin: 6px 2px 0 0;
	}
	
	.routeResults .changeDates{
		width: 151px;
		font-size:12px;
	}
	
	/* .routeResults .resultsData .row .column .data, .routeResults .ItinerariesCont .resultsData .row .column .data{
		padding:0 0 8px 0;
	} */
	
	.routeResults .innerlabel {
		display:block;
		font-size:13px;
		margin:0 0 6px 0;
		font-weight:bold;
		color:#3a3939;
		background:#decebd;
		padding:8px 0;
		height: 33px;
		border-bottom:1px solid #b6b5b5;
		line-height:12px;
	}
	.passTable .passenger, .vehTable .vehicle {
		border: 1px solid #c3c2c2;
	}
	.resultsData .emptyrow { height:6px;}
	.emptyrow{height: 0;}
	
	.routeResults .column.priceCol .innerlabel{
		margin: 0 0 15px 0;
	}
	
	.routeResults .resultsData .company img, .routeResults .ItinerariesCont .resultsData .company img{
		width: 80px;
		height:auto;
	}
	
	.routeResults .resultsData .row .column .data img, .routeResults .ItinerariesCont .resultsData .row .column .data img{
		width: 23px;
		height:auto;
	}
	
	/* .routeResults .resultsData .row .column, .routeResults .ItinerariesCont .resultsData .row .column{
		display:block;
		float:left;
		width:33.33%;
		height: 80px;
	} */
		
		.routeResults .resultsData .row .column.companyCol{ border-right:none;}
		/* .routeResults .resultsData .column.dateCol{ line-height:13px;}
		.routeResults .resultsData .column.dateCol, .routeResults .resultsData .row .column.companyCol{border-bottom:1px solid #b6b5b5;} */
		.resultsData .table .row.selected .column.dateCol:first-child, .routeResults .resultsData .row.selected .column.servicesCol{ border-left:1px solid #7db921;}
	
	.routeResults .resultsData .row.titles, .routeResults .row .column.shipCol{
		display:none!important;
	}
	
	.routeResults .resultsData .table{
		width:99.8%;
	}
	
	.routeResults .changeDates{
		padding:0 0 0 28px;
		width:30px;
	}
	
	.sweet-alert{
		padding:14px!important;
	}
	
	.sweet-alert h2{
		font-size:14px!important;
		margin:2px 0 0 32px!important;
	}
	
	.sweet-alert p{
		padding:10px 0!important;
		overflow-y:scroll;
		max-height: 65vh !important;
		font-size:13px;
		clear:both;
	}
	
	.sweet-alert label {
		line-height: 17px;
	}
	.sweet-alert .sa-icon, .sweet-alert .sa-icon.sa-success .sa-placeholder{
		width:17px!important;
		height:17px!important;
	}
	
	.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{
		top:10px!important;
		left: 1px!important;
		width: 10px!important;
	}
	
	.sweet-alert .sa-icon.sa-success .sa-line.sa-long{
		top:9px!important;
		right: 1px!important;
		width: 15px!important;
	}
	
	.sweet-alert .sa-icon.sa-success::before{
		left: -50px!important;
	}
	
	.sweet-alert .sa-icon.sa-warning .sa-body{
		top:2px!important;
		width:4px!important;
		height:10px!important;
	}
	
	.sweet-alert .sa-icon.sa-warning .sa-dot{
		bottom:2px!important;
		height:4px!important;
		width:4px!important;
	}
	
	.sweet-alert button{
		padding:6px 10px!important;
	}
	
	.sweet-alert.swal-wide{
		width: 96%!important;
		padding: 10px!important;
	}
	
	.swal-wide .AnsfNotifyBox p{
		padding: 10px 4px 10px 0!important;
		font-size:14px!important;
	}
	
	.swal-wide .AnsfNotifyBox img{
		width:80%;
		height:auto;
		margin:0;
	}
	
	.swal-wide .AnsfNotifyBox table{
		font-size:12px;
	}
	
	.swal-wide .AnsfNotifyBox p.center{
		font-size:16px!important;
	}
	
	.termsbox .content{
		margin: 5vh auto;
	}
	
	.termsbox .termscontent{
		height: 60vh;
	}
	
	.select-style.passengers, .select-style.vehicles, .select-style.trailers{
		width: 98%;
		margin:0 0 6px 0;
	}
    	
	.passvehAcco{
		border:none;
	}
	
	.passtable, .vehtable{
		display:block;
	}
	
	.passvehAcco .title{
		margin:0 0 10px 0;
		border:1px solid #b6b5b5;
	}
	
	.passvehbox{
		width:auto;
		height:auto;
		border:1px solid #b6b5b5;
		margin:0 0 20px 0;
		position:relative;
	}
	
	.ui-slider-horizontal .ui-slider-handle{
		width:18px !important;
	}
	
	.dd-select{
		margin:0 0 0 2px!important;
	}
	
	.bonuspermile .banner .message .column{
		background: rgba(255, 255, 255, 0.5);
		width: auto;
		box-sizing:border-box;
		padding:8px 0 0;
		text-align:center;
		height:auto;
		height: 150px;
	}
	
	.bonuspermile .banner .message .column font{
		font-size: 51px;
	}
	
	.bonuspermile .bonusMembers .row .column span{
		font-size: 10px;
		font-weight:normal;
		color: #414141;
	}
	
	.bonuspermile .banner .message .column p, .bonuspermile .banner .message .column .bonusexpand.collapse{
		color: #2d3e52;
	}
	
	.bonuspermile .bonusMembers .row .column .date{
		font-size: 12px;
	}
	
	.bonuspermile .bonusMembers .row .column span{
		color: #222;
    	font-size: 10px;
		font-weight:normal;
	}
	
	.bonuspermile .bonusfooter{
		line-height: 18px;
		height:auto;
		padding: 6px 8px;
		font-size:12px;
	}
	
	.bonuspermile .bonusfooter font{
		padding: 0 3px;
		font-size: 18px;
	}
	
	#bonusSlogan p{
		font-size: 15px;
		font-family:inherit;
		line-height: 22px;
		margin: 27px 0;
		text-shadow:none;
	}
	
	.passtable .row, .vehtable .row{
		height:auto;
		display:table;
		overflow:visible;
		width:100%;
		position:relative;
	}
	
	.passtable .passvehtitle.mobile:first-child, .vehtable .passvehtitle.mobile:first-child{
		border-top:none;
		border-bottom:none;
	}
	
	.passtable .passvehtitle.mobile{
		border-bottom:none!important;
	}
	
	.passtable, .vehtable{
		display:block;
		margin: 10px 0;
		border:none;
	}
	
	.passtable .passvehtitle.mobile, .vehtable .passvehtitle.mobile {
		display: block;
		/* border-bottom: 1px solid #b6b5b5; */
		height: 28px;
		width: auto;
		height: auto;
		padding: 8px 0 8px 8px;
		background: #a3c5e3;
		text-align: center;
		position: relative;
		color: #ffffff;
		font-weight: bold;
		border-top: none;
	}
	.vehtable .cm{
		padding: 15px 0 0 0;
		display: inline-block;
	}
	.passtable .col2, .passtable .col3, .passtable .col4, .passtable .col5, .passtable .col6, .vehtable .col2, .vehtable .col3, .vehtable .col4, .vehtable .col5{
		display:block;
		float:left;
		width:50%;
		margin:0;
		padding:0 0 10px 0;
		position:static;
		border-top:none;
		border-bottom: 1px solid #b6b5b5;
	}
	
	.passtable .col6, .vehtable .col5{
		border-bottom:none;
	}
	
	.passtable .row .passvehlabel, .vehtable .row .passvehlabel{
		display:block;
		margin:10px 0 4px 4px;
		height:28px;
		color: #3a3939;
		font-weight:bold;
		text-align: left;
		line-height:13px;
	}
	
	.passtable .row .split .passvehlabel{
		line-height:14px;
		text-align:center;
	}
	
	.passtable .row .split input[type="radio"] + label span{
		float:none;
	}
	
	.passtable .row.subtitle, .vehtable .row.subtitle{
		display:none;
	}
	
	.passtable .col1 span, .vehtable .col1 span{
		display:none;
	}
	
	.passtable .col1 .select-style, .vehtable .col1 .select-style{ float:none; width:90%; margin:0 6px;}
	.vehtable .select-style.hascamper{ width:37%!important; float:left!important;}
	
	.passtable .col1, .passtable .col2, .passtable .col3, .passtable .col4, .passtable .col5, .passtable .col6, .vehtable .col4, .vehtable .col5{
		display:block;
		float:left;
		width:50%!important;
		padding:0 1% 10px 1%;
		position:static;
		border:none;
	}
	.vehtable .col1, .vehtable .col2, .vehtable .col3 {
		width: 100%;
		border:none;
		display: block;
	}
	.vehtable .col2 input, .vehtable .col3 input {
		margin-left: 0 !important;
	}

	.totalCost input[type="radio"] + label span{
		float:none;
	}
	
	.passtable input[type="radio"]:checked + label span, .totalCost input[type="radio"]:checked + label span, .delTickets input[type="radio"]:checked + label span, .paymentTable input[type="radio"]:checked + label span{
		margin:0 0 1px 0;
	}
	
	.passtable .col6, .vehtable .col2, .vehtable .col3, .vehtable .col4, .vehtable .col5{
		width:100% !important;
	}
	
	a.dd-selected {
		padding: 4px 12px 0 4px !important;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.vehtable .col2 .slider, .vehtable .col3 .slider{
		margin:12px 0 0 6px;
		width:47%;
	}
	
	.passtable input, .vehtable input, .vehtable .select-style, .vehtable .col5 .select-style{
		width:90%;
		margin:0 6px;
	}	
	
	.passtable .col6{
		position:static;
		
	}
	
	.passvehbox .removeButton{
		position:absolute;
		right:4px;
		top:-30px;
	}
	
	.greenButton input, .greenbtnSmall input, .boxResults .innerbox .greenbtnSmall input, .greyButton input{ font-size:15px;}
	
	.tooltip{
		margin:0 0 -4px 2px;
	}

	#tooltip{
		padding: 10px;
		font-size:12px;
		line-height:18px;
	}
	
		#tooltip img{
			width:160px;
			height:auto;
		}
	
	.buttons{
		display: table; 
		border-spacing: 0 30px;
		width:100%;
	}
		.buttons .blueButton{display: table-footer-group; }
		.buttons .greenButton{display: table-header-group; }
		
	.greenButton, .greenbtnSmall, .blueButton{
		margin: 20px 0;
	}
	
	.greenButton, .blueButton{
		margin:10px 0 12px;
		padding:0;
		float:none; 
		width:100%;
		font-size:15px;
	}
	
	.greenButton span, .blueButton span{
		margin:10px 10px 12px;
		font-size:15px;
	}
	
	.addButton {
		margin:0 0 20px 0;
	}
		
		.addButton span.circle, .removeButton span.circle{
			margin:0 8px 0 0;
		}
	
	.pricesResults .title .details .column{
		width:100%;
		float:none;
		text-align:left;
		padding: 0 8px;
		font-size: 13px;
		letter-spacing:normal;
		line-height: normal;
	}
	
	.pricesResults .title .details span{
		font-size:13px;
		padding: 0 6px;
	}
	
	.pricesResults .title .main, .suggestion .suggbox .inner .col1 .route{
		height:37px;
		line-height:35px;
		padding:0 0 10px 0;
	}
	
	#tripdetails .pricesResults .title .main, #tripdetails .suggestion .suggbox .inner .col1 .route{
		height:auto;
		line-height:normal;
		padding:10px 0;
	}
	
	.pricesResults .title .main .shiplabel{
		height:auto;
		line-height:normal;
		color:#fff;
		background:none;
    	padding: 0px 10px;
		font-size: 12px;
		float:none;
	}
	
	#tripdetails .pricesResults .columnship{
		display:none;
	}
	
	.pricesResults .title .main img, .suggestion .suggbox .inner .col1 .route img{
		margin:2px 8px 0 8px;
		width:90px;
		height:auto;
	}
	
	#tripdetails .pricesResults .price{
		display:none!important;	
	}
	
	.pricesResults .title .details{
		height:auto;
		line-height: 20px;
		padding: 4px 0;
	}
	
	.pricesResults .title .details span{
		background-position:0 5px;
	}
	
	.pricesResults .pricesTable .row .col2, .pricesResults .pricesTable .boxtitle.cost .col1, .pricesResults .pricesTable .boxtitle .col1, .totalCost .col1{
		display:none;
	}
	
	.pricesResults .pricesTable .row .col1, .pricesResults .pricesTable .boxtitle.cost .col2, .pricesResults .pricesTable .boxtitle .col2, .totalCost .col2{
		width:50%;
	}
	
	.pricesResults .pricesTable .boxtitle .col2{
		padding: 0 0 0 8px;
	}
	
	.pricesResults .pricesTable .row .col3, .pricesResults .pricesTable .boxtitle.cost .col3, .pricesResults .pricesTable .boxtitle .col3, .totalCost .col3{
		width:50%;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col3.onePriceColumn, .pricesResults .pricesTable .boxtitle .col3.onePriceColumn{
		width:14.28%;
	}
	
	.PricesResultsCont .onePriceColumn .totalTitle{
		width:73.72%!important;
	}
	
	.PricesResultsCont .tablerow.onePriceColumn .totalPrice{
		width:14.28%;
	}
	
	.pricesResults .pricesTable .row .col3 .column{
		text-align:center;
		padding:0 0 0 0;
	}
	
	.pricesResults .pricesTable .boxtitle{
		 height: 62px;
	}
	
	.selectedoffer, .selectedtotaloffer{
		width:25%;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col3 .column, .totalCost .col3 .column, .suggestion .suggbox .inner .col2 .column{
		text-align:center;
		padding:0 0 0 0;
		letter-spacing:-0.05em;
	}
	
	.passtitle{
		display:block;
	}
	
	.accodescr{
		display:block;
		line-height:15px;
		padding:0 0 0 0;
		font-size:11px;
		color: #222222;
		height:30px;
		width:auto;
	}
	
	.pricesResults .pricesTable .row{
		height: auto;
	}
	
	.pricesResults .pricesTable .row .col1 span{
		 margin: 9px 0 6px 0;
		 line-height:13px;
		 height: auto;
		 display:block;
		 background:none!important;
		 padding: 0;
		 overflow:hidden;
	}
	
	.pricesResults .pricesTable .boxtitle .col3 .column{
		padding:0 2px;
	}
	
	.pricesResults .pricesTable .row .col1 span div{
		padding:4px 0 0 0;
		display:block;
		font-size:12px;
		color: #6d6a6a;
	}
	
	.pricesResults .pricesTable .row .col1 strong{
		padding: 0 0 0 6px;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col2{
		padding: 0 0 0 6px;
		line-height: 15px;
		text-align:left;
	}
		.pricesResults .pricesTable .boxtitle.cost .col2 span, .totalCost .col2 .totalTitle span{
			display:block;
		}
	
	.pricesResults .pricesTable .boxtitle .col2, .totalCost .totalTable .col2, .pricesResults .pricesTable .boxtitle .col3, .totalCost .totalTable .col3{
		width:50%;
	}
	
	.pricesResults .pricesTable .boxtitle.cost .col2 span, .pricesResults .pricesTable .boxtitle .col2 span{
		display:block;
	}
	
	.totalCost .col3 .column .offer, .suggestion .suggbox .inner .col2 .offer{
		font-size:12px;
	}
	
	.totalCost .col2 .totalTitle{
		line-height:14px;
		padding: 0 0 8px 6px;
		text-align:left;
		left:0;
	}

	.totalCost .col3 .column .price, .suggestion .suggbox .inner .col2 .price{
		text-align: center;
		padding:0;
	}
	
	.totalCost .col3 .column .offer, .suggestion .suggbox .inner .col2 .offer{
		min-height: 60px;
	}
	
	.totalCost .col3 .column .price, .suggestion .suggbox .inner .col2 .price{
		font-size:14px;
		letter-spacing:-0.05em;
	}
	
	.suggestion .suggbox .inner .col1, .suggestion .suggbox .inner .col2{
		width:50%;
	}
	
	.suggestion .suggbox .inner .col1 .route{
		font-size:14px;
	}
	
	.suggestion .suggbox .inner .col2 .column{
		padding:28px 0 0;
	}
	
	.bonuspermile .banner .message, .bonuspermile .bannerreward .message{
		clear: both;
		float: none;
		margin: 0 5%;
		padding: 10% 0 0;
		width: 90%;
	}
	
	.bonuspermile .banner .message .whiteoverlay, .bonuspermile .banner .message .whiteoverlay2, .bonuspermile .bannerreward .message .whiteoverlay, .bonuspermile .banner .message .redoverlay{
		padding: 8px;
		font-size: 18px;
	}
	
	.bonuspermile .banner .message .redoverlay{
		margin: 6px 10px 6px 0;
	}
	
	.bonusTable .row .col2.small {
		width: 100%!important;
		float:left;
		display:block;
		border-bottom: 1px solid #c8c7c7;
		border-right:none;
		padding:4px 0 4px 6px;
		min-height: 70px;
	}
	
	#bonuspermilePanel .buttons{
		margin:0;
	}
	
	.bonusTable .row .col3{
		width: 100%!important;
		border-bottom: 1px solid #c8c7c7;
		border-right:none;
		float:none;
		display:block;
		padding-top: 4px;
	}
	
		.bonusTable .row .col2 .bonuspasslabel, .bonusTable .row .col3 .bonuspasslabel{
			display:block;
			padding:4px 0;
			font-size: 14px;
			font-weight:normal;
		}
		
		.bonusTable input{
			width: 90%;
			margin: 0 0 6px;
		}
		
		.bonusTable .row .typeemail {
			float:none;
		}
		
	.bonusTable .row .col1, .bonusTable .boxtitle{
		display:none;
	}
	
	.bonusTable .select-style{
		margin: 4px auto;
	}
	
	#redeemMembers .boxtitle .col2, #redeemMembers .row .col2, #redeemMembers .boxtitle .col1.col3, #redeemMembers .row .col1.col3{
		border-bottom:1px solid #d7d4d4;
		border-right:none;
		display: block;
		float: none;
		min-height: 50px;
		padding: 4px 0 4px 6px!important;
		width: 100%!important;
		font-weight:bold;
		height:auto;
		overflow:hidden;
	}
	
	.bonusTable input.coupon{
		font-size:14px!important;
		width:86%;
	}
	
	.bonuspermile .bannerreward .message .greyoverlay, .bonuspermile .bannerreward .message .redoverlay{
		font-size:18px;
		margin: 4px 0 0;
	}
	 
	.showdetails{
		top: 8px;
		right: 15px !important
	}
		
	.pricesResults .pricesTable .row .col1 span{
		width: 80%;
	}
	
	.pricesResults .pricesTable .row .col1.onePriceColumn, .pricesResults .pricesTable .boxtitle .col2.onePriceColumn{
		width:57.12%!important;
		border-right:none;
	}
	
	.pricesResults .pricesTable .row .col1, .bonusTable .row .col1, .bonusTable .row .col2{
		padding: 5px 0 0 2px;
		width:50%!important;
	}
	
	#step5-1 .pricesResults .pricesTable .row .col1{
		width:70%!important;
	}
	
	#step3-1 .pricesResults .pricesTable .row .col1 {
		width:55%!important;
	}
	
	.pricesResults .pricesTable .row .col1 font, .bonusTable .row .col1 font, .passTable .row .column font{
		display:block;
	}
	
	.bonusTable .row span.man, .bonusTable .row span.woman, .bonusTable .row span.child, .bonusTable .row span.vtype_ix, .bonusTable .row span.vtype_mo, .bonusTable .row span.vtype_cmt, .bonusTable .row span.vtype_trailer {
		background:none!important;
	}
	
	.pricesResults .pricesTable .row .col1 span, .bonusTable .row .col1 span{
		 padding: 0;
	}
	
	.pricesResults .pricesTable .row, .bonusTable .row.pricesResults .pricesTable .row, .bonusTable .row{
		line-height: 17px;
		height:auto;
		overflow:hidden;
	}
	
	.bonusTable .row .col1 strong{
		display:none;
	}
	
	.greenButton, .greenbtnSmall, .blueButton, .greyButton{
		margin: 10px 0 20px;
	}
	
	#tripdetails .pricesResults .pricesTable .boxtitle .col2{
		width: 70%;
	}
	
	#tripdetails .pricesResults .pricesTable .boxtitle.cost .col2{
		width: 70%;
		text-align:right;
	}
	
	#tripdetails .pricesResults .pricesTable .boxtitle .col3{
		width: 30%!important;
		padding: 0 !important;
	}
	
	#tripdetails .pricesResults .pricesTable .row .col3, tripdetails .pricesResults .pricesTable .boxtitle.cost .col3{
		width: 30%!important;
		padding: 0 10px 0 0 !important;
	}
	
	#tripdetails .pricesResults .pricesTable .boxtitle.cost .col3{
		width: 30%!important;
		padding: 0 10px 0 0 !important;
	}
	
	#tripdetails .pricesResults .pricesTable .row .col2 {
		display:none;
	}
	
	.pricesResults .pricesTable .row .col1 span {
		white-space:normal;
		text-overflow:none;
	}
	
	.pricesResults .pricesTable .row .col1 span {
		padding: 0;
		margin: 2px 0 7px 0;
	}
	
	.pricesResults .pricesTable .row .col1 font {
		display:inline;
	}
	
	.pricesResults .pricesTable .row .col1 span div{
		padding: 4px 0;
	}
	
	.pricesTable .row span.man, .pricesTable .row span.woman, .pricesTable .row span.child, .pricesTable .row span.vtype_ix, .pricesTable .row span.vtype_mo, .pricesTable .row span.vtype_cmt, .pricesTable .row span.vtype_trailer, .bonusTable .row span.man, .passTable .row span.man{
		 background-position: 0 0 !important;
	}
	
	.costtable .empty{
		display: table-row;
		width: 100%;
		height:20px;
	}
	
	.noticesbox{
		width: 100%;
		display: table-footer-group;
		float: none;
	}
	
	.PricesResultsCont .totalTable{
		width: 100%;
		display: table-header-group;
		float:none;
		border-right: 1px solid #fff;
	}

	.PricesResultsCont .totalTitle{
		width:50%;	
		padding: 0 0 0 6px;
		text-align:left;
		font-size:14px;
	}
	
	.paymentTable .row .column:last-child, .delTickets .column.ticketcost, #ccpanel .row.cardspanel .column.creditcost{
		width:100%;
		display:table;
		float:none;
		clear:both;
		text-align:left;
	}
	
	.paymentTable .column.creditcost label{
		display: table-cell;
		width: 70%;
		vertical-align:middle;
	}
	
	#creditcardfee{
		display: table-cell;
		vertical-align: middle;
		padding: 0;
		width:100%;
	}
	
	#ccpanel .row.cardspanel, #ccpanel .row.cardspanel.four .column.abbr label{
		display: block;
	}
	
	#ccpanel .row.cardspanel.four .column:first-child, #ccpanel .row.cardspanel.four .column.big{
		width:100%!important;
		display: block;
	}
	
	#ccpanel .row.cardspanel.four .column{
		width:100%!important;
		display: block;
	}
	
	#ccpanel .row.cardspanel.six .column{
		width:33%!important;
	}
	
	.PricesResultsCont .tablerow .totalPrice{
		width:50%;	
	}
		
	.PricesResultsCont .tablerow .totalPrice{
		font-size: 14px;
	}
	
	.pricesResults .title, .offerNotes{
		font-size: 12px;
	}
	
	#tripdetails .pricesResults .pricesTable .boxtitle.cost .col2{
		text-align:left;
		padding: 0 0 0 8px !important;
	}
	
	#tripdetails .pricesResults .main .col1{
		width:100%;
	}
	
	#tripdetails .pricesResults .col1 .route{
		line-height: 34px;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#tripdetails .pricesResults .col1 .route img{
		margin: 11px 6px 0 0;
		width: 70px;
		height:auto;
	}
	
	
	.pricesResults .title .main {
		font-size:15px;
		text-align:left;
		height:auto;
		line-height: normal;
		padding: 6px 0;
	}
	
	#tripdetails .pricesResults .col2 .price{
		display:none!important;
	}
	
	.passTable .passenger .row, .vehTable .vehicle .row{
		margin: 0 0 4px;
		height: auto;
		overflow:hidden;
	}
	
	.passTable .boxtitle, .vehTable .boxtitle{
		display:none;
	}
	
	.passTable .select-style, .vehTable .vehicle .select-style, .paymentTable .row .select-style, .contactTable .row .select-style{
		width:94%;
		margin:0;
	}
	
	.passTable .row .column span {
		margin: 0 0 0 -6px;
	}
	
	.passTable .passenger .row.contperson {
		width: 100%!important;
	}
	
	.passTable .passenger.cntperson .row .column.radio:first-child {
		width: 100% !important;
		padding: 13px 0 0 11px !important;
	}
	
	.passTable .passenger.cntperson .row .column.radio:first-child label {
		margin: 0 6px 0 0;
	}

	.passTable .passenger .row.contperson .column:first-child {
		width: 100% !important;
	}
	
	.passTable .passenger .row.contpersoninner {
		display: inline;
		clear: none;
	}

	.passTable .passenger .row.contpersoninner .column:first-child, .passTable .passenger .row.contpersoninner .column, .passTable .passenger .row.contpersoninner .column:last-child {
		width: 50% !important;
		padding: 0 0 6px 6px;
		display: block;
		float: left;
	}
	
	.passTable .passenger .row.contperson .column.comments {
		width: 100% !important;
		margin: 0 0 8px 0;
	}
	
	.passTable .passenger .row.passvehtitle.mobile, .vehTable .vehicle .row.passvehtitle.mobile, .bonusTable .bonuspasstitle{
		display:block;
		border-bottom: 1px solid #b6b5b5;
		background: #decebd; 
		font-size: 14px;
		height: 38px;
		line-height: 36px;
		text-align:center;
		font-weight: bold;
		width: 100%;
	}
	
	.bonusTable .bonuspasstitle{
		height:auto;
		line-height: 19px;
		padding: 8px 0;
	}
	
	.passTable .passenger .row .column.number, .vehTable .vehicle .row .column.number{
		display: none;
	}
	
	.tooltip br{
		display:none;
	}
	
	.contacttitle label{
		display:block;
		width:100%;
		height:auto;
		overflow:hidden;
		text-align:center;
	}
	
	.contacttitle .select-style{
		width:80%;
		margin:10px 10% 4px;
	}
	
	.passTable .passenger .row .column, .passTable .passenger .row .column:last-child, .vehTable .row .column, .contactTable .fivecolumns{
		width: 50%!important;
		display:block;
		float:left;
		padding:0 0 6px 6px;
	}

	.passTable .passenger .row .column.islander-code {
		position: relative;
		padding:10px 0 6px 6px !important;
		width: 98% !important;
	}
	
	.passTable .passenger .row .column.check{
		padding:0 0 0 6px!important;
	}
	
	.passTable .passenger .row .column.pass, .vehTable .row .column:first-child{
		display:none;
	}
	
	.passTable .row .passvehlabel, .vehTable .row .passvehlabel{
		display: none;
		/* display: flex;
		line-height: 12px;
		height:32px;
		color: #3a3939;
    	font-size: 14px;
		flex-direction: column;
		justify-content: center;
		text-align:left; */
	}
	
	.routeResults .dates span{
		line-height:15px;
	}
	.routeResults .dates span.selected{
		line-height:15px;
	}
	.routeResults .innerlabel{
		background: #abe1fb;
	}
	.pricesResults .title .main .shiplabel{
		color: #fff;
		height: auto;
		line-height: 9px;
	}
	.vehTable.intertrip .row .column, .vehTable .row .column{
		width: 50% !important;
	}
	.passTable .passenger input, .vehTable .vehicle input, .passTable .passenger .select-style select, .vehTable .vehicle .select-style select{
		height: 29px;
		margin: 0 auto 4px;
	}
	.totalroutecost{
		font-size: 14px;
	}
	.totalroutecost .trlabel{
		width: 100%;
		text-align: left;
		padding: 0 0 0 12px;
	}
	.totalroutecost .trcost{
		background: none;
		width: 80px;
		top: -3px;
		right: 11px;
		text-align: center;
	}
	.pricesResults .pricesTable, .bonusTable, .passTable, .vehTable, .paymentTable, .contactTable{
		margin: 10px 0 0;
	}
	.passTable .passenger .row.contpersoninner .column{
		width: 50% !important;
	}
	.phonegroup select{
		height: 32px;
	}
	#cpMobileCode_value{
		width: 24% !important;
		left: 4px;
		background-position: right 14px !important;
		height: 28px;
	}

	 input#delMobileCode_value {
		width: 27% !important;
		left: 0px;
		background-position: right 14px !important;
		height: 32px;
	}
	.passTable .row .passvehlabel.birthdate{
		line-height: 14px;
	}
	
	.paymentTable .greyBox .row, .contactTable .greyBox .row, .paymentTable .row{
		display:inline;
		padding:0;
	}
	
	.contactTable .greyBox .row textarea{
		margin:0 0 6px 6px;
		width:95.5%!important;
	}
	
	.passtable input, .vehtable input, .bonusTable .col2 input, .tableCourrier input, .couponTable .col1 .column:first-child input, .passTable .passenger input, .vehTable .vehicle input, .paymentTable .row input, .contactTable .row input, .contactTable .row textarea, .bonusTable input.coupon, .bonusTable input, .select-style select, .phonegroup{
		font-size: 14px;
		float:left;
	}
	
	.phonegroup select, .phonegroup input{
		font-size:14px;
		padding:0 0 3px 0!important;
	}
	
	.delTickets input[type="radio"] + label, .paymentTable .boxtitle input[type="radio"] + label {
		display:inline-block;
		margin:0 0 4px 0!important;
		height:auto;
		overflow:hidden;
	}
	
	span.clear {
		display:block;
	}
	
	.delTickets input[type="radio"] + label font, .paymentTable .boxtitle input[type="radio"] + label font{
		display:block;
		margin:8px 0 0 44px;
		line-height: 15px;
		text-align:left;
	}
	
	.tableCourrier .row{
		display:inline;
		padding:0;
	}
	
	.delTickets .fivecolumns{
		width:49%;
	}
	
	.paymentTable .boxtitle .tooltip{
		float: right;
    	margin: 8px 0 0 5px;
	}		

	.delTickets .column:first-child label[for=delMethod], .delTickets .column label{
		display:block;
	}
	
	.delTickets .column .row .column, .delTickets .column:first-child {
		width: 49% !important;
		display: block !important;
		float: left !important;
		padding: 6px 0 6px 6px;
	}
	
	.paymentTable .row .column:last-child, .delTickets .column.ticketcost{
		width:100%;
		display:block;
		float:none;
		clear:both;
		text-align:left;
	}
	
	.delTickets .column, .delTickets .column.small, .delTickets .column.big {
		/* width: auto; */
		display: inline;
	}

	.tableCourrier .select-style{
		float:left;
		margin: 0;
	}
	
	.couponTable .col1 .column:first-child{
		width: 38%;
	}
	
	.couponTable .addButton, .couponTable .removeButton{
		margin: 4px 0 0;
	}
	
	.paymentTable .boxtitle{
		padding: 4px 8px;
	}
	
	#ccpanel .row.cardspanel .sixcolumns, #bankpanel .row.cardspanel .sixcolumns{
		width: 33%;
	}
	
	.sixcolumns .ccbox label font{
		padding: 6px 0 0;
		height: 33px;
		display:block;
	}
	
	.countrybox font{
		margin:0 auto;
	}
	
	.ccbox label font img{
		margin: 0 auto;
		text-align:center;
		float:none;
	}
	
	.delTickets input[type="radio"] + label:last-child, .paymentTable input[type="radio"] + label{
		margin: 10px 0 0 0;
		display:block;
		text-align:center;
	}
	
	.ccbox label font strong{
		display:inline;
	}
	
	.ccbox label div{
		display:inline-block;
		margin:0 6px 2px 42px;
		font-size: 11px;
	}
	
	#ccpanel .row.cardspanel .sixcolumns, #bankpanel .row.cardspanel .sixcolumns, #ccpanel .row.cardspanel .sixcolumns:first-child, #bankpanel .row.cardspanel .sixcolumns:first-child{
		padding: 0 0 8px 8px;
	}
	
	.ccbox{
		padding: 0;
		text-align:center;
		margin:0 auto;
	}
	
	.couponTable .col1 .column:first-child{
		width:60%;
	}
	
	.couponTable .col1 .column{
		width:27%;
	}
	
	.couponTable .col1 .column:last-child{
		width:89%;
	}
	
	/* .paymentTable .row .column{
		width:100%;
	} */
	
	.paymentTable .row .column:last-child, .delTickets .column.ticketcost{
		width:100%;
	}
	
	.paymentTable .column label[for=cardExpireMonth] {
		display:block;
	}
	
	.paymentTable .column.ticketcost label, .delTickets .column.ticketcost label{
		display:inline-block;
		margin:4px 0 0;
		width:70%;
		text-align:left;
	}
	
	.paymentTable .column.ticketcost input, .delTickets .column.ticketcost input{
		width:30%!important;
		padding:0 0 5px 0;
		float:right;
		line-height: 16px;
	}
	
	.totalcostbox .row.total {
		font-size: 15px;
	}
	
	.terms a{
		font-size: 12px;
	}
	
	.terms input[type="checkbox"] + label span {
		margin: -1px 6px 0 0;
	}
	
	.totalcostbox .row .column{
		text-align: left;
		width: 70%;
		line-height: 16px;
	}
	
	.totalcostbox .row .column:last-child, .totalcostbox .row.total .column:last-child{
		width: auto;
		float:right;
		padding:6px 6px 0;
	}
	
	.totalcostbox .row.total{
		margin: 10px 0 0;
	}
	
	#bankpanel .row.cardspanel .sixcolumns:first-child{
		 padding: 0 0 8px 8px;
	}
	
	#bankpanel .ccbox label font{
		padding:4px 0 0 2px;
		display:inline-block;
	}
	
	.paymentTable #ccpanel input[type="radio"] + label span, .paymentTable #ccpanel input[type="radio"]:checked + label span, .paymentTable #bankpanel input[type="radio"] + label span, .paymentTable #bankpanel input[type="radio"]:checked + label span{
		margin: 0 auto 6px;
		text-align:center;
		float:none;
		display:block;
	}
	
	.totalcostbox.dark .row .column:first-child {
		width: 100%;
		display: block;
		padding: 0;
	}
	
	.totalcostbox.dark .row .column, .totalcostbox.dark .row .column:last-child {
		width: 50%;
		display: block;
		float: left;
		padding: 20px 0 7px 0;
	}

	.totalcostbox.dark .row .column:first-child a{
		display: block;
		padding:0;
	}
	
	.sweet-alert.swal-wide{
		margin-top: -250px !important;
	}
	
	.termsbox .termscontent{
		margin: 16px 0 30px;
		padding:8px 8px 0 0;
	}
	
	.termsbox .termscontent p{
		padding:8px 0;
		font-size: 14px;
	}
	
	.termsbox .termscontent ul li{
		font-size: 14px;
    	padding: 0 0 0 2px;
	}
	
	.termsbox .greyButton{
		float:none;	
		margin:10px auto 20px;
	}
	
	.termsbox .greyButton span{
		text-align: center;
		margin: 5px 0 8px;
	}
	
	.couponTable .row.title .col2{
		display:none;
	}
	
	.couponTable .col1{
		width:80%;
	}
	
	.couponTable .col2{
		width:20%;
		padding: 14px 0 0;
	}
	
	.couponTable .discountlabel{
		display:block;
		width:70%;
		float:left;
	}
	
	#addLeg span.circle{
		margin: 0 6px 0 0;
	}
	
	.addButton span.circle, .removeButton span.circle{
		margin: 0;
	}
	
	.totalcostbox .row{
		font-size:14px;
		padding:8px 0;
	}
	
	.contenttop.confirmation{
		width: 100%;
		min-height: auto!important;
		padding: 0 10px 68px;
	}
	
	h1.step4{
		padding: 20px 0 10px;
	}
	
	.contenttop.contact{
		width: 100%;
		min-height: auto;
		margin:20px 0 0;
		display: block;
	}
		
	.contenttop.contact div{
		width: 100%!important;
	}
		
	.hotelsbanner{
		margin: 0;
		text-align:center;
	}
	
	.hotelsbanner .yellowbox{
		margin: 50px 14px 14px;
		font-size: 25px;
		padding:0;
		line-height: 26px;
	}
		
	.hotelsbanner .yellowbox span{
		font-size: 16px;
	}
	
	.hotelsbanner .bookhotel{
		margin: 4px 16px 0;
		font-size: 15px;
		font-weight:normal;
		padding: 14px 10px;
	}
	ul.steps .steptxt span {
		position: absolute;
		top: 0;
		width: 100%;
		height: 59px;
	}
	
}


.tooltipError{
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	padding: 20px;
	font-size:14px;
	line-height:18px;
	text-align:left;
	color:#fff;
	background: #5b5b5b;
	width:178px;
	margin:8px 0 0 -2px;
}

.tooltipError:before {
	  content: '';
	  position: absolute;
	  top: -10px;
	  left: 10px;
	  width: 0; height: 0;
	  border-bottom: 10px solid #5b5b5b;
	  border-right: 10px solid transparent;
	  border-left: 10px solid transparent;
}

.tooltipErrorInline{
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	padding: 6px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	color:rgb(235, 25, 25);
	background: #fef9d9;
	width:auto; /*178px;*/
	margin:8px 0 0 -2px;
}

.i_reg_form_error , .dd-select.i_reg_form_error {
    /*border: 1px solid rgba(81, 203, 238, 1)!important;*/
    box-shadow: 0 0 5px rgba(81, 203, 238, 1)!important;
    background-color: #ffeaea!important;
    border: 1px solid red !important;
}

.lightbox__caption p{
	font-weight:bold;
	font-size:14px;
	
}

.ui-menu .ui-menu-item {
	list-style-image:none !important;
}

div#_pricingContainer {
    min-height: 500px;
}


/* Alex media queries */

@media (min-width: 1920.98px) {
	.wrapper {
		max-width: 60%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}
	.footer .footer-split-r {
		justify-content: space-evenly;
	}
	.footer p {
		font-size: 16px;
	}
	.site-container {
		background-size: cover !important;
	}
	.footer .creditcardsbox span {
    	background-size: 70% auto!important;
	}
}	

@media (max-width: 991.98px) { /**********************************************************************************************************************/
	.content{
		width:95%;
	}
	/* #ccpanel .row.cardspanel {
		width: 99% !important;
	} */
	.custom-overlay .loading {
		left: 38%;
	}
	.swal-wide-xl {
		width: 90% !important;
	}
	.footer .creditcardsbox {
		width: 100% !important;
	}
	#ccpanel, #bankpanel {
		width: 100%;
	}
	.totalcostbox {
		width: 100%;
		margin: 0;
	}

	.contenttop {
		width: 95%;
	}
	ul.steps {
		width: 100%;
		margin: auto;
	}
	form#submitSearching {
		flex-direction: column;
	
	}
	#bookingFormsPanel {
		margin-bottom: 40px;
		width: 100%;
	}	
	.footer .footer-split-l {
		flex-direction: column;
		align-items: center;
	}
	.footer .footer-split-r {
		flex-direction: column-reverse;
	}
	.footer .footer-split-l .image-wrapper img {
		width: 70%;
		margin: auto;
	}
	.mainbanner .header .wrapper {
		padding: 0 20px;
	}
		.trip-suggestion-details {
		flex-direction: column;
	}
	.trip-suggestion-details .seperator {
		display: none;
	}
	.trip-suggestion-header .logo-tag {
		width: 20%;
	}
	.trip-acco-type {
		margin-top: 8px;
		width: 100%;
	}
	.trip-suggestion-header .logo-tag img {
		width: 85%;
	}
	.route-suggestion-details {
		width: 100%;
	}
	.trip-suggestion-header .details-group {
		justify-content: center;
	}
	.trip-suggestion-header .header-trip-price {
		width: 25%;
	}
	.contenttop.contact .working-hours {
		margin: 20px 10px;
		width: 100%;
		max-width: 280px;
	}

}
@media (max-width: 768px) { /**********************************************************************************************************************/
	/* .available-date a {
		font-size: 12px;
	} */
	.no-sailing-msg p, p.dates-found {
		line-height: 20px;
	}
	span.available-date-text {
		width: 58%;
		text-align: left;
	}
	.no-sailing-msg p, p.dates-found {
		padding-left: 0 !important;
		text-align: center;
	}
	.nosailing p.dates-found {
		text-align: center;
	}
	span.no-sailing-img {
		position: unset;
    	margin: 0 auto !important;
	}
	.CalendarRow.Dates.with-itineraries {
		grid-template-columns: 49% 49%;
	}
	.content {
		width: 95% !important;
	}
	.sweet-alert {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		left: 0;
		right: 0;
	}

	.footer .creditcardsbox {
		width: 95% !important;
	}
	.custom-overlay .loading {
		width: 94%;
		left: 24%;
	}
	.column.price {
		text-align: right !important;
		margin-top: -21px !important;
	}
	.column.price.total{
		margin-top: 0px !important;
	}
	.column .card-exp .select-style {
		width: 40% !important;
		margin-left: 0% !important;
		margin-right: 5% !important;
	}
	.paymentTable .row input#cardCvv {
		width: 100% !important;
	}
	.totalcostbox-row .row, .row.total {
		align-items: center !important;
	}
	.totalcostbox-row .row.total {
		display: flex !important;
	}
	  /* Islander-code */
	.column.islander-code {
		position: relative;
		padding-left: 0 !important;
		width: 100% !important;
	}
	.islander-code input {
		max-width: 100%;
		width: 100% !important;
	}
	span.islander-info {
		/* display: inline !important; */
		position: absolute;
		left: 65%;
		top: 10px;
		height: 26px;
		width: 118px!important;
		padding: 3px 10px;
	}
	.routeResults .dates span {
		width: 20%;
	}
	.routeResults .dates span, .routeResults .dates span.selected {
		height: 37px;
		line-height: 26px;
	}
	.footer .footer-split-l .credits-cards-wrapper {
		width: 100%;
	}
	.footer .creditcardsbox span {
		background-size: 40px 25px!important;
	}
	.footer .copyright p br {
		display: none;
	}
	.routeResults .innerlabel {
		color: #ffffff;
		background: #00a3e1;
	}
	h1 {
		text-align: left;
		padding: 18px 0 20px 85px;
		font-size: 18px;
	}
	/* ul.steps .number {
		display: none;
	} */
	/* ul#stepperLoader {
		display: none;
	} */
	.breadcrumb { 
		padding: 0 10px;
	}
	.mainbanner .header .column.middle {
		display: none;
	}
	.select , .select-style, .trippanel .calendar, .trippanel .lastcol {
		margin: 0 1% 5px;
		width: 98%;
	}
	.addButton span.circle, .removeButton span.circle {
		margin: 0 0 0 2px;
		background-size: 25px 25px!important;
		width: 30px!important;
		height: 30px!important;
	}
	.routeResults .title, .boxResults .title, .passvehAcco .title {
		background: #00A3E1 !important;
	}
	.ui-datepicker {
		margin-top: 0px !important;
		font-size: 14px!important;
		width: 95% !important;
		left: 2.5% !important;
		padding: 12px;
		z-index: 9999!important;
	}
	/* .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default {
		height: 30px;
		padding: 8px 0;
	} */
	.routeResults .dates span, .routeResults .dates span.selected {
		height: 60px;
		line-height: 15px;
		padding: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.routeResults .dates span a::after, .routeResults .dates span.selected::after {
		display: none !important;
	}
	img.step-icon {
		margin-left: 1.8%;
	}
	h1 {
		text-align: left;
		padding: 22px 0 22px 60px;
		font-size: 18px;
	}
	.searchbutton {
		margin-bottom: 20px;
	}


	.passvehbox .removeButton span.circle {
		height: 25px!important;
	}
	.bottom-row {
		width: 100%;
		display: block !important;
	}	
	.bottom-col-left, .bottom-col-right {
		width: 100% !important;
		margin-left: 0% !important;
	} 
	.bottom-col-left .d-flex {
		justify-content: flex-start !important;
		padding: 10px;
	} 
	ul.steps .number {
		display: none;
	}

	ul.steps .steptxt {
    	background: #e0e6f7 !important;
		font-family: 'Ubuntu-R', Arial;
		font-size: 19px;
		color: #6c7477;
		height: 40px;
		box-shadow: 0px 2px 7px 3px rgb(185 177 177 / 40%);
		border: none !important;
	}
	ul.steps li.selected span {
		color: #7db921 !important;
	}
	.contenttop.emailconf .buttons {
		text-align: left;
	}

	.contenttop.contact .address {
		margin: auto;
	}
	.contenttop.contact {
		flex-direction: column;
	}
	.contenttop.contact .working-hours {
		margin: 20px auto;
	}
	.contenttop.contact .working-hours .day, .contenttop.contact .working-hours .hours {
		text-align: center;
	}
}
@media (max-width: 575.98px) { 
	ul.steps .steptxt, ul.steps .steptxt span, ul.steps li {
		max-height: 40px !important;
		padding: 0;
	}

	ul.steps {
		padding: 10px !important;
	}
	span.available-date-text {
		width: 70%;
		text-align: left;
	}
	/* .footer .image-wrapper {
		margin: auto !important;
	} */
	.no-sailing-msg p, p.dates-found {
		width: 80%;
		margin: auto;
	}
	.footer .creditcardsbox span {
		background-size: 36px 24px!important;
	}

	.footer .creditcardsbox {
		width: 80% !important;
	}

	.footer .creditcardsbox {
		width: 79% !important;
	}
 
	.sweet-alert {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		left: 0;
		right: 0;
	}

	.sweet-alert button {
		margin: 10px 0;
		width: 100%;
	}	

	.custom-overlay .loading {
		width:98%;
		left: 160px;
	}
	.ccbox label font img {
		float: left;
		width: 70px;
		height: 50px;
		margin: 0 0px 0 0;
	}
	.content{
		width:100% !important;
	}
		.footer .wrapper {
		flex-direction: column;
	}
	.footer .footer-split-l, .footer .footer-split-r { 
		width: 100%;
	}
	.footer .footer-split-r {
		flex-direction: row-reverse;
		align-items: center;
	}
	.footer .footer-split-l .image-wrapper img {
		width: 70%;
		margin: 20px auto 0;
	}
	.footer .footer-split-r .image-right img{
    	width: 70%;
	}
	#bookingFormsPanel {
		margin-bottom: 0px;
		width: 100%;
	}
	.select, .select-style, .trippanel .calendar, .trippanel .lastcol {
		margin: 10px 1% 5px;
		width: 98%;
	}
	.footer .footer-split-r p {
		margin: 6px;
		font-size: 12px;
		text-align: left;
	}
	.footer .secure-row {
		text-align: left;
	}

	.routeResults .title, .passvehAcco .title.passvehAcco .title, .passvehAcco .title {
		padding: 0;
	}
	.content {
		border-radius: 0;
	}

}

@media (max-width: 479.98px) { 
	span.available-date-text {
		width: 45%;
		text-align: left;
	}
	.nosailing._norResult {
		padding: 10px;
	}
	.no-sailing-img {
	max-width: 30%;
	}
	.CalendarRow.Dates.with-itineraries {
		display: grid;
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 8px;
	}
	.routeResults .changeDates {
		padding: 0 0 0 30px;
		width: 30px;
	}
	.footer .footer-split-r p {
		font-size: 10px;
	}
	.routeResults .dates span a {
		font-size: 12px;
	}
	.routeResults .dates span, .routeResults .dates span.selected {
		padding: 10px 5px;
	}
	.resultsData .table .row.selected .column.dateCol:first-child, .routeResults .resultsData .row.selected .column.servicesCol {
		border-left: none; 
	}
	.vehtable .passvehtitle.mobile, .passtable .passvehtitle.mobile {
		background: #7c8b92;
	}
	.unslider-arrow.prev {
		left: 10px!important;
	}
	.unslider-arrow.next {
		right: 10px!important;
	}

}


@media (max-width:379.98px) { 
	.no-sailing-msg p, p.dates-found {
		width: 100%;
	}
	span.available-date-text {
		width: 60%;
		text-align: left;
	}
	span.suggestion-arrow {
    	border-left: 25px solid #cca6f1 !important;
	    margin-right: 4px;
	}
	
}	


.notificationCenter {
	width: 50px;
	height: 50px;
	-webkit-animation: notification 10s infinite;  /* Safari 4+ */
	-moz-animation: notification 10s infinite;  /* Fx 5+ */
	-o-animation: notification 10s infinite;  /* Opera 12+ */
	animation: notification 10s infinite;  /* IE 10+, Fx 29+ */
  }

@-webkit-keyframes notification {
	0%, 49% {
	  background-color: #000000;
	  color:#ffffff;
	  opacity: 0.7;
	}
	50%, 100% {
	  background-color: #ffffff;
	  color:#000000;
	  opacity: 0.7;
	}
  }

@keyframes notification {
	0%, 49% {
		background-color: #000000;
		color:#ffffff;
		opacity: 0.7;
	}
	50%, 100% {
		background-color: #ffffff;
		color:#000000;
		opacity: 0.7;
	}
}