@font-face {font-family:'MyriadProRegular';
src:url('myriadpro-regular-webfont.eot');
src:url('myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('myriadpro-regular-webfont.woff') format('woff'),
url('myriadpro-regular-webfont.ttf') format('truetype');
font-weight:normal;font-style:normal;}

@font-face {font-family:'Afacad-Regular';
src:url('fonts/Afacad-Regular.eot');
src:url('fonts/Afacad-Regular.ttf') format('truetype');
font-weight:normal;font-style:normal;}

@font-face {font-family:'Afacad-Bold';
src:url('fonts/Afacad-Bold.eot');
src:url('fonts/Afacad-Bold.ttf') format('truetype');
font-weight:normal;font-style:normal;}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, span, dd, dt, li, tbody, tr, td, th, thead, button, del, map, object, a, abbr, acronym, b, big, br, cite, code, em, i, img, q, small, strong, sub, sup, tt, var, legend, fieldset {margin:0;padding:0;}
img, fieldset {	border: 0;}
/* set image max width to 100% */
img{max-width:100%;height:auto;width: auto\9;}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div, span, p, br {display:block;margin:0;padding:0;}
ul{list-style:none}
/* GENERAL STYLING */
html{font-size:14px;}
body {font-size:100%;}
textarea{resize:vertical}
body{margin:0; font-family:'Afacad-Regular', sans-serif !important; font-size:15px; line-height:20px; color:#333; background-color:white;}
img {max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; font-weight: bold; text-rendering: optimizelegibility;}
h1 {color: #003366;   font-size: 30px;    line-height: 35px;}
h2 {font-size: 20px; color: #f3f7fb; margin-bottom:20px;}
h3 {font-size: 20px; line-height: 36px;   }
.container{width:100%; height:auto;}
p{margin:0px; padding:0; font-size:14px;}
.icon{ width:40px; height:30px;float:left; }
.icon2{ width:60px; height:60px;}
.icon3{ width:40px; height:40px; }
.icon4{ width:40px; height:40px; }

ul, ol {padding: 0;margin:0;}
a{color:#006FD5; text-decoration:underline;cursor:pointer}
.tpst{    float: right;
     width: auto !important; 
    position: relative;
    z-index: 1000000;
    margin-top: -73px;}
.month{width:280px; float:left; margin:00px 0px; border:1px solid #000; position:absolute; margin-top:35px; background-color:#fff; margin-top:0px;  }
.month span{width:39.5px !important; text-align:center; float:left; color: #fff;margin-bottom: 0px !important;font-size: 12px !important; padding:5px 0px;background-color: #1980ab;outline: 1px solid #fff;}
.month label{width:100% !important; text-align:center; float:left !important; color: #000; padding: 0px 5px; box-shadow:0px 0px 1px #000; height:30px !important;    margin-bottom: 0px !important;}
.month button{ text-align:center !important; margin:0px 0px 0px; width:25%; float:left; border:none; background-color:#fff;  }
.month h3{ text-align:center !important; width:50%; float:left; margin:0px !important;color: #000;  }
#cat{position: relative;z-index: 1000;top: 0px;display: none;}

a:hover{color:#330000; text-decoration:none;}
#inner .span2 #formdiv, #inner #formdiv, .wrapper-inner .servicebox {width: 100%; padding: 20px 0;}
.navbar-innner span.ifuser{clear: right;font-size: 11px;position: absolute;right: 24px;top: 0;margin: 0;line-height: 13px;}
.navbar-innner span.ifuser span{font-size:11px; color:#FF0000; display:inline-block; float:none; margin:0;}
.navbar-innner span.ifuser a{color:#E53C3C; text-decoration:underline; font-weight:bold;}
.navbar-innner span.ifuser a:hover{color:#0679B9; text-decoration:none;}
/* *** HEADER *** */
header{    width: 100%;display: inline-block;    height: auto;}
.navbar{position: relative; overflow:visible;color:#EFEFEF;width:100%; z-index:250; }
.navbar-innner{width:1200px; padding:0px;  margin:0 auto; position: relative;}
.logo{width:210px; height:90px;  float:left; margin:0px}
.navbar-innner .logo span{/*font-size:24px; color:#cedff0; text-decoration:underline; text-align:center; width:100%; float:left; line-height:65px; letter-spacing:0.5px; margin:0;padding: 0;*/}
.wid100{ width:100%; float:left; background-color:#313131;padding:4px 0px}
.wid100 .navbar-innner p{ float:left; color:#ffffff; margin-top:0px;     text-transform: uppercase;   padding: 5px;}
.navbar-innner .logo p{font-size:13px; color:#444;}
.navbar-innner .logo img{    width: 80%;}
#Dcoltext{float: left; font-size:13px; color:#444; margin-top:37px; position: absolute; left: 222px; bottom:1%;}
#menuhighlight{    position: absolute;    width: 100%;    top: 450px;    right: 0px;    text-align: right;}
.flt{ float:right}
/* TOP MENU */
.nav-collapse{float:right; width:772px;}
.navbar-innner span{ color: #fff; float:right;    text-transform: uppercase;padding: 5px;}
.navbar-innner span.login{ color: #fff; float:right; margin-left:15px;}
.navbar-innner span.login a{ color: #dead9e;}
span.booking-number b{ font-weight:100; color:#9ec8da}
.navbar-innner p{font-size: 14px; color: #330000; float:right;margin-top:10px; float:right; clear:right; }
.navbar-innner p a{color:#330000; text-decoration:underline;}
.navbar-innner p a:hover{color:#330000; text-decoration:none;}
a.main-btn{font-size:14px; color:#FF0000; text-decoration:none;}
a.main-btn:hover{text-decoration:underline; color:#CC6633}
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.navigation{display: block;	 float:right; width:70%;position:relative; top:20px;}
.navigation ul {float:right; margin: 0px; list-style: none; width:auto; text-align:right}
.navigation li {margin:0px; padding:0px;  text-align:center; display:inline-flex; margin:0 0 0 4px; letter-spacing:0;  float:left}
.navigation li a {width:100%;  color: #164c6c; text-decoration:none;	display: inline-block;padding:8px 10px; border-radius:0px;text-transform: uppercase;font-size:15px;}
.navigation li a.active{color:#FFF; background-color: #1880AD; text-decoration:none;} 
.navigation li a:hover {color:#FFF; background-color: #1880AD; text-decoration:none;}
.navigation li a.special{background-color:#FA6F6F; color:#FFFFFF;}
.navigation li a.special:hover{background-color:#FD5F5F; color:#FDF0F0;}
.navigation a#pull {display: none;}
p.onedollarmsg{color: #78e478; display: inline-block; width: 100%; font-size: 14px;padding: 10px;}
.header-nav{overflow:visible; color:#999999;width:100%;    margin-top: -6px;}
.header-inner{width:100%; height:auto; margin:0 auto;  background-repeat:no-repeat;}

#inner .header-inner{height:200px; background-position:0px; background-image:url('../images/inner-page-banner.jpg');    margin-top: 10px;}
#inner .header-inner img{ width:100%;}
.center-nav{overflow:visible; width:100%;}
.center-inner{width:1200px; height:auto; margin:0 auto; padding:35px 0px 0px 0px; overflow:auto;}
.servicebox{border-radius: 3px;padding: 20px 0 0 0; background-color:#002C3F;}
.quote{ text-align:center;font-weight: 900;
    font-size: 28px;
    padding: 8px 0px;}
.servicebox h2 span, #formdiv.servicebox h2 span{color: #fff; line-height:normal;
	font-size:13px;
    padding-top: 2px;
    float: none;
    height: auto;
    margin: 0;
    width: auto; margin-top:8px}
/*#ui-datepicker-div span{display:inline}*/
.stwid100{ width:100% !important;}
label{font-size:16px; color:#f3f7fb; width:126px; line-height:inherit; height:24px;}
label.middle{width:70px;} 
.pac-container span{display:inline-block;}
#formdiv{float:left; width:35%; height:auto; color: #f3f7fb;    display: inline-table;}
#formdiv label{font-size:16px; color:#f3f7fb; width:126px; line-height:inherit; height:24px;}
#formdiv label.mid{width:42px; text-align:center}
#formdiv label.middle{width:80px; text-align:center} 
#formdiv label.lrgmid{width:18%; text-align:right; padding-right:20px;}  
#formdiv label.noright{padding-right:4px;} 
#formdiv label.hint{width:100%; text-align:center; font-size:12px; color:#BABABA; height:inherit; text-align:right; margin-bottom:10px;}
#formdiv label.withhint, #formdiv span.withhint{margin-bottom:0px;}
#formdiv span, label{float:left; margin-bottom:8px; line-height:inherit; }
#formdiv span.heightauto{height:auto;}
#formdiv span.hint{height:auto; margin-bottom:0px; color:#EAF1F0; font-size:12px; width:100%; position:relative; top:-10px; display:none; padding-left:32%}
#formdiv span.hint1{height:auto; margin-bottom:0px; color:#EAF1F0; font-size:12px; width:100%; position:relative; top:-10px; display:none; padding-left: 32%;}
input, select, textarea{border-radius: 0px; border:0px; padding:15px 5px; margin:0px; ;background-color:#fff; color:black; background-position:98% 50%; background-repeat:no-repeat;background-position:98% 50%;}
select {}
.backbgimg{ background-image:
url(../images/loction-bule.png); background-position:98% 50%; background-repeat:no-repeat;}
input[type="radio"]{height:20px;}
input[type="radio"].st{height:40px; width:40px; background-image:url(../images/flight.png); background-repeat:no-repeat; background-position:50% 50%; background-color:#1980AB; outline:none;cursor:pointer;-webkit-appearance: none; display:inline-block; vertical-align:middle;}
input[type="radio"].st2{height:40px; width:40px; background-image:url(../images/toflight.png); background-repeat:no-repeat; background-position:50% 50%; background-color:#1980AB;outline:none;cursor:pointer;-webkit-appearance: none; display:inline-block; vertical-align:middle;}
input[type="radio"].st3{height:40px; width:40px; background-image:url(../images/loction.png); background-repeat:no-repeat; background-position:50% 50%; background-color:#1980AB;outline:none;cursor:pointer;-webkit-appearance: none; display:inline-block; vertical-align:middle;}
#formdiv .cover{ width:100%; float:left}
#formdiv .cover label{ width:30%; float:left}
#formdiv .cover span{ width:70%; float:left}
#formdiv .cover .wid60{ width:60%; float:left}
#formdiv .cover .wid60 label{ width:50%; float:left}
#formdiv .cover .wid60 span{ width:50%; float:left}
#formdiv .cover .wid40{ width:40%; float:left}
#formdiv .cover .wid40 label{ width:40%; float:left; padding-left:5%}
#formdiv .cover .wid40 span{ width:60%; float:left}
input[type="checkbox"]{height:13px; }
input[type="image"]{height:auto; width:auto; background-color:transparent; }
input[type="Submit"]{padding-bottom:25px; margin-right:20px;}
input.hdn-txt{ height:19px; width:25px; background-color:transparent; font-weight:bold;}
.div2 select{padding:2px 4px 0px 4px; border:1px solid #DDDDDD;background-color:#EEEEEE;}
.txtbox{width:245px;}
.txtboxsml{width:110px;}
.txtboxlg{width:350px;}
.dropdownbox{width:248px;}
.dropdownboxsml{width:84px;}
.dropdownboxsm{width:92px;}
#fromDiv, #toDiv{width:248px; }
.txtarea{width:100%; height:60px;}
.txtarealg{width:100%; height:65px;}
.span1{width:58%; height:auto; float:right;    }
.span1 img.st{ max-width:100%; float:left}
.span1 p{margin-top:17px; text-align:justify;}
.span1 div{/*font-weight:bold; line-height:12px; margin-right: 30px; text-align:right;*/}
.span1 hr{width:520px; margin-top:16px; border:none; border-top:2px dashed #333333; margin-right: 29px; padding-bottom:5px;}
.span1 span{width: 100%;}
.span1 ul.st{ padding-left:5%;color:#102631; margin-top:20px; float:left}
.span1 ul.st li{ margin-bottom:10px;color:#102631; background-image:url(../images/green-tick.png); background-repeat:no-repeat; background-position:0px 0px;padding-left:10%;}
.span2 hr{margin-top:10px; border:none; border-top:2px dashed #333333; padding-bottom:5px;}
#testimonials hr{width:520px; margin-top:10px; border:none; border-top:2px dashed #333333; margin-right: 0px; padding-bottom:5px;}
#span2 span{width: 48%;
    float: left;
    margin-right: 2%;
    background-color: #0d739f;
    padding: 15px 5%;
    color: #fff;
    min-height: 200px;text-align:left; border-radius:10px;}
    
	#span2 span.cls2{width: 48%;
    float: left;
    margin-right: 2%;
    background-color: #00304f;
    padding: 15px 5%;
    color: #fff;
    min-height: 200px; text-align:left}
    
#span2 span .icon2{    background: #fff;
    padding: 15px 0;
    border-radius: 50%;}
	
#span2 p{margin-top:17px; text-align:justify; margin-bottom:8px; min-height:100px;font-size: 17px;  line-height: 22px;}
.span2 .link{font-weight:bold; line-height:20px; text-align:center;}
div.popularcities{font-weight:normal; line-height:inherit; margin:auto; text-align:inherit; margin-top:17px; overflow:auto; padding:10px 0px; background-color: #1980AB;}
div.caricon{ background-repeat: no-repeat; background-position:0px -0px; width:45px; height:17px; margin-right:6px; line-height:inherit; float:left}
div.caricon2{ background-repeat: no-repeat; background-position:0px -0px; width:45px; height:17px; margin-right:6px; line-height:inherit; float:left}
div.cities{line-height:17px; margin:auto; text-align:inherit; float:left; width:25%; margin-bottom:16px;}
div.cities2{width:32% !important;}
div.cities a{font-size:16px; color:#fff;font-weight:normal; text-decoration:none}
#formdiv span#rd{margin:0; float:right; width:100%;}
#formdiv span#rd label, #formdiv span#rd input{float: right;padding-right: 5px;padding-left: 7px;text-align: left;height: 20px;}
.warning{background-color:#FDC3AF}
#formdiv .addlink{color:#CCCCCC; float:right; padding-top:10px;}
#formdiv .addlink a{color:#CCCCCC; text-decoration:none; margin:10px;}
#formdiv .addlink a:hover{text-decoration:underline;}
.sslinnerimg{float:right; padding-left:5px; }
/* *** wrapper *** */
.greyy{ background-color:#E9E9E9}
.para{ background-color:#fff;}
.para p{  text-align:left; font-size:18px; margin-bottom:15px;}
.wrapper-nav{overflow:visible; width:100%;margin-top: 15px;}
.wrapper-inner{width:1200px; height:auto; margin:0 auto;  overflow:auto;}
.wrapper-inner .servicebox{float:right; width:29%; height:auto; }
#single.wrapper-inner .servicebox{width:100%;}
form[name="fltTracker"] label, form[name="fltTracker"] input{margin-top:20px;}
.span2{float:left;width:60%; height:auto;}
.span1 p{ margin:8px 0 15px 0;}
.share{margin-top:10px; overflow:hidden; width:100%;}
.wrapper-inner h2 {font-size: 28px; color: #fff; margin-top:0px; margin-bottom:0px; line-height:inherit; padding:15px 0px; font-weight:100}
.wrapper-inner h2.pcities {color: #000;font-weight: 100;font-size: 25px;padding: 10px 0px;}
.wrapper-inner .span2 h2 {color: #003366;margin-top: 0px;line-height: inherit; width: 98%; line-height: 40px;font-weight: 100;}
h2.styh2{background-color: #c5c2c257;text-transform: uppercase;font-size: 32px; padding: 30px 0px 0px 10px;margin-bottom: 10px;}	
.wrapper-inner .span2 h3 {    font-size: 18px; color: #003366; margin-top:8px; margin-bottom:4px; line-height:inherit;    text-align: center;}
.benefits h1{    font-size: 32px; font-weight: 900; padding: 10px 0px; text-align: left;    line-height: 40px;}
ul.services{ padding-bottom:15px;}
ul.services li{    text-align: center;
list-style:none;  width:16.5%; background-position: 32% 0%; padding-top:30px;  margin-top:3px;  font-size:14px; color: #16225C; float:left;font-weight: 900;  background-repeat:no-repeat;}
/* *** wrapper For inner pages *** */
#inner .wrapper-nav{top:332px;}
#inner .wrapper-inner{width:1200px; height:auto; margin:0 auto;  overflow:auto;}
.blue{ background-color:#1980AB}
#inner #formdiv{float:right; margin-bottom:30px;}
#inner .wrapper-nav .span2{width:55%; position: relative; }
#inner .wrapper-nav p{line-height:20px;}
#inner .wrapper-nav #single p{padding:4px 0 6px 0;}
.span3{float:right; width:35%;}
.span3 div.cities{width:49%; margin-left:1%;}
/* *** wrapper For form pages *** */
#inner #forms .leftdiv{    float: right; width: 35%;}
#inner #forms #formdiv{float:left; margin-bottom:30px;clear:right;padding: 15px 8%;background-color: #DEDEDE;}
#inner #forms .leftdiv ul.stynew{padding: 5%;width: 100%;float: left;background-color: #DEDEDE;}
#inner #forms .leftdiv ul.stynew li{    padding-left: 12%;
    width: 88%;
    background-position: 0px 10px;float: left; background-image:url(../images/smallcar.png); background-repeat:no-repeat; margin-bottom:5px;}
.message{float:left; width:inherit; font-weight:bold; color:#99CCFF; padding:0px 0px 10px 0px;}
#inner #forms .errormessage{float:left;height:50px; width:inherit; font-weight:bold; color:#FF6666}
#inner #forms .span1{float:right; margin-bottom:20px; width: 53.4%;}
#inner #forms .span1 p{width:auto; line-height:20px;margin:17px 0px 0px 0px;}
/* ***** Footer ****** */
.footer-nav{overflow:visible; width:100%;font-size:12px;}
.social-icons{width:1024px; overflow:auto; margin:0 auto; padding:10px 0; background: #333333; text-align:center; margin-top: 8px;margin-bottom:20px;}
.footer-inner{width:1200px; overflow:auto; margin:0 auto; padding:0px 32px 21px;background: #fff;
	
}
h1.main{    font-size: 30px;padding: 15px 0px 20px 0;    margin-bottom: 0px;    text-transform: uppercase;    display: inline-block;}
p.main {font-size: 26px;margin-bottom: 20px;}
.footer-inner .span1{float:left;width:25%; height:auto;}
.footer-inner .span1 h3{ font-weight:600; color:#16225C; font-size:16px}
.footer-inner .span2{float:right;width:70%; height:auto; text-align:right; margin-top:16px;}
small{font-size: 12px; padding:15px 0 5px; display:block}
address{font-style:normal; width:100%;line-height: 15px;margin-top:3px;}
.cardsicon{background:url(../images/sprite.png) 0px -25px; background-repeat:no-repeat; margin-left:20%; width: 67%;height: 46px; margin-bottom:17px;}
.footer-inner a{ text-decoration:none; color:#4C4C4C}
.footer-inner a:hover{ text-decoration:underline;}
.cpy{ width:100%; float:left; background-color:#002C3F; color:#fff; text-align:center; padding:5px 0px}
/* */
.btn-success{ margin:0 6px 15px 0; padding:0 15px; line-height:30px}
.center-nav::before, .center-nav::after,.center-inner::before, .center-inner::after,.wrapper-nav::before, .wrapper-nav::after,.wrapper-inner::before, .wrapper-inner::after.footer-nav::before, .footer-nav::after,.footer-inner::before, .footer-inner::after{display: table;content: "";}
.center-nav::after, .center-inner::after,.wrapper-nav::after, .wrapper-inner::after,.footer-nav::after, .footer-inner::after{clear: both;}
/* **** Button **** */
.btn{ font-size:16px;color:#000000;font-weight:bold;text-align:center;border-radius:10px;    background-color: #FFC032; font-size:24px; padding:5px 10px;   text-decoration:none; display:inline-block;    box-shadow: 3px 3px 10px #011e20;	}
#formdiv .btn span{    font-size: 18px;    font-weight: normal;    line-height: 13px; }
.btn:hover{color:#fff;}
a.highlight-btn{font-family:'Afacad-Bold', sans-serif; border-radius:3px; text-decoration:none; color:#FFFFFF; background: linear-gradient(180deg, #ffb147, #f47c20);    cursor: pointer;    box-shadow: 0 4px 10px rgba(244, 124, 32, 0.3);    transition: all 0.25s ease;     padding: 10px 50px; font-size:18px; letter-spacing: 0.02em; margin:0 1%;border: 1px solid #ffd8b6;     border-radius: 7px; }
a.highlight-btn:hover{color: #fff; background: linear-gradient(135deg, #f47c20, #e96812);box-shadow: 0 6px 14px rgba(244, 124, 32, 0.4);transform: translateY(-2px);}
a.highlight-btn.green{background:linear-gradient(180deg, #31e8d0, #03a993);  border-color: #3bc1af;}
a.highlight-btn.green:hover{color: #fff; background: linear-gradient(135deg, #1f9889, #099a87); box-shadow: 0 6px 14px rgba(244, 124, 32, 0.4);transform: translateY(-2px);}
a.highlight-btn.gray{ background:linear-gradient(180deg, #cccccc, #979797);    border-color: #d1d1d1;    color: #000000;}
a.highlight-btn.gray:hover{color: #000; background: linear-gradient(135deg, #b5b5b5, #a1a1a1); box-shadow: 0 6px 14px rgba(244, 124, 32, 0.4);transform: translateY(-2px);}

#inner .wrapper-nav #single .span2 a.btn, #inner .wrapper-nav #single .span2 a.btn:hover{color:#FFFFFF;text-decoration:none;}

.btn-reset{width:90px; height:24px;padding-top:5px; margin-right:20px;}
#requestButtons .btn-success{ margin-left:30px;	-webkit-box-shadow: 0px 0px 7px 3px #CCCCCC; -moz-box-shadow: 0px 0px 7px 3px #CCCCCC; box-shadow: 0px 0px 7px 3px #CCCCCC;}
.passworddiv{width:400px; background:#0799B9; border-radius: 10px; padding:15px 10px; float:left; margin:10px 50px; color:#FFFFFF;}
.passworddiv span, .passworddiv span{float:left; line-height:inherit}
.btn-payment-process{width:180px;height:36px;line-height:30px;font-size:16px;font-weight:bold;float:right;text-align:center;border-radius:10px;border:3px solid #0A739E;background:#AFE6FC;
	background: -moz-linear-gradient(top, #AFE6FC 0%, #5CB3D6 87%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFE6FC), color-stop(87%,#5CB3D6));
	background: -webkit-linear-gradient(top, #AFE6FC 0%,#5CB3D6 87%);
	background: -o-linear-gradient(top, #AFE6FC 0%,#5CB3D6 87%);
	background: -ms-linear-gradient(top, #AFE6FC 0%,#5CB3D6 87%);
	background: linear-gradient(to bottom, #AFE6FC 0%,#5CB3D6 87%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFE6FC', endColorstr='#5CB3D6',GradientType=0 );
}
#formdiv span a.btn-payment-process{color:#0B3461;}
#formdiv span a.btn-payment-process:hover{color:#0B607A; text-decoration:none}
#payment-options{color:#F3F7FB;}
/* *** tool tip start *** */
a.css_tool_tip{position:absolute; white-space:normal; font-size:13px;}
a.css_tool_tip span{display:none;}
a.css_tool_tip span i{display:block;background-color:#FFFBCC;border-left:1px solid #FFCC01;border-right:1px solid #FFCC01;padding:0 5px; text-align:left; font-style:normal; }
a.css_tool_tip:hover{/*background-color:#ff0000;*/}
a.css_tool_tip_big:hover span{display:block;position:absolute;z-index:20;bottom:1em;left:-363px;width:400px;color:#000;}
a.css_tool_tip_big span b{display:block;height:10px;background:url(../images/css_tooltip_top_sml.png) no-repeat bottom;}
a.css_tool_tip_big span em{display:block;height:32px; background:url(../images/css_tooltip_bot_sml.png) no-repeat;}
	/* Booking form help tool tip */
	#formdiv a.css_tool_tip span {width:250px; height:auto; line-height:normal; margin:0;}
	#formdiv a.css_tool_tip_big:hover span{left:-187px;}
/* *** tool tip ends *** */
/* #popupDiv */
#getprice{width:100%;}
#getprice span{width:25%; float:left; margin-bottom:3px;}
#getprice .resulttextbox{color:green; padding:0; font-size:17px}
#getprice span.result{width:73%; color:green; font-size:17px;}
#getprice span.result span{float:left; width:auto; color:red; margin-bottom:0px; font-size:11px;}
#bookrideas {width:480px; height:178px;padding:10px;}
#bookrideas div{padding:5px 0px;}
#bookrideas div.links{text-align:center; color:#FF0000; padding-top:15px;}
#bookrideas a{ color:#FF0000; cursor:pointer; text-decoration:none;}
#bookrideas a:hover{text-decoration:underline;}
#getprice span.errors{width:100%;font-size:12px;color:red; font-weight:bold; margin-bottom:5px;}
#getprice span.errors1{width:100%;font-size:12px;color:red; font-weight:normal; margin-bottom:5px;}
#getprice #getmiles{visibility:hidden; height:0; width:0;}
#reservationright h2{color:#003366; line-height:inherit; margin-bottom:5px; border-bottom:1px solid #003366; padding-bottom:2px; font-size:18px; }
#reservationright .steps{font-weight:bold; margin-bottom:10px; margin-top:13px;}
#details{ width:100%; float:right; margin-bottom:15px;}
#details div{overflow:auto;}
#details div span{width:2%; float:left;}
#details div span:first-child{width:30%;}
#details div span:last-child{width:67%; float:right; color:#003366; font-size:15px;}
#details span.ratecm{font-size:13px; padding:5px 0px 5px 1%; float:left; width:100%;}
#details span.ratecm div span:last-child{font-size:13px;}
.carfeaturediv{width:99%; margin-top:35px; overflow:auto; background-color:#002C3F; padding:10px 0 10px 10px; float:left; border-radius: 10px;-webkit-box-shadow: 1px 1px 9px 1px #3B4B6A;-moz-box-shadow: 1px 1px 9px 1px #3B4B6A;box-shadow: 1px 1px 9px 1px #3B4B6A;}
.carfeaturediv .div1{width:42%; float:left;}
.carfeaturediv .div2{width:58%; float:left;  color:#fff;margin-top: 30px;}
.carfeaturediv .div2 div span{float:left; margin-right:20px; color:#FFFFFF; font-weight:bold; font-size:20px; height:71px;}
.carfeaturediv .btn-success{width:95%; float:left}
.carfeaturediv .div1 div{width:97%; float:left; color:#fff;    text-align: center;}
.carfeaturediv .div2 span.spn1{width:44%; display:inline-block}
.carfeaturediv .div2 span.spn2{width:54%; display:inline-block}
/*.paximg{background:url(../images/sprite.png); background-repeat:no-repeat; background-position:-3px -74px; width:69px; padding-top:40px;text-align:center}
.lgimg{background:url(../images/sprite.png); background-repeat:no-repeat; background-position:-82px -72px; width:59px; padding-top:40px;text-align:center}
.smimg{background:url(../images/sprite.png); background-repeat:no-repeat; background-position:-154px -69px; width:33px; padding-top:40px;text-align:center}*/
#fleet div span{float:left; margin-right:15px; color:#FFFFFF; font-weight:bold; font-size:20px;}
#fleet span span{display:inline-block;}
#fleet span span p{display:inline; padding:0px; margin:0px;}
#fleet div{ float:right; overflow:auto; min-height:65px;}
.allcars{padding:0 0 10px 0;}
.fare-container{font-size: 44px; text-align:center; font-weight:bold; color:#02A6AD; padding-top:20px; line-height:normal;color: #FF0000;}
.hd{padding:10px 0; font-size:16px; font-weight:bold; text-align:center; background-color:#DEDEDE;}
.allcars div{float:left; /*height:50px; */border-top:1px dashed #cccccc; padding:5px 0; width:100%}
.allcars .span11{float:left; width:30%; padding-left:10px;color:#fff;}
.allcars .span12{float:left; width:13%; text-align:center}
.allcars .span13{float:left; width:20%; text-align:center; padding-top:8px; color:#fff;}
.allcars .span14{float:left; width:15%; padding-top:8px; color:#fff;}
.allcars .span15{float:left; width:22%;}
.allcars .base{width:17%;}
.allcars div.txtbold{font-weight:bold; height:auto; padding:10px 0 5px 0; color:#fff;}
.allcars div.txtbold .span14, .allcars div.txtbold .span13{padding-top:0px;}
#inner .span2 #formdiv {float:left; margin-top:25px;padding:10px 10px 10px 10px; }

.wrapper-inner .span2 #formdiv h2 {font-size: 20px;color: #F3F7FB;margin-bottom: 12px;line-height: 30px; margin-top:0px; padding: 0;    background: none;}
.changespan{display:inline; float:right; font-size:12px; color:#993300; cursor:pointer}
#inner .wrapper-nav #registrationform{width:100%;}
.btns{ width:50%; float:left; text-align:center;text-decoration:none;}
.btns p{color:#fff; }
#inner .wrapper-nav #registrationform #formdiv{    float: none; margin: auto; /* overflow: auto; */ width: 50%;   padding: 30px;}
.error{color:red; background-color:#EDEDED; margin-bottom:10px;padding: 2px 0px 2px 10px; border-radius: 5px; font-weight:bold; font-size:11px;  display:none}
#inner .wrapper-nav p.hintmsg{font-size: 12px;  line-height: 15px; color:#CCCCCC}
.clearleft{clear:left}
#formdiv span.fulllength{width:100% !important;color:#f3f7fb;}
#formdiv span.thnkumsg{width:100%;color:#f3f7fb; height:auto}
#formdiv span a{color:#000;  text-decoration:none}
#formdiv span.hint a{color:yellow;  text-decoration:none}
#formdiv span a:hover{color:#CCCCCC;}
#formdiv span.heightauto{height:auto;}
.view{text-align:center; padding-bottom:10px}
.view a{color:#0066CC}
h2.ser{ color:#272B54; padding:10px 0px}
.wrapper-inner h2.ser{ color:#003366;text-align: left;
    font-weight: 900;}
#single ul{ padding-bottom:10px;}
.tpst3{margin-top:130px;}
#single ul li{ list-style:inside; padding:1px 0px 3px 0px; line-height: 20px;}
#single ol{ padding-bottom:10px; margin-left:20px;}
#single ol li{ list-style:decimal; padding:1px 0px 3px 0px; line-height: 20px;}
ul.listings{ padding-bottom:10px;}
ul.listings li{ list-style:inside; padding:1px 0px 3px 0px; line-height: 20px;}
ol.listings{ padding-bottom:10px; margin-left:20px;}
ol.listings li{ list-style:decimal; padding:1px 0px 3px 0px; line-height: 20px;}
#formdiv span.paymentmain_div{height:auto; margin-top:10px; float: left; width: 100% !important%; color:#FFFF99;}
#formdiv span.paymentmain_div span{float: right; height:auto; width:100% !important;}
#formdiv span.paymentmain_div span form{float:right; }
#formdiv span.paymentmain_div span p{float:left; color:#D18845; font-size:16px; clear:both; margin-top:10px;}
#formdiv span.paymentgetway{width:430px; margin-bottom:10px; height:auto; text-align:center}
.txtcntrbold{text-align:center; font-weight:bold; margin:14px 0px 10px 20px; font-size:16px;color: #F3F7FB;}
.marngtop8{margin-top:8px}
.bookingerror p{float:left; width:438px;font-size:13px; color:#FF0000; margin-top:10px;}
.h1div{width:430px; float:left}
.ssl-img-div{width:100px; float:left;}
.ssl_img_position{position:absolute; top:-45px; right:7px}
#inner .wrapper-nav #single .span2 a{color:#0B5096; text-decoration:underline}
#inner .wrapper-nav #single .span2 a:hover{color:#0B5096; text-decoration:none}
/* *** popup_box DIV-Styles *** */
#popup_box {display:none;position:fixed;_position:absolute; /* hack for internet explorer 6 */
    height:auto;width:60%;background:#FFFFFF;left:300px;top:100px;z-index:100;margin-left:15px;/* additional features, can be omitted */
    border:2px solid #003366;padding:15px;-moz-box-shadow:0 0 5px #003366;-webkit-box-shadow:0 0 5px #003366;box-shadow:0 0 5px #003366;
}
#popup_box a{ cursor: pointer; text-decoration:none;} 
/* This is for the positioning of the Close Link */
#popupBoxClose {font-size:20px;line-height:15px;right:5px;top:5px;position:absolute;color:#FF0000;font-weight:500;}
#popup_box #fleet{margin-top:20px;}
#popup_box #fleet div{margin-left: 185px;}
#popup_box #fleet p{display: inline;}
/* *** End popup_box DIV-Styles *** */
/* WEATHER CSS */
.weather-div{padding:10px 3px 10px 7px;width:100%;margin-bottom:20px;border:3px solid #000000;border-radius:3px;-webkit-box-shadow:6px 6px 8px -2px #666666;-moz-box-shadow:6px 6px 8px -2px #666666;box-shadow:6px 6px 8px -2px #666666;background:#ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #4d6992 75%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(75%,#4d6992));
	background: -webkit-linear-gradient(top, #ffffff 1%,#4d6992 75%);
	background: -o-linear-gradient(top, #ffffff 1%,#4d6992 75%);
	background: -ms-linear-gradient(top, #ffffff 1%,#4d6992 75%);
	background: linear-gradient(to bottom, #ffffff 1%,#4d6992 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4d6992',GradientType=0 );
}
.wrapper-inner .span2 .weather-div h2{ font-size:18px; margin:0px 0px 10px 0px;}
.current-weather{width:28%; display:inline-block; height:auto; margin-bottom:10px;}
.forecast{width: 70%; display:inline-block; vertical-align:top;background: #38567F;border-color: #527DA7 #2B466D #6284A3 #5A7B9C;border-style: solid;border-width: 1px;-webkit-box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.25);-moz-box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.25);box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.25);height: 150px;margin-top: 2px;}
.wrapper-nav #span2 .current-weather p, 
#inner .wrapper-nav #single .span2 .current-weather p{line-height:inherit; color:#FFFFFF; width:auto; margin:0px; font-weight:bold; text-align:center; padding:0px;}
#span2 .current-weather p span, 
.span2 .current-weather p span{font-size:70px; font-weight:bold; line-height:70px;height:auto; color:#003366}
#span2 .weather-div p span.currenttext,
.span2 .weather-div p span.currenttext{font-size: 14px;line-height: inherit;color: white;}
.weather-div ol, ul {list-style: none outside none;}
.weather-div li{padding: 0px; margin: 0px;width: 19.7%; height: 150px;display: inline;float: left;vertical-align: top;margin-left: 1px;text-align: center;font-weight: bold;background: #78a0c3;
	background: -moz-linear-gradient(top, #78a0c3 0%, #2e4564 22%, #2d4972 64%, #6f97bc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78a0c3), color-stop(22%,#2e4564), color-stop(64%,#2d4972), color-stop(100%,#6f97bc));
	background: -webkit-linear-gradient(top, #78a0c3 0%,#2e4564 22%,#2d4972 64%,#6f97bc 100%);
	background: -o-linear-gradient(top, #78a0c3 0%,#2e4564 22%,#2d4972 64%,#6f97bc 100%);
	background: -ms-linear-gradient(top, #78a0c3 0%,#2e4564 22%,#2d4972 64%,#6f97bc 100%);
	background: linear-gradient(to bottom, #78a0c3 0%,#2e4564 22%,#2d4972 64%,#6f97bc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78a0c3', endColorstr='#6f97bc',GradientType=0 );
}
.weather-div ul li ul li{height:auto; background:transparent; margin-left:0px;font-size:13px;color:#FFFFFF; width:100%}
.weather-div ul li ul li.forecast-day{text-transform: uppercase; font-size:15px; margin-top:4px;}
.weather-div ul li ul li.forecast-img{height:70px; margin-top:5px;}
.weather-div ul li ul li.forecast-high{color:#FFFF66}
sup{font-size:30px;}
.weather-time{display:block; line-height:inherit; color:#FFFFFF}
.current-weather-img{vertical-align: middle;}
/* END WEATHER CSS */
#phgallery{width:530px;margin:0px; float:left;}
#single #phgallery ul{margin:0; overflow:auto; padding:0; width:100%; list-style:none; display:block}
#single #phgallery ul li{line-height:inherit; list-style:none}
#single #phgallery ul li div{height:160px; float:left; margin-right:20px;}
#single #phgallery ul li div img{border:#000000 solid 3px; height:100px; width:150px;}
#latest-updates{ floar:left; margin-bottom:25px; margin-top:15px;}
#latest-updates h1{ margin:0px; padding:0px;}
#latest-updates h2 a{color:#003366; text-decoration:none;}
#latest-updates h2 a:hover{text-decoration:underline;}
#latest-updates p{ margin:0px; padding:0px;}
#latest-updates p span{display:inline; height: auto; width: auto; font-size: 14px;}
.benefits{clear:both; margin:5px 0 15px 0px;text-align:center;float: left;
    padding: 10px 0px;}
.benefits img{ width:100%}
.textcontent p {margin:5px 0 10px;}
.inactive-msg{font-size:15px; width:88%; font-weight:bold; color:#FF4C4C !important; margin-top:0 !important;}
.errors1{font-weight:normal; color:#FF4C4C;}
.inactive-msg span{font-size:12px;}
.choose-payment-options input[type="radio"]{height:auto;}
.choose-payment-options span{display:inline-block; margin:2px 0; padding:0 10px 0 8px;}
.servicebox.paypal-div{display:none;}
#formdiv span.halfcnmbr{color:#f3f7fb; font-size:16px; vertical-align:top; line-height:25px; letter-spacing:0.02em; height:auto;}
.oldcard-div small{vertical-align:top;  line-height:normal; padding-top:5px;}
#inner .wrapper-nav #bookinghistory.span2{width:100%; padding:0;}
#inner #bookinghistory.span2 #formdiv {float: left;width: 45.3%;margin: 30px 1% 0;color:#EFEFEF;}
#bookinghistory #formdiv label, #bookinghistory #formdiv span{height:auto; margin-bottom:4px; font-size:14px;}
#bookinghistory #formdiv label{width:35%; font-weight:bold;}
#bookinghistory #formdiv span{width:65%;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;} 
#formdiv span, label {width: 100%;}
#formdiv label {width: 33%;  }
#formdiv span.marbtm20{ margin-bottom:20px}
#formdiv label.mid, #formdiv label.middle{width:18%; }
#Second{  margin-left:0.5%; margin-right:0.5%;}
#formdiv #First,#Second,#Third{ cursor:pointer;background-color: #1980AB;text-align:center;padding-top:5px; min-height:50px}
#formdiv #First{border-radius:10px 0px 0 0;}
#formdiv #Third{border-radius:0 10px 0px 0;}
#formdiv .form-bottom{    width: 96%;    margin-top: 0%;    display: inline-block;    margin-left: 2%;}
#formdiv span.extra-seats-container select{ background-image:none; width:100%}
#formdiv span.double-mid{width:50%; margin-bottom:0px}
#formdiv span.double-midcopy{width:23.8%; margin-bottom:0px}
#formdiv span.double-mid2{width:48%; margin-left:2%; margin-bottom:0px}
.txtboxsml, .dropdownbox, .dropdownboxsm, .dropdownboxsml, .txtbox, .txtboxlg, .txtboxsml{width:100%;}	
#formdiv span.triple{width:10.6%}
#formdiv span.double{width:24.8%;}
input.datepicker{ background-image:url(../images/celendar.png);}
select.bag{ background-image:url(../images/bag.png);-webkit-appearance: none;}
select.men{ background-image:url(../images/man.png);-webkit-appearance: none;}
#child{background-image:url(../images/child1.png);-webkit-appearance: none;}
#child_seat{background-image:url(../images/child-seat1.png);-webkit-appearance: none;}
select.watch{ background-image:url(../images/time.png); padding:15px;-webkit-appearance: none;}
.booking-process-page .header-nav{height:0; display:none;}
#inner.booking-process-page .wrapper-nav{     padding-top: 30px; }
.makereservation{display:none; height:0; width:0;}
.fleet-desc{width:61%;}
.clearleft iframe{margin: 0; padding: 0; width: 98%;border:5px solid #003366;box-shadow: 6px 6px 8px -2px #666666;}
.mrngtop42{margin-top:42px;}
.showchild-div { margin-bottom:10px; float:left; width:100%;}
.showchild-div a, #inner .wrapper-nav #single .span2 .showchild-div a {color:#fff; font-size:17px; text-decoration:none;}
.showchild-div a b{ border:2px solid #FFFA80; border-radius:50%;padding: 0px 7px; color:#FFFA80}
#extras{width: 100%;float: left;}
#formdiv label.extra-seats-container {width: 52%;}
#formdiv label.extra-seats-container span {width: auto;font-size: 12px;display: inline-block;margin-bottom: 0;float: none;}
#formdiv span.extra-seats-container {width: 48%;}
#formdiv input.hdn-txt {color: #F0E5CE;}
.clrboth{width:100%;clear:both; float:left; height:1px;}
.weekend-destinations {float: right;height: auto;width: 39%;margin-bottom: 30px;color: #003366;}
.weekend-destinations h2{    width: 100%; text-align: center;padding: 50px 0;font-size: 32px;text-transform: uppercase;    color: #002c3f;}
.weekend-destinations h3{font-size: 18px; line-height: 23px;}
.weekend-destinations li{list-style: none; margin-left: 18px;padding: 5px 0 0; background-image:url(../images/smallcar.png); background-repeat:no-repeat;padding-left: 10%;background-position: 2px 10px; color:#000;    margin-bottom: 10px;}
div.AuthorizeNetSeal{float:right; padding-left:15px !important;}
div.AuthorizeNetSeal a{color:#C0AE2C !important; font-size:12px; line-height:normal;}
#downloadlink{color:#4DF0FD !important; border-bottom:1px dashed #4DF0FD;}
#downloadlink:hover{ border-bottom:none}
.full-container{width:100%; float:left;}
.cardnmbrFour{width:24.2%; display:inline-block; vertical-align: top;}
.cardnmbrThree{width:32.7%; display:inline-block; vertical-align: top;}
span#amex-card-nmbr{display:none;}
#formdiv #grand{ width:100%; float:left; margin-bottom:0px; height:auto}
#formdiv .follbtn{ width:100%; float:left; text-align:center}
#grand .full{ width:100%; float:left; margin-bottom:0px; height:auto}
#grand select{width: 52%;padding: 6px;height: auto;}
#grand .hint1{ font-size:12px}
#grand .grand-ineer1{ width:32%; float:left; margin-right:2%; height:auto;}
#grand .grand-ineer1 img{width: 30%;margin: 8px;margin-bottom: 0px;margin-top: 0px}
#grand .grand-ineer1 img.small{ width:25%}
#grand .grand-ineer2{ width:32%; float:right; height:auto;}
#grand .grand-ineer2 img{ width:25%; margin:8px; margin-bottom:0px}
#grand .grand-ineer{ width:45%; float:left; height:auto;}
#grand .grand-ineer img{ float: left; width:15%; margin:8px; margin-bottom:0px;    margin-top: 5px;}
#grand .grand-ineer3{ width:45%; float:right; height:auto;}
#grand .grand-ineer3 img{ float: left; width:15%; margin:8px; margin-bottom:0px;    margin-top: 5px;}
#extras .full{ width:100%; float:left; margin-bottom:10px}
#fromDiv input.hdn-txt{ background:none;    padding: 0;}	
#extras{ display:none}	
#payment-options{    width: 100%;float: left;margin-top: 50px;}
#payment-options .top1{    width: 50%;float: left}
#payment-options .bottom{    width: 50%;float: left;    color: #1aea1a;}
#payment-options .full{    width: 100%;float: left;    color: #1aea1a;}
#floatnone .searchhalfwidth_left1{  float: left;margin-right: 0px;padding-left: 0px;height: auto; width:32%;}
#floatnone .searchhalfwidth_left1 input.txtboxtwo{  float: left;margin-right: 0px;padding-left: 0px;height: auto; width:92%}
#floatnone .searchhalfwidth_right1{  float: left;  margin-right: 0px;  padding-left: 0px;  height: auto; width:31%; margin-left:3%}
#map-canvas {float: left;width: 100%;height: 350px;margin-bottom: 20px;}
.choose-payment-options{ color:#000}
.choose-payment-options label{ width:45%; float:left;    color: #07c164;}
.choose-payment-options label.full{ width:100%;}
.choose-payment-options label span{color:#000 }
#grand select#pax{ width:90%; background-image:url(../images/pax.png); background-repeat:no-repeat; background-size:30px; background-position:65px}
#grand select#child{ width:90%; background-image:url(../images/child.png); background-repeat:no-repeat; background-size:25px; background-position:70px}
#grand select#luggage{ width:90%; background-image:url(../images/lugg.png); background-repeat:no-repeat; background-size:25px; background-position:70px}
#grand select#child_seat{ width:90%; background-image:url(../images/child-seat.png); background-repeat:no-repeat; background-size:25px; background-position:120px}
#grand select#stopover{ width:90%; background-image:url(../images/stopover.png); background-repeat:no-repeat; background-size:25px; background-position:120px}
#grand .grand-ineer1 .hint1, #grand .grand-ineer2 .hint1, #grand .grand-ineer3 .hint1, #grand .grand-ineer .hint1{ font-size:14px;display:block;margin: 0;padding: 0;float: left; margin-top: 10px;top:0}
#detailsfare{width: 98%;float: left;background-color: #1f345f; padding: 10px;color: #fff; font-size: 17px;}
#detailsfare h2{ color: #fff; background: none; padding: 0px; font-size: 22px; margin: 0;}
#detailsfare > div {    width: 50%;float: left;text-align: center;   background-color: #1980AB;  padding: 20px 0;}
#detailsfare > div.center{ border-right: 1px solid; border-left: 1px solid;}
#detailsfare > div span{ display:inline-block;}
#detailsfare > div span.rspan2{width: 100%;}
#inner .wrapper-inner p.onedollarmsg{ color: #1bcc21; background-color: transparent;padding: 0px;}
.creditcard-div span{    width: 68%  !important;}
.creditcard-div span.double-midcopy{width: 25% !important;    margin-bottom: 15px !important;}
/*#payment-options {width: 100%;float: left; margin-top: 50px;}
#payment-options .full-information { width: 100%;float: left;border: none;box-shadow: none; margin-bottom: 15px;}
#payment-options .full-information .option {width: 49%;float: left;margin-left: 3px; background: #002C3F;color: #fff;}
#payment-options  .full-information .option span{ width:100%}
#payment-options  .full-information .option .money {text-align: center;padding: 10px 0px;font-size: 20px;font-weight: 700;color: #fff; width: 100%;}
#payment-options  .full-information .option .button { color: #fff;margin: 0px;background: #FFC032;width: 84%;margin-left: 5%;font-size: 16px;cursor: pointer;
box-shadow: 2px 2px 10px grey;padding: 10px;text-align: center;}
#payment-options .full-information .option .button a{ color:#000;text-decoration: none;}
#payment-options  .full-information .option .txt { color: #fff;text-align: center;width: 100%;font-size: 14px;padding: 5px;}*/
#formdiv select{ -webkit-appearance: none;}
#modalLogin { min-height: 250px; max-height: 400px; min-width: 500px; max-width: 500px; bottom:25%; left: 41%; margin-left: -150px;margin-top: -250px;overflow: hidden;opacity: 1;}
#modalLogin.center{ bottom:initial; top:100px; left:32%; margin-left: 0; margin-top:0px; }
.fade.in {opacity: 0.8;}
.modal-header {min-height: 16.43px;padding: 0px 15px;border-bottom: 1px solid #e5e5e5;color: #5C312A;    width: 94%;float: left;}
#myModalLabel{width: 95%; float: left;font-size: 47px;margin: 0px; margin-bottom: 10px;    margin-top: 10px;}
#myModalLabel img{ float:left}
#myModalLabel span{ float:left;    margin-left: 15px; margin-top: 20px;    color: #000;}
.modal-body {position: relative; overflow-y: auto;max-height: 400px; padding: 15px;}
.modal-header .close { margin-top: -2px;    font-size: 25px;color: #5C312A;}
button.close {-webkit-appearance: none;padding: 0;    cursor: pointer; background: 0 0; border: 0;}
.close {float: right;font-size: 21px; font-weight: 700;line-height: 1; color: #000; text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20); opacity: .2;}
#alertcontent {width: 100%;float: left;padding-right: 2%;text-align: center; color: #5C312A;}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;}
.modal { position: fixed; left: 50%;  z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3);  -webkit-border-radius: 6px; -moz-border-radius: 6px;  border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none;}
    #optionbutton{ width:100%; float:left; text-align:center;    margin-top: 20px;}
#optionbutton span{ width:30%;text-align:center; font-size:13px;    margin-left: 14%;  margin-top: 30px;float: left;}
#optionbutton span a{background: #254C75;color: #fff;border-radius: 35px;padding: 7px 23px;font-size: 18px;cursor: pointer;}	
#optionbutton span label{ width:100%; float:left;    margin-top: 10px;color: #000;    font-size: 14px;}
#optionbutton2{ width:100%; float:left; text-align:center;    margin-top: 20px;}
#optionbutton2 span{ width:30%;text-align:center; font-size:13px;    margin-left: 14%;  margin-top: 30px;float: right;}
#optionbutton2 span a{background: #254C75;color: #fff;border-radius: 35px;padding: 7px 23px;font-size: 18px;cursor: pointer;}	
#optionbutton2 span label{ width:100%; float:left;    margin-top: 10px;}
#inercontentthree{ margin-top:10px}
.modal-header {min-height: 16.43px; padding: 0px 15px;border-bottom: 1px solid #e5e5e5;color: #5C312A; width: 94%; float: left;}
.benefits ul{ width:100%; float:left;}
.benefits ul li{ width:24%; float:left; padding:1%; text-align:center}
.benefits ul li h3{ line-height:24px; padding-top:20px; min-height:100px}
.benefits ul li a{ font-size:16px}
.benefits ul li p{ min-height:180px}
#single ul.st li{list-style: none; margin-left: 18px;padding: 5px 0 0;background-image: url(../images/smallcar.png); background-repeat: no-repeat;padding-left: 12% ;background-position: 2px 10px;color: #000;margin-bottom: 10px;}
#formdiv label.new{ color:#000;}
.sty{ border-radius: 12px; background-color:#E9E9E9; outline:none }
.sty::placeholder { color: #1980AB;opacity: 1; /* Firefox */}
.newimp{ background-color:#fff !important; margin-bottom:5px !important; margin-left:5px}  
.newimp2{ color:#1980AB; font-size:24px; font-weight:600}
.leftnewsty{ float:left !important}
.txtcntr{ text-align:center !important} 
h2.new{background-color: #1980AB;float: left;padding-top: 18px;width: 100%;text-align:center !important}
#inner .wrapper-nav .spannew{ width:100% !important}
.stys{font-weight: 100 !important; }
img.roundfleet{border-radius: 50%; box-shadow: 0px 0px 10px;min-height: 120px;}
.newimp3{vertical-align:top; margin-top:-20px; float:right;margin-right: 1%;}
span.longdis{ float:left; font-weight:600;  color:#003366; padding:20px 0px; font-size:18px}
ul.fltlft{ float:left; width:100%;}
ul.fltlft li{ float:left; width:92%; padding-left:0% !important; list-style:none !important; margin-bottom:5px; }
.left65{width:54%; float:left; padding:10px 1%; background-color:#1980AB}
.left35{width:44%; float:left; padding:10px 1%;}
.left35 span{ padding-top:0px}
.wid1000{ width:100%; float:left}
.left35 ul.fltlft li{ float:left; width:100%; padding-left:12% !important; list-style:none !important; margin-bottom:0px; background-image:url(../images/yellowo-car.png); background-repeat:no-repeat;}
ul.fltlft li a{ text-decoration:none;}
#latest-updates h4 a{ text-decoration:none !important;background-image: url(../images/green-tick.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 10%;padding: 4px 0px 10px 10%;
    float: left;}
#inner .wrapper-nav .span3 img.st{margin:20px 0px;} 
.bkg-dtl{ width:50%; float:left;    padding: 20px 0%; text-align:center;padding-left: 5%;}
.bkg-dtl h2{color:#000 !important;}
h2.sty{color: #fff !important;font-size: 50px !important; background-color: #34ef34;line-height: 60px !important;padding: 30px;width: 100px !important;border-radius: 50%;text-align: center;height: 100px !important;display: inline-block;}
h2.stynew{color: #fff !important;font-size: 50px !important; background-color: #ff0000;line-height: 60px !important;padding: 30px;width: 100px !important;border-radius: 50%;text-align: center;height: 100px !important;display: inline-block;}
h2.stys{ color: #34ef34 !important;font-size: 24px !important;line-height: 30px !important;}
h2.stysnew{ color: #ff0000 !important;font-size: 24px !important;line-height: 30px !important;}
.bkg-dtl ul{ width:100%; float:left; padding:0px; margin:0px; border:1px solid #000;}
.bkg-dtl ul li{width:100%; float:left; padding:2px 0px; list-style:none;border-bottom: 1px dashed #6c6c6c; margin:0px; min-height: 30px;background-color: #192823;}
.bkg-dtl ul li.ttl{font-weight: 600;background-color: #f5cd0b;color: #000 !important;}
.bkg-dtl ul li.ttl label{color: #000;}
.bkg-dtl ul li.ttl span{color: #000;}
.bkg-dtl ul li label{width:30%; float:left; padding:0px; margin:0px; color:#fff;padding: 0px 2%; font-size:13px; text-align:left; }
.bkg-dtl ul li span{width:70%; float:left; padding:0px;color:#fff;font-weight: 600;font-size:12px;text-align:left; }
#inner .header-inner h1{padding: 65px 5%;    text-align: center;background-color: #2573b0db;height: 100%;color: #fff;    line-height: 50px;}
    
    
    
    
    
    

.navbar .wid100{background-color:#2182c3;}
.navbar-innner span.login a{color:#fff;  text-decoration: none;}
span.booking-number b{color:#6bfaff;}
.navbar-innner .logo img {    width:auto;}
.logo{width:auto;    padding: 5px 0 3px 0;     height: auto;}
.logo a{    display: inline-block;    vertical-align: bottom;    float: none;  }
.logo a img{display: inline-block;     vertical-align: bottom;} 
.logo a .logo_txt{color: #f1912e;     display: inline-block;    vertical-align: bottom;    float: none;    font-size:43px;  line-height: 26px;     padding: 6px 0 0 0px;font-family:'Afacad-Bold'; width:170px;}   
.logo a .logo_txt > span{color: #184a6c;    display: block;    width: 100%;    font-size: 22px;    padding: 0;}
    
.bg-cover-1{background-image:linear-gradient(to bottom, 
      rgba(255, 255, 255, 1) 0%,     /* Solid white at the very top */
      rgba(255, 255, 255, 1) 20%,    /* Fades out completely by 15% height */
      rgba(255, 255, 255, 0) 70%,    /* Stays transparent until 85% height */
      rgba(255, 255, 255, 1) 83%    /* Fades back to solid white at the bottom */
    ),url('../images/bg-cover-1.png'); width:100%; display:inline-block; height:100%; background-size: contain;     background-repeat: no-repeat;    background-position: center center;}    
h1.main{font-size: 38px;font-family: 'Afacad-Bold', sans-serif; padding-bottom: 3px;}    
h1.main span{color:#0380ec; display:inline-block;    padding-bottom: 6px;}   
p.main{font-size: 20px;}
#formdiv{background-color:#02355d; border-radius: 10px; padding:15px;width:40%;}
    
.benefits-row {    width: 100%;    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 0px;    padding: 20px 0;}
.benefit-item {    display: flex;    align-items: center;    gap: 10px;    padding: 10px 15px;    border-right: 1px solid #ddd;}
.benefits-row > .benefit-item:first-child{padding-left:0px;}
.benefits-row > .benefit-item:last-child{padding-right:0px;}
.benefit-item:last-child {    border-right: none;}

.benefit-icon {    width: 48px;    height: 48px;    min-width: 48px;    border-radius: 50%;    background: #20c978;    color: #fff;    display: flex;    align-items: center;    justify-content: center;    font-size: 24px;    font-weight: bold;}
.benefit-icon.blue{background:#0078f7;}
.benefit-icon.yellow{background:#fcce49; color:#000;}
.benefit-content h3 {    margin: 0 0 5px;    font-size: 13px;    color: #062f49;    font-weight: 700;    line-height: 5px;}
.benefit-content p {    margin: 0;    font-size: 13px;    line-height: 1;    color: #555;letter-spacing: -1px;}
.feature_div {    width: 100%;    height: 380px;    overflow: hidden;}
.feature-box {    width: 175px;    padding: 12px 15px;    background: rgba(255, 255, 255, 0.88);    border-radius: 18px;    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);    z-index: 5;}
.feature-item {    display: flex;    align-items: center;    gap: 12px;    min-height: 48px;}
.feature-item:last-child {    margin-bottom: 0;}
.feature-icon {    width: 38px;    height: 38px;    min-width: 38px;    display: flex;    align-items: center;    justify-content: center;    font-size: 25px;}
.feature-text {        color: #092d63;    font-size: 13px;    line-height: 17px;    font-weight: 400;}
.feature-text strong {    display: block;    font-weight: 700;}
.payment-strip{background:#fff; width:98%; padding:5px 25px; box-shadow: 0px 0px 15px 2px #cccccc;     border-radius: 10px;display: inline-block;}
.long-distance-services {    margin: 10px 15px;    padding: 25px 30px;    background: #fff;    border-radius: 22px;    box-shadow: 0 8px 30px rgba(0, 50, 100, 0.10);  box-sizing: border-box; margin-bottom:15px;}
.services-header {    display: flex;    align-items: center;    justify-content: space-between;    margin-bottom: 20px;}
.services-title {    display: flex;    align-items: center;    gap: 15px;}
.services-title-icon {    width: 55px;    height: 55px;    display: flex;    align-items: center;    justify-content: center;    background: #eaf4ff;    border-radius: 50%;    font-size: 28px;}
.services-title h2 {    margin: 0;    color: #102d63;        font-size: 24px;font-weight: 700;   line-height: 1.2;}
.services-grid {    display: grid;    grid-template-columns: 1fr 1fr 1fr;    gap: 10px;}
.service-link {    min-height: 60px; font-size: 17px;    display: flex;    align-items: center;    gap: 5px;    padding: 0;    background: #fff9e9;    border-radius: 13px;    color: #0866d7;    text-decoration: none; border: 1px solid #f1912e;    border-bottom-width: 3px;    border-right-width: 3px;}
.service-link .car-icon{vertical-align: middle;    background: #f1a900;    padding: 5px 11px;height: 100%;    line-height: 100%;    padding-top: 3%;    border-radius: 10px 100px 0 10px;    font-size: 28px;}
    font-size: 14px;    font-weight: 500;    box-sizing: border-box;    transition:     background 0.3s ease,transform 0.3s ease;}
.service-link:hover {    background: #e5f1ff;    transform: translateX(3px);}
.span1 span.car-icon {    width: 35px;    min-width: 35px;    display: flex;    align-items: center;    justify-content: center;    font-size: 22px;}
.service-link > span:nth-child(2) {    flex: 1;    line-height: 20px;}
.arrow {    font-size: 28px;    font-weight: 300;    line-height: 1;    color: #1475ed;}

input, select, textarea, select.watch{padding: 12px 7px;border-radius: 5px;}






#formdiv .payment-notice {
    width: 100%;
    min-height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 6px 15px;

    background: #003b56;
    color: #fff;

    
    font-size: 12px;
    line-height: 16px;

    box-sizing: border-box;
}

#formdiv .payment-dollar {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    min-width: 28px;

    border-radius: 50%;

    background: #fff;
    color: #003b56;

    font-size: 14px;
    font-weight: 700;
}

#formdiv .payment-notice strong {
    font-size: 13px;
    color: #fff;
}

#formdiv .payment-notice b {
    color: #ffd43b;
    margin-left: 5px;
}



.quote-banner {
    width: 100%;
    height: 98px;

    display: flex;
    align-items: center;

    padding: 0px;

    box-sizing: border-box;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;
}


/* Car circle */

.quote-icon {
    width: 80px;
    height: 80px;

    min-width: 80px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #0874b5;

    border-radius: 50%;font-size: 38px;
}

.quote-icon img {
    width: 48px;
    height: 48px;

    object-fit: contain;

    display: block;
}


/* Vertical line */

.quote-divider {
    width: 1px;
    height: 62px;

    margin-left: 23px;
    margin-right: 20px;

    background: rgba(255, 255, 255, 0.45);
}


/* Content */

.quote-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 85px);
}


/* Main heading */

.quote-title {
    font-size: 28px;
    font-weight: 800; display:inline-block;
}

#formdiv .quote-title span {
    color: #ffc928;display:inline-block;width: auto;float: none;
}


/* Subtitle */

.quote-subtitle {

    font-size: 13px;
    font-weight: 600;

    line-height: 20px;

    color: #fff;
}


/* Tablet */

@media (max-width: 800px) {

    .quote-banner {
        height: 85px;
        padding: 0 20px;
    }

    .quote-icon {
        width: 65px;
        height: 65px;
        min-width: 65px;
    }

    .quote-icon img {
        width: 40px;
        height: 40px;
    }

    .quote-divider {
        height: 52px;
        margin-left: 18px;
        margin-right: 16px;
    }

    .quote-title {
        font-size: 30px;
        line-height: 32px;
    }

    .quote-subtitle {
        font-size: 13px;
    }
}


/* Mobile */

@media (max-width: 500px) {

    .quote-banner {
        height: 72px;
        padding: 0 12px;
    }

    .quote-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
    }

    .quote-icon img {
        width: 32px;
        height: 32px;
    }

    .quote-divider {
        height: 45px;

        margin-left: 12px;
        margin-right: 12px;
    }

    .quote-title {
        font-size: 21px;
        line-height: 23px;
        letter-spacing: 0;
    }

    .quote-subtitle {
        margin-bottom: 5px;
        line-height: 13px;
    }
}



/* ================================
   SERVICES SECTION
================================ */

.benefits {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0px;
    box-sizing: border-box;
}


/* ================================
   HEADING
================================ */

.benefits .ser {
    margin: 0 0 35px;
    padding: 0;

    text-align: center;

    color: #073b70;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.benefits .ser::after {
    content: "";

    display: block;

    width: 60px;
    height: 4px;

    margin: 14px auto 0;

    background: #ffbd22;

    border-radius: 5px;
}


/* ================================
   UL / 4 COLUMNS
================================ */

.benefits ul {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 24px;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* ================================
   CARD
================================ */

.benefits ul li {
    position: relative;

    display: flex;
    flex-direction: column;

    overflow: hidden;


    margin: 0;
    padding: 0 0 25px;

    background: #fff;

    border-radius: 18px;

    box-shadow: 0 8px 25px rgba(0, 50, 100, 0.12);

    transition: all 0.3s ease;

    box-sizing: border-box;
    width:100%;
}

.benefits ul li:hover {
    transform: translateY(-6px);

    box-shadow: 0 15px 35px rgba(0, 50, 100, 0.18);
}


/* ================================
   IMAGE
================================ */

.benefits ul li > img {
    display: block;

    width: 100%;
    height: 175px;

    margin: 0;
    padding: 0;

    object-fit: cover;

    border: 0;
}


/* ================================
   BLUE CIRCLE
================================ */

.benefits ul li::before {
    content: "";

    position: absolute;

    top: 130px;
    left: 50%;

    transform: translateX(-50%);

    width: 76px;
    height: 76px;

    background: #1976d2;

    border: 6px solid #fff;

    border-radius: 50%;

    z-index: 2;

    box-sizing: border-box;
}


/* Different simple icons */

.benefits ul li:nth-child(1)::after {
    content: "\f1b9";
font-family: FontAwesome;
    position: absolute;

    top: 158px;
    left: 50%;

    transform: translateX(-50%);

    z-index: 3;
color: #fff;
    font-size: 30px;
}

.benefits ul li:nth-child(2)::after {
    content: "\f018";
font-family: FontAwesome;
    position: absolute;

    top: 159px;
    left: 50%;

    transform: translateX(-50%);

    z-index: 3;

    color: #fff;

    font-size: 30px;
}

.benefits ul li:nth-child(3)::after {
    content: "\f0c0";
font-family: FontAwesome;
    position: absolute;

    top: 158px;
    left: 50%;

    transform: translateX(-50%);

    z-index: 3;

    color: #fff;

    font-size: 28px;
}

.benefits ul li:nth-child(4)::after {
    content: "\f072";
font-family: FontAwesome;
    position: absolute;

    top: 160px;
    left: 50%;

    transform: translateX(-50%);

    z-index: 3;

    color: #fff;

    font-size: 29px;
}


/* ================================
   TITLE
================================ */

.benefits ul li h3 {
    margin: 22px 22px 0;

    min-height: 75px;

    text-align: center;

    color: #073b70;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.3;
}


/* Yellow line below title */

.benefits ul li h3::after {
    content: "";

    display: block;

    width: 55px;
    height: 4px;

    margin: 15px auto 0;

    background: #ffbd22;

    border-radius: 5px;
}


/* ================================
   DESCRIPTION
================================ */

.benefits ul li p {
    flex: 1;

    margin: 15px 28px 0;

    color: #40516a;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    line-height: 1.55;

    text-align: left;
}


/* ================================
   BOOK NOW
================================ */

.benefits ul li a.btn {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 145px;
    height: 46px;

    margin: 25px auto 0;

    background: #ffbd22;

    border-radius: 25px;

    color: #111;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;

    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.20);

    transition: all 0.3s ease;

    box-sizing: border-box;
}

.benefits ul li a.btn::after {
    content: "\f0a9";
font-family: FontAwesome;
    margin-left: 9px;

    font-size: 23px;
    line-height: 1;
}

.benefits ul li a.btn:hover {
    background: #ffac00;

    transform: translateY(-2px);

    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.25);
}


/* ================================
   TABLET
================================ */

@media (max-width: 1200px) {

    .benefits {
        padding-left: 20px;
        padding-right: 20px;
    }

    .benefits ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .benefits ul li {
        min-height: 620px;
    }
}


/* ================================
   MOBILE
================================ */

@media (max-width: 650px) {

    .benefits {
        padding: 30px 15px 40px;
    }

    .benefits .ser {
        font-size: 27px;
        margin-bottom: 25px;
    }

    .benefits ul {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .benefits ul li {
        min-height: auto;
    }

    .benefits ul li > img {
        height: 240px;
    }

    .benefits ul li::before {
        top: 202px;
        width: 68px;
        height: 68px;
    }

    .benefits ul li:nth-child(1)::after,
    .benefits ul li:nth-child(2)::after,
    .benefits ul li:nth-child(3)::after,
    .benefits ul li:nth-child(4)::after {
        top: 216px;
    }

    .benefits ul li h3 {
        margin-top: 52px;
        min-height: auto;
        font-size: 19px;
    }

    .benefits ul li p {
        margin: 20px 22px 0;
        font-size: 14px;
    }

    .benefits ul li a.btn {
        margin-top: 25px;
    }
}


.benefits h2.ser {
    display: block !important;
    width: 100% !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

    text-align: left !important;

    color: #073b70 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    letter-spacing: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* Yellow underline */

.benefits h2.ser::after {
    content: "" !important;

    display: block !important;

    width: 55px !important;
    height: 4px !important;

    margin: 12px 0 0 !important;

    background: #ffbd22 !important;

    border-radius: 5px !important;
}


.services_div{padding:30px 0;}
.services_div ul{    padding: 10px 0 35px 10px;width: 99%;}


/* ==============================
   POPULAR CITIES
============================== */

.cities_div {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 35px 30px 40px;
    box-sizing: border-box;

    background: #eef8fc;
    border: 2px solid #9fc0d7;
    border-radius: 15px
}

.cities_div .benefits {
    width: 100%;
}

.cities_div .pcities {
    margin: 0 0 28px;
    padding: 0;

    text-align: center;

    color: #073b70;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
}

.cities_div .pcities::after, .pcities::after {
    content: "";
    display: block;

    width: 55px;
    height: 4px;

    margin: 10px auto 0;

    background: #fbbd22;
    border-radius: 5px;
}


/* Cities grid */

.cities_div .popularcities {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 24px; background:transparent;
}


/* Individual city */

.cities_div .cities {
    display: flex;
    align-items: left;

    min-height: 37px;
    padding: 8px 12px;

    box-sizing: border-box;

    background: #fff;
    border-radius: 8px;

    box-shadow: 0 2px 8px rgba(0,0,0,.08);

    transition: .2s ease;
    width:100%;margin-bottom: 10px;
}

.cities_div .cities:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(0,0,0,.12);
}


/* Car icon */

.cities_div .caricon,
.cities_div .caricon2 {
    width: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.cities_div .icon3 {
    width: 40px;
    height: 30px;

    fill: #073b70;
}


/* Link */

.cities_div .cities a {
    flex: 1;

    color: #123b63;

    font-size: 18px;
    font-weight: 600;

    line-height: 1.3;

    text-decoration: none;
    text-align:left; position:relative;
}

.cities_div .cities a::after {
    content: "\f054";
font-family: FontAwesome;
    float: right;

    color: #1681c4;
    font-size: 18px;
    line-height: 15px;
    top: 5px; right:0px;
    position: absolute;
}


/* ==============================
   TABLET
============================== */

@media (max-width: 1000px) {

    .cities_div {
        padding: 30px 20px;
    }

    .cities_div .popularcities {
        grid-template-columns: repeat(3, 1fr);
    }

    .cities_div .pcities {
        font-size: 26px;
    }
}


/* ==============================
   MOBILE
============================== */

@media (max-width: 650px) {

    .cities_div {
        padding: 25px 12px;
    }

    .cities_div .pcities {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .cities_div .popularcities {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .cities_div .cities {
        min-height: 40px;
        padding: 4px 8px;
    }

    .cities_div .caricon,
    .cities_div .caricon2 {
        width: 34px;
        min-width: 34px;
    }

    .cities_div .icon3 {
        width: 26px;
        height: 20px;
    }

    .cities_div .cities a {
        font-size: 13px;
    }
}


/* =========================
   FOOTER
========================= */

#footer.footer-nav {
    position: relative;
    width: 100%;
    background: #f7fbfe url("../images/footer-bg.png") center bottom / contain no-repeat;
    color: #123b63;
    overflow: hidden;
}

#footer .footer-inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 35px 0px 30px;
    box-sizing: border-box; background:transparent;
}


/* =========================
   MAIN SERVICE TITLE
========================= */

#footer .footer-inner > div:first-child {
    width: 100%;
}

#footer h2.ser {
    margin: 0 0 25px;
    color: #073b70;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
}

#footer h2.ser:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 3px;
    margin-right: 20px;
    vertical-align: middle;
    background: #1689d2;
}


/* =========================
   SERVICES
========================= */

#footer ul.services {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
}

#footer ul.services li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    min-height: 100px;
    width:100%;
    padding-top: 0;
}

#footer ul.services .icon4 {
    width: 52px;
    height: 52px;
    padding: 13px;
    margin-bottom: 12px;
    box-sizing: border-box;

    fill: #0878c9;
    background: #e3f3ff;
    border-radius: 50%;
}

#footer ul.services p {
    margin: 0;
    color: #073b70;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}


/* =========================
   LOWER FOOTER COLUMNS
========================= */

#footer .footer-inner {
    display: grid;
    grid-template-columns: 1fr;
}

#footer .footer-inner > div:first-child {
    grid-column: 1 / -1;
}

#footer .footer-inner .span1 {
    float: none;
}


/* Put lower columns in one row */

#footer .footer-inner {
    display: grid;
    grid-template-columns: 1fr;
}

#footer .footer-inner > .span1 {
    width: auto;
}


/* lower section */

#footer .footer-inner:after {
    content: "";
    display: none;
}


/* =========================
   USE GRID FOR LOWER AREA
========================= */

#footer .footer-inner {
    --footer-gap: 35px;
}

#footer .footer-inner > .span1 {
    position: relative;
}


/* =========================
   HEADINGS
========================= */

#footer .span1 h3 {
    margin: 0 0 18px;
    color: #073b70;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

#footer .span1 h3:after {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    margin-top: 9px;
    background: #fbbb22;
    border-radius: 3px;
}

#footer .span1 h4 {
    margin: 18px 0 10px;
    color: #073b70;
    font-size: 15px;
}


/* =========================
   LINKS
========================= */

#footer .span1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer .span1 ul li {
    margin: 0 0 9px;
}

#footer .span1 ul li a {
    color: #40566d;
    font-size: 14px;
    text-decoration: none;
    transition: .2s ease;
}

#footer .span1 ul li a:hover {
    color: #0878c9;
}


/* =========================
   SOCIAL ICONS
========================= */

#footer .span1 > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    margin: 0 7px 0 0;

    background: #073b70;
    border-radius: 7px;
}

#footer .span1 > a .icon4 {
    width: 25px;
    height: 25px;
    fill: #fff;
}

#footer .span1 > a:hover {
    background: #1689d2;
}


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

#footer .stg {
    display: flex;
    align-items: center;
    gap: 7px;
}

#footer .stg .icon4 {
    width: 48px;
    height: 32px;
    padding: 4px;
    box-sizing: border-box;

    fill: #fff;
    background: #073b70;
    border-radius: 3px;
}


/* =========================
   CONTACT
========================= */

#footer address {
    margin: 0;
    color: #40566d;
    font-size: 14px;
    font-style: normal;
    line-height: 1.7;
}

#footer address b {
    color: #073b70;
}


/* =========================
   LOWER COLUMNS LAYOUT
========================= */

#footer .footer-inner > .span1:nth-child(2),
#footer .footer-inner > .span1:nth-child(3),
#footer .footer-inner > .span1:nth-child(4),
#footer .footer-inner > .span1:nth-child(5) {
    display: block;
}


/* =========================
   DESKTOP LOWER GRID
========================= */

@media (min-width: 801px) {

    #footer .footer-inner {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 45px;
    }

    #footer .footer-inner > div:first-child {
        grid-column: 1 / -1;
    }

    #footer .footer-inner > .span1:nth-child(2) {
        grid-column: 1;
    }

    #footer .footer-inner > .span1:nth-child(3) {
        grid-column: 2;
    }

    #footer .footer-inner > .span1:nth-child(4) {
        grid-column: 3;
    }

    #footer .footer-inner > .span1:nth-child(5) {
        grid-column: 4;
    }

    #footer .footer-inner > .span1:not(:nth-child(2)) {
        border-left: 1px solid #d8e8f2;
        padding-left: 30px;
    }
}


/* =========================
   TABLET
========================= */

@media (max-width: 1000px) {

    #footer .footer-inner {
        padding: 30px 25px;
    }

    #footer ul.services {
        grid-template-columns: repeat(3, 1fr);
    }

    #footer .footer-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    #footer .footer-inner > div:first-child {
        grid-column: 1 / -1;
    }

    #footer .footer-inner > .span1:nth-child(2),
    #footer .footer-inner > .span1:nth-child(3),
    #footer .footer-inner > .span1:nth-child(4),
    #footer .footer-inner > .span1:nth-child(5) {
        grid-column: auto;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    #footer .footer-inner {
        padding: 25px 18px;
    }

    #footer h2.ser {
        font-size: 23px;
        text-align: center;
    }

    #footer h2.ser:before {
        display: none;
    }

    #footer ul.services {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px 10px;
        margin-bottom: 30px;
    }

    #footer ul.services li {
        min-height: 105px;
    }

    #footer ul.services .icon4 {
        width: 46px;
        height: 46px;
        padding: 11px;
    }

    #footer ul.services p {
        font-size: 13px;
    }

    #footer .footer-inner {
        grid-template-columns: 1fr;
    }

    #footer .footer-inner > .span1:nth-child(2),
    #footer .footer-inner > .span1:nth-child(3),
    #footer .footer-inner > .span1:nth-child(4),
    #footer .footer-inner > .span1:nth-child(5) {
        grid-column: auto;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid #d8e8f2;
        padding-top: 20px;
        margin-top: 10px;
    }
}




/* =========================================
   STEP 2 MAIN WRAPPER
========================================= */

.step_2_div {
    background: #f5fbff;
    padding: 25px 20px 40px;
    
    color: #063b61;
}

.step_2_div > .wrapper-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 52% 48%;
    gap: 20px;
    align-items: start;
    padding-bottom:30px;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    align-content: start !important;
    grid-auto-rows: max-content !important;
    grid-template-rows: auto auto !important;
}


/* =========================================
   VEHICLE & RATES
========================================= */

.step_2_div .h1div h1 {
    margin: 0 0 22px;
    color: #063b70;
    font-size: 34px;
    font-weight: 700;
}

.step_2_div .h1div h1:after {
    content: "";
    display: block;
    width: 90px;
    height: 5px;
    background: #ffc333;
    border-radius: 5px;
    margin-top: 10px;
}


/* SSL */

.step_2_div .span2 {
    position: relative;
}

.step_2_div .ssl-img-div {
    position: absolute;
    right: 5px;
    top: 55px;
    z-index: 5;
}

.step_2_div .ssl_img_position img {
    max-width: 100px;
    height: auto;
}


/* =========================================
   MAIN VEHICLE CARD
========================================= */

.step_2_div .carfeaturediv {
    background: #00394f;
    color: #fff;
    border-radius: 14px;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 8px 25px rgba(0,40,60,.20);
    margin-top: 0;
}

.step_2_div .span2 > .carfeaturediv {
    width: 100%;
}


/* =========================================
   VEHICLE FORM
========================================= */

.step_2_div #carform {
    display: grid;
    grid-template-columns: 42% 58%;
    gap: 20px;
}

.step_2_div #carform .div1 {
    grid-column: 1;
}

.step_2_div #carform .div2 {
    grid-column: 2;
    grid-row: 1;
}


/* Vehicle title */

.step_2_div .div1 h3 {
    color: #fff;
    font-size: 19px;
    margin: 0 0 15px;
}


/* Vehicle image */

.step_2_div .div1 > div:first-of-type {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}

.step_2_div .div1 > div:first-of-type img {
    width: 100%;
    max-width: 270px;
    height: auto;
    object-fit: contain;
}


/* View feature */

.step_2_div .view {
    text-align: center;
    margin: 10px 0 0px;
}

.step_2_div .view a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}


/* Error */

.step_2_div .errors1 {
    display: none;
}


/* =========================================
   FARE DETAILS
========================================= */

.step_2_div .div2 {
    padding-top: 5px;padding-right: 20px;margin-top:0px;
}

.step_2_div .div2 .spn1,
.step_2_div .div2 .spn2 {
    display: inline-block;
    line-height: 28px;
    font-size: 15px;
    vertical-align: top;
    border-bottom: 1px dashed #06506d; 
}


.step_2_div .div2 .spn1 {
    width: 55%; color:#e9edf2;
}

.step_2_div .div2 .spn2 {
    width: 44%;
}

.step_2_div .div2 .spn2 strong {
    color: #fff;
}


/* =========================================
   EXTRA LUGGAGE BOX
========================================= */

.step_2_div .div2 > div[style*="background-color"] {
    width: 100% !important;
    box-sizing: border-box;
    background: #147cc1 !important;
    opacity: 1 !important;
    padding: 15px !important;
    margin: 15px 0 10px !important;
    border-radius: 10px !important;
}


/* =========================================
   TOTAL FARE
========================================= */

.step_2_div .fare-container {
    margin-top: 18px;
    padding: 15px;
    text-align: center;
    background: #0879bd;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
}

.step_2_div #finalfare {
    font-size: 42px;
    color: #ffc333;
    font-weight: 700;
}


/* =========================================
   PASSENGER / LUGGAGE
========================================= */

.step_2_div .div2 > div[style*="margin-top:10px"] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 15px !important;
}

.step_2_div .paximg,
.step_2_div .lgimg,
.step_2_div .smimg {
    min-width: 60px;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffc333;
    font-size: 20px;
    font-weight: 700;
}


/* =========================================
   OTHER FARE
========================================= */

.step_2_div #detailsfare {
    grid-column: 1 / 3;
    background: #fff;
    color: #063b61;
    padding: 16px;
    border-radius: 10px;
    margin-top: 5px;
}

.step_2_div #detailsfare h2 {
    margin: 0 0 10px;
    font-size: 20px;
}

.step_2_div #detailsfare > div {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    padding: 12px;
    text-align: center;
    border-right: 1px solid #ddd;
}

.step_2_div #detailsfare > div.center {
    border-right: 0;
}

.step_2_div #detailsfare .rspan2 {
    color: #0879bd;
    font-size: 18px;
}


/* Payment message */

.step_2_div #carform > p {
    grid-column: 1 / 3;
    margin: 0 !important;
    color: #78e478 !important;
    font-size: 13px;
    line-height: 1.5;
}


/* =========================================
   BOOKING DETAILS
========================================= */

.step_2_div #reservationright {
    background: #fff;
    padding: 22px;
    border-radius: 14px;
    box-shadow: 0 5px 20px rgba(0,50,80,.12);
    box-sizing: border-box;
}

.step_2_div #reservationright .steps {
    text-align: right;
    color: #063b61;
    font-weight: 700;
    margin-bottom: 18px;
}

.step_2_div #reservationright h2 {
    color: #063b61;
    font-size: 21px;
    padding-bottom: 9px;
    margin: 12px 0;
    border-bottom: 1px solid #0b5b8c;
    position: relative;
    display: inline-block;
    width: 100%;
}
.step_2_div #reservationright h2.mt-20{margin-top:20px;}
.step_2_div .changespan {
    float: right;
    font-size: 13px;
    font-weight: normal;
}

.step_2_div .changespan a {
    color: #0879bd;
}

.step_2_div #reservationright #details > div {
    display: grid;
    grid-template-columns: 120px 15px 1fr;
    gap: 5px;
    padding: 6px 0;
    font-size: 14px;
    border-bottom: 1px solid #edf2f5;
    padding-left: 65px;
}

.step_2_div #reservationright .rspan1 {
    font-weight: 600;
}


/* =========================================
   MORE VEHICLES
========================================= */

.step_2_div .allcars {
    grid-column: 2;
    padding: 0 !important;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,40,60,.20);
    width:98%;
}

.step_2_div .allcars .hd {
    display: block;
    background: #f8fbfe;
    color: #063b61;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    padding: 13px;
}
.step_2_div .allcars .hd strong{font-size: 13px;
    letter-spacing: 0;
    font-family: 'Afacad-Regular';
    float: right;
    color: red;}

.step_2_div .allcars .span11, .step_2_div .allcars .span12, .step_2_div .allcars .span13, .step_2_div .allcars .span14{color: #00394f;padding: 0;}

/* Capacity note */

.step_2_div .allcars > div[style*="color:#FF0000"] {
    padding: 8px 15px !important;
    color: #ff4b4b !important;
    font-size: 12px;
}


/* Table header */

.step_2_div .allcars .txtbold {
    display: grid;
    grid-template-columns: 34% 20% 18% 28%;
    align-items: center;
    padding: 11px 15px;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px dashed rgba(255,255,255,.4);
    background: #003369;border-radius: 15px 15px 0 0;
}
.step_2_div .allcars .txtbold .span11, .step_2_div .allcars .txtbold .span12, .step_2_div .allcars .txtbold .span13, .step_2_div .allcars .txtbold .span14{color: #fff;}

/* Vehicle rows */

.step_2_div .allcars > div:not(.txtbold):not([style*="color:#FF0000"]) {
    display: grid;
    grid-template-columns: 34% 20% 18% 12% 16%;
    align-items: center;
    min-height: 70px;
    padding: 5px 15px;
    color: #fff;
    border-bottom: 1px dashed rgba(255,255,255,.35);
    box-sizing: border-box;
}


/* Vehicle image */

.step_2_div .allcars .span12 img {
    display: block;
    width: 90px;
    height: 55px;
    margin: auto;
    object-fit: contain;
    background: #fff;
}


/* Capacity / price */

.step_2_div .allcars .span13,
.step_2_div .allcars .span14 {
    text-align: left;
}


/* Choose */

.step_2_div .allcars .span15 {
    text-align: right;
}

.step_2_div .allcars .span15 a {
    display: block;
    padding: 2px 0px;
    background: #ffc333;
    color: #111;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    width: 100%;
    text-align: center;
    margin: 0;
}

.step_2_div .allcars .span15 a:hover {
    background: #ffb300;
}


/* =========================================
   BOOKING RIGHT DETAILS
========================================= */

.booking_right_details {
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e4eef7;
    border-radius: 20px;
    padding: 20px 22px;
    box-shadow: 0 8px 25px rgba(22, 83, 130, 0.12);
    color: #123b67;
    overflow: hidden;
}


/* =========================================
   STEP
========================================= */

.booking_right_details .steps {
    display: none;
}


/* =========================================
   BOOKING DETAILS HEADING
========================================= */

.booking_right_details h2 {
    position: relative;
    margin: 0;
    padding: 5px 0 18px 54px;
    border-bottom: 1px solid #e1ebf3;

    color: #123b67;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 700;
}


/* Calendar icon */
.booking_right_details h2:first-of-type:before {
    content: "\f073";
    font-family: FontAwesome;
    position: absolute;
    left: 8px;
    top: 2px;

    color: #0878c9;
    font-size: 32px;
    line-height: 1;
}


/* =========================================
   EDIT / CHANGE
========================================= */

.booking_right_details .changespan {
    float: right;
    margin-top: 5px;

    font-size: 15px;
    font-weight: 500;
}

.booking_right_details .changespan a {
    color: #147bc5;
    text-decoration: underline;
}

.booking_right_details .changespan a:before {
    content: "\f044";
    font-family: FontAwesome;
    margin-right: 6px;

    font-size: 17px;
    text-decoration: none;
}


/* =========================================
   DETAILS ROW
========================================= */

.booking_right_details #details {
    width: 100%;
    margin: 0;
    padding: 0;
}

.booking_right_details #details > div {
    position: relative;

    display: grid;
    grid-template-columns: 190px 25px 1fr;

    align-items: center;

    min-height: 40px;
    padding-left: 80px;

    border-bottom: 1px solid #dce8f1;

    box-sizing: border-box;
}


/* =========================================
   ICON COLUMN
========================================= */

.booking_right_details #details > div:before {
    position: absolute;
    left: 0;
    top: 0;

    width: 50px;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #0878c9;
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;

    border-right: 1px solid #dce8f1;
}


/* =========================================
   PROPER FONT AWESOME ICONS
========================================= */

/* Service */
.booking_right_details #details > div:nth-child(1):before {
    content: "\f1ba";
}

/* Date */
.booking_right_details #details > div:nth-child(2):before {
    content: "\f073";
}

/* Time */
.booking_right_details #details > div:nth-child(3):before {
    content: "\f017";
}

/* Pick-up */
.booking_right_details #details > div:nth-child(4):before {
    content: "\f041";
}

/* Drop-off */
.booking_right_details #details > div:nth-child(5):before {
    content: "\f041";
}

/* Passengers */
.booking_right_details #details > div:nth-child(6):before {
    content: "\f0c0";
}

/* Luggage */
.booking_right_details #details > div:nth-child(7):before {
    content: "\f0b1";
}


/* =========================================
   LABEL
========================================= */

.booking_right_details #details .rspan1 {
    color: #163f69;
    font-size: 16px;
    font-weight: 500;
}


/* =========================================
   COLON
========================================= */

.booking_right_details #details > div > span:nth-child(2) {
    color: #163f69;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}


/* =========================================
   VALUE
========================================= */

.booking_right_details #details .rspan2 {
    color: #163f69;
    font-size: 16px;
    font-weight: 500;
    width:100%;
}


/* =========================================
   VEHICLE HEADING
========================================= */

.booking_right_details h2:not(:first-of-type) {
    margin-top: 20px;
    padding-top: 4px;
    padding-bottom: 15px;
}


/* Vehicle icon */
.booking_right_details h2:not(:first-of-type):before {
    content: "\f1b9";
    font-family: FontAwesome;

    position: absolute;
    left: 8px;
    top: 2px;

    color: #0878c9;
    font-size: 30px;
}


/* =========================================
   VEHICLE DETAILS
========================================= */

.booking_right_details h2:not(:first-of-type) + #details > div {
    padding-left: 80px;
}

.booking_right_details h2:not(:first-of-type) + #details > div:before {
    content: "\f1b9";
}


/* =========================================
   HOVER EFFECT
========================================= */

.booking_right_details #details > div:hover {
    background: #f7fbfe;
}

.booking_right_details #details > div:hover:before {
    color: #056bab;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

    .booking_right_details {
        max-width: 100%;
        padding: 17px 12px;
        border-radius: 15px;
    }

    .booking_right_details h2 {
        font-size: 22px;
        padding-left: 48px;
    }

    .booking_right_details h2:first-of-type:before {
        font-size: 27px;
        left: 7px;
    }

    .booking_right_details .changespan {
        font-size: 14px;
    }

    .booking_right_details #details > div {
        grid-template-columns: 120px 20px 1fr;
        min-height: 48px;
        padding-left: 65px;
    }

    .booking_right_details #details > div:before {
        width: 55px;
        font-size: 21px;
    }

    .booking_right_details #details .rspan1,
    .booking_right_details #details .rspan2 {
        font-size: 14px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .booking_right_details {
        padding: 15px 8px;
    }

    .booking_right_details h2 {
        font-size: 19px;
        padding-left: 42px;
    }

    .booking_right_details .changespan {
        font-size: 13px;
    }

    .booking_right_details #details > div {
        grid-template-columns: 95px 15px 1fr;
        padding-left: 58px;
        min-height: 46px;
    }

    .booking_right_details #details > div:before {
        width: 48px;
        font-size: 19px;
    }

    .booking_right_details #details .rspan1,
    .booking_right_details #details .rspan2 {
        font-size: 13px;
    }
}








/* =========================================
   DESKTOP POSITIONING
========================================= */

@media (min-width: 1000px) {

    .step_2_div > .wrapper-inner {
        grid-template-columns: 52% 46%;
    }

    .step_2_div .span2 {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .step_2_div #reservationright {
        grid-column: 2;
        grid-row: 1;
    }

    .step_2_div .allcars {
        grid-column: 2;
        grid-row: 2;
    }
}


/* =========================================
   TABLET / MOBILE
========================================= */

@media (max-width: 999px) {

    .step_2_div > .wrapper-inner {
        display: block;
    }

    .step_2_div .span2,
    .step_2_div #reservationright,
    .step_2_div .allcars {
        width: 100%;
        margin-bottom: 20px;
    }
}


@media (max-width: 650px) {

    .step_2_div {
        padding: 15px 8px;
    }

    .step_2_div .h1div h1 {
        font-size: 27px;
    }

    .step_2_div #carform {
        display: block;
    }

    .step_2_div .div1,
    .step_2_div .div2 {
        width: 100%;
        margin-bottom: 20px;
    }

    .step_2_div #detailsfare > div {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }

    .step_2_div #detailsfare > div:last-child {
        border-bottom: 0;
    }

    .step_2_div #reservationright #details > div {
        grid-template-columns: 100px 10px 1fr;
        font-size: 13px;
    }

    .step_2_div .allcars {
        overflow-x: auto;
    }

    .step_2_div .allcars .txtbold,
    .step_2_div .allcars > div:not(.txtbold):not([style*="color:#FF0000"]) {
        min-width: 700px;
    }
}


.step_2_div .wrapper-inner .span2 h3{color:#fff; text-align:left;margin: 0 0 10px 0;}
.step_2_div .div2 .spn1.tot_left_top{background: #ffc333;
    color: #00394f;
    font-size: 18px;
    padding-left: 5px;
    border-bottom: none;
    font-family: 'Afacad-Bold', sans-serif;
    border-radius: 5px 0 0 5px;    line-height: 34px;}
.step_2_div .div2 .spn2.tot_right_top{background: #ffc333;
    color: #00394f;
    font-size: 22px;
    border-bottom: none;
    font-family: 'Afacad-Bold', sans-serif;
    border-radius:0 5px 5px 0;    line-height: 34px;}
.step_2_div .div2 .spn2.tot_right_top strong{color:#00394f;}



























#inner.booking-process-page .wrapper-nav .span2,
.carfeaturediv .div1,.carfeaturediv .div2, 
#details div span:first-child,
.allcars .span11, .allcars .span12,.allcars .span13, .allcars .span14, .allcars .span15{width: auto!important;}
#inner.booking-process-page .wrapper-nav .span3{width: 98% !important;}
#inner.booking-process-page .carfeaturediv .div2 span.spn1{width:60%;}
#inner.booking-process-page .carfeaturediv .div2 span.spn2{width:40%;}
#inner a.highlight-btn{box-shadow: 0 4px 10px rgb(142 142 142 / 30%);}


#inner .wrapper-nav{margin-top:0px;}
#inner .header-inner{background-size: cover;}
#inner #menuhighlight{top: -40px;}
#inner a.highlight-btn{padding: 5px 20px;margin: 0 0.5%;}
#inner .wrapper-nav .span2{width: 58%;}
#inner .wrapper-nav .span3{width: 37%;}
#inner .wrapper-nav #single p{font-size: 17px;     line-height: 22px;     margin-bottom: 15px;    padding: 0px;}
#inner .wrapper-nav #single ul li{font-size: 17px; line-height: 22px;     margin-bottom: 5px;    padding: 0px;}
#inner .left65.cities_div{width:60%;padding:0 10px;}
#inner .left35{padding:0 0 0 3%;    width: 40%;}
#inner .cities_div .popularcities{grid-template-columns: repeat(3, 1fr);}
#inner .cities_div .cities{width:100% !important;}
#inner .left35 h2.pcities{margin-bottom:15px;}

.innerpages_pg #single{margin-top:30px;}
.innerpages_pg #single .breadcrumb_div{display:inline-block; width:100%;}
.innerpages_pg #single .breadcrumb_div ul, .innerpages_pg #single .breadcrumb_div ul li{margin:0px;padding: 0;}
.innerpages_pg #single .breadcrumb_div ul li{display:inline-block; vertical-align:middle;}

.innerpages_pg .rating_full_div{display:inline-block; width:auto; padding-top:5px; text-align:right;background: #f5f5f5;    border-radius: 4px;    padding: 2px 10px 3px 10px;}
.innerpages_pg .rating_full_div .rating_txt,.innerpages_pg #total_ratings{display:inline-block;vertical-align:middle;}

.benefits .Content_left{width:67%; margin-right:3%; display:inline-block;vertical-align:top;}
.benefits .Img_right{width:30%;display:inline-block;vertical-align:top;}
.benefits .Img_right img{width:auto; height:auto;}























/* Mobile -----------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 600px) {

    #formdiv .payment-notice {
        min-height: 38px;
        padding: 5px 8px;

        line-height: 14px;

        gap: 7px;
    }

    #formdiv .payment-dollar {
        width: 24px;
        height: 24px;
        min-width: 24px;

        font-size: 12px;
    }

    #formdiv .payment-notice strong {
        font-size: 11px;
    }

    #formdiv .payment-notice b {
        margin-left: 3px;
    }
}


/* ================================
   EXTRA LUGGAGE
================================ */

.fare-section-wrap {
    width: 100%; grid-column: 1 / -1;padding-right: 20px;
}


/* Extra luggage blue box */
.fare-section-wrap > div:first-child {
    position: relative;
    width: 100% !important;
    box-sizing: border-box;
    margin: 10px 0 12px !important;
    padding: 18px 25px 18px 85px !important;
    background: linear-gradient(135deg, #087acb, #0870bd) !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
    opacity: 1 !important;
    float: none !important;
    min-height: 100px;
    display:inline-block;
}

/* Luggage icon */
.fare-section-wrap > div:first-child:before {
    content: "\f0b1";
    font-family: FontAwesome;
    position: absolute;
    left: 28px;
    top: 25px;
    width: 35px;
    height: 50px;
    color: #fff;
    font-size: 42px;
    line-height: 50px;
    text-align: center;
}

/* Extra luggage title */
.fare-section-wrap > div:first-child strong {
    font-size: 21px !important;
    letter-spacing: 0 !important;
    font-weight: 700;
}

/* Price */
.fare-section-wrap > div:first-child b {
    font-size: 20px;
    margin-left: 25px;
}

/* Select */
.fare-section-wrap #addlug {
    height: 36px;
    min-width: 55px;
    margin: 0 8px;
    padding: 3px 8px;
    background: #fff;
    border: 0;
    border-radius: 5px;
    color: #163d68;
    font-size: 17px;
    font-weight: 600;
    vertical-align: middle;
}

/* $15 / bag */
.fare-section-wrap > div:first-child > i {
    font-size: 16px;
}

/* Description */
.fare-section-wrap > div:first-child br + i {
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
}


/* ================================
   PASSENGERS / LUGGAGE / HANDBAGS
================================ */

.fare-section-wrap > div:nth-child(2) {
    display: flex;
    width: 100%;
    min-height: 85px;
    margin: 0 !important;
    padding: 8px 0;
    box-sizing: border-box;
    align-items: center;
    background: transparent;
}

/* Each item */
.fare-section-wrap .paximg,
.fare-section-wrap .lgimg,
.fare-section-wrap .smimg {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 33.333%;
    height: 50px;
    padding-left: 15px;
    color: #ffbd18;
    font-size: 25px;
    font-weight: 700;
}

/* Vertical separators */
.fare-section-wrap .paximg {
    border-right: 1px solid rgba(255,255,255,.25);
}

.fare-section-wrap .lgimg {
    border-right: 1px solid rgba(255,255,255,.25);
}

/* Passenger icon */
.fare-section-wrap .paximg:before {
    content: "\f007";
    font-family: FontAwesome;
    position: absolute;
    left: 15px;
    top: 20px;
    color: #fff;
    font-size: 42px;
}

/* Luggage icon */
.fare-section-wrap .lgimg:before {
    content: "\f0b1";
    font-family: FontAwesome;
    position: absolute;
    left: 15px;
    top: 20px;
    color: #fff;
    font-size: 42px;
}

/* Handbag icon */
.fare-section-wrap .smimg:before {
    content: "\f0f2";
    font-family: FontAwesome;
    position: absolute;
    left: 15px;
    top: 20px;
    color: #fff;
    font-size: 40px;
}

/* Labels under numbers */
.fare-section-wrap .paximg:after {
    content: "Passengers";
}

.fare-section-wrap .lgimg:after {
    content: "Luggage Capacity";
}

.fare-section-wrap .smimg:after {
    content: "Handbags";
}

.fare-section-wrap .paximg:after,
.fare-section-wrap .lgimg:after,
.fare-section-wrap .smimg:after {
    position: absolute;
    left: 70px;
    top: 35px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}


/* ================================
   TOTAL FARE
================================ */

.fare-section-wrap .fare-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 10px 0 0 !important;
    padding:10px 20px;
    box-sizing: border-box;
    background: linear-gradient(135deg, #087acb, #0870bd);
    border-radius: 14px 14px 0 0;
    color: #ffbd18;
    font-size: 58px;
    font-weight: 700;
}

/* Dollar icon */
.fare-section-wrap .fare-container:before {
    content: "\f155";
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-right: 30px;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
}

/* Total Fare text */
.fare-section-wrap .fare-container > span:first-child {
    margin-right: 35px;
    color: #fff;
    font-size: 27px !important;
    font-weight: 700;
}

/* Fare number */
.fare-section-wrap #finalfare {
    font-size: 58px !important;
    font-weight: 700;
    color: #ffbd18;
}


/* ================================
   OTHER FARE
================================ */

.fare-section-wrap #detailsfare {
    width: 100%;
    margin: 0;
    padding: 5px 25px 15px 22px;
    box-sizing: border-box;
    background: #f7fbfe;
    border-radius: 0 0 14px 14px;
}

/* Heading */
.fare-section-wrap #detailsfare h2 {
    margin: 0 0 8px;
    padding: 0;
    color: #123d69;
    font-size: 25px;
    font-weight: 700;
}

/* Cash/Card container */
.fare-section-wrap #detailsfare > div {
    display: inline-block;
    position: relative;
    width: 50%;
    min-height: 105px;
    margin: 0;
    padding: 20px 20px 20px 105px;
    box-sizing: border-box;
    align-items: center;
    vertical-align: top;
    border: 2px solid #c8e0f1;
    background: #fff;
}

/* First box */
.fare-section-wrap #detailsfare > div:first-of-type {
    border-radius: 12px 0 0 12px;
}

/* Second box */
.fare-section-wrap #detailsfare > div.center {
    margin-left: -5px;
    border-left: 0;
    border-radius: 0 12px 12px 0;
}

/* Cash icon */
.fare-section-wrap #detailsfare > div:first-of-type:before {
    content: "\f0d6";
    font-family: FontAwesome;
    position: absolute;
    left: 42px;
    top: 31px;
    color: #087acb;
    font-size: 38px;
}

/* Card icon */
.fare-section-wrap #detailsfare > div.center:before {
    content: "\f09d";
    font-family: FontAwesome;
    position: absolute;
    left: 42px;
    top: 31px;
    color: #164b7c;
    font-size: 40px;
}

/* Labels */
.fare-section-wrap #detailsfare .rspan1 {
    display: block;
    color: #163f69;
    font-size: 18px;
    font-weight: 500;
}

/* Hide the colon positioning issues */
.fare-section-wrap #detailsfare > div > span:nth-child(2) {
    color: #163f69;
    font-size: 18px;
}

/* Price */
.fare-section-wrap #detailsfare .rspan2 {
    display: block;
    margin-top: 2px;
}

.fare-section-wrap #detailsfare .rspan2 b {
    color: #067afd;
    font-size: 32px;
    line-height: 1;
    font-family: 'Afacad-Bold', sans-serif;
}


/* ================================
   GREEN PAYMENT NOTE
================================ */

.green_box_text {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    padding: 15px 20px 15px 55px;
    box-sizing: border-box;
    background: #eaffef;
    border-radius: 12px;
    color: #16853c;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}
.green_box_text::before{color: #0ba12b;content: "\f02b";position: absolute;font-family: FontAwesome;
   font-size: 28px;
    left: 15px;
    top: 24px;
    width: 50px;
    
}

/* ================================
   MOBILE
================================ */

@media (max-width: 768px) {

    .fare-section-wrap > div:first-child {
        padding-left: 70px !important;
    }

    .fare-section-wrap > div:nth-child(2) {
        min-height: 75px;
    }

    .fare-section-wrap .paximg,
    .fare-section-wrap .lgimg,
    .fare-section-wrap .smimg {
        padding-left: 60px;
    }

    .fare-section-wrap .paximg:before,
    .fare-section-wrap .lgimg:before,
    .fare-section-wrap .smimg:before {
        left: 18px;
        font-size: 32px;
    }

    .fare-section-wrap .paximg:after,
    .fare-section-wrap .lgimg:after,
    .fare-section-wrap .smimg:after {
        left: 60px;
        top: 43px;
        font-size: 12px;
    }

    .fare-section-wrap .fare-container {
        min-height: 110px;
        font-size: 40px;
    }

    .fare-section-wrap .fare-container:before {
        width: 55px;
        height: 55px;
        margin-right: 15px;
        font-size: 30px;
    }

    .fare-section-wrap .fare-container > span:first-child {
        margin-right: 15px;
        font-size: 21px !important;
    }

    .fare-section-wrap #finalfare {
        font-size: 40px !important;
    }

    .fare-section-wrap #detailsfare {
        padding: 18px 12px;
    }

    .fare-section-wrap #detailsfare > div {
        padding-left: 65px;
    }

    .fare-section-wrap #detailsfare > div:first-of-type:before,
    .fare-section-wrap #detailsfare > div.center:before {
        left: 20px;
    }
}


@media (max-width: 500px) {

    .fare-section-wrap > div:first-child {
        padding: 15px 15px 15px 60px !important;
        font-size: 13px;
    }

    .fare-section-wrap > div:first-child:before {
        left: 15px;
        font-size: 32px;
    }

    .fare-section-wrap > div:first-child strong {
        font-size: 17px !important;
    }

    .fare-section-wrap .paximg,
    .fare-section-wrap .lgimg,
    .fare-section-wrap .smimg {
        padding-left: 35px;
        font-size: 19px;
    }

    .fare-section-wrap .paximg:before,
    .fare-section-wrap .lgimg:before,
    .fare-section-wrap .smimg:before {
        left: 5px;
        font-size: 25px;
    }

    .fare-section-wrap .paximg:after,
    .fare-section-wrap .lgimg:after,
    .fare-section-wrap .smimg:after {
        left: 35px;
        top: 42px;
        font-size: 10px;
    }

    .fare-section-wrap .fare-container {
        min-height: 90px;
        padding: 12px;
        font-size: 30px;
    }

    .fare-section-wrap .fare-container:before {
        width: 45px;
        height: 45px;
        margin-right: 8px;
        font-size: 24px;
    }

    .fare-section-wrap .fare-container > span:first-child {
        margin-right: 8px;
        font-size: 17px !important;
    }

    .fare-section-wrap #finalfare {
        font-size: 30px !important;
    }

    .fare-section-wrap #detailsfare > div {
        width: 100%;
        min-height: 80px;
        border: 2px solid #c8e0f1;
        border-radius: 10px !important;
        margin-bottom: 8px;
    }

    .fare-section-wrap #detailsfare > div.center {
        margin-left: 0;
    }

    .fare-section-wrap #detailsfare:after {
        font-size: 13px;
    }
}

#detailsfare > p {
    position: relative;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;

    margin: 10px 0 0 !important;
    padding: 14px 20px 14px 55px !important;

    background: #eaffef;
    border-radius: 12px;

    color: #16853c !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}

/* Tag icon */
#detailsfare > p:before {
    content: "\f02b";
    font-family: FontAwesome;

    position: absolute;
    left: 18px;
    top: 17px;

    color: #159447;
    font-size: 24px;
}

/* Mobile */
@media (max-width: 500px) {
    #detailsfare > p {
        padding: 12px 12px 12px 45px !important;
        font-size: 13px;
        line-height: 1.5;
    }

    #detailsfare > p:before {
        left: 14px;
        top: 14px;
        font-size: 20px;
    }
}


#bookthisride {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
    margin: 0px;
    padding: 6px 49px 6px 5px;
    background: linear-gradient(135deg, #ffc83d, #ffb51b) !important;
    color: #082f4f !important;
    border: none !important;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transition: all .2s ease;
}

/* Car icon */
#bookthisride:before {
    content: "\f1b9";
    font-family: FontAwesome;

    position: absolute;
    left: 24px;

    font-size: 27px;
    color: #083b60;
    display:none;
}

/* Arrow circle */
#bookthisride:after {
    content: "\f061";
    font-family: FontAwesome;

    position: absolute;
    right: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 33px;
    height: 33px;

    background: #fff;
    color: #083b60;

    border-radius: 50%;

    font-size: 18px;

    transition: transform .2s ease;
}

/* Hover */
#bookthisride:hover {
    background: linear-gradient(135deg, #ffd454, #ffc027) !important;
    color: #082f4f !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

#bookthisride:hover:after {
    transform: translateX(4px);
}

/* Click */
#bookthisride:active {
    transform: translateY(1px);
}

/* Mobile */
@media (max-width: 600px) {

    #bookthisride {
        width: 100%;
        max-width: 285px;
        min-height: 58px;

        font-size: 18px;

        padding-left: 55px;
        padding-right: 50px;
    }

    #bookthisride:before {
        left: 18px;
        font-size: 23px;
    }

    #bookthisride:after {
        right: 10px;
        width: 34px;
        height: 34px;
    }
}



/* ==========================================
   CHILD SEAT / STOPOVER
   ========================================== */

#extras {
    width: 100%;
    max-width: 850px;
    margin: 15px auto;
    padding: 8px 22px;

    background: linear-gradient(135deg, #063e60, #034b73);
    border-radius: 14px;

    box-sizing: border-box;

    color: #fff;

    box-shadow: 0 8px 25px rgba(0,0,0,.15);
}


/* ==========================================
   ROW
   ========================================== */

#extras .full {
    display: grid;
    grid-template-columns:52% 48%;
    align-items: center;

    min-height: 60px;
    padding: 0 0 15px 0;

    border-bottom: 1px solid rgba(255,255,255,.18);

    box-sizing: border-box;
}

#extras .full:last-child {
    border-bottom: 0;
}


/* ==========================================
   LEFT LABEL
   ========================================== */

#extras label.extra-seats-container {
    position: relative;

    display: block;

    margin: 0;
    padding-left: 42px;

    color: #fff;

    font-size: 16px;
    font-weight: 700;

    line-height: 12px;
    width:100%;
}


/* ==========================================
   ICON CIRCLE
   ========================================== */

#extras label.extra-seats-container:before {
   
content: "";
    position: absolute;

    left: 0;
    top: 50%;

    transform: translateY(-50%);

    width: 34px;
    height: 34px;

    background: #0878b9;

    border-radius: 50%;

    text-align: center;
    line-height: 34px;

    color: #fff;

    font-family: "FontAwesome";
    font-size: 17px;

    font-weight: normal;
}
#extras label.extra-seats-container.icon-1:before{ content: "\f041";}
#extras label.extra-seats-container.icon-2:before{ content: "\f1ae";}
#extras label.extra-seats-container.icon-3:before{ content: "\f007";}
#extras label.extra-seats-container.icon-4:before{ content: "\f1b9";}
/* Stopover icon */

#extras .full:nth-child(1)
label.extra-seats-container:before {
    content: "\f041";
}


/* Infant */

#extras .full:nth-child(2)
label.extra-seats-container:before {
    content: "\f1ae";
}


/* Toddler */

#extras .full:nth-child(3)
label.extra-seats-container:before {
    content: "\f1ae";
}


/* Booster */

#extras .full:nth-child(4)
label.extra-seats-container:before {
    content: "\f1ae";
}


/* ==========================================
   SECONDARY TEXT
   ========================================== */

#extras label.extra-seats-container > span {
    display: block;

    margin-top: 4px;

    color: #c9e1f1;

    font-size: 14px;
    font-weight: 400;
}


/* Stopover price */

#extras .full:first-child
label.extra-seats-container > span {
    color: #ffd522;

    font-size: 13px;
    font-weight: 600;
}


/* ==========================================
   RIGHT SIDE
   ========================================== */

#extras .full > span.extra-seats-container {
    display: flex;

    align-items: center;

    gap: 9px;

    margin: 0;
    padding: 0;

    color: #fff;

    font-size: 14px;

    white-space: nowrap;
    width:100%;
}


/* ==========================================
   SELECT
   ========================================== */

#extras select {
    width: 110px;
    height: 32px;

    padding: 0 12px;

    border: 0;
    border-radius: 7px;

    background: #fff;

    color: #123b5a;

    font-size: 15px;
    font-weight: 600;

    outline: none;

    cursor: pointer;

    box-sizing: border-box;
}


/* Stopover */

#extras #stopover {
    width: 100%;
    max-width: 300px;
}


/* ==========================================
   PRICE
   ========================================== */

#extras i {
    color: #d5e7f3;

    font-size: 13px;
    font-style: normal;
}


#extras strong {
    color: #ffd522;

    font-size: 18px;
    font-weight: 700;
}


/* ==========================================
   CHARGE INPUT
   ========================================== */

#extras input.hdn-txt {
    width: 25px !important;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;

    color: #ffd522;

    font-size: 18px;
    font-weight: 700;

    text-align: left;

    outline: none;

    box-shadow: none;
}


/* ==========================================
   SELECT HOVER
   ========================================== */

#extras select:hover {
    background: #f5faff;
}

#extras select:focus {
    box-shadow: 0 0 0 3px rgba(255,213,34,.3);
}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 650px) {

    #extras {
        padding: 8px 14px;
        border-radius: 10px;
    }

    #extras .full {
        grid-template-columns: 1fr;
        gap: 8px;

        min-height: auto;

        padding: 12px 0;
    }

    #extras .full > span.extra-seats-container {
        padding-left: 50px;
    }

    #extras select {
        height: 38px;
    }

    #extras #stopover {
        width: 100%;
        max-width: none;
    }

    #extras label.extra-seats-container {
        font-size: 15px;
    }
}



/* Vehicle */
.booking_right_details h2:not(:first-of-type) + #details.vdetails > div:nth-child(1):before {
    content: "\f1b9";
}

/* Distance Covered */
.booking_right_details h2:not(:first-of-type) + #details.vdetails > div:nth-child(2):before {
    content: "\f018";
}

/* Estimated Fare */
.booking_right_details h2:not(:first-of-type) + #details.vdetails > div:nth-child(3):before {
    content: "\f155";
}

/* Gratuity */
.booking_right_details h2:not(:first-of-type) + #details.vdetails > div:nth-child(4):before {
    content: "\f06b";
}

/* Airport Toll Tax */
.booking_right_details h2:not(:first-of-type) + #details.vdetails > div:nth-child(5):before {
    content: "\f072";
}

/* Night Charges */
.booking_right_details h2:not(:first-of-type) + #details.vdetails > div:nth-child(6):before {
    content: "\f186";
}

/* Total Payable */
.booking_right_details h2:not(:first-of-type) + #details.vdetails > div:nth-child(7):before {
    content: "\f0d6";
}
.step_2_div > .wrapper-inner .full-grid {
   grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    align-self: start !important;
}

/* Terms & Conditions */
.terms_condition {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 25px 0 0 !important;
    padding: 0 !important;
    color: #063e60;
}

/* Heading */
.terms_condition h2,
.terms_condition h3 {
    margin: 0 0 10px !important;
    padding: 0;
    color: #063e60;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}

/* Ordered list */
.terms_condition ol {
    margin: 0 0 12px 0 !important;
    padding-left: 28px !important;
}

/* List items */
.terms_condition ol li {
    margin: 0 0 7px !important;
    padding-left: 2px;
    font-size: 16px;
    line-height: 1.5;
    color: #063e60;
}

/* Link */
.terms_condition a {
    display: inline-block;
    margin-top: 2px;
    color: #0074d9;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

.terms_condition a:hover {
    color: #063e60;
}


.right_btn{float:right;}
a.main-btn {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 50px;
    box-sizing: border-box;
    margin: 0px;
    padding: 6px 49px 6px 15px;
    background: linear-gradient(135deg, #ffc83d, #ffb51b) !important;
    color: #082f4f !important;
    border: none !important;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transition: all .2s ease;
}

/* Car icon */
a.main-btn:before {
    content: "\f1b9";
    font-family: FontAwesome;

    position: absolute;
    left: 24px;

    font-size: 27px;
    color: #083b60;
    display:none;
}

/* Arrow circle */
a.main-btn:after {
    content: "\f061";
    font-family: FontAwesome;

    position: absolute;
    right: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 33px;
    height: 33px;

    background: #fff;
    color: #083b60;

    border-radius: 50%;

    font-size: 18px;

    transition: transform .2s ease;
}

/* Hover */
a.main-btn:hover {
    background: linear-gradient(135deg, #ffd454, #ffc027) !important;
    color: #082f4f !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

a.main-btn:hover:after {
    transform: translateX(4px);
}

/* Click */
a.main-btn:active {
    transform: translateY(1px);
}



/* =========================================================
   FONT AWESOME 4.7
   ========================================================= */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");


/* =========================================================
   MAIN PAYMENT AREA
   ========================================================= */

.span2.payment_div_details {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px;
    background: #f3fbff;
    border-radius: 14px;
    box-sizing: border-box;
}


/* =========================================================
   PAY USING HEADING
   ========================================================= */

.span2.payment_div_details .h1div {
    width: 100%;
    text-align: center;
    margin: 0 0 25px;
}

.span2.payment_div_details .h1div h1 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 0 12px;
    color: #063e60;
    font-size: 28px;
    font-weight: 700;
}

.span2.payment_div_details .h1div h1:after {
    content: "";
    position: absolute;
    width: 55px;
    height: 4px;
    background: #ffbd2e;
    border-radius: 5px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


/* =========================================================
   SSL IMAGE
   ========================================================= */

.span2.payment_div_details .ssl-img-div {
    position: absolute;
    top: 25px;
    right: 25px;
    width: auto;
    margin: 0;
}

.span2.payment_div_details .ssl_img_position {
    margin: 0;top: -24px;
}

.span2.payment_div_details .ssl_img_position img {
    max-width: 110px;
    height: auto;
}


/* =========================================================
   PAYMENT OPTIONS WRAPPER
   ========================================================= */

.span2.payment_div_details #payment-options {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.span2.payment_div_details #payment-options .full-information {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}


/* =========================================================
   PAYMENT OPTION CARDS
   ========================================================= */

.span2.payment_div_details #payment-options .option {
    position: relative;
    min-height: auto;
    padding: 10px 25px 10px 60px;
    background: #ffffff;
    border: 2px solid #dceaf1;
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow: 0 5px 18px rgba(0, 50, 80, 0.08);
}


/* CASH ICON */

.span2.payment_div_details #payment-options .option:first-child:before {
    content: "\f0d6";
    font-family: "FontAwesome" !important;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: 15px;
    top: 45px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #063e60;
    background: #fff4d2;
    border-radius: 50%;
    font-size: 21px;
}


/* CREDIT CARD ICON */

.span2.payment_div_details #payment-options .option:nth-child(2):before {
    content: "\f09d";
    font-family: "FontAwesome" !important;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: 15px;
    top: 45px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #063e60;
    background: #e8f5fb;
    border-radius: 50%;
    font-size: 21px;
}


/* SELECTED CASH OPTION */

.span2.payment_div_details #payment-options .option:first-child {
    border: 2px solid #ffbd2e;
    background: #063e60;
}

.span2.payment_div_details #payment-options .option:first-child:before {
    color: #063e60;
    background: #ffbd2e;
}


/* =========================================================
   PRICE
   ========================================================= */

.span2.payment_div_details #payment-options .money {
    display: block;
    margin-bottom: 12px;
    color: #063e60;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2;
}

.span2.payment_div_details #payment-options .option:first-child .money {
    color: #ffffff;
}


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

.span2.payment_div_details #payment-options .button {
    display: block;
    margin-bottom: 10px;
}

.span2.payment_div_details #payment-options .button a {
    display: inline-block;
    padding: 11px 20px;
    background: #063e60;
    color: #ffffff !important;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
    transition: all .2s ease;
}

.span2.payment_div_details #payment-options .option:first-child .button a {
    background: #ffbd2e;
    color: #063e60 !important;
}

.span2.payment_div_details #payment-options .button a:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(0,0,0,.15);
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.span2.payment_div_details #payment-options .txt {
    display: block;
    color: #687d89;
    font-size: 13px;
}

.span2.payment_div_details #payment-options .option:first-child .txt {
    color: #ffffff;
}
.span2.payment_div_details #payment-options .txt strong{color:#0878c9;}
.span2.payment_div_details #payment-options .option:first-child .txt strong{color:#ffbd2e;}

/* =========================================================
   CREDIT CARD DETAILS PANEL
   ========================================================= */

.span2.payment_div_details #formdiv.creditcard-div {
    width: 100%;
    margin: 25px 0 0;
    padding: 25px;
    background: #063e60;
    border-radius: 12px;
    box-sizing: border-box;
}


/* CREDIT CARD HEADING */

.span2.payment_div_details #formdiv.creditcard-div h2 {
    position: relative;
    margin: 0 0 5px;
    padding-left: 38px;
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
}

.span2.payment_div_details #formdiv.creditcard-div h2:before {
    content: "\f09d";
    font-family: "FontAwesome" !important;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 1px;
    color: #ffbd2e;
    font-size: 25px;
}


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

.span2.payment_div_details #formdiv .payment-form {
    width: 100%;
    margin: 0;
}

