@charset "utf-8";
/* CSS Document */

/*@font-face {
  font-family: 'Raavi';
  src: url('../fonts/Raavi.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
    font-family: 'Raavi';
    src: url('../../../../fonts/Raavi.woff') format('woff'), url('../../../../fonts/Raavi.eot') format('embedded-opentype'), url('../../../../fonts/Raavi.svg') format('svg'), url('../../../../fonts/Raavi.ttf') format('truetype');
      src: url(../../../../fonts/Raavi.woff) format('woff'), url(../../../../fonts/Raavi.eot) format(embedded-opentype), url(../../../../fonts/Raavi.svg) format('svg'), url(../../../../fonts/Raavi.ttf) format('truetype');
}

html, body{
    height:100%;
    min-height:100%;
}
*{margin:0;padding:0;}
textarea {
    resize:none;
}

a{text-decoration:none;color:inherit;}

.main-header{background:url(../images/main-bg.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;/*float:left;*/min-height:800px;height:auto;position: relative;/*background-position:center right;*/background-position: 100% 50%;}

.brd-btm{border-bottom:1px solid #787f7c;padding-bottom:5px;margin-top:50px;}

figure.main-logo{width:100%;float:left;text-align:center;margin-top:10px;}

figure.main-logo img{width:200px;margin:0 auto;}

ul.top-nav{list-style:none;/*float:left;margin:50px 0 0 0;*/padding:0}

ul.top-nav li{display:inline-block;text-align:center;color:#fff;}

ul.top-nav li a{padding:15px 12px;color:#000000;font:16px 'Raavi';font-weight:bold;text-decoration:none;text-align:center;}

ul.top-nav li a:hover{border-bottom:2px solid #0e71b8;}

ul.inner-nav{list-style:none;float:left;margin:50px 0 0 0;padding:0}

ul.inner-nav li{display:inline-block;text-align:center;color:#000;}

ul.inner-nav li a{padding:10px 15px 10px 15px;color:#000;font:14px 'Raavi';font-weight:normal;text-decoration:none;text-align:center;}

ul.inner-nav li a:hover{border-bottom:2px solid #0e71b8;}

a.login-reg{display:inline-block;text-align:center;color:#e94e1a;font:14px 'Raavi';font-weight:bold;/*margin-top:52px;*/margin-left:10px;text-decoration:none;}

a.login-reg-inner{display:inline-block;text-align:center;color:#000;font:16px 'Raavi';font-weight:normal;margin-top:50px;margin-left:10px;text-decoration:none;}

.head-panel{width:100%;margin-top:50px;text-align:;float:left;}

.head-panel h1{color:#fff;font:65px 'Raavi';font-weight:bold;text-align:center;width:100%;float:left;margin:0;padding:0;line-height:40px;text-shadow: #673AB7 0px 0px 8px, #000 2px 2px 6px;float:right;width:450px;margin-right: 120px;    margin-top: 10px;}

.head-panel h1 span{color:#fff;font:20px 'Raavi';font-weight:normal;text-align:center;width:100%;/*float:left;*/margin-bottom:20px;line-height: 26px;margin-top: 12px;display: block;}

.head-panel h1 ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.head-panel h1 ul li{
	font-size:24px;
	color: #0e71b8;
    letter-spacing: 2px;
}

.head-panel h1 .offer-price-top p, .head-panel h1 .offer-price-bottom p{
	font-size:24px;
	color: #ffffff;
    letter-spacing: 2px;
    line-height: 34px;
}

.head-panel .form-panel{/*background:rgba(0,0,0,0.20);*/background: rgba(0,0,0,0.75);border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;border:1px solid #fff;width:86%;padding:10px 15px;/*margin:20px auto;*//*clear:both;*/margin-bottom:60px;float:left;width:400px;margin-left: 100px;}

.form-inner{width:100%;/*display:inline-block;*/text-align:center;/* margin-right:10px; */ float:left;position:relative;/*padding: 0 5px 0 10px;*/margin-top:10px;}

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

.calendear-div{width: 100%;padding-right: 24px;}

.form-inner input[type=text] , .form-inner select , .form-inner time , .form-inner date[type=date]{border-top:none;border-left:none;border-right:none;border-bottom:none;font:16px 'raavi';width:100%;padding:5px;background:none;outline:none;color:#fff;box-shadow:none;text-shadow: #000 1px 1px 2px;}

a.go-btn{float:right;/* margin:-4px 10px 0 0; */width:100%;cursor: pointer;
		display: inline-block;
		background-color: #0e71b8;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		border-radius: 4px;
		padding: 6px 0px;
		margin-top:20px;
}

a.go-btn img{width:100%;margin:0 auto;}

.head-panel .form-panel h2{color:#fff;font:28px 'Raavi';font-weight:bold;text-align:center;width:100%;margin-top:30px;padding:0;line-height:40px;}

.head-panel .form-panel h2 span{color:#ffffff;}

h1.ims-head{color:#2b2b2b;font:45px 'Raavi';text-align:center;width:100%;margin-top:30px;padding:0;line-height:30px;font-weight:bold;}

h1.ims-head span{color:#0e71b8;}

article.ims-describe{color:#616161;font:22px 'Raavi';text-align:center;width:100%;padding:0;float:left;line-height:28px;padding:10px 30px;}

.list-ims{display:inline-block;text-align:center;background:#f6f6f6;margin-top:10px;width:97%;padding:30px 20px;}

.list-ims figure{width:100%;margin-top:20px;text-align:center;}

.list-ims figure img{width:60%;margin:0 auto;}

.list-ims h1{font:30px 'Raavi';text-align:center;width:100%;color:#2e2e2e;float:left;}

.list-ims article{font:15px 'Raavi';text-align:center;width:100%;color:#2e2e2e;float:left;line-height:20px;}

.about-section{
    padding: 60px 0px;
}

div[ng-show="showHome"] {
    padding: 60px 0px 0px 0px;
    background: #f0f4ff;
}

div[ng-show="showServices"], div[ng-show="showOurCars"]{
    padding: 60px 0px;
    background: #f0f4ff;
}

.downlaod-app {
    background: url(../images/mbl-bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%; /*float:left;*/
    min-height: 500px;
    padding: 80px 0px;
}
  
  .downlaod-panel{width:100%;float:left;margin-top:25%;text-align:center;}
  
  .downlaod-panel h1{font:50px 'Raavi';text-align:center;width:100%;color:#2e2e2e;float:left;margin:0;padding:0;}

.downlaod-panel article{font:15px 'Raavi';text-align:center;width:100%;color:#2e2e2e;float:left;line-height:20px;padding:0px 50px;margin-bottom:20px;}

.downlaod-panel img{margin-right:20px;}

figure.mble-pic{    width: 100%;
    float: left;
    margin-top: 3%;
    text-align: center;}
	
	figure.mble-pic img{margin:0 auto;width:60%;}
	
	.car-big{width:100%;/*float:left;*/background:url(../images/car.png) no-repeat left;background-size:50% auto;height:500px; background-position:-55px;}
	
	.business-class{margin-top:45%;/*float:left;*/width:100%;}
	
	.business-class h1{font:30px 'Raavi';width:100%;color:#0e71b8;/*float:left;*/margin:0;padding:0;line-height:35px;}

.business-class article{font:18px 'Raavi';width:100%;color:#1a1a1a;/*float:left;*/line-height:20px;margin-bottom:20px;}

footer{margin-top:30px;width:100%;/*float:left;*/}

footer .footer-up{background:#1e1e1e;/*float:left;*/padding:20px;width:100%;}

article.footer-des{font:22px 'Raavi';width:100%;color:#fff;/*float:left;*/line-height:20px;margin-top:40px;text-align:center;}

ul.footer-list{list-style:none;/*float:left;*/width:100%;margin:20px 0;padding:0;}

ul.footer-list li{display:inline-block;text-align:center;font:16px 'Raavi';color:#2e2e2e;}

ul.footer-list li a{font:16px 'Raavi';color:#2e2e2e;padding:10px;}

.social-icon{/*float:right;*/margin-right:10px;width:auto;margin-top:12px;}

.social-icon a{margin-right:10px;margin-top:10px;/*float:left;*/}

.copyright{color:#2e2e2e;float:left;text-align:center;font:20px 'raavi';width:100%;padding:20px 0;font-weight:normal;}


@media (max-width:768px) {
	
	
	.login-head{
	position: initial !important;
    margin: auto !important;
    margin-bottom: 30px !important;
	}
	.inner-header {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    z-index: 200;
    background: rgba(255,255,255,0.90);
    box-shadow: 0px 0px 10px;
}	


	/*ul.top-nav{display:none;}*/


	.form-inner {
    width: 100%;
    display: inline-block;
    text-align: center;
   /*  margin-right: 10px; */
}
a.go-btn {
    float: right;
    /*margin: -8px 10px 0 0;*/
    width: 100%;
}


.downlaod-panel {
    width: 100%;
    float: left;
    margin-top: 2%;
    text-align: center;
}
.social-icon {
    margin: 0 auto;
    /*width: 29%;*/
	float:none;
}
.inner-nav{display:none;}
	
	figure.main-logo-scroll {
    width: 100%;
    float:left;
}

figure.main-logo-scroll img {
    width: 90%;
    margin: 10px auto;
}

ul.scroll-nav{display:none}
a.login-reg-inner {
    display: inline-block;
    text-align: center;
    color: #000;
    font: 16px 'Raavi';
    font-weight: normal;
    margin-top: 12px;
    margin-left: 10px;
    text-decoration: none;
}
.inner-header {
    width: 100%;
    height: 63px;
    position: fixed;
    top: 0;
    z-index: 200;
    background: rgba(255,255,255,0.90);
    box-shadow: 0px 0px 10px;
}
	}
		
	@media (max-width:640px) {

.form-inner {
    width: 100%;
    display: inline-block;
    text-align: center;
    /* margin-right: 10px; */
}
/*a.go-btn {
    float: right;
    margin: -36px 4px 0 0;
    width: 10%;
}*/
		.social-icon {
    margin: 0 auto;
    /*width: 35%;*/
    float: none;
}
figure.inner-logo img {
    width: 16%;
    margin: 0 auto;
}



	}
@media (max-width:480px) {
	
	.login-head{
		width:100% !important;
	}

.head-panel .form-panel {
    /*background: rgba(0,0,0,0.20);*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #fff;
    width: 100%;
    padding: 13px 10px;
    margin: 27px auto;
    clear: both;
    margin-bottom: 60px;
}

/*.form-pickup, .form-estimate{
	width: 80% !important;
}*/

/*.form-inner {
    width: 80%;
    display: inline-block;
    text-align: center;*/
    /* margin-right: 10px; *//*
}*/
/*a.go-btn {
    float: right;
    margin: -50px 4px 0 0;
    width: 15%;
}*/
	
	.social-icon {
    margin: 0 auto;
    /*width: 49%;*/
    float: none;
}	
		}
/*-------------custom css--------------------*/		

.fixed {
    display: block;
    position:fixed;
    left:0;
    z-index:99999;
}
	 header{
		   width: 100%;
    height:95px;
    z-index:1;
    display:none;
    background:rgba(0,0,0,0.85);
	box-shadow:0px 0px 10px;}
	 
	.inner-header {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    z-index: 200;
    background: rgba(255,255,255,0.90);
    box-shadow: 0px 0px 10px;
    left:0;
}	
	
	
	
	ul.scroll-nav{list-style:none;/*float:left;margin:30px 0 0 0;*/padding:0}

ul.scroll-nav li{display:inline-block;text-align:center;color:#000;}

ul.scroll-nav li a{padding:15px 15px;color:#fff;font:14px 'Raavi';font-weight:normal;text-decoration:none;text-align:center;}

ul.scroll-nav li a:hover{border-bottom:2px solid #e94e1a;color:#e94e1a;}

a.login-reg-scroll {
    display: inline-block;
    text-align: center;
    color: #fff;
    font: 14px 'Raavi';
    font-weight: normal;
    /*margin-top: 30px;*/
    margin-left: 10px;
    text-decoration: none;
}

a.login-reg-scroll:hover {

    border-bottom:2px solid #e94e1a;color:#e94e1a;
}
	figure.main-logo-scroll {
    width: 100%;
    /*float:left;*/
    text-align:center;
}

figure.main-logo-scroll img {
    width: 170px;
    margin: 10px auto;
}


	figure.inner-logo {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 7px;
}

figure.inner-logo img {
    width: 54%;
    margin: 0 auto;
}

.map-responsive{
    overflow:hidden;
    /*padding-bottom:56.25%;*/
    position:relative;
    /*height:868px;*/
}
	.scroll-hidden{
	overflow: auto;
	position: relative;
	width: 100%;
	max-width: 100%;
	height:270px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	margin-bottom: 50px;
}
.scroll-hidden-inner{
	overflow: auto;
	position: relative;
	width: 100%;
	max-width: 100%;
	height:700px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
        margin-bottom: 50px;
}

/*.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}*/
.booking-engine{width:100%;/*position:absolute;top:15%;*/top:90px;left:0;}

#content-2{position:relative;}

#main-booking-cont  .booking-engine{pointer-events:none;/*position:absolute;*/}

.booking-engine .container-fluid *{pointer-events:auto;}

.form-main{background:rgba(255,255,255,0.80);border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;;padding:10px;margin:5px 0;width:100%;float:left;}

.form-main h1{font:30px 'raavi';color:#0e71b8;width:100%;margin:5px;float:left;text-align:center;padding:0;}

.form-main input , .form-main select , .form-main number{background:none;outline:none;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #b6b9b6;padding:8px;color:#000;width:100%;/*float:left;*/margin-bottom:5px;}

.form-main textarea{background:none;outline:none;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #b6b9b6;padding:8px;color:#000;width:100%;float:left;margin-bottom:5px;height:80px;outline:none;resize:none;}

.checkbox-dv{width:100%;float:left;}

.checkbox-dv input[type=checkbox]{width:20px;height:20px;float:left;margin-right:10px;}
.checkbox-dv label{float: left;
    margin-right: 10px;
    font: 14px 'raavi';
    color: #2e2e2e;
    width: 89%;
    line-height: 1;
    margin-top: 8px;}
	
	.get-quote{    width: 80%;
    font: 22px 'raavi';
    padding: 3px 0 0px 0;
    margin-top: 16px;
	margin-bottom:10px;}
	
	.car-multi {
    float: left;
    width: 65%;
    color: #2e2e2e;
    font: 16px 'raavi';
    margin-top: 22px;
	text-align:center;
}
	.centr-dv {
       /*  width: 100%;
		float: left; */
		margin-left: 100px;
		padding: 0px;
	}
	.car-multi span{/*float:left;*/color:#2e2e2e;font:20px 'raavi';/*margin-top:5px;margin-right:3px;*/}
	
	.car-multi img{float:left;margin-right:5px;}
	
	.rw-dv{width:100%;float:left;background:#ecf0e6;margin-bottom: 10px;}
	
	button.booknow-btn {
    background: #0e71b8;
    float: right;
    padding: 26px 0px 0px 9px;
    font: 30px 'raavi';
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: 20%;
    line-height: 10px;
}
.pdng-icon {
    padding-top: 10px;
}
	
	button.booknow-btn span{font:15px 'raavi';color:#fff;}

    	a.booknow-btn {
    background: #0e71b8;
    float: right;
    padding: 30px 0px 15px 10px;
    font: 24px 'raavi';
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: 35%;
    line-height: 12px;
}
	
	a.booknow-btn span{font:15px 'raavi';color:#fff;}
	

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
   background:none !important;
}
.input-group-addon {
    padding: 6px 0px;
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    color: #0e71b8 !important;
    text-align: center;
    background:none !important;
    border:none !important;
    border-radius:none !important;
    
}
.form-estimate {
    width: 100%;
    /*display: inline-block;*/
    float:left;
    text-align: center;
    /* margin-right: 10px;
    margin-left: 13px; */
    position:relative;
	/*padding: 0 5px 0 10px;*/
	margin-top:10px;
}


.form-pickup {
    width: 100%;
    /*display: inline-block;*/
    float:left;
    text-align: center;
    /* margin-right: 10px;
    margin-left: 13px; */
    position:relative;
	/*padding: 0 5px 0 10px;*/
	margin-top:10px;
}
.form-pickup input[type=text] {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #FFF;
    font: 16px 'raavi';
    width: 100%;
    padding: 5px;
    background: none;
    outline: none;
    color: #fff;
	text-shadow: #000 1px 1px 2px;
}
.errorab {

    color: red;
    float: left;
    margin-top: 22px;
    width: 100%;

}
.error {
    color: #1e7198;
    position: absolute;
    background-color: rgba(255,255,255,0.90);
    border-radius: 3px;
    padding: 4px 4px;
    z-index: 9;
    left: 14px;
    right: 14px;
    box-shadow: #000 0px 0px 6px 2px;
    border-top: #0e71b8 solid 4px;
     top: 53px;
	 

}

.error:before {
    position: relative;
    content: "";
    border-bottom: 7px solid #0e71b8;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -28px;
    right: -2px;
}
.error-new{
    color: #0e71b8;
    position: absolute;
    background-color: rgba(255,255,255,0.70);
    border-radius: 3px;
    padding: 4px 4px;
    z-index: 1;
    left: 14px;
    right: 14px;
    box-shadow: #000 0px 0px 6px 2px;
    border-top: #0e71b8 solid 4px;
     top: 53px;

}

.error-new:before {
    position: relative;
    content: "";
    border-bottom: 7px solid #0e71b8;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -28px;
    right: -2px;
}



.zIndex {
    z-index:9;
}
.zIndex1 {
    z-index:8;
}

.zIndex1 {
    z-index:8;
}

.map-notResponsive{
    /*height: 610px;*/
}

.form-estimate input[type=text], .form-estimate select, .form-estimate time, .form-estimate date[type=date] {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #FFF;
    font: 16px 'raavi';
    width: 100%;
    padding: 5px;
    background: none;
    outline: none;
    color: #fff;
	text-shadow: #000 1px 1px 2px;
}



.inputPos {
margin-top: -4px;
}
.floatMargin {
float: right;
    margin-bottom: -39px;
}

.input-group {
    margin-top: 4px !important;
}
.input-group .form-control {
    width: 92% !important;
}

a.menu-btn {
    position: fixed;
    right: 15px;
    top: 2%;
    color: #FFF;
    background: rgba(55,156,203,0.70);
    padding: 5px 10px 8px 10px;
    text-decoration: none;
    z-index: 999;
    font-size: 25px;
    font-weight: lighter;
    border: 1px solid #fff;
    cursor: pointer;
        width: 48px;
}


.mrg-lft{/*margin-left:3%;*/margin-top:10px;}

.mrg-tp{margin-top:10px;}

.btm-row{border-bottom:1px solid #d7d7d7;display: table;width: 100%;table-layout: fixed;}

.detail-bg{border:1px solid #d7d7d7;box-shadow:0px 0px 10px #d7d7d7;background:rgba(255,255,255,0.70);border-radius:8px;padding: 0;}

.passenger_quote{font:14px 'raavi' !important;color:#0e71b8;/*float:left;*/width:20%;background:#f4f4f4;    border-radius: 8px 0 0 8px;font-weight:400;padding: 10px 14px;border-right:1px solid #d7d7d7;    display: table-cell;    word-wrap: break-word;}

p.passenger_detail{font:14px 'raavi';color:#2f2f2f;/*float:left;*/width:80%;margin:0 !important;padding: 10px 14px;display: table-cell;word-break: break-word;}

.fields-form{width:95%;float:left;margin:10px 0 0 3%;}

a.cash-pay-btn{background:#232323;float:left;width:48%;text-align:center;color:#fff;font:20px 'raavi';margin-left:2%;padding:5px 0;margin-top:10px;text-decoration:none;border-radius:8px;}

a.cash-pay-btn:hover{background:#0e71b8;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff !important;
    cursor: default;
    background-color: #0e71b8 !important;
    border: 1px solid #0e71b8;
    border-bottom-color: 1 px #0e71b8;
}

.nav-tabs {
    border-bottom: 1px solid #0e71b8 !important;
}

.saloon-car{width:100px;float:left;background:#fff;text-align:center;}

.saloon-car h2{color: #0e71b8;
    float: left;
    width: 104px;
    font: 15px 'raavi';
    margin: 4px 0;
    padding: 0;}
	
	.saloon-car img{
		width: 90%;
		margin: 0 auto 5px auto;
		height: auto;
	}
	
	.price-btn-inner {
    background: none;
    float: left;
    padding: 5px 6px 0px 9px;
    font: 20px 'raavi';
    color: #0e71b8;
	border:1px solid #0e71b8;
    text-decoration: none;
    text-align: center;
    width: auto;
    line-height: 10px;
    margin: 10px 11px;
}
	.price-btn-inner span{font: 20px 'raavi';}
	a.booknow-btn-inner {
    background:#999999;
    float: left;
    padding: 11px 15px 11px 14px;
    font: 20px 'raavi';
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: auto;
    line-height: 10px;
    margin: 10px 2px;
}
a.booknow-btn-inner:hover {background:#0e71b8;}

.passenger-inner-dtal{width:auto;float:right;}

.pasenger-head {
    width: 100%;
	/*float:left;*/
	padding:15px;
}

.pasenger-head h2 {
    font: 30px 'raavi';
    color: #0e71b8;
    width: 100%;
    margin: 5px;
    /*float: left;*/
    text-align: center;
    padding: 0;
}
.pasenger-head h3 {
   font: 15px 'raavi';
    color: #0e71b8;
    width: 60%;
    margin: 0px;
    float: left;
    text-align: center;
    padding: 8px 0;
}

.saloon-car-inner {
    width: auto;
    float: left;
    background: #fff;
    text-align: center;
	margin-top:13px;
}

.saloon-car-inner h2{ 
    font: 18px 'raavi';
    color: #0e71b8;
    width: auto;
    margin: 5px;
    float: left;
    text-align: left;
    padding: 0;
}
.saloon-car-inner img{float: left;
    width: 40%;
    margin-top: 10px;}

.car-multi-inner {
    float: left;
    width: auto;
    color: #2e2e2e;
    font: 16px 'raavi';
    margin-top: 15px;
}
.cursorAnchor {
cursor:pointer;
}

.sign-in-box, .create-account-box {
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -175px;
    margin-bottom: 70px;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    background-color: rgba(255, 255, 255, 0.75);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
	width:350px;
}

.sign-in-box > h1, .create-account-box > h1{
	font-size:28px;
	font-weight:bold;
	text-align:center;
	color:#000;
	text-shadow:#222 1px 1px 2px;
	margin-top:15px;
    font-family: Play-Regular !important;
}

.get-quote > h1, .select-fleet > h1, .sign-in-box > h1, .create-account-box > h1, .book-car-box > h1, .profile-box > h1, .terms-conditions-box > h1, {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #000;
    text-shadow: #222 1px 1px 2px;
    margin-top: 15px;
    font-family: Play-Regular !important;
}

.get-quote, .fleet-box, .sign-in-box, .create-account-box, .book-car-box, .car-box, .profile-box, .terms-conditions-box, .contact-us-box, .corporate-account-box {
    background-color: rgba(255, 255, 255, 0.85);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
    width: 350px;
}
.my-btn:hover {
    background-color: #000;
}
.my-field {
    padding-bottom: 12px;
    position: relative;
}
.style-btn {
    background: #ddd !important;
    padding: 8px 0 0px 0 !important;
    box-shadow: none;
}.style-btn:hover {
    background:#0e71b8 !important;
}

 
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
        z-index:99999;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
    z-index:99999;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

.ui-menu-item {
    padding-left: 25px !important;
    background-image: url('../images/map-marker.png');
    background-position: 5px 4px;
    background-size: 18px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

    .ui-menu-item:hover {
        padding-left: 25px !important;
        background-image: url('../images/map-marker.png') !important;
        background-position: 5px 4px !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        box-sizing: border-box;
    }

.ui-autocomplete {
    padding-bottom: 20px !important;
    /*background-image: url('../images/google_logo.gif') !important;*/
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box;
}


.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
    z-index:99999;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,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");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

@media screen and (min-width: 768px){
	.laggage-br {
		display: block;
	}
	
	.car-multi {
		margin-top: 25px;
	}
}

@media screen and (min-width: 768px){
.modal-dialog {
    right: auto;
   left: 1% !important; 
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
}
}
.map-pic {
    width:100%;float:left;/*margin:27px 0*/;padding:20px 0px;text-align:center;
}

.map-pic img {
    width:100%;
}

.select-put {
    background: none;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #b6b9b6;
    padding: 8px;
    color: #000;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.select-put-disble {
    background: #ddd;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #b6b9b6;
    padding: 8px;
    color: #000;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.bnt-popup{background:#ddd;color:#000;width:100%;}

.bnt-popup:hover{background:#0e71b8 !important;color:#fff;}

.pesgner-hed{font: 20px 'raavi';
    color: #0e71b8;
    width: auto;
    /* margin:20px 18px; */
    float: left;
    /*text-align: left;*/
    padding: 0;}

.my-btn-new , .my-btn-new:enabled{    background: #232323;
    float: none;
    width: 100%;
    text-align: center;
    color: #fff;
    font: 20px 'raavi';
    /*padding: 5px 63px 1px;*/
    margin-top: 10px;
    text-decoration: none;
    border-radius: 8px;
    cursor:pointer;
    margin-bottom:10px;
}

.my-btn-new:hover{background:#0e71b8;color:#fff;}

.my-btn-new:disabled{background: #ccc;
    color: #2e2e2e;
    cursor: pointer;}

.my-btn-small{    background: #232323;
    float: none;
    width: auto;
    text-align: center;
    color: #fff;
    font: 20px 'raavi';
    padding: 5px 10px 1px;
    margin-top: 10px;
    text-decoration: none;
    border-radius: 8px;
    cursor:pointer;
    margin-bottom:10px;
}

.my-btn-detail, .my-btn-detail:enabled{    background: #232323;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font: 20px 'raavi';
    /*padding: 5px 63px 1px;*/
    margin-top: 10px;
    text-decoration: none;
    border-radius: 8px;
    cursor:pointer;
    margin-bottom:10px;
}

.my-btn-detail:hover{background:#0e71b8;color:#fff;}

.my-btn-detail:disabled{background: #ccc;
    color: #2e2e2e;
    cursor: pointer;}

.my-btn-small{    background: #232323;
  background: #232323;
    float: none;
    width: auto;
    text-align: center;
    color: #fff;
    font: 12px 'raavi';
    /*padding: 4px 14px 0px;*/
    margin-top: 10px;
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 9px;
}

.my-btn-small:hover{background:#0e71b8;color:#fff;}



.mrgn-ftyfr {
margin-top:54px;
}


.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
  transition: all linear 0.5s;
}

.animate-show.ng-hide {
  line-height: 0;
  opacity: 0;
  padding: 0 10px;
}
.get-quote, .fleet-box, .login-head, .create-account-box, .book-car-box, .car-box, .profile-box, .terms-conditions-box, .contact-us-box {
    background-color: rgba(255, 255, 255, 0.90);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
    width: 350px;
}

.corporate-account-box {
    background-color: rgba(255, 255, 255, 0.90);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
    width: 100%;
    padding:10px;
        margin-top: 5%;
}
.login-head {
   position: absolute;
    margin-top: 10%;
    left: 50%;
    margin-left: -175px;
    margin-bottom: 70px;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.login-head h1{
    font: 30px 'raavi';
    color: #0e71b8;
    width: 100%;
    margin: 5px;
    float: left;
    text-align: center;
    padding: 0;
}
.contact-us-box{  
    width:85%;
    /*float:left;*/
    margin: auto;
    margin-top: 7%;
    text-align:center;
    
}
h1.contct-head {
    font: 30px 'raavi';
    color: #0e71b8;
    width: 100%;
    margin: 5px;
    float: left;
    text-align: center;
    padding: 0;
    box-shadow:none !important;
}
.contct-head-btm {
    font: 20px 'raavi';
    color: #0e71b8;
    width: 100%;
    margin: 5px;
    float: left;
    text-align: center;
    padding: 0;
    box-shadow:none !important;
}

.login-fld  {
  background: none;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #999999;
    padding: 8px;
    color: #000;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    margin: 5px 10px 5px 10px;
}
    .login-fld:focus {
        border-bottom:1px solid ##0e71b8;
    }
.my-username , .my-password , .my-conf-password , .my-full-name , .my-mobile-no , .my-email {
    position:relative;
    width:100%;
    float:left;
    padding: 0 21px;
}
.icn-ab{position:absolute;left:0;color:#0e71b8;    top: 11px;
    left: 11px;}
.contact-us-box{
    /*width: 1100px;*/
}

.contact-input-pad , contact-input-pad{/*padding:0 20px;*/}
.contact-input-pad .login-fld {
    margin:0px;
    margin-top:10px;
}

.my-map{   /*margin: 10px 25px;
    border: 2px solid black;*/}

.gmap{
    border: 2px solid black;
}

.profile-right-panel {
    margin-left: 200px; 
    /*float: left;
    width: 885px;*/
    /* padding: 15px; */
        overflow: hidden;
}
}
.profile-left-panel {
    float: left;
    width: 200px;
    /* background-image: url(../images/pattern.png); */
    background-color: rgba(0,0,0,0.75);
    border-right: #999 solid 1px;
    padding: 15px;
    /* padding-bottom: 30px; */
}


.profile-box {
    max-width: 1100px;
    width: 85%;
     background-color: rgba(255, 255, 255, 0.75);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
    /*float:left;*/
    margin:auto;
    margin-top: 65px;
        margin-bottom: 40px;
}

   
/* profile */


.profile-nav{
	margin: 15px -15px -15px -15px;
}

.profile-left-panel{
	float:left;
	width:200px;
	/*background-image:url(../images/pattern.png);*/
	background-color:rgba(0,0,0,0.75);
	border-right:#999 solid 1px;
	
	padding: 15px;
	/*padding-bottom:30px;*/
    
}

.profile-right-panel{
	/*margin-left:200px;
    float: left;
	width: 884px;*/
    /*padding: 15px;*/
}

.profile-right-panel > article{
    padding: 10px;
}

.profile-right-panel h1{
	font-size: 18px;
    color: #DB000E;
    text-shadow: #444 1px 1px 2px;
    margin: 0px;
}

.profile-nav-ul, .profile-bookings-nav-ul{
	padding: 0;
    margin: 0;
    list-style: none;
}

.profile-bookings-nav-ul{
	display:none;
}

#my-bookings{
	cursor:pointer;
}

.profile-nav-ul > li > a{
	display: block;
    background-color: rgba(0,0,0,0.75);
    padding: 6px 14px;
    font-size: 14px;
    color: #fff;
    border-bottom: #999 solid 1px;
}

.profile-nav-ul > li:first-child {
	border-top: #999 solid 1px;
}

.profile-bookings-nav-ul > li > a{
	display: block;
    background-color: rgba(0,0,0,0.25);
    padding: 6px 14px;
    font-size: 14px;
    color: #fff;
    border-bottom: #999 solid 1px;
}

.profile-nav-ul > li > a:hover, .profile-bookings-nav-ul > li > a:hover{
	background-color:#0e71b8;
	text-decoration:none;
}

a.cash-pay-btn2{background:#232323;float:left;width:100%;text-align:center;color:#fff;font:20px 'raavi';/*margin-left:2%;padding:5px 0;*/margin-top:10px;text-decoration:none;border-radius:8px;}

a.cash-pay-btn2:hover{background:#0e71b8;}

.booking-box {
    color: #fff;
    font-size: 16px;
    text-shadow: #000 1px 1px 2px;
    margin-bottom: 15px;
}
.text-wrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.b-fare {
    font-size: 24px;
    padding: 6px 0px;
    /*text-align: center;*/
    margin-top: 6px;
    margin-left: 15px;
}
.bl-btn {
    width: 48%;
    margin-top: 9px;
    font-size: 15px;
}
.list-bg {
    width: 100%;
    background-color: #2e2e2e;
    border: #999 solid 1px;
    border-radius: 2px;
    padding: 6px;
    line-height:22px;
    box-shadow: #000 1px 1px 2px;
    height: auto;
    color: #fff;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.pickup-color {
    color: #0e71b8;
}
.route-map {
    border: #111 solid 4px;
    border-radius: 4px;
    overflow: hidden;
}
.booking-time-location > span, .booking-vehicle-driver > span {
    font-size: 20px;
}
.route-detail-col p{padding:5px 0;}
.profile-right-panel h2{
	font-size: 22px;
    color: #0e71b8;
    margin: 0px;
}
.pad-tp{    padding: 10px 0;}

.cnt-hd {
    text-align: center !important;
    width: 100%;
}
.pad-bg{background: #fff;
    padding-left: 10px;}

.modl-top {
    top: 50px !important;
}
.no-job {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 28px;
    top: 50%;
    margin-top: -32px;
}
.job-list {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    height: 500px;
    padding: 5px;
}
.fa-stack-buk {
    line-height: inherit;
    margin-top: 10px;
}


.tracking-box > h1 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #000;
    text-shadow: #222 1px 1px 2px;
    margin-top: 15px;
    font-family: Play-Regular !important;
}

.tracking-box {
    background-color: rgba(255, 255, 255, 0.90);
    border: #999 solid 1px;
    border-radius: 4px;
    box-shadow: #000 1px 1px 2px;
    margin-top:65px;
    position: relative;
    /*width: 1140px;*/
}

::-webkit-input-placeholder {
   color: #555;
}

:-moz-placeholder { 
   color: #555;  
}

::-moz-placeholder {
   color: #555;  
}

:-ms-input-placeholder {  
   color: #555;  
}


.profile-img .my-btn-small{
    width:100%;
}

.acoount-head {

    font: 30px 'raavi';
    color: #0e71b8;
    width: 100%;
    margin: 5px;
    float: left;
    text-align: center;
    padding: 0;

}

.acoount-detail {

    font: 18px 'raavi';
    color: #2e2e2e;
    width: 100%;
    margin: 5px;
    float: left;
    text-align: center;
    padding: 10px;
    line-height:20px;

}
.account-fld {
    background: none;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #999999;
    padding: 8px;
    color: #000;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    margin:5px 10px 5px 10px;
}
.booking-engine-padding {

    top: 8% !important;

}

 .box-img-col {
        width: 70px;
        height: 70px;
        border: #fff solid 1px;
        border-radius: 50%;
        overflow: hidden;
        margin: 10px;
        position:absolute;
            top: -105px;
    left: 0px;
    }

    .box-btn-col {
        /*width: 70px;
    height: 70px;*/
    border-radius: 50%;
    margin: 10px;
    position: absolute;
    top: -70px;
    right: 0px;
    cursor:pointer;
    }

    .box-text-col {
        margin: 0px;
        clear: both;
    }

    .box-two, .box-three, .box-four, .box-five, .box-six, .box-seven {
        float: left;
        
    }

    .track-icon {
          width: 100%;
    padding: 6px;
    float: left;
    text-align: center;
    }

    .track-text {
            width: 100%;
    padding: 6px;
    float: left;
    text-align: center;
    font-size:18px;
    color:#fff;
    }

    .track-footer {
          background-color: #0e71b8;
    width: 100%;
    /*float: left;*/
    position:relative;    
    }

    .refresh-btn {
        background-color: #FFF;
        color: #DB000E;
        height: 35px;
        border-radius: 4px;
        border: #000 solid 1px;
    }

    .box-eight {
       /* padding-top: 26px;
        padding-right: 10px;*/
    }

        .box-eight i {
            padding: 10px;
            background: #0e71b8;
            color: #fff;
            font-size: 18px;
        }
        .mrgn-ten{margin-top:10px;}

        .hdng-all{margin:0;padding:0;font-weight:bold;}

        /*.cars-pic{width:100%;float:left;margin:0 auto;height:170px;}*/

        .cars-pic img{width:80%;}

.hov-num:hover {
    color: #0e71b8 !important;
    text-decoration:none !important;
}
.profile-img{    width: 100%;
    /*float: left;*/
    text-align: center;}
.profile-img img {
    width: 100%;
}



/* custom select file */


.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #999999;
    width:100%;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #0e71b8;
}


@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}
@media screen and (max-width: 991px){
.terms-conditions-box, .contact-us-box {
    /*position: relative;
    top: 0;
    width: 500px;*/
    left: 17%;
    margin: auto;
	}
.l-pad {
    padding-top: 20px;
    padding-bottom: 20px;
}
    }
    .my-contact {
    padding: 15px;
}

.pic-ser{width: 100%;float:left;margin-bottom:10px;text-align:center;} 

.pic-ser img{width:90%;}



#container::-webkit-scrollbar {
    background:#92daff;
    width: 12px;
}
#container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
#container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
div.foo {
    /*height: 600px;*/
    border: 1px solid gray;
    overflow: auto;
}
#container:hover::-webkit-scrollbar {
    background: #0e71b8;
}
div.foo  {
    /*height: 600px;*/
}
.page-content > h3, strong {
    color: #0e71b8;
}
.seravice-head {
    color: #0e71b8;
        text-align: center;
    font-weight: bold;
}


.placeHolderColor::-webkit-input-placeholder {
   color: white;
}

.placeHolderColor:-moz-placeholder { /* Firefox 18- */
   color: White;
   opacity:1;  
}

.placeHolderColor::-moz-placeholder {  /* Firefox 19+ */
   color: White;  
   opacity:1;  
}

.placeHolderColor:-ms-input-placeholder {  
   color: White;  
}

.placeBold{
  font-weight:bold !important;
}

.book-car-form{
    padding:15px;
}

header .brd-btm{
    margin-top:50px !important;
}

.mrgn-tp{
	margin-top:110px;
}

.corporate-account-box > form  > .row{
	margin-right:0px;
}

.login-form  span{
	    padding: 0 10px;
    display: block;
}

.car-multi .fa-stack {
    zoom: 0.75;
	-ms-zoom: 0.75;
	-webkit-zoom: 0.75;
	-moz-transform:scale(0.75);
}

.laggage-br{
	display:none;
}

.margin0{
	margin:0px;
}

.padding0{
	padding:0px;
}

.pasenger-head .passenger-inner-dtal{
    float: none;
	text-align:center;
}

.pasenger-head .saloon-car-inner img{
    width: 82px;
    margin-top: 0;
}

.pasenger-head .saloon-car-inner h3{
    width: auto;
    margin-left: 5px;
    font-weight: bold;
	padding: 0;
    font-size: 16px;
}

.pasenger-head .saloon-car-inner, .pasenger-head .car-multi-inner, .pasenger-head .price-btn-inner, .pasenger-head  a.booknow-btn-inner{
	float: none;
    display: inline-block;
	margin:0px;
	vertical-align:middle;
	width: auto;
}

.route-map-details {
    display: none;
}
.book-index .main-header{
    min-height:initial;
}

.modal-dialog{
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	min-width:280px;
}

.book-index .booking-engine>.container {
    width: 95%;
    max-width: initial;
}

.route-map-col img{
    width:100%;
}

.clear-both{
    clear:both;
}

#map-canvas{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.dropdown-menu{
	/*margin-left:-10px;
	margin-right:-60px;*/
}

.blockUI{
	top:50% !important;
	left:50% !important;
	transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
	min-width:265px;
}

body{
	margin-right:0px !important;
	padding-right:0px !important;
}

.my-menu-btn{
	padding:6px;
	cursor:pointer;
	background-color: #2e2e2e;	
	display:block;
	pointer-events:none;
}

.menu-btn{
	font-size: 24px;
	cursor:pointer;
    display:none;
}

.my-card-btns{
     margin: 0;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 5px;
}

.world-pay-div{
    position: initial;
    margin-bottom: 50px;
}

.world-pay-error-icon{
    float: left;
    width: 50px;
}

.world-pay-error-icon img{
    width:50px;
}

.world-pay-error-txt{
    margin-left: 50px;
}

.world-pay-error-txt h1{
    float:none;
    text-align: left;
    line-height: 26px;
    font-size: 24px;
}

.thanks-msg{
    padding-top:0px;
    padding-bottom:0px;
}

.thanks-msg h3{
    float:none;
    font-size:22px;
    width:100%;
    padding:0px;
}

.thanks-msg h2{
    float:none;
    margin: 0;
    margin-top: -10px;
}
.card-note {
    color: red;
    font-size: 20px;
}
/*for new date time picker*/
table tbody tr td:nth-child(n+9){ display:none; }
.prebook-mrgn-btm {
    margin-bottom: -7px !important;
}
.prebook-mrgn-top {
    margin-top: 6px !important;
}
.uib-daypicker .btn-default{
    border:none;
}

.uib-timepicker{
    margin:auto;
}

.uib-timepicker input[type=text]{
    border: #ccc solid 1px;
    font: 16px 'raavi'; 
    width: 50px !important; 
    padding: initial; 
    outline: initial; 
    color: #000; 
    box-shadow: initial; 
    text-shadow: initial; 
}

.dropdown-menu {
    min-width: 225px;
}

.book-index .dropdown-menu{
    margin-right:-30px;
    margin-left: -25px;
}
input[readonly] , input[readonly="readonly"]{
    cursor:pointer !important;
}

.bg-change{background:#ccc !important;}

.bg-change:hover{background:#0e71b8 !important;color:#fff !important;}

.btn-dl{
        width: 100%;
    padding: 14px 0;
    border: none;
    background:#ccc !important;
}
.btn-dl:hover{background:#0e71b8 !important;color:#fff !important;}

.viaAddress{
    width:100%
}

.offer-price-bottom{
	display:none;
}

a.go-btn:hover, a.go-btn:focus {
    text-decoration: none;
}

.airport-error {
    font-size: 16px;
    font-weight: bold;
    color: #ff0000;
    line-height: 20px;
    margin-top: 10px;
    float: left;
}

.hover-gallery:hover .hg-contant {
    opacity: 1;
}

.hover-gallery {
    text-align: center;
    margin-bottom: 25px;
}

.hg-body {
    position: relative;
    height: 200px;
    background-size: cover !important;
    background-position: center center !important;
}

.hg-contant {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,75%);
    opacity: 0;
    transition: all 1s;
    padding: 15px;
    padding-top: 30px;
    line-height: 30px;
}

    .hg-contant p {
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        margin: 0;
    }

    .hg-contant a:nth-child(2) {
        display: block;
        font-size: 18px;
        padding: 2px 0px;
        color:#ffffff;
    }

    .hg-contant a:nth-child(3) {
        display: inline-block;
        font-size: 20px;
        padding: 5px;
        background: #ffffff;
        color: #000000;
    }

    .hg-contant a:nth-child(2):hover {
        color: #ffffff;
    }

    .hg-contant a:nth-child(3):hover {
        color: #0e71b8;
        text-decoration: none;
    }


.hg-footer {
    background: #0e71b8;
    font-size: 18px;
    color: #ffffff;
    font-family: Raavi;
    font-weight: bold;
    padding: 6px;
}

.bnr-text {
    position: relative;
    width: 100%;
    height: 100px;
    /* left: 50%; */
    top: 330px;
    /* transform: translateY(-50%); */
    /* padding: 0px 50px; */
    background-color: rgba(0, 9, 53, 0.75);
}

    .bnr-text h1 {
        position: absolute;
        left: 50%;
        font-family: Play-Regular;
        font-size: 58px;
        /*text-shadow: #000 2px 2px 4px;*/
        color: #ffffff;
        margin: 0;
        padding: 15px 50px;
    }



@keyframes blur {
    from {
        text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #7B96B8, 0px 0px 50px #7B96B8, 0px 10px 40px #7B96B8, 0px 10px 40px #7B96B8, 0px 10px 40px #7B96B8, 0px 10px 40px #7B96B8, 0px -10px 40px #7B96B8, 0px -10px 40px #7B96B8;
    }
}

ul.cruise {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

ul.cruise li {
    padding: 10px;
    display: inline-block;
}

ul.cruise li span {
    background: #fff;
    padding: 10px;
    display: block;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;
    box-shadow: #ddd 2px 2px 8px;
}

span i {
    color: #0e71b8;
}

hr.my-color {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    margin:0px;
}

.airport-detail {
    padding-bottom: 50px;
}

.cruise-detail, .ferry-ports {
    padding: 50px 0px;
}

.cruise-ports-detail {
    padding: 50px 0px;
}

p.detail-pra {
    padding: 10px 0px;
}

.cruise-detail, .ferry-ports{
    background:#ffffff;
}

.cruise-slider{
    text-align:center;
    padding-top:25px;
}

.cruise-slider h2{
    font-size:22px;
    font-weight:bold;
}

.cruise-slider h2 span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #0e71b8;
    padding: 10px 0px;
}

.slick-prev:before, .slick-next:before {
    color: #0e71b8 !important;
}