.page-grey-section{ width:100%; height:auto; margin:0 auto; background:#f3f1f1; border-bottom:5px solid #dcd9d9; }
.page-grey-section .page-greyinner{ height: auto; margin: 0 auto; max-width: 1196px; padding: 34px 0 48px;}
.page-grey-section h2{ color:#000; font-size:49px; font-family: "BebasNeueRegular"; font-weight:normal; text-align:center; margin:0 0 20px; text-transform:uppercase; border-bottom:1px solid #b7b6b6;}
.page-grey-section .login-form{ width:100%; height:auto; padding:0;}
.page-grey-section .login-form .formelement-block{ float:left; width:32%; height:auto; margin:0 .6%;}
.page-grey-section .login-form .lbl01 { color: #000; font-size: 15px; font-weight: 700; height: auto; margin: 0 auto 7px; width: 100%;}
.page-grey-section .login-form input[type="text"], .page-grey-section .login-form input[type="email"], .page-grey-section .login-form input[type="password"]{ width:100%; height:50px; border:1px solid #c3c3c3; padding:4px 2%; color:#000;  background:#fff; font-size:14px; font-weight:400;}
.page-grey-section .login-form .actionarea{ float:left; width:33.6%; height:auto; margin:0}
.page-grey-section .login-form input[type="submit"]{ float:left; width:50%; height:50px; color:#f0f0f0; font-size:23px; font-weight:700; background:#227dda; border:none; transition: background-color 0.5s ease; display:block; margin:28px 2% 0 0; padding:10px 10%; transition: background-color 0.5s ease;}
.page-grey-section .login-form input[type="submit"]:hover{ background:#115eac; }
.page-grey-section .login-form h5{ float:left; color:#242222; font-size:15px; font-weight:600; margin:42px 0 0;}
.page-grey-section .login-form h5 a{ color:#242222;}
.page-grey-section .login-form .actionarea label{ float:left; width:100%; margin:12px auto 0; color:#333;}


.booked-row{ width:100%; height:auto; margin:0 auto; border-bottom:1px solid #dcd9d9;}
.booked-row .booked-block{ display:inline-block; width:22.5%; vertical-align:top; padding:24px 1.4% 16px; background:url(../images/bk-spce.jpg) 100% 0 repeat-y;}
.booked-row .booked-block.ef{ background:none;}
.booked-row .booked-block h3{ color:#000; font-size:12px; font-weight:700; margin:0 0 5px; line-height:14px;}
.booked-row .booked-block .booked-desc{ width:100%; }
.booked-row .booked-block .booked-desc h4{ color:#434242; font-size:13px; font-weight:600;}
.booked-row .booked-block .booked-desc h4 img{ margin:0 4px 0 0;}
.booked-row .booked-block .booked-desc .booked-car-img{ width:100%; text-align:center; margin:0 auto 14px;}
.booked-row .booked-block .booked-desc .car-price{ float:left; width:48%; padding:0 1%; text-align:left;}
.booked-desc h5{ color:#000; font-size:18px; font-weight:700;}
.btn-change{ float:right; height:auto; margin:40px 0 0; text-align:center;}
.btn-change a{ color:#fff; font-size:16px; font-weight:400; padding:6px 14px; display:block; background:#227dda; transition: background-color 0.5s ease;}
.btn-change a:hover{ background:#115eac;}


.create-account{ width:100%; height:auto; padding:0; margin:0 auto 32px;}
.create-account h5.required{ text-align:center; color:#000; font-size:18px; font-weight:700; text-transform:uppercase; margin:0 0 25px;}
.create-account .rows01{ width:100%; height:auto; margin:0 auto 20px;}
.create-account .form-element{ width:46%;}
.create-account .lbl01 { color: #000; font-size: 17px; font-weight: 700; height: auto; margin: 0 auto 12px; width: 100%;}
.create-account input[type="text"], .create-account input[type="email"], .create-account input[type="tel"], .create-account input[type="password"]{ width:100%; height:42px; border:1px solid #b9b8b8; padding:4px 2%; color:#000;  background:#fff; font-size:14px; font-weight:400;}
.create-account select{ width:70%; height:42px; border:1px solid #b9b8b8; padding:4px 2%; color:#000;  background:#fff; font-size:14px; font-weight:400;}


.billing-account{ width:100%; height:auto; padding:0; margin:0 auto 32px;}
.billing-account h2{ color:#000; font-size:42px; font-family: "BebasNeueRegular"; font-weight:normal; text-align:center; margin:0 0 10px; text-transform:uppercase; border-bottom:1px solid #b7b6b6;}
.billing-account h5.required{ text-align:center; color:#000; font-size:18px; font-weight:700; text-transform:uppercase; margin:0 0 20px;}
.billing-account .formelement-block{ float:left; width:56%; height:auto; margin:0;}
.billing-account .lbl01 { color: #000; font-size: 17px; font-weight: 600; height: auto; margin: 0 auto 12px; width: 100%;}
.billing-account input[type="text"], .billing-account input[type="email"], .billing-account input[type="tel"], .billing-account input[type="password"]{ width:100%; height:42px; border:1px solid #b9b8b8; padding:4px 2%; margin:0 auto 17px; color:#000;  background:#fff; font-size:14px; font-weight:400;}
.billing-account select{ width:100%; height:42px; border:1px solid #b9b8b8; padding:4px 2%; margin:0 auto 17px; color:#000; background:#fff; font-size:14px; font-weight:400;}
.billing-account textarea{ width:100%; height:82px; border:1px solid #b9b8b8; padding:4px 2%; margin:0 auto 17px; color:#000; background:#fff; font-size:14px; font-weight:400; overflow:auto; resize:none;}
.billing-account .control-bar{ width:100%; height:auto; margin:20px auto 0;}
.billing-account .control-bar label{ float:left; color:#000; font-size:15px; font-weight:400;}
.billing-account .control-bar label a{ color:#000; text-decoration:underline;}
.billing-account .control-bar label input[type="checkbox"]{ float:left; margin:4px 4px 0 0;}
.billing-account .control-bar input[type="submit"]{ float:right; height:50px; color:#f0f0f0; font-size:23px; font-weight:700; background:#227dda; border:none; transition: background-color 0.5s ease; display:block; margin:0; padding:10px 4%; transition: background-color 0.5s ease;}
.billing-account .control-bar input[type="submit"]:hover{ background:#115eac;}
.billing-account .icon-sec{ float:right; width:34%; text-align:center;}



.account-section{ width:100%; height:auto; margin:0 auto;}
.account-section .formbox{ border: 1px solid #d6d4d4; padding: 12px 1.5%; width: 49%;}
.account-section .formbox h2{ color:#5c5c5d; font-size:18px; margin:0 0 16px; padding:0 0 8px; border-bottom: 1px solid #d6d4d4; text-transform:uppercase;}
.account-section .formbox .rows01{ width:100%; height:auto; margin:0 auto 6px;}
.account-section .formbox .lbl01{ width:100%; height:auto; margin:0 auto 4px; font-weight:normal; color:#111; font-size:15px;}
.account-section .formbox input[type="text"], .account-section .formbox input[type="email"], .account-section .formbox input[type="tel"], .account-section .formbox input[type="password"], .account-section .formbox select{ width:100%; height:32px; margin:0 auto 8px; border: 1px solid #d6d4d4; padding:3px 1%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight:normal; color:#111; font-size:15px;}
.account-section .formbox input[type="submit"]{ float:right; height:44px; padding:0 5%; background:#f37121; border:none; border-bottom:3px solid #d85403; text-align:center;  text-align:center; text-transform:uppercase; transition: all 0.3s ease-in-out 0s; color:#fff; font-size:14px; font-family:"CenturyGothic"; font-weight:normal;}
.account-section .formbox input[type="submit"]:hover{ background:#d85403; border-bottom:3px solid #f37121;}
.account-section .formbox h6,.account-section .formbox h6 a{ color:#000; font-size:13px;line-height:normal;font-weight:400}
.account-sidebar{ float:left; width:26%; height:auto; background:#fbfbfb; border:5px solid #e1e1e1; padding:0;}
.account-sidebar ul{ list-style:none; margin:0; padding:0;}
.account-sidebar ul li{ width:100%;font-weight:600; border-bottom:1px solid #e4e4e4;}
.account-sidebar ul li:last-child{ border:0;}
.account-sidebar ul li a{ color:#505050; font-size:18px; padding:12px 3%; display:block;}
.account-sidebar ul li img{ margin:0 10px 0 0;}
.account-sidebar ul li a.selected{ background:#e8e8e8;}

.account-block{ float:right; width:70%;}
.account-block h3{ color:#000; font-size:22px; font-family: "BebasNeueRegular"; font-weight:normal; margin:0 0 18px; padding:0 0 8px; text-transform:uppercase; border-bottom:1px solid #b7b6b6;}
.account-block .formrow{ width:100%; height:auto; margin:0 auto 20px;}
.account-block .formrow .form-element{ width:46%;}
.account-block .formrow .rows01{ width:100%; height:auto; margin:0 auto 18px;}
.account-block .formrow .lbl01 { color: #000; font-size: 17px; font-weight: 700; height: auto; margin: 0 auto 12px; width: 100%;}
.account-block .formrow input[type="text"], .account-block .formrow input[type="email"], .account-block .formrow input[type="tel"], .account-block .formrow input[type="password"]{ width:100%; height:42px; border:1px solid #b9b8b8; padding:4px 2%; color:#000;  background:#fff; font-size:14px; font-weight:400;}

.formrow textarea.bookCancel{ width:100%; height:80px; border:1px solid #b9b8b8; padding:4px 2%; color:#000;  background:#fff; font-size:14px; font-weight:400;}

.account-block .formrow select{ width:70%; height:42px; border:1px solid #b9b8b8; padding:4px 2%; color:#000;  background:#fff; font-size:14px; font-weight:400;}
.account-block .formrow .control-bar{ width:100%; height:auto; margin:20px auto 0;}
.account-block .formrow .control-bar label{ float:left; color:#000; font-size:15px; font-weight:400;}
.account-block .formrow .control-bar input[type="submit"]{ float:right; height:50px; color:#f0f0f0; font-size:16px; font-weight:700; background:#227dda; border:none; transition: background-color 0.5s ease; display:block; margin:0; padding:10px 4%; transition: background-color 0.5s ease;}
.account-block .formrow .control-bar input[type="submit"]:hover{ background:#115eac;}
.account-block .formrow .txtfield{ height: auto; margin: 0 auto 12px; width: 100%; color: #666; font-size: 16px; font-weight: 600;}

.account-block .formrow h5.editform{ width:100%; height:auto; font-weight:500; font-size:15px; text-align:right;}
.account-block .formrow h5.editform a{ color:#242222;}
#form_edit .account-block{ width:100%;}



.searchlist{ width:100%; height:auto; margin:0 auto;}
.searchlist .searchbox-each{ width:100%; height:auto; margin:0 auto 36px;}
.searchlist .searchbox-each h2{ color:#1a1a19; font-size:28px; font-weight:600; background:#d6d5d3; padding:6px 2%; margin:0 auto 22px;}
.searchlist .searchbox-each .car-details{ float:left; width:70%; padding:16px 0 0 10px;}
.searchbox-each .car-details figure{ width:100%; height:auto; margin:0 auto 30px; text-align:center;}
.searchbox-each .car-details p{ color:#292727; font-size:16px; font-weight:400; line-height:24px; margin:0 0 24px;}
.searchlist .searchbox-each .bookdetail{ float:right; width:28%; border:3px solid #adadad; margin-right:1%;}
.searchbox-each .bookdetail h3{ color:#292727; font-size:16px; font-weight:600; padding:10px 4%; width:100%; background:#fff;}
.searchbox-each .bookdetail .greybox{padding:10px 5%; width:100%; background:#f3f3f3;}
.searchbox-each .bookdetail ul{ list-style:none; margin:0 0 12px; padding:0;}
.searchbox-each .bookdetail ul li{ color:#292727; font-size:15px; font-weight:400; border-bottom:2px dotted #6b6b6b; padding:12px 0;}
.searchbox-each .bookdetail h4{ color:#090909; font-size:19px; font-weight:700; text-transform:uppercase; padding:0 0 14px;}
.searchbox-each .bookdetail h5{ color:#000; font-size:16px; font-weight:400; padding:0 0 6px;}
.searchbox-each .bookdetail a.cont{ background:#227dda; width:100%; height:auto; color:#fff; font-size:19px; font-weight:700; text-align:center; padding:12px 3%; display:block; margin:0 auto; border:1px solid #f3f3f3; text-transform:uppercase; transition: background-color 0.5s ease;}
.searchbox-each .bookdetail a.cont:hover{ background:#0d4f92;}


.carbooking{ max-width:600px; margin:0 auto; }
.carbooking h2{ color:#000; font-size:42px; font-family: "BebasNeueRegular"; font-weight:normal; text-align:center; padding: 0 0 8px; margin:0 0 20px; text-transform:uppercase; border-bottom:1px solid #b7b6b6;}
.carbooking .rows01{ width:100%; margin:0 auto;}
.carbooking .form-elem{ width:47%;}
.carbooking .lbl01{ width:100%; height:auto; margin:0 auto 6px; color:#5e5e5d; font-size:16px; font-weight:400;}
.carbooking .picker { width:100%; height:44px; padding:8px 2%; margin:0 auto 16px; border:1px solid #e1e0e0; background:#fff; color:#383837; font-size:16px; font-weight:400; cursor:pointer;}
.carbooking .picker input[type="text"] { float:right; width:88%; background:none; border:none; height:29px; margin:0;}
.carbooking input[type="text"], .carbooking input[type="email"], .carbooking input[type="tel"], .carbooking input[type="password"], .carbooking select{ width:100%; height:44px; padding:2px 2%; margin:0 auto 16px; border:1px solid #e1e0e0; background:#fff; color:#383837; font-size:16px; font-weight:400;}
.carbooking textarea{ width:100%; height:94px; padding:2px 2%; margin:0 auto 16px; border:1px solid #e1e0e0; background:#fff; overflow:auto; resize:none; color:#383837; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400; resize:none; overflow:auto;}
h5.forgotpass{ float:left; color:#000; font-size:14px; font-weight:400; margin:0 12px 0 0;}
h5.forgotpass a{ color:#000; text-decoration:underline;}
.carbooking input[type="submit"], .carbooking .proceed-btn button{ float:right; width:260px; height:46px; color:#f0f0f0; font-size:18px; font-weight:600; text-transform:uppercase; background:#227dda; border:none; border-bottom:3px solid #115eac; transition: background-color 0.5s ease;}
.carbooking input[type="submit"]:hover{ background:#115eac; border:none; border-bottom:3px solid #227dda;}
.carbooking .card-form label{ color:#000; font-size:14px;}
.carbooking .proceed-btn button:disabled{ color:#000; background:#F3F1F1;}
.carbooking a.btn-skip{ float:right; height:46px; margin:0 6px 0 0; color:#f0f0f0; font-size:18px; font-weight:600; text-transform:uppercase; background:#39ad23; border:none; border-bottom:3px solid #207b0f; transition: background-color 0.5s ease; padding:10px 20px;}
.carbooking a.btn-skip:hover{ background:#207b0f; border:none; border-bottom:3px solid #39ad23;}



.make-payment-section{ width:100%; height:auto; padding:0; margin:0 auto 32px;}
.make-payment-section .payment-tab{ max-width:764px; height:auto; margin:0 auto;}
.make-payment-section .payment-tab .tab-content{ max-width:412px; height:auto; margin:0 auto 40px;}
.make-payment-section .payment-tab .tab-content ul{ list-style:none; margin:0; padding:0; text-align:center;}
.make-payment-section .payment-tab .tab-content ul li{ display:inline-block; width:48%;}
.make-payment-section .payment-tab .tab-content ul li a{ color:#000000; font-size:18px; font-weight:400; text-transform:uppercase; background:#e4e3e3; padding:12px 3%; display:block;}
.make-payment-section .payment-tab .tab-content ul li a.selected{ background:#1b1813; color:#fff;}
.make-payment-section .payment-tab .tab-details{ width:100%; height:auto; margin:0 auto;}
.make-payment-section .svd-detail{ width:100%; height:auto; border:1px solid #d1d1d1;}
.make-payment-section .svd-detail .rows01{ width:100%; height:auto; margin:0 auto; padding:10px 2%;}
.make-payment-section .svd-detail .darker{ background:#e4e3e3;}
.make-payment-section .svd-detail .bank{ float:left; width:26%; color:#000; font-size:16px; font-weight:400;}
.make-payment-section .svd-detail .bank img{ margin:0 12px 0 0;}
.make-payment-section .svd-detail .remove{ float:right; color:#000; font-size:16px; font-weight:400;}
.make-payment-section .svd-detail .card{ float:left; width:64%; color:#656464; font-size:16px; font-weight:400;}
.make-payment-section .svd-detail .card img{ margin:0 12px 0 0;}
.make-payment-section .svd-detail input[type="text"].cvv{ float:right; width:104px; height:32px; padding:3px 2%; border:1px solid #b7b7b7; color:#656464; font-size:16px; font-weight:400;}
.make-payment-section .card-form{ width:100%; margin:0 auto;}
.make-payment-section .card-form .form-elem{ width:49%;}
.make-payment-section .proceed-btn{ width:100%; background:#39ad23; margin:30px auto; text-align:center;}
.make-payment-section .proceed-btn a{ color:#fff; font-size:26px; font-weight:700; padding:16px 2%; display:block;}



/* --------------- pop up ----------------------*/
.popup { width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; z-index:8; background:rgba(0,0,0,0.75);}
/* Inner */
.popup-inner { max-width:500px; width:90%; padding:40px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:3px; background:#fff; text-align:center;}
 /* Close Button */
.popup-close { width:30px; height:30px; padding-top:4px; display:inline-block; position:absolute; top:0px; right:0px; transition:ease 0.25s all; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%); border-radius:1000px; background:rgba(0,0,0,0.8); font-family:Arial, Sans-Serif; font-size:20px; text-align:center; line-height:100%; color:#fff;}
 .popup-close:hover { -webkit-transform:translate(50%, -50%) rotate(180deg); transform:translate(50%, -50%) rotate(180deg); background:rgba(0,0,0,1); text-decoration:none;}
 
 .form-edit-secton{ max-width:750px; width:90%; padding:40px; position:absolute; top:50%; left:50%; z-index:999; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:3px; background:#fff;}
 .form-edit-secton iframe{ height:530px;}
 
 .form-ios{height:550px!important; overflow: auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling: touch!important;}
/* --------------- /pop up ----------------------*/


/* uuuu  */
.refresh {cursor: pointer; float: left; margin: 14px 5px;}
.error{ border:1px solid red !important; }
.tab-content ul li a.selected { background: #895d18; color: #fff;}