.span2.payment_div_details #formdiv .payment-form > .wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    padding:0 25px;
    background: #ffffff;
    border-radius: 10px;
    box-sizing: border-box;
}


/* =========================================================
   CARD INPUT
   ========================================================= */

.span2.payment_div_details #card-container {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    background: #f7fafc;
    border: 1px solid #d9e5eb;
    border-radius: 6px;
    box-sizing: border-box;
}


/* =========================================================
   FORM LABELS
   ========================================================= */

.span2.payment_div_details #formdiv label {
    display: block;
    margin:5px 0 0 0;
    color: #063e60;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
}


/* =========================================================
   FORM INPUTS
   ========================================================= */

.span2.payment_div_details #formdiv input[type="text"],
.span2.payment_div_details #formdiv input[type="email"],
.span2.payment_div_details #formdiv input[type="tel"],
.span2.payment_div_details #formdiv select,
.span2.payment_div_details #formdiv textarea {
    width: 100%;
    min-height: 44px;
    padding: 10px 13px;
    background: #ffffff;
    border: 1px solid #d5e2e8;
    border-radius: 6px;
    outline: none;
    color: #333333;
    font-size: 14px;
    box-sizing: border-box;
}

.span2.payment_div_details #formdiv textarea {
    min-height: 80px;
    resize: vertical;
}

