h1,h2,h3,h4,h5,h5,ul { display: block; margin: 0px; padding: 0px; }
body{margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif !important; background-color: #fff; }
.myles-1, .myles-2, .myles-3, .myles-4, .myles-5, .myles-6,
.myles-7, .myles-8, .myles-9, .myles-10, .myles-11, .myles-12{ position:
relative; min-height: 1px; float: left; } .myles-1 { float: left;
width: 8.333333%; } .myles-2 { float: left; width: 16.666667%; }
.myles-3 { float: left; width: 25%; } .myles-4 { float: left;
width: 33.333333%; } .myles-5 { float: left; width: 41.666667%;
} .myles-6 { float: left; width: 50%; } .myles-7 { float:
left; width: 58.333333%; } .myles-8 { float: left; width:
66.666667%; } .myles-9 { float: left; width: 75%; } .myles-10
{ float: left; width: 83.333333%; } .myles-11 { float: left;
width: 91.666667%; } .myles-12 { float: left; width: 100%; }
select, input{ /*-webkit-appearance: none;-moz-appearance: none; appearance: none ; outline: none; */}
select focus, input focus { outline: none; }
.mc-header.nav-fixed { display:block; position:fixed; left:0; top:0;right: 0; z-index: 555; background-color: rgba(255,255,255, 1); transition: all 0.9s ease; box-shadow: 0 0 4px #434343;}
.mc-header.nav-fixed .mc-logo { display: block; background: url(../../images/home_new_page/logo2.png) no-repeat center top; width: 101px; height:26px; transition: all 0.9s ease; }
.mc-header.nav-fixed .mc-menu li a { color: #333; }
.mc-header.nav-fixed .me-login a { color: #333; }
.mc-header.nav-fixed .me-login a { background:url("../../images/home_new_page/login-icon-hover.png") no-repeat scroll 5px 6px; }
.mc-header.nav-fixed .mc-mobile-menu span { background: #e04627 ; }
.mc-header.nav-fixed .mc-mobile-menu p { color: #e04627; }
.mc-header { display:block; position:fixed; left:0; top:0;right: 0; z-index: 555;/* background-color: rgba(255,255,255, 0.1);*/ padding: 12px 0px; }
.mc-header .mc-logo { display: block; background: url(../../images/home_new_page/logo.png) no-repeat center top; width: 101px; height:26px; }
.mc-container { display: block; margin: 0 auto; position: relative; }
.clr { display: block !important; clear: both; line-height: 0; height: 0; margin: 0; padding: 0px; }
.mc-header .mc-menu { display: block; margin: 1px 0 0 0; padding: 0px; list-style: none; text-align: center; }
.mc-header .mc-menu li { display: inline-block; padding: 0 4px; }
.mc-header .mc-menu li a { display: block; font-size: 12px; color: #fff; text-transform: uppercase; text-decoration: none; outline: 0;
padding: 0 7px; }
.mc-header .mc-menu li a:hover { color: #e04627; }
.mc-header .mc-menu li.active a { border-bottom: 2px solid #e04627; }
.mc-header .me-login { display: block; text-align: right; }
.mc-header .me-login a { display: inline-block; font-size: 11px; color: #fff; text-transform: uppercase; outline: 0;
text-decoration: none;padding: 4px 0px 0 20px;text-align: right;
background:url("../../images/home_new_page/login-icon.png") no-repeat scroll 5px 6px; }
.mc-header .me-login a:hover { color: #e04627; background:url("../../images/home_new_page/login-icon-hover.png") no-repeat scroll 5px 6px; }
.mc-mobile-menu { display: none; }
/*--header end--*/
.mc-banner { display: block; background: url(../../images/home_new_page/myleshomepage.png) no-repeat center top; background-size: cover;
min-height: 500px; }
.mc-banner .mc-banner-text { display: block;font-family: 'Montserrat', sans-serif; vertical-align: middle; padding: 154px 0 0 0; }
.mc-banner .mc-banner-text h1 { display: inline; margin: 0px; padding: 0px 0 10px 0; line-height: 40px; font-size: 26px; font-weight:400; color:#ffcc7c; }
.mc-banner .mc-banner-text h1 span { color:#ffcc7c; }
.mc-banner .mc-banner-text span { margin: 0px; padding: 0px; font-size: 26px; font-weight:700; color:#fff; }
.mc-banner .mc-container { display: block; padding-top: 5.6%; }
/*--mc-banner end--*/
.mc-userCode { display: block; background: #f4f6fc; padding: 30px 0px; }
.mc-userCode .models-locations { list-style: none; display: block; text-align: center; margin: 0 0px }
.mc-userCode .models-locations li { display: inline-block;margin: 0px 1%; vertical-align: top; text-align: center; }
.mc-userCode .models-locations li .icon { border: 1px dashed #e04627; display:block; padding:35px 20px; height: 110px; width: 150px;margin: 0 auto; }
.mc-userCode .models-locations li .icon img { vertical-align: middle; max-width: 100%; }
.mc-userCode .models-locations li .icon .icon-img1 { margin: 7px 0; }
.mc-userCode .models-locations li .icon .icon-img { margin: 15px 0; }
.mc-userCode .models-locations li .text { display: block; font-size: 14px; color: #373737; }
.mc-userCode .models-locations li .count { display: block; font-size: 20px; color: #373737; font-weight: 700;
font-family: 'Montserrat', sans-serif; background: #f4f6fc; margin: -10px 14% 0; padding: 20px 0px 0px 0; }
.mc-userCode .mc-code { display: block; margin-top: 30px; }
.mc-userCode .mc-code .mc-first-user { text-align: left; list-style: none; margin: 0 ; }
.mc-userCode .mc-code .mc-first-user li { display: inline-block; width: 47.77777%; margin: 0 2% 0 0; border:1px solid #c6964b;
padding: 2% 1%; text-align: center; background:url(../../images/home_new_page/cream-pixels.png) repeat #fff; }
.mc-userCode .mc-code .mc-first-user li:hover {box-shadow:0 0 10px #ccc; }
.mc-userCode .mc-code .mc-first-user li span { color: #575757; font-size: 14px; text-transform: uppercase; font-weight: 600; }
.mc-userCode .mc-code .mc-first-user li h3 { color: #575757; font-size: 30px; text-transform: uppercase; padding: 6px 0; margin: 0px;
line-height: 30px; font-weight: 400; }
.mc-userCode .mc-code .mc-first-user li p { color: #373737; font-size: 16px; font-weight: 600; text-transform: uppercase;
margin: 0px; padding: 0; }
.mc-userCode .mc-code .mc-first-user li:nth-child(2) { margin-right: 0; float: right; }
.mc-userCode .mc-code .mc-first-user li p span { color: #575757; font-weight: 400; }
.mc-userCode .mc-code .mc-first-user li .terms { display: block; margin-top: 15px; font-size: 10px; color: #878787;
text-transform: inherit; }
.mc-userCode .mc-code .mc-first-user li .terms a { outline:0; }
.mc-userCode .my-carousel .item img { width: 100%; height: 316px; }
.mrgnLft20 { padding-right: 40px; }
.mc-userCode .owl-theme .owl-controls { text-align: center; position: absolute; bottom:12px; right: 10px;}
.mc-userCode .owl-theme .owl-controls .owl-page { display: inline-block;}
.mc-userCode .owl-theme .owl-controls .owl-page span { border:2px solid #ffcc7c; border-radius:20px; display:block; height:12px;
margin:5px 7px; width:12px;}
.mc-userCode .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background: #ffcc7c;}
/*--mc-userCode end*/
.mc-product { display: block; background: #fff; padding: 50px 0px 30px 0; overflow: hidden; }
h2 span { color: #575757; font-weight: 300; }
.product-tab { display: block; border-bottom:1px solid #e6e6e6; margin-bottom: 5px;}
.product-list { display: block; list-style: none; margin-bottom: 0px; }
.product-list li { display: inline-block; padding-right: 30px; }
.product-list li a { display:block; color: #575757; font-size: 14px; text-decoration: none; padding-bottom:7px; outline:0px; }
.product-list li.mc-active3 a { display: block; color: #e04627; border-bottom: 1px solid #e04627; padding-bottom: 7px;}
.product-list li.mc-active2 a { display: block; color: #e04627; border-bottom: 1px solid #e04627; padding-bottom: 6px; margin-bottom: 0px; outline:0px;}
.mc-usage { display: block; text-align: right; }
.mc-usage label {color: #373737; font-size: 14px; padding-right: 10px; }
.mc-usage select {color: #e04627; padding-right: 15px; font-size: 14px; border: 0; box-shadow: none; letter-spacing:0.5px;
background: url(../../images/home_new_page/select-arrow.png) right center no-repeat; }
.car-aviailable { margin: 0px; padding: 0px; font-size: 12px; color: #878787; }
.car-aviailable span { font-weight: bold; }
.mc-car { margin: 50px 0px 0 0; }
.mc-car-in { padding: 20px 20px 10px 20px; margin:4% 3%;/*box-shadow: 0 0 17px #ddd;*/ }
.mc-car-in:hover { box-shadow: 0 0 17px #ddd; padding: 20px 20px 10px 20px; border-radius: 5px; }
.car-carousel-full-width:hover { box-shadow: 0 0 17px #ddd; border-radius: 5px; }
.car-img { display: block; text-align: center; padding: 20px 20px 40px 20px; min-height: 118px; }
.car-img img { max-width: 100%; }
.carname { font-size: 16px; margin: 0px; padding: 0px; line-height: 18px;
color: #373737; text-transform: uppercase; font-weight: 700; }
.mc-car-name { margin-bottom: 10px; border-bottom: 1px solid #e2e2e2; padding-bottom: 14px; }
.carname span { display: block; font-size: 12px; color: #373737; text-transform:capitalize;
font-weight: 400; }
.mc-price { display:block; color: #373737; font-weight: 700; line-height: 18px; font-size: 16px; text-align: right; }
.mc-feature ul { list-style: none;text-align: center; }
.mc-feature ul li { display: inline-block; padding: 0 4%; text-align: right; color: #373737; font-size: 14px;
border-right: 1px solid #d5d5d5; }
.mc-feature ul li:nth-child(1) { padding-left: 0px; }
.mc-feature ul li:nth-child(4) { padding-right: 0px; }
.mc-feature ul li span { display: block; font-size: 12px; color: #878787; text-align: left; }
.mc-feature ul li img { float: left; margin-right:5px; }
.mc-feature ul li:last-child { border-right:0; }
.owl-controls { margin-top: 10px; text-align: center;}
.owl-buttons div { border-radius: 0px; color: #fff; display: inline-block; font-size: 12px; margin: 5px;
opacity: 0.5; padding: 8px 30px; border:1px solid #cecece; position: absolute; top: 150px;}
.mc-product .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; text-indent: -1900px;}
.mc-product .owl-controls .owl-page, .owl-controls .owl-buttons div:hover { opacity: 1 !important; }
.mc-product .owl-controls .owl-page, .owl-controls .owl-buttons .owl-prev { background: url(../../images/home_new_page/slide-arrow.png) no-repeat center center;left: -70px; }
.mc-product .owl-controls .owl-page, .owl-controls .owl-buttons .owl-next { background: url(../../images/home_new_page/slide-arrow-rgt.png) no-repeat center center;right: -70px;color: transparent;}
/*--mc-product end--*/
.mc-drive { display: block;}
.mc-drive.bg { background:url(../../images/home_new_page/mobile.jpg) no-repeat center top #f1f3f7; background-size: cover; }
.mc-drive .mc-drive-in { padding: 50px 0px; }
.mc-drive .mc-drive-in .mc-step { display: block; list-style: none; margin: 0px; padding: 0px; text-align: left; }
.mc-drive .mc-drive-in .mc-step li { display: inline-block; width: 48%; margin-bottom: 50px; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.mc-drive .mc-drive-in .mc-step li .icon { display: inline-block; text-align: center; min-height: 50px; margin: 0px; padding: 0px;
vertical-align: middle; width: 75px; height: 60px; line-height: 68px; }
.mc-drive .wallet {fill: none;stroke: #e04627;stroke-dasharray: 4 2;filter: url();}
.mc-drive .wallet, .wallet2 {stroke-width: 1px;fill-rule: evenodd;}
.mc-drive .wallet2 {fill: #878787;stroke: #878787;stroke-linejoin: round;}
.mc-drive .car {fill: none;stroke: #cfcece;stroke-width: 1px;stroke-dasharray: 4 2;filter: url();}
.mc-drive .car, .car2 {fill-rule: evenodd;}
.mc-drive .car2 {fill: #878787;}
.mc-drive .mc-drive-in .mc-step li .text { display: inline-block; margin: 0px 0 0 0px; padding: 0px 0 0 15px; vertical-align: middle;
font-size: 26px; color: #373737; line-height: 22px; }
.mc-drive .mc-drive-in .mc-step li .text span { display: block; font-size: 14px; color: #575757; }
.mc-drive h2 { text-align: left; }
.mc-drive h2 span { color: #373737; }
.mc-drive .mc-drive-in .mc-step li .lineHeight { line-height: 78px; }
.mc-drive .mc-get-sms .get-sms { font-size: 14px; color: #484848; font-weight: 400; }
.mc-drive .mc-get-sms .mc-input { margin: 15px 0px; position: relative; width: 85%; }
.mc-drive .mc-get-sms .mc-input input { height: 42px; background: #fff; border:1px solid #e3e3e3; border-radius: 3px; padding: 0 8%; width: 84%;
color: #333; font-size: 14px; font-weight: 700; }
.mc-drive .mc-get-sms .mc-input svg { position: absolute; left: 16px; top: 10px; }
.mc-drive .mc-get-sms .mc-input button { position: absolute; top: 1px; bottom: 0; right: 0; border:1px solid #e04627; border-radius: 0 3px 3px 0px;
color: #e04627; height: 40px; padding: 0 30px; text-align: center; font-size: 14px; background: #fff; }
.mc-drive .mobile-icon { fill: #484848; fill-rule: evenodd; }
.mc-drive .mc-get-sms .mc-input button:hover { background:#e04627; color: #fff; cursor: pointer; }
.mc-drive .mc-get-sms .myles-app { font-size: 14px; color: #373737; font-weight: 400; vertical-align: top; padding: 8px 8px 0 0; display: inline-block; }
.mc-drive .mc-get-sms .app { margin-right: 8px; }
/*--mc-drive end--*/
.mc-faq { min-height: 200px; background: #fff; padding: 50px 0px; }
.mc-faq .faq-slide p { color: #878787; font-size: 16px; font-weight: 400; padding-top: 20px; line-height: 26px; font-weight: 400; margin: 0; }
.mc-faq .comma { fill: #ffcc7c; fill-rule: evenodd; }
.mc-faq .faq-slide .item svg { position: absolute; top: 0; left: 0 }
.mc-faq .faq-slide .item { padding: 0 0px 0 80px; }
.mc-faq .faq-slide .item .name { font-size: 16px; color: #373737; font-weight: 400; display: block; text-align: right;
font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 50px; }
.mc-faq .owl-theme .owl-controls .owl-buttons div { border-radius: 0px; color: #fff; display:block; font-size: 12px; margin: 30px 0px;
opacity: 0.5; padding: 8px 30px; border:1px solid #cecece; float: right; margin: 0; }
.mc-faq .owl-controls .owl-page, .mc-faq .owl-controls .owl-buttons div { cursor: pointer; text-indent: -1900px; position: relative;}
.mc-faq .owl-controls .owl-page, .mc-faq .owl-controls .owl-buttons div:hover { opacity: 1 !important; }
.mc-faq .owl-controls .owl-page, .mc-faq .owl-controls .owl-buttons .owl-prev { background: url(../../images/home_new_page/slide-arrow.png) no-repeat center center; right: 0; top:0px; }
.mc-faq .owl-controls .owl-page, .mc-faq .owl-controls .owl-buttons .owl-next { background: url(../../images/home_new_page/slide-arrow-rgt.png) no-repeat center center; top:0px; right: -62px;}
/*--mc-faq end--*/
.mc-as-soon { display: block; background: url(../../images/home_new_page/bg-b.png) no-repeat center center; background-size: cover; padding: 50px 0px; }
.mc-as-soon span { color: #cecece; font-size: 12px; }
.mc-as-soon .owl-controls .owl-page, .mc-as-soon .owl-controls .owl-buttons { display: none; }
.mc-as-soon .owl-carousel .owl-item .item { margin-top: 30px; text-align: left; }
/*--mc-as-soon end--*/
.PaddingTOP { padding-top: 36px !important; }
.floatRGT { float: right; }
.floatLFT { float: left; }
tt, code, kbd, samp {
font-family: 'Open Sans', sans-serif !important;
}
.desktopMenuNone { display: none!important; }
.InputMassageBox { position: relative; }
.MobileInputLoaderImg { position: absolute; right: 110px; top: 10px; }
.mc-footer { padding: 50px 0px; }
.mc-footer .fb { fill: #878787; fill-rule: evenodd; }
.mc-footer .fb:hover {fill: #e04627;}
.mc-footer .tw { fill: #878787; fill-rule: evenodd;}
.mc-footer .tw:hover {fill: #e04627;}
.mc-footer .insta{fill: #878787;fill-rule: evenodd; }
.mc-footer .insta:hover {fill: #e04627;}
.mc-footer .blog { fill: #878787; fill-rule: evenodd; }
.mc-footer .blog:hover {fill: #e04627;}
.mc-footer .mc-social-icon { display: block; margin: 0px 0 30px 0; padding: 0px; list-style: none; }
.mc-footer .mc-social-icon li { display: inline-block; }
.mc-footer .mc-social-icon li a { display:block; padding-right: 25px; }
.mc-footer .mc-social-icon li svg:hover { fill: #000; }
.mc-footer .mc-bottom-logo { display: block; margin-bottom: 40px; }
.mc-footer .app { display: inline-block; margin-right: 10px; }
.mc-footer .mc-footer-link { display: inline-block; list-style: none;margin: 0px; padding: 0 0 0 40px; text-align: left; }
.mc-footer .mc-footer-link li { display: block; }
.mc-footer .mc-footer-link li a { font-size: 12px; color: #878787; font-weight: 400; text-decoration: none; line-height: 18px; padding-bottom: 15px;
display: block; }
.mc-footer .hdn, .mc-footer .hdn2 { font-size: 14px; color: #fff; font-weight: 400; margin: 0 0 15px 0; padding: 0px 0 0 40px; }
.mc-footer .hdn span, .mc-footer .hdn2 span { display: none; width: 10px; }
.mc-footer .mc-footer-link li a:hover { color: #e04627; }
.mc-copyright { display: block; text-align: center; background: #181818; font-size: 10px; color: #373737; padding: 12px 0px; font-weight: 400; }
.mc-calender { border: 1pt solid #cecece;border-radius: 3px;margin-top: 0;padding-bottom: 0;padding-top: 15px;position: relative; background: #fff; }
.contactform {background:rgba(255, 255, 255, 0.95) none repeat scroll 0 0;border-radius: 3px;margin-bottom: 25px;padding: 15px 20px 0;}
.contactform h3 {color: #e04627;display: inline-block;font-size: 20px;margin: 0 0 5px 0;padding: 0;text-align: center;width: 100%;}
.mc-calender .borderarea {border: 1pt solid #cecece;min-height: normal;margin-top: 14px;padding: 0px 0 0 0; position: relative;}
.mc-calender .borderarea .book_option, .mc-calender .borderarea2 .book_option { padding-left: 15px; }
.mc-calender .borderarea span { font-size: 12px; color: #575757; padding-left: 15px; position: absolute; top: 11px; }
.mc-calender .borderarea2 .lft span { padding-left: 15px; display: block; position: absolute; top: 11px; }
.mc-calender .borderarea2 {border: 1pt solid #cecece;min-height: 60px;margin-top: 10px; position: relative;}
.mc-calender .borderarea2 span { font-size: 12px; color: #575757; }
.mc-calender .input {display: inline-block;margin: 0;padding: 0px;position: relative;vertical-align: middle;width: 100%;}
.mc-calender .input input, .mc-calender .input select {
outline: 0;
}
.mc-calender select:after {bottom: -10px;content: "";left: -10px;position: absolute;right: -10px; top: -10px;}
.mc-calender select.book_option {cursor: pointer;}
.mc-calender select.book_option {cursor: pointer;height: 33px;}
.mc-calender .fl {float: left;width: 49%;}
.mc-calender .lft { display: block; padding: 0; }
.mc-calender input.date {background: rgba(0, 0, 0, 0) url("../../images/home_new_page/calender_new.png") no-repeat scroll 93% 13px;
border: medium none;cursor: pointer;height:60px; position: relative; top: 6px; outline: medium none !important;color:#373737;width: 100%;font-size: 14px;font-weight: 600;}
.mc-calender .calender-icon { position: absolute; right: 2px; top: -15px; }
.mc-calender .lineleft {border-left: 1pt solid #cecece;height: 60px;}
.mc-calender .fr {float: right;width: 50%;}
.mc-calender .input select { -moz-border-bottom-colors: none;-moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent;
border-color: -moz-use-text-color -moz-use-text-color #d7d7d7; border-image: none; color: #373737; border-radius: 0; border-style: none none solid; border-width: 0px; height: 60px; padding: 0; width: 100%; position: relative; top: 6px; font-weight: 600; font-size: 14px;}
.mc-calender .NewArrowIcon { position: relative; background: rgba(0, 0, 0, 0) url("../../images/dropdown_arrow_normal.png") no-repeat scroll 98% 13px;}
.mc-calender .NewArrowIcon2 { background: rgba(0, 0, 0, 0) url("../../images/dropdown_arrow_normal.png") no-repeat scroll 96% 13px;}
@-moz-document url-prefix() {
.borderarea select, .borderarea2 select {padding:0 0px 0 11px !important;}
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.mc-calender .input select, select, input { -moz-appearance: none; -webkit-appearance: none;}
.mc-calender button.H_Button[type="button"] { background: #e04627 none repeat scroll 0 0; color: #fff; font-size: 16px; font-weight: 600; padding: 11px 0; width: 220px; outline: 0; border:0; border-radius: 3px; }
.mc-calender .dCenter { display: inline-block; margin: 10px 0 10px; text-align: center; width: 100%;}
.ui-datepicker .ui-datepicker-header { background: #e04627; color: #fff; }
.mc-overlay{ display: none; background:#000; opacity: 0.5; position: fixed; top: 0; bottom:0; left: 0; right: 0; z-index: 100; height: 100%; overflow: hidden; }
.mc-overlay1{display: none;position: fixed; top: 0; bottom:0; left: 0; right: 0;height: 100%;}
.overlay { display: block; }
.mc-overflow { overflow: hidden; }
.f-ture .fonthome10 { color: #c6964b;font-size: 10px; /*padding-bottom: 5px;*/}
.f-ture .linerighthome { border-right: 1pt solid #cacaca; height: 35px; margin-bottom: 3px; margin-top: 0;}
.f-ture .homeimage { float: left;margin-top: -7px; width: 19%;}
.f-ture .hometext { float: left; margin-top: 2px; padding-left: 6px; width: 78%;}
.f-ture .yahootexthome { color: #c6964b; margin-bottom: 10px; padding-left: 0; padding-right: 0;}
.f-ture .mobilepaddingnone { padding-left: 0; padding-right: 0;}
.f-ture .margintop9 { margin-top: 0;}
.f-ture .img-responsive { display: block; height: auto; max-width: 100%;}
.f-ture .line { background: #e7e7e7 none repeat scroll 0 0;height: 1px; margin:0 0 5px 0; width: 100%;}
.desktopMenuNone { }
/* login code start*/
.signinSignUpPopUpForDrive select, .signinSignUpPopUpForDrive input{
width:100%;
border:1px solid #cecece;
padding:5px;
}
.signinSignUpPopUpForDrive select{cursor:pointer;}
.signinSignUpPopUpForDrive select, .signinSignUpPopUpForDrive button, .signinSignUpPopUpForDrive input{
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
height:40px;
line-height:37px;
}
.signinSignUpPopUpForDrive input[type="search"]{height:26px;line-height:23px;}
.signinSignUpPopUpForDrive button {
border: 1px solid #e04728;
outline: none;
background: #fff;
width: auto;
color: #e05a41;
font-size: 14px;
cursor: pointer;
padding: 10px 20px;
}
.signinSignUpPopUpForDrive button.sign_up{margin:0px 0 10px;}
.formDetails .line{margin:0px 0 20px;}
.or{margin:0 auto;position:relative;bottom:-10px;width:20px;height:20px;color:#cecece;background:#fff;}
.signinSignUpPopUpForDrive button.facebook_signup,
.signinSignUpPopUpForDrive button.google_plus{width:150px;margin:10px 0 0;}
.signinSignUpPopUpForDrive button.facebook_signup{
background:#3b5998;
border:1px solid #3b5998;
color:#fff;
}
.signinSignUpPopUpForDrive button.google_plus{
background:#ea4335;
border:1px solid #ea4335;
color:#fff;
}
.signinSignUpPopUpForDrive button.google_plus:hover{background:#fff;border:1px solid #ea4335;}
.signinSignUpPopUpForDrive button.facebook_signup:hover{background:#fff;border:1px solid #3b5998;}
.signinSignUpPopUpForDrive .signin, .signinSignUpPopUpForDrive .signup{display:inline-block;margin-right:8px;}
.signinSignUpPopUpForDrive .signin{background:url("../images/signin.png") no-repeat -10px 0px;width:11px!important;height:12px!important;}
.signinSignUpPopUpForDrive .active .signup{background:url("../images/signup.png") no-repeat 0px 0px;width:12px;height:12px;}
.signinSignUpPopUpForDrive .signPage{
width:100%;
height:auto;
background:#f6f6f6 url("../images/login_bg.jpg") repeat-x;
}
.signinSignUpPopUpForDrive button.close{
opacity:1;
font-weight:normal;
position:absolute;
width:12px;
height:12px;
right:-19px;
top:-18px;
color:#fff;
background: transparent!important;
font-size: 24px;
}
.signinSignUpPopUpForDrive .close:hover, .signinSignUpPopUpForDrive .close:focus{color:#fff;opacity:1;background:none;border:none;}
.signinSignUpPopUpForDrive .modal-header{padding:0px;border-bottom:none;}
.signinSignUpPopUpForDrive .modal-header h4 span{padding:0px;display:inherit;color:#373737;}
.signinSignUpPopUpForDrive .modal-content{padding:0 0px;width:390px;}
.signinSignUpPopUpForDrive .formDetails{padding-top:20px;}
.signinSignUpPopUpForDrive .modal-header h4 span, .formDetails{margin:0 auto;font-size: 15px;font-weight: normal;}
.signinSignUpPopUpForDrive .modal-header h4{width:100%;}
.signinSignUpPopUpForDrive md-input-container{margin-bottom:0px;}
.signinSignUpPopUpForDrive p{color:#cecece;margin:0px;padding:0px;font-size:11px;margin-top:0px;}
label{font-weight:normal;}
.signinSignUpPopUpForDrive button:hover{border:none;background:#ca3b1e;}
.signinSignUpPopUpForDrive button img{margin-right:6px; margin-bottom: 4px;}
.signinSignUpPopUpForDrive button.sign_in{margin-top:10px;}
.signinSignUpPopUpForDrive .pb20{padding-bottom:20px;}
.RememberForgotBox {margin-top: 0px; display: block; margin-bottom: 15px}
.RememberForgotBox .col-xs-6 { padding-right: 0;}
button.otpverify { margin-top: 30px; }
.signinSignUpPopUpForDrive button.facebookBT{background:#3b5998;margin-top:0px;}
.signinSignUpPopUpForDrive button.googleBT{background:#ea4335;margin-top:0px;}
.signinSignUpPopUpForDrive button.facebookBT:hover, .signinSignUpPopUpForDrive button.googleBT:hover{background:#000;}
.signinSignUpPopUpForDrive .forgetForm, .signinSignUpPopUpForDrive .signupForm, .signinSignUpPopUpForDrive .verifyMForm, .signinSignUpPopUpForDrive .facebookForm, .signinSignUpPopUpForDrive .googleForm{display:none;}
/******* home Page After PHP Devlopment 25/04/16 ******/
.signinSignUpPopUpForDrive .focusMb{display:none;}
.signinSignUpPopUpForDrive .input select:focus, .signinSignUpPopUpForDrive .input select, .signinSignUpPopUpForDrive .input input, .signinSignUpPopUpForDrive .input select, .signinSignUpPopUpForDrive .input .select-wrapper .holder.choseF, #WeeklyBlock select{outline:none !important;}
.signinSignUpPopUpForDrive .input select, .signinSignUpPopUpForDrive select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.signinSignUpPopUpForDrive select.book_option{height:29px;line-height:40px;}
.signinSignUpPopUpForDrive .input label.autoCom{bottom:inherit;top:-15px;}
.signinSignUpPopUpForDrive .goa_preouth{margin-top:-13px;}
.signinSignUpPopUpForDrive #WeeklyBlock{width:100%;}
.signinSignUpPopUpForDrive #WeeklyBlock select {
color: #484848;
font-size: 18px;
/*margin-bottom:18px;*/
height: 30px;
border: none;
border-radius: 0px;
border-bottom: 1px solid #d7d7d7;
padding: 0px;
background: url("../images/Harrow_down.png") no-repeat 100% 0;
}
.signinSignUpPopUpForDrive .section .mylesContaniner.mt0{margin-top:0px;}
/****** 27/04/16 *****/
.signinSignUpPopUpForDrive .autocomplete{position:absolute;z-index:9999;width:100%;}
.signinSignUpPopUpForDrive .forgetForm, .signinSignUpPopUpForDrive .setPasswordForm, .signinSignUpPopUpForDrive .signinForm, .signinSignUpPopUpForDrive .signupForm, .signinSignUpPopUpForDrive .verifyMForm, .signinSignUpPopUpForDrive .facebookForm, .signinSignUpPopUpForDrive .googleForm {display:none;}
.signinSignUpPopUpForDrive select.book_option{height:33px;}
.signinSignUpPopUpForDrive .homeAuto md-autocomplete{margin-top:-10px;margin-bottom:10px;}
.signinSignUpPopUpForDrive #myModal .modal-body button:hover{background:#ca3b1e;}
.signinSignUpPopUpForDrive #myModal .modal-body button:active{color:#a0311b;}
.signinSignUpPopUpForDrive #myModal .modal-body button:active img{opacity:0.2;}
.signinSignUpPopUpForDrive #myModal .modal-body button.facebook_signup:hover{background:#3b5998;color:#fff;}
.signinSignUpPopUpForDrive #myModal .modal-body button.facebook_signup:active{background:#3b5998;color:#4462a0;}
.signinSignUpPopUpForDrive #myModal .modal-body button.google_plus:hover{background:#ea4335;color:#fff;}
.signinSignUpPopUpForDrive #myModal .modal-body button.google_plus:active{background:#ea4335;color:#f55244;}
.signinSignUpPopUpForDrive p.mt5{font-size:12px;}
.signinSignUpPopUpForDrive #myModal .modal-header{min-height:0;padding:0;border-bottom:1px solid #e5e5e5;}
.signinSignUpPopUpForDrive #myModal .modal-header{border-bottom:none;}
.signinSignUpPopUpForDrive label.LAnimationnew::after{top: 9px!important;}
.signinSignUpPopUpForDrive .form_error{display:block;}
.signinSignUpPopUpForDrive .loginAnim { /*margin-top:20px;*/}
.signinSignUpPopUpForDrive .loginAnim .input {position: relative;z-index: 1;display: inline-block;margin: 0 0 0px 0;width:100%;vertical-align: top; background:none!important;}
.signinSignUpPopUpForDrive .input__field {position: relative;display: block;width: 60%;border-radius: 0;background: #f0f0f0; font-size:14px!important;}
.input__field:focus {outline: none;}
.input__label {display: inline-block;width: 40%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.signinSignUpPopUpForDrive .input__label-content {
position: relative;
display: block;
padding: 20px 0;
width: 100%;
font-weight: normal;
}
.signinSignUpPopUpForDrive .input--haruki {
margin: 4em 1em 1em;
}
.signinSignUpPopUpForDrive .input__field--haruki {
padding: 0.4em 0.25em;
width: 100%;
background: transparent;
}
.signinSignUpPopUpForDrive .input__label--haruki {
position: absolute; top:-6px;
width: 100%;
text-align: left;
pointer-events: none; margin:0px !important;
left: 0px;
font-size: 14px;
}
.signinSignUpPopUpForDrive .input__label-content--haruki {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.signinSignUpPopUpForDrive .input__label--haruki::after {
content: '';
position: absolute;
left: 0;
z-index: 1;
width: 100%;
height: 1px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.signinSignUpPopUpForDrive .input__label--haruki::before {
top: 0;
}
.signinSignUpPopUpForDrive .input__label--haruki::after {
bottom: 18px;
}
.input__field--haruki:focus + .input__label--haruki .input__label-content--haruki,
.input--filled .input__label-content--haruki {
-webkit-transform: translate3d(0, -45%, 0);
transform: translate3d(0, -45%, 0); font-size:11px; color: #878787;
}
.input__field--haruki:focus + .input__label--haruki::before,
.input--filled .input__label--haruki::before {
-webkit-transform: translate3d(0, -0.5em, 0);
transform: translate3d(0, -0.5em, 0);
}
.input__field--haruki:focus + .input__label--haruki::after,
.input--filled .input__label--haruki::after {
-webkit-transform: translate3d(0, 0.5em, 0);
transform: translate3d(0, 0.5em, 0); bottom: 4px; background:none;
}
.forgot a, .forgot a:hover {
color: #e04627;
line-height: 30px;
}
.signinSignUpPopUpForDrive a:active, .signinSignUpPopUpForDrive a:hover {
outline: 0;
}
.signinSignUpPopUpForDrive .input input {
border: none;
border-radius: 0px;
border-bottom: 1px solid #d7d7d7;
padding: 0px;
background: url(../images/Harrow_down.png) no-repeat 100% 0;
/*margin-bottom: 20px;*/
color: #484848;
}
#mobile_error { color: red;
position: relative;
top: 2px;
font-size: 12px;
}
#userpassworderror { color: red;
position: relative;
top: 0px; }
.signinSignUpPopUpForDrive span.resetbtn,.signinSignUpPopUpForDrive span.resendbtn {
position: absolute;
color: #e04627;
margin-left: -37px;
cursor: pointer;
right: 0;
top: 10px;
font-size: 12px;
}
.signinSignUpPopUpForDrive .modal-body button:hover {
background: #ca3b1e;
}
.signinSignUpPopUpForDrive .textforNotify{font-size: 12px;color: #878787;}
.signinSignUpPopUpForDrive input[type=checkbox] {
opacity: 0;
float: left;
height: 0px;
margin-bottom: 0px;
}
.signinSignUpPopUpForDrive input[type=checkbox] + label::before {
content: ' ';
position: absolute;
left: -21px;
top: 2px;
width: 15px;
height: 15px;
display: block;
background: white;
border: 1px solid #A9A9A9;
margin-bottom:0px;
}
.signinSignUpPopUpForDrive input[type=checkbox]:checked + label::after {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.signinSignUpPopUpForDrive input[type=checkbox] + label::after {
content: ' ';
position: absolute;
left: -20px;
top: 1px;
width: 13px;
height: 13px;
display: block;
z-index: 1;
background: url(../../images/tick.png) no-repeat center center;
-ms-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .3s ease;
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.signinSignUpPopUpForDrive label.remberMe {
font-weight: normal;
color: #878787;
position: relative;
cursor: pointer;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
float: left;
}
a.forgetP, a.forgetP:hover {
color: #e04627!important;
line-height: 30px;
}
.signinSignUpPopUpForDrive .line {
height: 1px;
background: #e7e7e7;
width: 100%;
}
.signinSignUpPopUpForDrive .textDC {
display: inline-block;
text-align: center;
}
.signinSignUpPopUpForDrive .wCover {
width: 100%;
}
.signinSignUpPopUpForDrive .or {
margin: 0 auto;
position: relative;
bottom: -10px;
width: 20px;
height: 20px;
color: #cecece;
background: #fff;
}
.clear{clear: both;}
.signinSignUpPopUpForDrive button.google_plus:hover {
background: #ea4335;
color: #fff;
}
.signinSignUpPopUpForDrive button.facebook_signup:hover {
background: #3b5998;
color: #fff;
}
.signinSignUpPopUpForDrive .weWontText{color: #000;margin-top: 0px;padding-bottom: 20px;}
.signinSignUpPopUpForDrive .col-xs-6.noPaddingR{padding-right: 0px!important;}
.signinSignUpPopUpForDrive .col-xs-6.noPaddingL{padding-left: 0px!important;}
.signinSignUpPopUpForDrive .rd{color: red;}
.carousel {
margin-bottom: 0;
padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
left: -12px;
height: 40px;
width: 40px;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
margin-top: 90px;
}
.carousel-control.right {
right: -12px;
}
/* The indicators */
.carousel-indicators {
right: 50%;
top: auto;
bottom: -10px;
margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}
.mc-container .carousel-control{width: 40px!important;}
span.car-img {
display: block;
text-align: center;
padding: 20px 20px 40px 20px;
min-height: 118px;
}
#Carousel .carousel-inner{white-space:nowrap;}
#Carousel .carousel-inner .item.col-md-4{float: none;display: inline-block;}
label{font-weight: normal;}
.showpwd, .resend, #frgtreset{position: absolute;top: 10px;right: 0;color: #ca3b1e;cursor: pointer;font-size: 12px;}
#otpvalue_error{color: red;
margin-top: 0;
padding-top: 2px;
font-size: 12px;
}
.signinSignUpPopUpForDrive .modal {
text-align: center;
padding: 0!important;
}
.signinSignUpPopUpForDrive .modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.signinSignUpPopUpForDrive .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
width: auto;
}
.signinSignUpPopUpForDrive .forSignUpPage .input{margin:0px;}
.button.Fpass{margin-bottom: 0px;}
.lastTextOnForgot{text-align: center;
margin-top: 2px;
/*margin-bottom: 20px;*/
}
.lastTextOnForgot a{color: #ca3b1e;font-size: 13px;}
.input.input--haruki.nospaceNeed{margin-bottom: 0px;}
.mc-header .profileLogin a{background:transparent!important;padding: 3px 0px 0 0px;}
.colDataSend.sendBTN { background:#e04627 !important; color:#fff !important;}
.BlockInline { display:inline-block !important; padding-left:0!important;}
.signinSignUpPopUpForDrive label.remberMe:before { left: -15px !important; }
.signinSignUpPopUpForDrive label.remberMe:after { left: -14px !important; top: 2px !important; }
.signinSignUpPopUpForDrive label.remberMe { padding-left: 5px; }
.formDetails.loginAnim a.forgetP { display: block; text-align: right;font-size: 12px;}
.borderarea2 select
{
color: #373737;
}
.borderarea2 option
{
color: #373737;
}
.borderarea2 option:first-child
{
color: #373737;
}
.borderarea2 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #373737;
}
.borderarea2 input::-moz-placeholder { /* Firefox 19+ */
color: #373737; opacity: 1; padding-left: 0px; margin: 0px;
}
.borderarea2 input:-ms-input-placeholder { /* IE 10+ */
color: #373737;
}
.borderarea2 input:-moz-placeholder { /* Firefox 18- */
color: #373737;
}
/*------------------------------New Login-----------------------------*/
.modal-logo {
display: block;
background: #f8f8f8;
padding: 20px;
border-radius:6px 6px 0 0;
text-align: center;
border-bottom: 1px solid #ddd;
}
.modal-box {
display: block;
padding: 30px 35px;
}
.input-icon {
position: absolute;
right: 0px;
top: 10px;
}
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
/* border: 1px solid green;*/
/*-webkit-text-fill-color: #fff;*/
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
/*transition: background-color 5000s ease-in-out 0s;*/
}
.h20 {
display: block;
height: 20px;
}
.h10 {
display: block;
height: 10px;
}
.h5 {
display: block;
height: 5px;
}
.or-box {
display: block;
background: url(../../img/new-login/gry-line.png) no-repeat center center;
position: relative;
text-align: center;
}
.or-box span {
display: block;
width: 40px;
text-align: center;
/*padding: 10px 10px;*/
background: #fff;
position: relative;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
color: #c8c8c8;
}
a.g-button {
display: block;
background: #fff;
padding:8px 10px;
text-align: center;
color: #ea4335;
font-size: 14px;
border:1px solid #ea4335;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
height: 40px;
transition: 0.2s ease;
}
a.g-button:hover {
background: #ea4335;
color: #fff;
text-decoration: none;
}
a.f-button {
display: block;
background: #fff;
padding:8px 10px;
text-align: center;
color: #475993;
font-size: 14px;
border:1px solid #475993;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
height: 40px;
transition: 0.2s ease;
}
a.f-button:hover {
background: #475993;
color: #fff;
text-decoration: none;
fill: #fff;
}
a.f-button:hover svg {
fill: #fff;
}
.g-svg {
position: relative;
left: -1px;
top: 2px;
}
.f-svg {
fill: #475993;
position: relative;
left: -1px;
top: 2px;
}
.align-center {
display: block;
text-align: center;
}
.ms-1 {
display: block;
font-size: 12px;
color: #878787;
}
.a-text {
display: inline-block;
font-size: 12px;
color: #e04627;
text-decoration: underline;
}
.modal-hdn {
display: block;
font-size: 16px !important;
color: #000 !important;
}
.errorbox {
font-size: 13px;
color: red;
}
.signinSignUpPopUpForDrive .input select {
border: none;
border-radius: 0px;
border-bottom: 1px solid #d7d7d7;
padding: 0px;
background: url(../../img/new-login/arrow-icon.png) no-repeat 100% 20px;
color: #484848;
}
.h30 {
height: 30px;
display: block;
}
/*-------*/
.genderList {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}
.genderList li {
display: inline-block;
margin-right: 20px;
}
.genderList li input.radio {
appearance:radio !important;
-webkit-appearance:radio !important;
-moz-appearance:radio !important;
display: inline-block;
width: auto;
margin: 0px;
}
.genderList li label {
font-weight: 400;
font-size: 14px;
color: #333;
}
.g-text {
font-size: 11px;
color: #878787;
}
.brdnone {
border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important;
border-bottom: 1px solid #cecece !important;
outline: 0;
border-radius: 0 !important;
padding-left: 0px !important;
}
/*-------*/
/*---------------sub menu start------------------*/
.mc-header .mc-menu li.sbmenu:hover .sub-menu {
display: block;
}
.mc-header .mc-menu li.sbmenu {
line-height: 25px;
}
.mc-header .mc-menu li {
position: relative;
}
.mc-header .mc-menu li .sub-menu {
display: none;
margin: 0px;
padding: 5px 0;
list-style: none;
position: absolute;
top: 25px;
right: 10px;
background: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-align: left;
border: 1px solid #ddd;
}
.mc-header .mc-menu li .sub-menu li {
display: block;
line-height: normal;
}
.mc-header .mc-menu li .sub-menu li a {
display: block;
outline: 0;
font-size: 13px;
color: #575757;
text-transform: capitalize;
padding: 5px 10px;
}
.mc-header .mc-menu li .sub-menu li a:hover {
color: #e04627;
}
.sublinkarrow {
position: absolute;
right: -5px;
top: 7px;
}
/*---------------sub menu end------------------*/
@media screen and (min-width: 1024px) and (max-width: 1265px){
.mc-header .mc-menu li a {
font-size: 11px;
padding: 0 4px;
}
.mc-header .mc-menu li { padding: 0; }
.mc-banner { height: auto !important; }
.mc-header .mc-menu li a { padding: 0 1px; }
.mc-header .me-login a { font-size: 11px; }
.mc-banner .mc-container { display: block; padding: 8% 0 2%;}
.product-list li { padding-right: 15px;}
.mc-feature ul li { padding: 0 1%;}
.mc-header .myles-8 {
float: left;
width: 60.666667%;
}
.mc-header .myles-2 {
float: left;
width: 19.666667%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.mc-header.nav-fixed .me-login a {
background: url(../../images/home_new_page/login-icon-hover.png) no-repeat scroll 5px 4px;
}
.mc-header .myles-8 {
float: left;
width: 58.666667%;
}
.mc-header .myles-2 {
float: left;
width: 20.666667%;
}
.mc-userCode .models-locations li .icon { margin: 0 4%; }
.mc-userCode .models-locations li .count { margin: -10px 10% 0; }
.mc-userCode .mc-code .mc-first-user li h3{ font-size: 22px; padding-bottom:5px; }
.mc-userCode .mc-code .mc-first-user li span { font-size: 14px; }
.mc-userCode .mc-code .mc-first-user li p { font-size: 14px; }
.mc-header .me-login a { font-size: 9px; background-position: 5px 4px }
.mc-header .mc-menu li a{ font-size: 9px; }
.mc-header .mc-menu li { padding: 0; }
.mc-header .mc-menu li img { width: 30px;}
.mc-product .product-list li { padding-right: 2px; }
.mc-feature ul li { font-size: 12px !important; padding: 0 2% !important; }
.mc-car-in { margin:4% 2%; }
.mc-drive .myles-7 { width: 70%; float: left; }
.mc-footer .mc-footer-link li.hdn { margin-top: 30px; }
.mc-calender button.H_Button[type="button"] { width: 100%; }
.contactform h3 { font-size: 18px; }
.mc-banner .mc-banner-text span { font-size: 18px; }
.mc-banner .mc-banner-text h1 { font-size: 18px; line-height: 32px; }
.mc-product .product-list li a { font-size: 12px; padding: 0 5px 5px 0; }
.mc-faq .faq-slide p { font-size: 16px; line-height: 30px; }
.mc-footer .mc-footer-link li a { font-size: 11px; line-height: 22px;}
.mc-header .me-login a:hover { background: url(../../images/home_new_page/login-icon-hover.png) no-repeat scroll 5px 4px;}
.product-tab .myles-7 {
float: left;
width: 66.6667%;
}
.product-tab .myles-5 {
float: left;
width: 33.3333%;
}
.mc-banner .myles-7 {
float: left;
width: 50%;
}
.mc-banner .myles-5 {
float: left;
width: 50%;
}
.mc-banner .mc-container {
display: block;
padding: 10% 0 2%;
}
.mc-banner { height: auto !important; }
.mc-container { width: 97%; }
.f-ture .homeimage img {
width: 100%;
}
.f-ture .fonthome10 {
font-size: 8px;
}
.f-ture .homeimage {
margin-top: -2px;
}
.mc-userCode .models-locations li .icon {
height: 100px;
padding: 20px 40px; width: 130px;
}
.mc-userCode .models-locations li .count { font-size: 16px; }
.mc-userCode .models-locations li .text { font-size: 14px; }
.mc-header .mc-menu li a { padding: 0 0px; }
.mc-footer .app {
margin-bottom: 15px;
margin-right: 0px;
}
}
@media screen and (max-width: 767px){
.signinSignUpPopUpForDrive .modal-content { width: auto; }
.desktopMenuNone { display: block!important; }
.mc-banner { height: auto !important; }
.mc-userCode .models-locations li { width: 100%; margin:0 0 30px 0; }
.mc-userCode .models-locations li .count {margin: -10px 84px 0;}
.mc-userCode .models-locations { margin: 0px; width: 100%; }
.mc-userCode .mc-code .mc-first-user li { width: 100%; margin: 0 0 20px 0; padding: 20px 0; }
.mc-userCode .mc-code .mc-first-user { margin: 0px; }
.mc-userCode .models-locations li .icon { margin: 0px; width: 100%; }
.mc-userCode .mc-code { margin-top: 0px; }
.mc-header .mc-menu { border:1px solid #fff; text-align: left; display: none; background: #fff; left: -17px; position: absolute; right: -17px; top: 14px; }
.mc-header .mc-menu li { display: block; padding: 0px; }
.mc-header .mc-menu li a { color: #373737; padding: 10px; }
.mc-header .mc-menu li.active a { padding-bottom: 10px; }
.mc-mobile-menu {display: inline-block; left: -3px; position: absolute; text-align: left; top: 4px;}
.mc-mobile-menu a { display: inline-block; text-align: right; text-decoration:none; }
.mc-mobile-menu span { background: #fff none repeat scroll 0 0; display: block; height: 1px; margin-bottom: 7px;width: 25px; }
.mc-mobile-menu span:last-child { margin-bottom: 0px; }
.mc-mobile-menu p { display: none; width: 25px; text-align: left; position: absolute; left: 5px; top: 0px; line-height: 16px; color: #ddd; font-size: 24px; margin:0px; padding: 0px; }
.contactform { padding: 15px 10px 0px; }
.mc-header .me-login { position: fixed; right: 20px; text-align: right;top: 12px;}
.mc-header .me-login span { display: none; }
.mc-header .me-login a { height: 20px; }
.mc-banner { min-height: inherit; }
.mc-banner { background: rgba(0, 0, 0, 0) url("../../images/home_new_page/home_banner_v3.png") no-repeat scroll left top ; background-size: cover; }
.mc-banner .mc-banner-text { display: block; font-family: "Montserrat",sans-serif; padding: 55px 0 30px; }
.mc-banner .mc-banner-text { text-align: center; }
.mc-banner .mc-banner-text h1 { font-size: 14px; line-height: 24px; }
.mc-banner .mc-banner-text h3 { font-size: 20px; }
.mc-banner .mc-banner-text .text1 { font-size: 19px; }
.mc-userCode .models-locations li .count { margin: -10px 30px 0; }
.mrgnLft20 { padding-right: 0px; }
.mc-userCode .mc-code .mc-first-user li.mrgnRgt10 { margin-right: 0; }
.mc-userCode .mc-code .mc-first-user li.mrgnLft10 { margin-left: 0; }
.mc-header .mc-logo { margin-bottom: 0px; margin-left: 35px; }
.mc-product .myles-6 {float: left;width: 50%;}
.mc-product .myles-7 {float: left;width: 40%;}
.mc-product .myles-5 {float: left;width: 60%;}
.mc-car-in .mc-feature ul li { padding: 0 3%; }
.mc-car-in { margin: 4% 2%; padding: 20px 10px; }
.mc-car-in:hover { margin: 4% 2%; padding: 20px 10px; }
.mc-product .owl-controls .owl-page, .owl-controls .owl-buttons .owl-prev { display: none !important; }
.mc-product .owl-controls .owl-page, .owl-controls .owl-buttons .owl-next { display: none !important; }
.mc-product .mc-tab-block .mc-car{ margin:25px 0px; }
.mc-container { width: 90%;}
.mc-product .product-tab { padding-bottom: 5px; }
.carBtn { display: block; margin-top: 5px; }
.carBtn span { display:block; height: 1px; background: #333; width: 20px; margin-bottom: 5px; }
.carBtn:hover span { background: #e04627 }
.mc-product .product-list { display: none; position: absolute; top: 28px; left: 0; right: 0; background: #fff; border:1px solid #ddd;
padding: 10px 15px; z-index: 666; }
.mc-product .product-list li { display: block; }
.mc-product .product-list li.mc-active a { margin-bottom: 7px; }
.mc-product .product-list li a:hover { color: #e04627; }
.mc-drive h2 { text-align: center; }
.mc-drive .mc-drive-in .mc-step { text-align: center; }
.mc-drive .mc-drive-in .mc-step li .text { margin: 0; padding: 0; display: block;}
.mc-drive .mc-drive-in .mc-step li .icon { margin-bottom: 10px; }
.mc-drive .mc-get-sms .mc-input input {padding: 0 0 0 12%; width: 87%; font-weight: 400;}
.mc-drive .mc-get-sms .mc-input { width: 100%; }
.mc-drive .mc-get-sms .mc-input button { padding: 0 10px; height: 42px; top: 0; right: -2px;}
.mc-drive .mc-get-sms .get-sms { text-align: center; display: block; }
.mc-drive .mc-get-sms .myles-app {display: block; padding: 0 0 10px 0; text-align: center;}
.mc-drive .mc-get-sms .app { display: block; margin-right: 0px; text-align: center;}
.mc-faq .owl-controls .owl-page, .owl-controls .owl-buttons .owl-prev { display: block !important; }
.mc-faq .owl-controls .owl-page, .owl-controls .owl-buttons .owl-next { display: block !important; }
.mc-faq .faq-slide p { font-size: 12px;line-height: 26px;}
.mc-faq .faq-slide .item svg { position: relative; }
.mc-as-soon .owl-carousel .owl-item .item { text-align: center; }
.mc-as-soon span { display: block; text-align: center;}
.mc-footer .mc-footer-link li.hdn { margin-top: 30px; }
.mc-faq .faq-slide .item { padding: 0;}
.mc-footer .mc-footer-link li.margin { display: none; margin-bottom: 0; margin-top: 0;}
.mc-footer .mc-footer-link { display: block; padding: 0px !important; }
.mc-footer .mc-footer-link li a { display: block; border-bottom: 1px dashed #333333; }
.mc-drive .mc-get-sms .mc-input input { font-size: 12px; }
.mc-get-sms { display: block;text-align: center;}
.mc-drive .mc-get-sms .app { margin: 0 3px; display: inline-block;}
.mc-faq .faq-slide p{ padding-top: 0px; }
.mc-footer .mc-bottom-logo { text-align: center; }
.mc-footer .mc-social-icon { text-align: center; }
.mc-footer .mc-social-icon li a { padding: 0 10px; }
.google-app { display: block; text-align: center; }
.mc-footer .app { margin: 0 3px; }
.mc-faq { padding: 25px 10px; }
.mc-calender input.date { font-size: 12px; }
.mc-calender .input select { font-size: 12px; }
h2 { margin-bottom: 34px; font-size: 20px; }
.mc-product { padding: 30px 0 0;}
.mc-calender .lft { display: block; padding: 5px 2px 5px 10px;}
.mc-calender input.date {background: rgba(0, 0, 0, 0) url("../../images/home_new_page/calender.png") no-repeat scroll 87% 17px; }
.mc-product .mc-tab-block .mc-car-in { box-shadow: 0 0 6px #d3d3d3; }
.mc-calender .borderarea { padding: 10px 0 10px 10px;}
.mc-faq .faq-slide .item {padding: 0 10px !important; }
.mc-footer .mc-footer-link { display: none; margin-left: 14px; margin-bottom: 20px; }
.mc-footer .hdn, .mc-footer .hdn2 { border-bottom: 1px dashed #333333; padding: 5px 0 10px 0; }
.mc-footer .hdn span, .mc-footer .hdn2 span { display: inline-block; }
.footer-nav { margin-top: 20px; }
.mc-footer { padding: 50px 0 13px;}
.mc-drive .mc-drive-in .mc-step li .text { font-size: 20px; }
.mc-drive .mc-drive-in .mc-step li .text span { font-size: 12px; }
.mc-footer .hdn, .mc-footer .hdn2 { margin: 0 0 0px 0; cursor: pointer; }
.f-ture .linerighthome { border-right: 0; }
.mc-footer .hide { display: none; }
.mc-faq .faq-slide .item svg { width: 40px; }
.mc-drive .mc-get-sms .myles-app { font-size: 12px; }
.mc-drive .mc-get-sms .get-sms { font-size: 12px; }
.mc-faq .faq-slide .item .name { margin: 20px 0px; }
.mc-product .product-list li { padding-right: 0;}
.mc-product .product-list li a { font-size: 12px; }
.mc-product .mc-usage label { font-size: 12px; }
.mc-product .mc-usage select { font-size: 12px; }
.mc-calender .borderarea { padding: 0 0 0 0px; min-height: 53px;}
.mc-calender .borderarea2 { min-height: 53px; }
.mc-calender .lft { padding: 0 2px 0 0px;}
.mc-calender .lineleft {height: 53px;}
.mc-calender button.H_Button[type="button"] { width: 100%; }
.mc-calender .dCenter { margin: 10px 0px; }
.mc-banner .mc-banner-text span { font-size: 14px; font-weight: 400; }
.mc-drive.bg { background: #f1f3f7 ;}
.mc-product .owl-theme .owl-controls { display: none !important; }
.mc-userCode .models-locations li .count { margin: -30px 30px 0;}
.myles-1 {
float: none;
width: 100%;
}
.myles-2 {
float: none;
width: 100%;
}
.myles-3 {
float: none;
width: 100%;
}
.myles-4 {
float: none;
width: 100% !important;
}
.myles-5 {
float: none;
width: 100%;
}
.myles-6 {
float: none;
width: 100%;
}
.myles-7 {
float: none;
width: 100%;
}
.myles-8 {
float: none;
width: 100%;
}
.myles-9 {
float: none;
width: 100%;
}
.myles-10 {
float: none;
width: 100%;
}
.myles-11 {
float: none;
width: 100%;
}
.myles-12 {
float: none;
width: 100%;
}
}
@media screen and (max-width: 320px){
.mc-product .mc-tab-block .mc-car-in .mc-feature ul li { padding: 0 3px; font-size: 12px; }
.me-login.profileLogin kbd.text-all { display: none !important; }
}
input#ladakh[type="checkbox"]+label::before{content: ' ';position: absolute;left: 0px;top: 0px;width: 15px;height: 15px;display: block;background: #fff;border: 1px solid #7e9db9;margin: 5px 0px 0px 0px;}
input#ladakh[type="checkbox"]+label::after {content: ' ';position: absolute;left: 0px;top: 0px;width: 15px;height: 15px;display: block;border:1px solid #e04627; background: url(../../images/tick.png) no-repeat center center;-ms-transition: all .2s ease;opacity: 0; -ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);margin: 5px 0px 0px 0px;}
input#ladakh[type="checkbox"]:checked+label::after {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
label[for="ladakh"]{font-size: 14px;margin: 3px 0px 0px 15px;cursor: pointer;font-weight: normal;}
.LadakhCheckBox{color: red;}
.errorHome{font-size: 14px;margin-top: 3px;color: red;}
.saveloderHome{
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
opacity: 0.7;
background-color: #fff;
z-index: 9999;
text-align: center;
display:none;
}
.saveloderHome img{
position: absolute;
text-align: center;
left: 0;
right: 0;
margin: auto;
z-index: 100;
top:0;
bottom:0;
}
.opecityOverlay {
background: rgba(44,44,44,0.0);
position: absolute;
width: 100%;
height: 100%;
}