.span2.payment_div_details #formdiv input:focus,
.span2.payment_div_details #formdiv select:focus,
.span2.payment_div_details #formdiv textarea:focus {
    border-color: #ffbd2e;
    box-shadow: 0 0 0 2px rgba(255,189,46,.15);
}


/* =========================================================
   FIELD ICONS
   ========================================================= */

.span2.payment_div_details #card-container:before {
    content: "\f09d";
    font-family: "FontAwesome" !important;
    color: #063e60;
    font-size: 18px;
    margin-right: 8px;
}

.span2.payment_div_details #cardholdername:before {
    content: "";
}


/* =========================================================
   CHECKBOX / TERMS
   ========================================================= */

.span2.payment_div_details .pay-section {
       padding: 10px 0 0 0;}

.span2.payment_div_details .pay-section input[type="checkbox"] {
    width: auto;
    min-height: auto;
    margin-right: 7px;
    vertical-align: middle;
}

.span2.payment_div_details .pay-section label {
    display: inline;
    color: #555555;
    font-size: 13px;
    font-weight: 400;
}


/* =========================================================
   PAY BUTTON
   ========================================================= */

.span2.payment_div_details #card-button {
    position: relative;
    width: 100%;
    min-height: 52px;
    margin-top: 20px;
    padding: 12px 20px 12px 50px;
    background: #ffbd2e;
    border: 0;
    border-radius: 7px;
    color: #063e60;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-sizing: border-box;
    transition: all .2s ease;
}

.span2.payment_div_details #card-button:before {
    content: "\f09d";
    font-family: "FontAwesome" !important;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.span2.payment_div_details #card-button:hover {
    background: #f5ad16;
    transform: translateY(-1px);
}


/* =========================================================
   SECURE PAYMENT MESSAGE
   ========================================================= */

.span2.payment_div_details #payment-flow-message {
    display: block;
    margin-top: 10px;
    text-align: center;
}


/* =========================================================
   MOBILE
   ========================================================= */

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

    .span2.payment_div_details {
        padding: 20px 15px;
    }

    .span2.payment_div_details .ssl-img-div {
        position: static;
        text-align: center;
        margin-bottom: 15px;
    }

    .span2.payment_div_details #payment-options .full-information {
        grid-template-columns: 1fr;
    }

    .span2.payment_div_details #payment-options .option {
        min-height: 160px;
    }

    .span2.payment_div_details #formdiv.creditcard-div {
        padding: 15px;
    }

    .span2.payment_div_details #formdiv .payment-form > .wrapper {
        padding: 18px;
    }
}



.payment-security-bar{display: inline-block;     width: 100%;}
.span2.payment_div_details .payment-security-bar .secure-pay-button#card-button, .payment-security-bar .security-divider, .payment-security-bar .payment-security-simple,.payment-security-bar .security-shield, .payment-security-bar .security-message{display: inline-block; vertical-align:middle;}
.span2.payment_div_details .payment-security-bar .secure-pay-button#card-button{    width: 45%;}
.payment-security-bar .security-divider{display: inline-block;
    width: 1px;
    background: #000;
    height: 45px;
    margin: 0 25px;}
.payment-security-bar .payment-security-simple{    width: calc(55% - 60px);}

.creditcard-div .payment-security-bar .security-shield{    width: 36px !important; margin-top:2px;margin-right:2px;}
.creditcard-div .payment-security-bar .security-shield .fa{font-size:36px; color:#51617a;}
.creditcard-div .payment-security-bar .security-message{ width: calc(100% - 38px) !important; font-size: 12px;color: #687d89;}


/* =========================================================
   PAYMENT FAILED PAGE
   Main class: .payment_status_div.failed
   ========================================================= */

#registrationform.span2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(520px, .95fr);
    gap: 55px;
    width: 100% !important;
    max-width: 1400px;
    margin: 0 auto !important;
    padding: 30px 40px 45px;
    box-sizing: border-box;
    align-items: start;
}


/* =========================================================
   LEFT ERROR MESSAGE CARD
   ========================================================= */

#registrationform.span2 .payment_status_div.failed {
    position: relative;

    width: 100% !important;
    float: none !important;

    margin: 0 !important;
    padding: 40px 38px 35px 38px;

    background: #fdf3f5;
    border: 1px solid #ffb8c2;
    border-radius: 14px;

    box-sizing: border-box;

    box-shadow: 0 8px 25px rgba(20, 45, 70, .06);
}


/* ERROR HEADING */

#registrationform.span2 .payment_status_div.failed h2 {
    position: relative;

    margin: 0 0 25px;
    padding: 0 0 18px 75px;

    color: #d7193f;

    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}


/* BIG ERROR ICON */

#registrationform.span2 .payment_status_div.failed h2:before {
    content: "\f00d";

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    left: 0;
    top: -5px;

    width: 55px;
    height: 55px;

    background: #ed1740;
    border-radius: 50%;

    color: #fff;

    font-family: "FontAwesome" !important;
    font-size: 30px;
    font-weight: normal;
    line-height: 55px;

    box-shadow:
        0 0 0 9px rgba(237, 23, 64, .10),
        0 0 0 18px rgba(237, 23, 64, .05);
}


/* SMALL LINE UNDER ERROR HEADING */

#registrationform.span2 .payment_status_div.failed h2:after {
    content: "";

    position: absolute;
    left: 75px;
    right: 0;
    bottom: 0;

    height: 1px;

    background: #f3cbd1;
}


/* =========================================================
   ERROR TEXT
   ========================================================= */

#registrationform.span2 .payment_status_div.failed .thnkumsg {
    display: block;

    margin: 0 0 20px;
    padding-left: 0;

    color: #123c60;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
}


/* LAST MESSAGE */

#registrationform.span2 .payment_status_div.failed .thnkumsg:last-child {
    margin-bottom: 0;
}


/* LINKS */

#registrationform.span2 .payment_status_div.failed .thnkumsg a {
    color: #063e60;
    font-weight: 700;
    text-decoration: none;
}

#registrationform.span2 .payment_status_div.failed .thnkumsg a:hover {
    color: #d7193f;
    text-decoration: underline;
}


/* =========================================================
   RIGHT BOOKING DETAILS
   ========================================================= */

#registrationform.span2 .bkg-dtl {
    width: 100%;
    margin: 0;
    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   PAYMENT FAILED ICON
   ========================================================= */

#registrationform.span2 .bkg-dtl h2.stynew {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 125px;
    height: 125px;

    margin: 0 auto 20px !important;
    padding: 0;

    background: #ed1740;
    border-radius: 50%;

    color: #ffffff !important;

    font-family: Arial, sans-serif;
    font-size: 0 !important;
    font-weight: normal;

    line-height: 125px;

    box-shadow:
        0 0 0 15px rgba(237, 23, 64, .07),
        0 10px 25px rgba(237, 23, 64, .15);
}


/* X ICON */

#registrationform.span2 .bkg-dtl h2.stynew:before {
    content: "\f00d";

    font-family: "FontAwesome" !important;
    font-size: 70px;
    font-weight: normal;
    color: #ffffff;
}


/* REMOVE BLINK EFFECT */

#registrationform.span2 .bkg-dtl h2.blink {
    animation: none !important;
}


/* =========================================================
   PAYMENT FAILED TITLE
   ========================================================= */

#registrationform.span2 .bkg-dtl h2.stysnew {
    margin: 0 0 25px !important;
    padding: 0;

    color: #ed1740 !important;

    font-size: 27px;
    font-weight: 600;

    line-height: 1.2;
    text-align: center;
}


/* =========================================================
   BOOKING DETAILS TABLE
   ========================================================= */

#registrationform.span2 .bkg-dtl ul {
    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;

    border: 1px solid #dce5eb;
    border-radius: 10px;

    overflow: hidden;

    background: #ffffff;

    box-shadow: 0 6px 20px rgba(20, 50, 70, .07);

    box-sizing: border-box;
}


/* EACH ROW */

#registrationform.span2 .bkg-dtl ul li {
    display: grid;
    grid-template-columns: 205px minmax(0, 1fr);

    width: 100%;
    min-height: 53px;

    margin: 0;
    padding: 0;

    border-bottom: 1px solid #e3e9ed;

    background: #ffffff;

    box-sizing: border-box;
}


/* REMOVE LAST BORDER */

#registrationform.span2 .bkg-dtl ul li:last-child {
    border-bottom: 0;
}


/* LABEL */

#registrationform.span2 .bkg-dtl ul li label {
    display: flex;
    align-items: center;

    margin: 0;
    padding: 5px 15px;

    background: #f1f6f9;

    color: #173d5e;

    font-size: 14px;
    font-weight: 500;

    box-sizing: border-box;
    width:100%;    height: auto;
}


/* VALUE */

#registrationform.span2 .bkg-dtl ul li span {
    display: flex;
    align-items: center;

    margin: 0;
    padding: 5px 15px;

    color: #123c60;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.4;

    box-sizing: border-box;
    width:100%;
}


/* =========================================================
   TOTAL PAYABLE
   ========================================================= */

#registrationform.span2 .bkg-dtl ul li.ttl {
    background: #ffcf28;
    border-bottom: 1px solid #e8bd18;
}


#registrationform.span2 .bkg-dtl ul li.ttl label {
    background: #ffcf28;

    color: #063e60;

    font-size: 15px;
    font-weight: 700;
}


#registrationform.span2 .bkg-dtl ul li.ttl span {
    background: #ffcf28;

    color: #063e60;

    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   CASH / CARD ROWS
   ========================================================= */

#registrationform.span2 .bkg-dtl ul li:not(.ttl):nth-last-child(-n+2) label {
    background: #f8fafb;
}

#registrationform.span2 .bkg-dtl ul li:not(.ttl):nth-last-child(-n+2) span {
    background: #ffffff;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

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

    #registrationform.span2 {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 25px;
    }

    #registrationform.span2 .payment_status_div.failed {
        order: 1;
    }

    #registrationform.span2 .bkg-dtl {
        order: 2;
    }
}


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

    #registrationform.span2 {
        display: block !important;
        padding:0px;
    }

    #registrationform.span2 .payment_status_div.failed {
        margin-bottom: 30px !important;
        padding: 30px 22px;
    }

    #registrationform.span2 .payment_status_div.failed h2 {
        padding-left: 65px;
        font-size: 25px;
    }

    #registrationform.span2 .payment_status_div.failed h2:before {
        width: 48px;
        height: 48px;
        font-size: 25px;
        line-height: 48px;
    }

    #registrationform.span2 .payment_status_div.failed h2:after {
        left: 65px;
    }

    #registrationform.span2 .bkg-dtl h2.stynew {
        width: 95px;
        height: 95px;
        line-height: 95px;
    }

    #registrationform.span2 .bkg-dtl h2.stynew:before {
        font-size: 52px;
    }

    #registrationform.span2 .bkg-dtl h2.stysnew {
        font-size: 23px;
    }

    #registrationform.span2 .bkg-dtl ul li {
        grid-template-columns: 120px minmax(0, 1fr);
    }

    #registrationform.span2 .bkg-dtl ul li label,
    #registrationform.span2 .bkg-dtl ul li span {
        padding: 11px 10px;
        font-size: 12px;
    }
}




/* ==========================================
   MESSAGE STRONG TEXT
   ========================================== */

#registrationform .payment_status_div.failed .thnkumsg strong {
    color: #063e60;
    font-size: 17px;
    font-weight: 700;
}


/* ==========================================
   BUTTON AREA
   ========================================== */

#registrationform .payment_status_div.failed .payment-failed-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;

    width: 100%;
    margin-top: 30px;

    box-sizing: border-box;
}


/* BOTH BUTTONS */

#registrationform .payment_status_div.failed .payment-failed-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    min-height: 50px;

    padding: 10px 20px;

    border-radius: 12px;

    font-size: 21px;
    font-weight: 700;

    text-decoration: none !important;

    box-sizing: border-box;

    transition: all .2s ease;
    margin-bottom:20px;
}


/* ==========================================
   TRY AGAIN
   ========================================== */

#registrationform .payment_status_div.failed
.try-again-btn {
    background: #ffcf28;
    border: 2px solid #ffcf28;

    color: #063e60 !important;
}

#registrationform .payment_status_div.failed
.try-again-btn i {
    color: #063e60;
    font-size: 30px;
}

#registrationform .payment_status_div.failed
.try-again-btn:hover {
    background: #f5bd0d;
    border-color: #f5bd0d;
    transform: translateY(-2px);
}


/* ==========================================
   CONTACT US
   ========================================== */

#registrationform .payment_status_div.failed
.contact-us-btn {
    background: transparent;
    border: 2px solid #063e60;

    color: #063e60 !important;
}

#registrationform .payment_status_div.failed
.contact-us-btn i {
    color: #063e60;
    font-size: 28px;
}

#registrationform .payment_status_div.failed
.contact-us-btn:hover {
    background: #063e60;
    color: #ffffff !important;
    transform: translateY(-2px);
}

#registrationform .payment_status_div.failed
.contact-us-btn:hover i {
    color: #ffffff;
}


/* =========================================================
   SUCCESS CARD - FINAL DESIGN
   Exact HTML: .payment_status_div.success
   ========================================================= */

#formdiv.payment_status_div.success {
    float: left !important;
    width: 100% !important;
    max-width: 710px !important;
    min-height: 0 !important;

    box-sizing: border-box !important;
    padding: 42px 45px 38px !important;

    background: #f4fff7 !important;

    border: 2px solid #20c967 !important;
    border-radius: 14px !important;

    color: #063e60 !important;

    box-shadow: 0 12px 30px rgba(20, 120, 70, 0.10) !important;
}


/* =========================================================
   THANK YOU HEADING
   ========================================================= */

#formdiv.payment_status_div.success h2 {
    position: relative !important;

    margin: 0 0 30px !important;
    padding: 0 0 0 95px !important;

    min-height: 72px !important;

    display: flex !important;
    align-items: center !important;

    background: transparent !important;
    border: 0 !important;

    color: #063e60 !important;

    font-size: 38px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;

    text-align: left !important;
}


/* Green success circle */
#formdiv.payment_status_div.success h2:before {
    content: "\f00c" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    width: 72px !important;
    height: 72px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #20d866 !important;
    border-radius: 50% !important;

    color: #ffffff !important;

    font-family: "FontAwesome" !important;
    font-size: 38px !important;
    font-weight: normal !important;

    box-sizing: border-box !important;
}

#formdiv.payment_status_div.success h2:after {
    display: none !important;
    content: none !important;
}

#formdiv.payment_status_div.success .thnkumsg{color: #063e60 !important;    font-size: 18px;     margin-bottom: 15px;}



/* =========================================
   SUCCESS BUTTONS
   ========================================= */

#formdiv.payment_status_div.success a.btns {
    display: inline-flex !important;

    width: calc(50% - 12px) !important;
    height: 70px !important;

    margin: 0 !important;
    padding: 10px 20px !important;

    box-sizing: border-box !important;

    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 18px !important;

    vertical-align: top !important;

    border-radius: 11px !important;

    text-decoration: none !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    transition: all .25s ease !important;
    margin-bottom:20px;
}


/* =========================================
   DOWNLOAD INVOICE
   ========================================= */

#formdiv.payment_status_div.success a.btns:first-of-type {
    margin-right: 20px !important;

    background: #ffca28 !important;
    border: 2px solid #ffca28 !important;

    color: #063e60 !important;
}


/* =========================================
   WHATSAPP
   ========================================= */

#formdiv.payment_status_div.success a.btns:nth-of-type(2) {
    background: #f8fff9 !important;

    border: 2px solid #20c967 !important;

    color: #063e60 !important;
}


/* =========================================
   SVG ICON
   ========================================= */

#formdiv.payment_status_div.success a.btns .icon2 {
    display: block !important;

    flex: 0 0 auto !important;

    width: 32px !important;
    height: 52px !important;

    margin: 0 !important;

    fill: currentColor !important;
}


/* Download icon */
#formdiv.payment_status_div.success a.btns:first-of-type .icon2 {
    color: #063e60 !important;
}


/* WhatsApp icon */
#formdiv.payment_status_div.success a.btns:nth-of-type(2) .icon2 {
    color: #20c967 !important;
}


/* =========================================
   TEXT
   ========================================= */

#formdiv.payment_status_div.success a.btns p {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #063e60 !important;

    font-size: 20px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-align: left !important;
}


/* =========================================
   WHATSAPP TEXT - FORCE NAVY
   ========================================= */

#formdiv.payment_status_div.success a.btns:nth-of-type(2) p {
    color: #063e60 !important;
}


/* =========================================
   HOVER
   ========================================= */

#formdiv.payment_status_div.success a.btns:first-of-type:hover {
    background: #ffd54f !important;
    border-color: #ffd54f !important;

    color: #063e60 !important;

    transform: translateY(-2px) !important;
}


#formdiv.payment_status_div.success a.btns:nth-of-type(2):hover {
    background: #f8fff9 !important;
    border-color: #20c967 !important;

    color: #063e60 !important;

    transform: translateY(-2px) !important;
}

#formdiv.payment_status_div.success a.btns:nth-of-type(2):hover p {
    color: #063e60 !important;
}

#formdiv.payment_status_div.success a.btns:nth-of-type(2):hover .icon2 {
    color: #20c967 !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

    #formdiv.payment_status_div.success a.btns {
        width: 100% !important;
        margin: 0 0 12px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    #formdiv.payment_status_div.success {
        max-width: 100% !important;
        padding: 30px 24px !important;
    }

    #formdiv.payment_status_div.success a.btns {
        width: 100% !important;
        margin: 0 0 12px !important;
    }

}


























.header-nav{position:relative;}
.header-inner {background-image:url('../images/top-img-new.png'); position:relative; width:100%; height:600px;background-size: cover;}
.header-inner .slider_text{position:absolute; top:60px; left:11%; width:40%;}
.header-inner .slider_text .small_heading{ font-size:18px; color:#184a6c; text-transform:uppercase;}
.header-inner .slider_text h2{font-size:55px;    font-family: 'Afacad-Bold'; color:#091f32; text-transform:uppercase;    margin: 10px 0;    line-height: 45px;}
.header-inner .slider_text h2 span{display:block; color:#047fee;}
.header-inner .slider_text p{font-size:18px;color:#184a6c; width:60%; font-family: 'Afacad-Bold';}
.header-inner .rslides {position:absolute; top:38%; right:11%; width:320px;}
.header-inner .rslides > li{width:100%; background:#e8f4fd; border-radius:30px 90px 90px 30px; padding:25px 25px 25px 15px; position:relative ;}
.header-inner .rslides .text_Area{width:205px; text-align:left; color:#000;}
.header-inner .rslides .text_Area .big_text{font-size:22px;font-family: 'Afacad-Bold'; margin:5px 0 10px 0; height:42px;}
.header-inner .rslides .text_Area .big_text span{display: inline-block;    font-size: 28px;    color: #f1912e;}
.header-inner .rslides > li ul li{display:block; position:static;    font-size: 12px;}
.header-inner .rslides img{position:absolute; bottom: 10px; right:0px; width: 40%; z-index: 1000;}

.faq_div{ margin-bottom:50px;}
.faq-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}
.faq-item[open] summary{background:#1976d2; color:#fff;}
.faq-item[open] summary::after{color:#fff;}
h2#faq-heading{margin-top:35px;margin-bottom: 15px; color:#000;}
details summary {
    list-style: none;
    position: relative;
    padding-right: 35px;
    cursor: pointer;
        background: #ffffff;
    padding: 15px 15px;
    border-radius: 15px 15px 0 0;
    font-size: 16px;
    font-weight: bold;
      border: 1px solid #a5a5a5;
}
.faq-answer{ background: #eef8fc;
    padding: 15px;
    border: 1px solid #7ebdd7;
    border-top: none;}
.faq-answer *{    font-size: 17px;}

details summary::-webkit-details-marker {
    display: none;
}

details summary::after {
    content: "▼";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #333;
    transition: transform 0.3s ease;
}

details[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
}
details.desc-box p{color:#000}
.innerpages_pg .wrapper-inner .span2 h3{text-align:left;}


.table-scroll {    width: 100%;    overflow-x: auto;    -webkit-overflow-scrolling: touch;}
.fixed-table {    width: 740px;    border-collapse: collapse;}
.fixed-table th,.fixed-table td {    padding: 10px;    border: 1px solid #ddd;    white-space: nowrap;}
#inner.innerpages_pg{margin-bottom:50px;}
.innerpages_pg #single #textcontent h1, .innerpages_pg #single #textcontent h2, .innerpages_pg #single #textcontent h3, .innerpages_pg #single #textcontent h4, .innerpages_pg #single #textcontent h5{ margin-bottom:10px; margin-top:0px; padding: 0;}
.innerpages_pg.blog_pg .blog-article .article-body h1{margin-bottom:10px;}
.innerpages_pg.blog_pg .blog-article .article-body p{    font-size: 18px;    line-height: 24px;}
.innerpages_pg.blog_pg .blog-article .article-body p a{color:#1689d2; border-bottom:1px dotted #ccc;}
.innerpages_pg.blog_pg .blog-article .article-body ul{margin:0 0 15px 0; padding-left:20px;}
.innerpages_pg.blog_pg .blog-article .article-body ul li{padding-left:10px; list-style-type:disc;}
    
    
    
    
    
    
    
    
@media screen and (max-width:1280px){
    .wrapper-inner {width:94%}
    .navbar-innner{width:94%}
    .center-inner{ width:94%}
    .footer-inner{ width:94%}
    #inner .wrapper-inner {width:94%; }
    .header-inner{height: 425px;}
    .header-inner .slider_text{left: 8%;top: 50px;}
    .header-inner .slider_text h2{font-size: 45px;margin: 7px 0;    line-height: 37px;}
    .header-inner .slider_text p{width: 65%;}
    .header-inner .rslides{right: 4%;}
    .bg-cover-1{background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, /* Solid white at the very top */ rgba(255, 255, 255, 1) 30%, /* Fades out completely by 15% height */ rgba(255, 255, 255, 0) 57%, /* Stays transparent until 85% height */ rgba(255, 255, 255, 1) 79% /* Fades back to solid white at the bottom */), url(../images/bg-cover-1.png);}
    .feature_div{height: 320px;}
    .feature-item{min-height: 40px;}
    .benefit-content h3{line-height: 12px;}
    #menuhighlight{top: 415px;}
}
@media screen and (max-width:980px){
.topfix{ margin-top:105px !important}
.benefits-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .benefit-item {
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding: 15px 10px;
    }

    .benefit-item:last-child {
        border-bottom: none;
    }
}
@media screen and (max-width:767px){
.topfix{ margin-top:120px !important}
.left65{width:99%; }
.left35{width:99%;}

}
@media screen and (max-width:650px){
    .bkg-dtl {
    width: 100%;
    float: left;
    padding: 20px 0%;
    text-align: center;
    padding-left: 0px;
}
div.cities2{width:50% !important;}
.benefits ul li{ width:99%; float:left; padding:1%; text-align:center; margin-bottom:20px}
.benefits ul li h3{ line-height:24px; padding-top:20px; min-height:50px}
.benefits ul li a{ font-size:16px;    margin: 20px 0;}
.benefits ul li p{ min-height:50px}
#formdiv label { font-size:14px}
h1 {
    font-size: 26px;
    line-height: 24px;
}
.btn{ font-size:18px}
h1.main {font-size: 26px;padding:10px 0 5px 0px;}
p.main {font-size: 18px; margin-bottom: 0px;}
.topfix{ margin-top:6px !important}
.flt{ float:none}
.icon3 { width: 40px; height: 40px;margin-top: -10px;}
.footer-inner .span1 ul li{ float:left;margin: 3px 12px;}
.footer-inner .span1 ul li.stg{ float:none;}
.footer-inner .span1 h4{float: left;width: 100%;}
ul.services li{ width:50%; text-align:center; background-position:50% 0%;padding-top:0px;}
h2.ser{ text-align:center}
.benefits {margin: 0px 0 15px 0px;padding: 0px 0px;}
.benefits h1 {font-size: 18px;    line-height: 30px;}
.wrapper-inner .span2 h2 {font-size: 20px;}
.wrapper-inner h2 {font-size: 20px;    padding: 25px 0 10px 0;}
.wrapper-inner h2.pcities{font-size: 20px;    }
.quote	{font-size: 20px;}
.wid100 .navbar-innner p{ display:none}
.newimp{ margin-left:1px}
ul.fltlft li{ background-position:0px 5px; width:100%; padding-left:0% !important}
.left35 ul.fltlft li {padding-left: 15% !important;background-position:0px 5px;}
.newimp3{vertical-align:top; margin-top:20px; float:left;margin-right: 1%; width:100%; text-align:center}

	}
	
	@media screen and (max-width: 1024px) {
	.navbar-innner {width:94%; }
	.header-inner {width:100%;}
	.footer-inner {width:94%;  height:auto; overflow: auto;}
	.center-inner {width:94%; }
	.wrapper-inner, #inner .wrapper-inner{width:94%; }	
	#inner .header-inner{height:auto; min-height: 188px; background-position:center;-webkit-background-size: 100% auto;-moz-background-size:100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
	#inner .wrapper-inner {width:94%; }
		#inner .wrapper-nav .span2{width:55%}
			#formdiv span.paymentmain_div {padding-left: 20%; width: 80%;}
			#details {width: 99%;}
			#details div span:first-child {width: 28%;}
			#details div span {width: 1%}
			#details div span:last-child {width: 66%;}			
		#inner .wrapper-nav .span3{width:44%; height:auto;}
	.span1 div.cities{width:33.3%}
	#inner #forms .span1{width:55%;}
	.nav-collapse {width: 77%;}
	.h1div {width: 100%;}
	.navbar-innner span.ifuser{right:12px;}	
}
@media screen and (max-width: 980px) {
	#formdiv span.paymentmain_div {padding-left: 5%; width: 95% !important;}
	.logo {width:180px;	height: auto;}
	#Dcoltext { left: 203px;}	
	.carfeaturediv .div1 {width: 36%;}
	.carfeaturediv .div1 div {width: 100%;}
	.carfeaturediv .div2 {width: 61%;}
	.carfeaturediv .div2 span.spn1 {width: 60%;}
	.carfeaturediv .div2 span.spn2 {width:40%}
	#formdiv span.btnpadding{width:80%}
	.choose-payment-options span{margin:2px 15px 2px 0; padding:0 40px 0 8px;}
	 .long-distance-services {        padding: 20px;        border-radius: 16px;    }
    .services-title h2 {        font-size: 22px;    }
    .services-grid {        grid-template-columns: 1fr;   }
}
@media screen and (max-width: 900px) {
	#inner .weather-div{padding: 10px 0 10px 3px;}
	#inner .current-weather{width:22%;}
	#inner .forecast{width:77%;}
	#grand .grand-ineer1 .hint1, #grand .grand-ineer2 .hint1, #grand .grand-ineer3 .hint1, #grand .grand-ineer .hint1 {font-size: 16px;}
}
@media screen and (max-width: 800px) {
.topfix{ margin-top:105px}
	.navigation li {margin: 0 0 0 3px; font-size:17px;}
	.navigation li a{padding:4px 0px; font-size:12px;}
	div.AuthorizeNetSeal {width:110px;}
	.cardsicon{margin-bottom: 43px;height:49px}
	.wrapper-inner .servicebox, .weekend-destinations {width:32%;}
	#formdiv span.double {width: 22.8%;}
	#formdiv label.lrgmid{width:22%}
	#inner .wrapper-nav #registrationform #formdiv{width:75%;}
	#formdiv span.btnpadding{width:51%;}
	.span1 div.cities{width:50%}
	.span2 .current-weather p span{font-size: 54px;}
	#inner sup {font-size: 22px;}
	#inner .current-weather {width: 19%;}
	#inner .forecast {width: 80%;}	
	#grand select#pax{background-position:55px}
	#grand select#child{background-position:55px}
	#grand select#luggage{background-position:55px}
	#grand select#child_seat{background-position:95px}
	#grand select#stopover{background-position:95px}
}
@media screen and (max-width: 768px) {
    .cardnmbrThree {
    width: 32.2%;
    display: inline-block;
    vertical-align: top;
}
#inner .wrapper-nav .span2 {
    width: 100%;
}
#inner .wrapper-nav .span3 {
    width: 100%;
    height: auto;
}
.navigation a {
    line-height: 40px;
    text-align: left;
    width: 100%;
    text-indent: 25px;
}
.navbar-innner {
    height: auto;
    overflow: auto;
    padding-bottom: 8px;
    width: 98%;
    position: unset;
}
#menuhighlight {
    text-align: right;
    display: block;
    width: 58%;
    margin: 0;
    top: -30px;
    right: 2px;margin-top: 0px !important;
}
.navigation a#pull:after {
    content: "";
    background: url(../images/nav-icon.png) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
}
.navigation ul{display:none;}
.navigation a#pull{ text-decoration: none;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    padding: 0px;
    position: relative;
    background: #4c5c87;
    background: -moz-linear-gradient(top, #4c5c87 0%, #384772 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5c87), color-stop(100%,#384772));
    background: -webkit-linear-gradient(top, #4c5c87 0%,#384772 100%);
    background: -o-linear-gradient(top, #4c5c87 0%,#384772 100%);
    background: -ms-linear-gradient(top, #4c5c87 0%,#384772 100%);
    background: linear-gradient(to bottom, #4c5c87 0%,#384772 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5c87', endColorstr='#384772',GradientType=0 );}
.txtcn{ text-align:center;}

.tpst{ float:none; margin-top:0px;z-index: 1;}
#inner .header-inner h1 {
    padding: 30px 5%;
    text-align: center;line-height: 32px;
}
    #inner .header-inner {
    height: 109px;
    background-position: 0px;
    background-image: url(https://bostonairportexpressma.com/vSakti32/uploads/images/inner-page-banner.jpg);
    margin-top: 0px;
}
.carfeaturediv .div1 {
    width: 96%;
    text-align: center;
}
.carfeaturediv .div2 {
    width: 100%;
}
#menuhighlight { }
.navigation li {
    margin: 0px;
    padding: 0px;
    width: 99%;
    float: left;
    position: relative;
    background-color: #404F7A;
}

.navigation li a {
    width: 100%;
    line-height: 40px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    border-bottom: 1px solid #fff;
    border-right: 1px solid #576979;
    background: none;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: 0px;
    padding: 0px;
    color: #fff;
}
#menuhighlight a {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 2px;
    padding: 6px 6px;
    font-size: 14px;
}
	div.cities {width:33.3%;}
	.logo{width:145px;margin-bottom:15px;}
	.navbar-innner .logo img{ padding:0;    width: 100%;}
	.navigation {
    border-bottom: 0;
    margin-bottom: 15px;
    top: 0px;
    width: 75%;
    margin-top: 4%;
    position: absolute;
    right: 10px;
    top: 35px;
}
	#Dcoltext{left:9px; bottom:-10px; margin:0;}
	#bookinghistory #formdiv label, #bookinghistory #formdiv span{margin:0;}
	#bookinghistory #formdiv label{width:100%;}
	#bookinghistory #formdiv span{width:100%; margin-bottom:10px;}
	.fleet-desc {width: 98%;}
	#fleet div {margin-left: 0;}
	.current-weather{width:22%;}
	.forecast{width:77%}
	#inner .current-weather {width: 100%;}
	#inner .forecast {width: 100%;} 
	.span2 .current-weather p span{font-size:70px;float:left;width:50%;}
	#inner sup {font-size: 22px;}
	.mar60{margin-top:60px !important}
}
@media screen and (max-width: 650px) {
	#formdiv span.hint{width: 100% !important;}
	 .wrapper-inner {width:94%; }
	.center-inner{width:98%; }
	.innerpages_pg #inner .wrapper-inner{position:relative;}
	#textcontent{padding-top: 20px;display: inline-block;  width: 100%; }
	.sslinnerimg{width: 60px;    position: absolute;    top: 0;    right: 0px;}
	.wrapper-inner .span2 h2{ font-size: 20px;width: 100% !important;    font-weight: bold;}
	.wrapper-inner .span2 h2.sty{width: 100px !important; height:100px !important;}
	.wrapper-inner .span2 h2.stynew{width: 100px !important; height:100px !important;}
	.span1, .span2 {width:100%;    margin-top: 20px;}
	#formdiv, .wrapper-inner .servicebox{width:100%; margin-top:15px;}
	.weekend-destinations {width:100%;}
	#menuhighlight{text-align:right; display:block;     width: 58%; margin:0; top:10px; right: 10px;}
	#menuhighlight a{    display: inline-block;margin-right: 1%;    margin-bottom: 2px;    padding: 6px 6px; font-size:14px}
	#formdiv span.btnpadding {width: 100%;}
	#inner .header-inner{min-height: 165px;    margin-top: 0px;}
	#inner .wrapper-nav .span2{width:100%;    margin-top: 0px;}
	#inner .wrapper-nav .span2 h2{    font-size: 22px;line-height: 30px;} 
	#inner .wrapper-nav .span3{width:100%;}
	.footer-inner .span2 {width:100%}
	#inner .wrapper-nav #registrationform #formdiv{ margin-left: 13%;}
	.footer-inner{position:relative}
	.cardsicon {margin-left: 0; width: 40%; float:right; position:absolute; top:35px; right:0;}
	.footer-inner .span2{margin-top:0px;}
	.footer-links{position:absolute; bottom:35px; left:0; width:81%; text-align:left; margin-left: 2%;}
	#inner #forms .leftdiv, #inner #forms .span1{width:100%; margin-bottom:20px;}	
	.nav-collapse {width: 100%;margin-top: 15%;}
	.navbar .nav > li {padding:5px 5px 8px 0; margin-top:8px; background-color:#0099FF}	
	ul.nav-pills a {padding: 5px 8px 7px;}
	.navbar-innner span.booking-number{ right:10px; 
    float: left; text-align:center; width:100%; padding:0px; padding-top:5px}
	.navbar-innner span.login{ display:none}
	.navbar-innner span.booking-number a.main-btn{display:block}
	.logo {width:25%; padding-top:10px;margin-bottom: -10px;}
	#Dcoltext{left: 6px;top: 82px; bottom:initial;position: absolute;}
	.navbar-innner span.ifuser{margin:0;}
	.navbar .nav {font-size: 13px; font-weight:bold;}
	.navbar-innner span {font-size: 14px;} .navbar-innner span strong{font-size:16px; margin-right:5px;}	
	.navbar-innner {height: auto; overflow: auto; padding-bottom:8px;    width: 98%;    position: unset;}
	.navigation {border-bottom: 0; margin-bottom: 15px;    top: 0px;    width: 50%;    margin-top: 4%; position:absolute; right:10px; top:35px}
	.navigation ul {width: 100%;display: none;height: auto;     margin-top: 10px;}
	.navigation li{ margin:0px; padding:0px;width: 99%;float: left;position: relative;background-color: #404F7A;}
	.navigation li a { width:100%; line-height:40px;box-shadow: 2px 2px 6px rgba(0,0,0,0.6);border-bottom: 1px solid #fff;border-right: 1px solid #576979;background:none;-moz-border-radius: 0px;border-radius: 0px;-webkit-border-radius: 0px;box-shadow: 0px; padding:0px; color:#fff}
  	.navigation a { line-height:40px;text-align: left;width: 100%;text-indent: 25px;}	
	.navigation a#pull {border-radius:6px; text-decoration:none; color:#ffffff;display: block; font-size:18px; font-weight:bold;width: 100%; padding:0px;position: relative;background: #4c5c87;background: -moz-linear-gradient(top,  #4c5c87 0%, #384772  100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5c87), color-stop(100%,#384772));background: -webkit-linear-gradient(top,  #4c5c87 0%,#384772 100%);background: -o-linear-gradient(top,  #4c5c87 0%,#384772 100%);background: -ms-linear-gradient(top,  #4c5c87 0%,#384772 100%);background: linear-gradient(to bottom,  #4c5c87 0%,#384772 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5c87', endColorstr='#384772',GradientType=0 );}
	.navigation a#pull:after {content:"";background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 0px;top: 10px;}	
	.share{display:none; height:0; width:0}
	.choose-payment-options span{margin:2px; padding:0 10px 0 8px; width:100%}
	#formdiv #grand {width: 100%;float: left;margin-bottom: 0px;height: auto;margin-top: 15px;}
	#grand .grand-ineer1 {width:33%;float: left;margin-right: 2%; margin: 0px;height: auto;    margin-bottom: 10px;}
	#grand .grand-ineer1 img { display: none;}
	#grand select {width: 100%;padding: 6px;height: auto;}
	#grand .grand-ineer2 {width:33%;float: left;margin-right: 2%; margin: 0px;height: auto;    margin-bottom: 10px;}
	#grand .grand-ineer2 img { display: none;}
	#grand .grand-ineer3 {float: right;margin-right: 2%; margin: 0px;height: auto;    margin-bottom: 20px;}
	#grand .grand-ineer3 img { display: none;}
	#grand .grand-ineer {float: left;margin-right: 2%; margin: 0px;height: auto;    margin-bottom: 10px;}
	#grand .grand-ineer img { display: none;}
	#grand select#pax{background-position:110px}
	#grand select#child{background-position:110px}
	#grand select#luggage{background-position:110px}
	#grand select#child_seat{background-position:170px}
	#grand select#stopover{background-position:170px}
	#span2 span.cls2{ width:100%; margin-right:0px; min-height:50px}
	#span2 span{ width:100%; margin-right:0px; min-height:50px}
	#span2 p { min-height:50px}
	.footer-inner .span1{ width:100%; text-align:center}
	
	.benefit-item {
        align-items: flex-start;
    }

    .benefit-content h3 {
        font-size: 14px;
    }

    .benefit-content p {
        font-size: 12px;
    }
    .services-header {        align-items: flex-start;        flex-direction: column;        gap: 15px;    }
    .services-title {        gap: 10px;    }
    .services-title-icon {        width: 45px;        height: 45px;        font-size: 22px;   }
    .services-title h2 {        font-size: 19px;    }
    .service-link {        min-height: 55px;        font-size: 14px;        padding: 8px 12px;    }
    .car-icon {        width: 30px;        min-width: 30px;    }
    .logo{width:250px; margin-bottom:0px;        padding-top: 3px;}
    .logo a{    width: 100%;     display: inline-block;}
    .navbar-innner .logo img{    width: 55px; margin-left:10px;}
    .logo a .logo_txt{width: 100px;font-size: 28px;     line-height: 19px;}
    .logo a .logo_txt > span{font-size: 14px;}
    .header-inner{height: 375px;}
    .header-inner .slider_text{left: 5%;width: 90%; }
    .header-inner .slider_text h2{font-size: 24px; line-height: 32px;margin-top: 0;     line-height: 20px;}
    .header-inner .slider_text h2 span{display:inline-block;}
    .header-inner .slider_text p{width: 100%;}
    .header-inner .rslides{top: unset; bottom: 20px;}
    .header-inner .slider_text .small_heading, .header-inner .slider_text h2, .header-inner .slider_text p{text-shadow: 1px 1px 1px #ffffff;}
    .header-inner .slider_text .small_heading{font-size: 15px;}
    .header-inner .rslides > li{padding: 15px;}
    .header-inner .rslides .text_Area .big_text{font-size: 20px;}
    .header-inner .rslides > li ul li{font-size: 14px;}
    .navbar-innner{padding: 0;     margin: 0;    width: 100%;}
    .navbar-innner span.booking-number{padding: 0;     margin: 0;}
    .navbar #menuhighlight{display:none !important;}
    #extras .full{        grid-template-columns: 140px 1fr;}
    #extras .full > span.extra-seats-container{padding:0px;}
    .benefit-content p{font-size: 16px;}
    .feature_div{height: auto;}
    .feature-box{grid-template-columns: 1fr 1fr 1fr;     gap: 10px;    width: 100%;    display: grid;}
    .wrapper-inner .span2 h2{line-height: 24px;}
    #span2 span.cls2{margin-bottom:15px;}
    .benefits h1,h1{        font-size: 26px;}
    .services_div{margin-top: 0;     padding-top: 0;}
    .benefits h2.ser, h2{font-size: 20px !important;}
    h3{font-size: 18px !important;}
    .benefits h2.ser{margin-bottom: 0px !important;}
    .benefits ul li h3{        margin-top: 10px;}
    .benefits ul li a.btn{margin-bottom: 15px;}
    .benefits ul{gap: 10px;}
    #footer ul.services{grid-template-columns: repeat(3, 1fr);}
    #footer .footer-inner .span1{text-align:left;}
    #footer .stg{width: 100%;}
    #formdiv label{height: 24px;}
    #formdiv #First, #Second, #Third{position: relative;     text-align: left;    padding-left: 5px;    min-height: 35px;}
    input[type="radio"].st, input[type="radio"].st2, input[type="radio"].st3{width: 20px;    height: 20px;    background-size: contain;    position: absolute;    right: 5px;}
    .benefits ul li:nth-child(2)::after{top: 226px;}
    .booking_right_details #details > div:before{width: 25px;}
    .step_2_div #reservationright #details > div{padding-left: 33px;grid-template-columns: 60px 10px 1fr;}
    .step_2_div #reservationright h2{padding-top: 0;    padding-left: 35px;    padding-bottom: 0px;    line-height: 22px;}
    .booking_right_details h2:first-of-type:before, .booking_right_details h2:not(:first-of-type):before{font-size: 20px;}
    .booking_right_details h2:not(:first-of-type):before{left: 2px;}
    #inner.booking-process-page .wrapper-nav .span3{width:100% !important; margin-bottom:15px;}
    .ssl_img_position{right: -3px;top: -57px;}
    #bookthisride{        font-size: 22px;        padding-left: 30px;}
    .fare-section-wrap > div:first-child{padding: 10px !important;}
    .fare-section-wrap > div:first-child:before{left: unset;
        font-size: 20px;
        top: 5px;
        right: 5px; display:none;}
    .ssl_img_position{top: -40px;}
    .step_2_div .ssl_img_position img{height:60px;}
    .fare-section-wrap .paximg{width: 25%;}
    .fare-section-wrap .smimg{width: 25%;}
    .fare-section-wrap .lgimg{    width: 50%;}
    .fare-section-wrap .paximg:before, .fare-section-wrap .smimg:before,
    .fare-section-wrap .paximg:after, .fare-section-wrap .smimg:after{left: 8px;}
    .fare-section-wrap .paximg:after, .fare-section-wrap .lgimg:after, .fare-section-wrap .smimg:after{font-size: 12px;}
    .fare-section-wrap .lgimg:before{left:35px;}
    .step_2_div .allcars .txtbold, .step_2_div .allcars > div:not(.txtbold):not([style*="color:#FF0000"]){        min-width: 100%;  display: inline-block;    margin-bottom: 10px;padding: 0px;}
    .allcars .span14{font-size: 18px;    font-weight: bold;}
    .allcars .span14.base{font-size:15px; }
    .step_2_div .allcars .hd strong{font-size: 11px;}
    .step_2_div .allcars .txtbold{    padding: 10px 0;    grid-template-columns: 100px 76px 74px 70px;display: grid;}
    .step_2_div .allcars .span11{text-align: left;    width: 100% !important;    display: inline-block;    padding-left: 5px;    font-weight: bold;    margin-bottom: 5px;}
    .step_2_div .allcars .span12{width: 30% !important;    display: inline-block;}
    .step_2_div .allcars .span13{   width: 25% !important;    display: inline-block;    line-height: 45px;} 
    .step_2_div .allcars .span14{width: 15% !important;    line-height: 45px;}    
    .step_2_div .allcars .span15{        width: 28% !important;    margin-top: 4px;}
    .step_2_div .allcars .txtbold .span12,.step_2_div .allcars .txtbold .span13, .step_2_div .allcars .txtbold .span14{    width: 100% !important;        line-height: 13px !important;}
    .step_2_div > .wrapper-inner{padding-bottom: 0;} 
    #inner .span2 #formdiv{    margin-top: 0;}
    .thankyou_pg #registrationform #formdiv, #inner.thankyou_pg .wrapper-nav #registrationform #formdiv{margin:0px 0 10px 0;}
    .thankyou_pg #registrationform .payment_status_div.failed .payment-failed-actions a{padding: 5px 10px;font-size: 18px;}
    .thankyou_pg #registrationform .payment_status_div.failed .try-again-btn i, #registrationform .payment_status_div.failed .contact-us-btn i{    font-size: 18px;}
    .thankyou_pg #formdiv span, label{margin-bottom: 0;}
    .benefits .Content_left, .benefits .Img_right{width:100%; margin-right:0px; margin-bottom:10px;}
    
    
    
    
    
    
    
    
}
@media screen and (max-width: 540px) {
.cardnmbrFour{ width:23.7%}
	#Dcoltext{top: 68px;}
	#inner .wrapper-nav #registrationform #formdiv {    width: 88%;padding: 20px;    margin-left: 6%;}
	.navbar-innner span{margin-top:5px;}
	.navbar-innner span.booking-number{top:17px; text-align:center;}
	#grand select#pax{background-position:100px}
	#grand select#child{background-position:100px}
	#grand select#luggage{background-position:100px}
	#grand select#child_seat{background-position:150px}
	#grand select#stopover{background-position:150px}
	.header-inner {height: 145px;background-image: url(../images/top-img-new-mob.webp);        background-size: cover;}
	.header-inner .slider_text{display:none;top: 0;}
	.header-inner .slider_text p{font-size: 16px;}
	.header-inner .rslides{width: 185px;top: 65px;  bottom: unset;}
	.header-inner .rslides > li{padding:10px 10px 5px 10px;}
	.header-inner .rslides .text_Area{width: 135px;}
	.header-inner .rslides .text_Area .big_text{        font-size: 15px; margin:0px;line-height: 16px;}
	.header-inner .rslides .text_Area .big_text span{font-size: 18px;}
	.header-inner .rslides img{    bottom: 0px; width:25%;}
	.header-inner .rslides ul, .header-inner .rslides .text_Area > p:first-child{ display:none;}
	.bg-cover-1 {background-image:none;}
	.bg-cover-1 #formdiv{position:relative; margin-bottom:260px;}
	.bg-cover-1 #formdiv::after{content:''; position:absolute; bottom:-400px; left:0px; background-image:url('../images/bg-cover-1-mob.webp'); width:100%; display:inline-block; height:100%; background-size: contain;     background-repeat: no-repeat;    background-position: center center;} 
  
    
    
}
@media screen and (max-width: 480px) {
#formdiv label {
    font-size: 14px;}
    
.weekend-destinations li{ padding-left:15%}
#menuhighlight{     width: 68%; text-align:right;}
	.navigation {    width: 150px;         margin-top: 4px;}
	#inner .wrapper-nav #registrationform #formdiv {    width: 88%;padding: 20px;    margin-left: 6%;}
	#menuhighlight a{    margin-bottom: 5px;padding: 3px 5px; font-size: 12px;}
	#inner .header-inner{min-height: 120px;}	
	.carfeaturediv .div1 .btn-success {height: auto; font-size:14px;line-height: 32px;margin: 0 0 15px;padding: 0;}
	.cardsicon {float:left; left:0; margin-left:0; right:auto; top:8%; width:76%;}
	.footer-links{bottom: 0; clear: both; position: inherit; width: 97%;line-height: 25px; margin-top:25px; float:left}
	.footer-inner .span1{width:100%}
	.footer-inner .span2{width:100%; position:inherit;margin-top: -25px;}	
	#inner .wrapper-nav {margin-top: 0px;}
	form#paymentform input[type="checkbox"]{-ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5);}
	div.cities {width:50%;}
	#formdiv span, label{}
	input, select, textarea{}
	form select{padding-top: 5px;}
	.weather-div {border:1px solid #000000;padding: 10px 1% 10px 2%;}
	.current-weather, .forecast {width:100%}
	#span2 .current-weather p span, .span2 .current-weather p span{width:50%; float:left;}
	#Dcoltext{left: 133px; top: 76px; display:none; height:0; width:0}
	#inner .span2 #formdiv, #inner #formdiv, .wrapper-inner .servicebox{width:100%}
	#details span.ratecm{padding:5px 0;}
	#details div span:first-child{width:29%;}
	.navbar-innner span{margin-top:5px;}
			/* EXTERNAL X PAGE FORM CSS */
			form#paymentform label{width:0px; display:none;}
			form#paymentform label.hint{width:auto; display:block;}
			form#paymentform span{width:100%}
			form#paymentform span.triple{width:32.3%; margin-right:1%}
			form#paymentform span.double{width:48.8%; margin-right:1.2%}
	#formdiv label.extra-seats-container{/*width:52%;*/}
	#formdiv span.extra-seats-container {width: 48%;}
	#formdiv a.css_tool_tip_big:hover span{left:-167px;}
	#formdiv span#rd label, #formdiv span#rd input{width:auto}
	.weather-div li{width: 19.6%;}
	div.AuthorizeNetSeal a#AuthorizeNetText{display:none}
	#grand select#pax{background-position:75px}
	#grand select#child{background-position:75px}
	#grand select#luggage{background-position:75px}
	#grand select#child_seat{background-position:120px}
	#grand select#stopover{background-position:120px}
	p.onedollarmsg {width: 96%;margin-left: 2%;}
	.benefits ul li:nth-child(1)::after, .benefits ul li:nth-child(2)::after, .benefits ul li:nth-child(3)::after, .benefits ul li:nth-child(4)::after{        top: 224px;    }
	.services_div{padding-bottom:0px;}
	.cities_div .cities{min-height: 32px;     padding: 4px 5px;}
	.cities_div .cities a{font-size: 16px;}
	.faq-list{grid-template-columns: repeat(1, 1fr);}
}
@media screen and (max-width: 440px) {
    .navbar-innner span.login {    font-size: 10px;}
    .center-inner { width: 100%;padding: 10px;}
}
@media screen and (max-width: 373px) {
    h1 {
    font-size: 18px;
    line-height: 20px;
}
	.makereservation{top: 75px;}
	#menuhighlight { 
    width: 98%;
    width: 100%;
    text-align: right;}
	#menuhighlight a{     display: inline-block;
    text-align: center;
    width:30%;
    margin-right: 0px;}
	.navbar-innner span.booking-number{width: 100%;
    text-align: center;}
	#Dcoltext{font-size:11px; left: 6px; top: 77px;}
	.navigation {margin-top:0; width:100px}
	.navbar-innner span.booking-number strong{display:block;}
	.cardsicon {margin-bottom:20px;}
	.footer-inner .span2 {margin:0 0 10px 0;}
	.weather-div {padding: 10px 1% 10px 1%;}
	#inner .wrapper-nav #registrationform #formdiv { width: 100%; padding: 20px; margin-left: 0%;}
	.carfeaturediv .div1{width:96%;text-align:center;}
	.carfeaturediv .div2{width:100%;}
	#formdiv span.btnpadding {width: 63%;}
	#formdiv .addlink{width:88%;}
	#menuhighlight a{    display: inline-block;}
	#formdiv a.css_tool_tip_big:hover span{left:-160px;}
	.wrapper-inner .span2 #formdiv h2{padding-right:44px;}
	#grand select#pax{background-position:70px}
	#grand select#child{background-position:70px}
	#grand select#luggage{background-position:70px}
	#grand select#child_seat{background-position:110px}
	#grand select#stopover{background-position:110px}
	.navbar-innner span.login{ width:100%; text-align:center;    display: none;}
	.wrapper-inner .span2 h2 {    font-size: 13px;    line-height: 20px;}
	.navigation li a{ font-size:13px}
}
@media screen and (max-width: 340px) {
	.logo {width: 100%;}
	.navigation {margin-top: 0%;}
	a.css_tool_tip span i{background-color:#3366CC;}/*blue*/
	
}
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;	width:100%;
	top:0;	left:0;
	background:#000000;
	z-index:99;
	opacity: 0.7;
}
#popupDiv{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	z-index:100;	
	top:25%; left:25%;
	border:10px solid #759BD4;
	padding:10px;
	width:50%;
	height:auto; min-height:200px;
	background:#FFFFFF url(../images/loading_icon.gif); background-repeat:no-repeat; background-position:center;
}
#requestButtons{
	z-index:101;
	width:430px;
}
#closeup{
	cursor:pointer;  
	z-index:101;
	color:#ff0000; 
	font-size:20px; 
	font-weight:bold; 
	width:16px;
	padding:3px 3px 3px 7px;
	position:absolute;
	top:-2px;	right:-2px;
	background-color:#eeeeee;
	-webkit-box-shadow: 0px 0px 5px 2px #FFFFFF;
	  -moz-box-shadow: 0px 0px 5px 2px #FFFFFF;
		   box-shadow: 0px 0px 5px 2px #FFFFFF;
}
#popupContact{
	font-size:13px;background: #FFFFFF;
	margin:0 auto; float:left; padding-bottom:10px;		
}
#popupContact h1{
	text-align:left;
	color:#6FA5FD;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}
#popupContactClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:15px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
	margin-right:30px;
}
.paymentProcessMsg{float:left; color:#006600; font-size:12px; font-weight:normal; margin:0; padding:0;}
.decide-user{font-size:16px; line-height:30px;letter-spacing: 0.03em; padding:5px 0 10px;}
.decide-user a{color:#EE1D1D; text-decoration:underline;}
.decide-user a:hover{color:#009933; text-decoration:none;}

@media screen and (max-width: 1124px) {
	#popupDiv{left:18%; width:64%;} #requestButtons{width:405px;}
}
@media screen and (max-width: 980px) {
	#popupDiv{left:18%; width:64%;}	#requestButtons{width:405px;}
}
@media screen and (max-width: 850px) {
	#popupDiv{left:8%; width:84%;}
}
@media screen and (max-width: 650px) {
	#popupDiv{left:1%; width:98%;} #requestButtons{width:380px;}
}
@media screen and (max-width: 480px) {
	#requestButtons{width:290px;}
	#popupDiv{top:20%}
	#getprice span{width:30%; margin-bottom: 8px;}
	#getprice span.result{width:70%}
	#getprice input{height:auto;}
}
@media screen and (max-width: 420px) {
	#popupDiv{top:10%;}
	#getprice span{width:100%; margin-bottom: 0px;}
	#getprice span.result{width:100%; margin-bottom: 3px;}
}
@media screen and (max-width: 373px) {
    .navigation a#pull{border-radius: 5px;}
	.navigation{top:39px; width:150px;}
}
@media screen and (max-width: 320px) {
	#menuhighlight{margin-top: 15px !important;}
	.navigation a#pull{top:16px;}
}