/*Global css*/ body{background-color:#fff;font-family: 'Poppins', sans-serif; font-size:16px;} a,button{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} a{text-decoration:none;color:#ffad00;} a:hover{text-decoration:none;outline:0;color:#333f49;} a, img{border:none;outline:none;} img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;} label{font-weight:400;} h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;line-height: 1.3;margin: 0;padding: 0 0 20px;position: relative;color: #000;} ul, ol{padding-left:0; list-style:none;} p{display:block;line-height:30px;margin:0;padding:0 0 20px;font-family: 'Poppins', sans-serif;color: #000; font-size:16px;} .btn-custom { background:#ffc11b; border:none;display:inline-block; font-size:16px; color:#000; text-transform:uppercase; border-radius:0;font-family: 'Poppins', sans-serif; font-weight:500; padding:10px 30px;outline:none;} .btn-custom:hover, .btn-custom:focus{ background:#313131; color:#fff; outline:none;} .form-control{ background:none; border:solid 2px #000; border-radius:0; height:48px; font-size:15px; font-weight:400; color:#000;} .form-control:focus{background:none; border:solid 2px #000;box-shadow:none;} select.form-control{background:url(../images/dropDown_arrow.png) no-repeat right 10px center !important;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;height:48px !important;} .full-wdth{display:block;width:100%;position:relative;} .mrg0{ margin:0px !important;}.pad0{ padding:0px !important}.bdr0{ border:none !important;} /*Padding css*/ .pad5{padding:5px}.pad10{padding:10px}.pad15{padding:15px}.pad20{padding:20px}.pad25{padding:25px}.pad30{padding:30px}.pad40{padding:40px}.pad50{padding:50px}.pad60{padding:60px}.pad70{padding:70px}.pad80{padding:80px}.pad90{padding:90px}.pad100{padding:100px}.pad-t5{padding-top:5px}.pad-b5{padding-bottom:5px}.pad-l5{padding-left:5px}.pad-r5{padding-right:5px}.pad-t10{padding-top:10px}.pad-b10{padding-bottom:10px}.pad-l10{padding-left:10px}.pad-r10{padding-right:10px}.pad-t15{padding-top:15px}.pad-b15{padding-bottom:15px}.pad-r15{padding-right:15px}.pad-l15{padding-left:15px}.pad-t20{padding-top:20px}.pad-b20{padding-bottom:20px}.pad-l20{padding-left:20px}.pad-r20{padding-right:20px}.pad-t25{padding-top:25px}.pad-b25{padding-bottom:25px}.pad-l25{padding-left:25px}.pad-r25{padding-right:25px}.pad-t30{padding-top:30px}.pad-b30{padding-bottom:30px}.pad-l30{padding-left:30px}.pad-r30{padding-right:30px}.pad-t40{padding-top:40px}.pad-b40{padding-bottom:40px}.pad-l40{padding-left:40px}.pad-r40{padding-right:40px}.pad-t50{padding-top:50px}.pad-b50{padding-bottom:50px}.pad-l50{padding-left:50px}.pad-r50{padding-right:50px}.pad-t60{padding-top:60px}.pad-b60{padding-bottom:60px}.pad-t70{padding-top:70px}.pad-b70{padding-bottom:70px}.pad-t80{padding-top:80px}.pad-b80{padding-bottom:80px}.pad-t90{padding-top:90px}.pad-b90{padding-bottom:90px}.pad-t100{padding-top:100px}.pad-b100{padding-bottom:100px}.pad-b200{padding-bottom:200px}.pad-b150{padding-bottom:150px}.pad-t200{padding-top:190px}.pad-tb80{ padding-top:80px; padding-bottom:80px;}.pad-tb70{padding-bottom:70px; padding-top:70px;}.pad-tb60{padding-bottom:60px; padding-top:60px;} /*Margin css*/ .mrg5{margin:5px}.mrg10{margin:10px}.mrg15{margin:15px}.mrg20{margin:20px}.mrg30{margin:30px}.mrg40{margin:40px}.mrg50{margin:50px}.mrg60{margin:60px}.mrg70{margin:70px}.mrg80{margin:80px}.mrg90{margin:90px}.mrg100{margin:100px}.mrg-t5{margin-top:5px}.mrg-b5{margin-bottom:5px}.mrg-l5{margin-left:5px}.mrg-r5{margin-right:5px}.mrg-t10{margin-top:10px}.mrg-b10{margin-bottom:10px}.mrg-l10{margin-left:10px}.mrg-r10{margin-right:10px}.mrg-t15{margin-top:15px}.mrg-b15{margin-bottom:15px}.mrg-l15{margin-left:15px}.mrg-r15{margin-right:15px}.mrg-t20{margin-top:20px}.mrg-b20{margin-bottom:20px}.mrg-l20{margin-left:20px}.mrg-r20{margin-right:20px}.mrg-t25{margin-top:25px}.mrg-b25{margin-bottom:25px}.mrg-l25{margin-left:25px}.mrg-r20{margin-right:20px}.mrg-t30{margin-top:30px}.mrg-b30{margin-bottom:30px}.mrg-l30{margin-left:30px}.mrg-r30{margin-right:30px}.mrg-t40{margin-top:40px}.mrg-b40{margin-bottom:40px}.mrg-l40{margin-left:40px}.mrg-r40{margin-right:40px}.mrg-t50{margin-top:50px}.mrg-b50{margin-bottom:50px}.mrg-t60{margin-top:60px}.mrg-b60{margin-bottom:60px}.mrg-t70{margin-top:70px}.mrg-b70{margin-bottom:70px}.mrg-t80{margin-top:80px}.mrg-b80{margin-bottom:80px}.mrg-t90{margin-top:90px}.mrg-b90{margin-bottom:90px}.mrg-t100{margin-top:100px}.mrg-b100{margin-bottom:100px} /*==============Owl-Carousel CSS==============================*/ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut { 0% {opacity: 1;}100% {opacity: 0;}} @keyframes fadeOut { 0% {opacity: 1;}100% {opacity: 0;}} .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-item img{margin:auto; transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#333} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease} .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-video-frame{position:relative;z-index:1} .owl-controls .owl-prev, .owl-controls .owl-next{padding:0;} .owl-controls .owl-prev{ float:left;} .owl-controls .owl-prev:after{ width:30px; height:30px; display:block; margin:auto; border:solid 1px #000000; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: ""; text-align: center; line-height: 28px;} .owl-controls .owl-next{ float:right;} .owl-controls .owl-next:after{width:30px; height:30px; display:block; margin:auto; border:solid 1px #000000; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: ""; text-align: center; line-height: 28px;} .owl-controls .owl-prev:hover, .owl-controls .owl-next:hover{ opacity:0.5;} .owl-carousel .owl-controls .owl-dot{display: inline-block;} .owl-carousel .owl-controls .owl-dot span{width: 10px; height: 10px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border:solid 1px #ffffff; display: inline-block; margin:0 10px;} .owl-carousel .owl-controls .owl-dot.active span{background:#ffffff;} /*==============Owl-Carousel CSS==============================*/ .container{width:100%;max-width:1260px;position:relative;} .header { position:absolute; top:0; right:0; left:0; z-index:9; padding-top:45px;} .header-top .container {max-width: 1680px;display: flex;align-items: center;justify-content: space-between;} .logo{ width:260px;} .navigation{margin:-45px 0 0 0; position:relative;background:#000;transform: skewX(-15deg);} .navigation ul{ margin:0; padding:0;transform: skewX(15deg);} .navigation ul li{ margin:0 20px 0 20px; padding:0; list-style:none; float:left;position:relative;font-size:16px; text-transform:uppercase; font-weight:500;} .navigation ul li a{ display:block; color:#fff;padding:0; letter-spacing:1px; padding:8px 0;} .navigation ul li a:hover{color:#ffad00;} .header.shrink, .header.innerHeader.shrink {position: sticky; animation:slide-down 1s; top: 0; background: rgba(248, 179, 33, 0.8); padding: 6px 0;} .header.shrink .logo, .header.innerHeader.shrink .logo{ width: 160px; transition: 0.5s rease;} .header.shrink .navigation{ margin: -18px 0 0;} .header.innerHeader.shrink .navigation{ margin-top: -10px;} @keyframes slide-down { 0% {opacity: 1; transform: translateY(-100%); } 100% {opacity: 1;transform: translateY(0);} } .banner{ background:#ffad00 url(../images/banner-bg.png) no-repeat top left; background-size:cover; overflow:hidden;} .banner .container {max-width: 1680px;display: flex;align-items: center;justify-content: space-between;} .banner-text {width: 60%;} .banner-text h1 {font-size: 70px;color: #fff;margin: 0;padding: 0 0 30px;font-weight: 700;line-height: 90px;} /*.banner-text h1{ font-size:52px; color:#fff; margin:0; padding:0 0 30px; font-weight:700; line-height:72px;}*/ .banner-text h1 strong{color:#000;} .banner-text p {font-size: 32px;color: #000;padding: 0 0 10px 0;font-weight: 500;} /*.banner-text p{ font-size:24px; color:#000; padding:0;}*/ .sign-btn {display: flex;align-items: center; padding-top:30px;} .sign-btn a{ font-size:15px; text-transform:uppercase; color:#000; border: solid 2px #000; border-radius:50px; font-weight:600; padding:8px 0; display:block; width:180px; text-align:center; letter-spacing:1px;} .sign-btn a:hover{ background:#000; color:#fff;} .sign-btn a.black-bt{ background:#000; color:#fff; margin:0 20px 0 0;} .sign-btn a.black-bt:hover{ background: inherit; color:#000;} .banner-right-box {background: url(../images/banner-left-bg.jpg) repeat;position: relative;width:40%;transform: skewX(-15deg);} .banner-right-box:before{background:url(../images/road-bg.png) repeat; position:absolute; top:0; bottom:0; content:""; width:127px; height:100%; left:0;} .banner-right-box:after{background:url(../images/banner-left-bg.jpg) repeat; position:absolute; top:0; bottom:0; content:""; width:1000%; right:-999%;} .mobile-box { position:relative;padding: 160px 0 60px 150px;transform: skewX(15deg); z-index:1;} .mobile-box:before{ position:absolute; top:0; bottom:0; right:-20%; left:-20%; background:url(../images/right-bg.png) no-repeat right bottom; content:"";} .slider-outer {position: relative;z-index: 1;text-align: center;} .phone-slider{ position:relative;max-width:294px; margin:0 auto 40px;} .app-slider {position: absolute;top: 74px;left: 20px;border-radius: 1px;overflow: hidden; width:254px;} .app-btn a{ margin:0 6px;} .how-works-box{position: relative; background:#f8f8f8 url(../images/how-it-work-bg.jpg) repeat-x center bottom;} .how-works-box ul.how-content{padding-left: 0;} .how-works-box ul.how-content{margin: 0 -15px;} .how-works-box ul.how-content .content-section{padding: 0 15px;} .how-works-box ul.how-content .content-section span{font-size: 24px; padding: 0; display: block; font-weight:700;} .how-works-box ul.how-content .content-section .img-block {margin: 0 0 20px;} .quickest-box{ display:block;} .heading-box{ text-align:center; padding-bottom:30px;} .heading-box h2{ font-size:36px; text-transform:uppercase; font-weight:700; padding:0 0 30px; margin-bottom:30px;} .heading-box p{ font-size:18px;} .heading-box h2:before{ position:absolute; right:0; left:0; bottom:0; background:#c5c5c3; width:160px; margin:0 auto; content:""; height:1px;} .heading-box h2:after{ position:absolute; right:0; left:0; bottom:-1px; background:#f9b408; width:50px; margin:0 auto; content:""; height:3px;} .sign-drv{ text-align:center; max-width:520px; margin:0 auto;} .sign-drv ul {margin: 0;padding: 0;display: flex;align-items: center;justify-content: space-between;} .sign-drv ul li{ margin:0 25px; padding:0; list-style:none; display:inline-block; width:50%;} .sign-drv ul li .sing-icon{display:block; position:relative;padding-top: 100%;} .sign-drv ul li a {height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center;font-size:20px; text-transform:uppercase; line-height:22px;color:#000;} .sign-drv ul li a strong{ display:block; position:relative;} .sign-drv ul li a img{ display:block; margin:0 auto 10px;} .sign-drv ul li a:before{ background:url(../images/sing-bg.png) no-repeat; position:absolute; top:0; bottom:0; right:0; left:0; content:""; background-size:100%;} .anytime-box{ background:url(../images/sec-bg.jpg) no-repeat; background-size:cover; padding-top:80px;} .any-text-box{ padding-top:50px;} .any-text-box .heading-box{ text-align:left;} .any-text-box .heading-box h2:before {right:auto;margin: 0;} .any-text-box .heading-box h2:after {right:auto;margin: 0;} .any-text-box .app-btn img {box-shadow: 3px 3px 3px rgba(0,0,0, 0.3);border-radius: 50px;} .drive-user-box{} .drive-user-box .main-heading h2{margin-bottom: 35px;} .drive-user-box .sm-title{font-size: 20px; line-height: 35px;} .drive-user-box .img-block{ margin:0 auto; max-width: 650px;border:dashed 1px #cccccc; padding:20px;} .drive-user-box .img-block img{width: 100%; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.53); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.53); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.53);} .city-box{background: url('../images/city-bg.jpg') no-repeat; background-size: cover; width: 100%; height: 100%; padding: 50px 0 150px;} .city-box .container{ overflow:hidden;} .city-content{ margin:0 0 -1px;} .city-content li{flex: 0 0 25%; border-right: 1px solid #d1d1d1; transition: .5s ease;border-bottom: 1px solid #d1d1d1;} .city-content li .city-links{ height: 110px; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 500; text-align:center; padding:0 5px;justify-content: center; text-align:center;} .city-content li:hover .city-links{color: #ffad00; background: #000;} .city-content li:nth-child(4n+4){ border-right:none;} .footer{ background:#000; position:relative;} .car-img {position: absolute;top: -108px;z-index: 1;left: 105px;transform: rotate(-1deg);} .footer:before {position: absolute;top: -80px;right: 0;left: 0;content: "";background: #000;height: 200px;transform: skewY(-2deg);} .footer:after {position: absolute;top: -80px;right: 0;left: 0;content: "";background: url(../images/footer-bg.jpg) repeat;height:95px;transform: skewY(-2deg);} .footer-top{ padding:15px 0 50px;position: relative;z-index: 1;} .footer-top .container{max-width: 990px;} .footer-top .heading-box {padding-bottom: 10px;} .footer-top .heading-box h2{ color:#fff;} .ft-nav { margin-bottom:40px;} .ft-nav ul{ margin:0; padding:0;} .ft-nav ul li{ margin:0 15px; padding:0; list-style:none;position:relative;font-size:14px; text-transform:uppercase; font-weight:400; display:inline-block;} .ft-nav ul li a{ display:block; color:#a4a4a4;padding:0;padding:0;} .ft-nav ul li a:hover{color:#fff;} .contact-info {display: flex;align-items: start;justify-content: center;margin-bottom:40px;} .info-one {width: 30%;} .info-one i{display:block; margin-bottom:10px;} .info-one span{ display:block; font-size:18px; color:#fff;} .info-one span a{color:#fff;} .info-one span strong{ display:block; font-size:22px; font-weight:600;} .footer-top .app-btn a {margin: 0 15px;} .footerbottom{ border-top:solid 1px #2b2b2b;padding: 15px 0;} .footerbottom .container {display: flex;align-items: center;justify-content: space-between;} .footerbottom p{ font-size:14px; color:#a4a4a4; font-size:14px; font-weight:400; padding:0; text-transform:uppercase;} .footerbottom p a{color:#ffad00;} .social-link{ margin:0; padding:0;} .social-link li{ margin:0 0 0 25px; padding:0; list-style:none; display:inline-block; width:35px; height:35px; background:#ffad00; line-height:35px; text-align:center; font-size:24px;transform: rotate(45deg);} .social-link li:hover{background:#fff;} .social-link li a{ color:#000;} .social-link li a i{transform: rotate(-45deg);} .container2{display:inline-block;cursor:pointer;} .bar1, .bar2, .bar3{width:25px;height:2px;background-color:#fff;margin:5px 0;transition:0.4s;} .change .bar1{-webkit-transform:rotate(-45deg) translate(-2px, 2px);transform:rotate(-45deg) translate(-2px, 2px);} .change .bar2{opacity:0;} .change .bar3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -8px);} .menuImage{display:none;} /**********ride-with-us***************/ .header.innerHeader{ position:static; padding:30px 0; background:#ffad00 url(../images/banner-bg.png) no-repeat center top;} .header.innerHeader .logo {width: 210px;margin: 0 0 -10px 0;} .header.innerHeader .navigation {margin:1px 10px 0 0;} .header.innerHeader .navigation:after {position: absolute;right: -10px;width: 20px;background: #000;content: "";top: 0;bottom: 0;transform: skewX(15deg);} .topInnerHeading{ background:#f4f4f4;} .topHedMidCol{min-height:85px;flex-flow: column;} .topHedMidCol h1{ font-size:44px; font-weight:700; color:#000; margin:0; padding:0; letter-spacing:1.5px; line-height:40px;text-transform: uppercase;} .topHedMidCol p{ font-size:16px; font-weight:400; color:#000; margin:0; padding:0;} .mainWpapContainer{ padding:80px 0 150px;} .mainWpapContainer p{ font-size:16px; overflow: hidden;} .vehicleRideSec {padding-bottom: 60px;} .vehicleRideSec .row {margin-bottom: 30px;} .vehicleRideSec .row:nth-child(odd) .vehicleRideImgCol{ float:right;margin:0 32px 0 60px;} .vehicleRideSec .row:nth-child(even) {} .vehicleRideSec .row:nth-child(even) .vehicleCol{order: 2;} .vehicleRideSec .row:nth-child(even) .vehicleRideImgCol{ float:left;margin:0 98px 0 0;} .vehicleRideTextCol {display: flex;flex-flow: column;height: 100%;justify-content: center;} .vehicleRideTextCol h2 {font-size: 30px;margin-bottom: 30px;padding-bottom: 30px; font-weight:700;} .titleSec h2:before {background: #ffc11b;content: "";height: 6px;width: 30px;position: absolute;left:0;bottom: 0px;z-index:1;} .titleSec h2:after {background: #c8c8c8;content: "";height: 1px;width: 200px;position: absolute;left:0;bottom: 2px;} .vehicleRideImgCol {position: relative;} .vehicleRideImgCol .imgBorder {border: 12px solid #f4f4f4;height: 100%;left: 32px;position: absolute;top: 30px;width: 100%;} .vehicleRideImgCol img {position: relative;z-index: 1px;max-width: 100%;} .sign-up-ride{background: url(../images/sec-bg1.jpg) no-repeat;background-size: cover; padding:50px 0;padding: 50px 0 120px;margin: 0 0 -110px 0;} .sign-up-ride .heading-box h2{ text-transform:capitalize;} .sign-up-ride .form-group label{ font-size:16px; display:block; margin:0 0 5px; color:#000; font-weight:500;} .sign-up-ride .form-group{ margin:0 0 25px;} .sign-up-ride .profile-img-box input[type="file"]{background:url(../images/browse_btn.png) no-repeat top left;min-height:170px;text-indent:-200px;overflow:hidden;border:0px;font-size: 0px;width:128px;outline:none;} .checkbox-area input[type=checkbox].css-checkbox {display:none;} .checkbox-area input[type=checkbox].css-checkbox + label.css-label { display: inline-block; border: 2px solid #000; width: 20px; height: 20px; cursor:pointer; position: relative; margin: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox-area label.css-label::before{ content: "\f00c"; font-family:'FontAwesome'; font-size: 15px; display: block; width:20px; line-height:20px; text-align: center; -webkit-transform:scale(0); transform:scale(0); -webkit-transition: all ease 0.3s; transition: all ease 0.3s;margin: -2px 0 0 -1px;} .checkbox-area input[type=checkbox].css-checkbox:checked + label.css-label::before{ -webkit-transform:scale(1); transform:scale(1);} .checkbox-area .checkbox-lable{ color: #000; font-size: 16px; font-weight: 400; padding-left: 10px;} .checkbox-area .checkbox-lable a{ color:#f1a300;} .save-btn{ text-align:center; padding:20px 0 0 0;} .save-btn .btn-custom{ width:155px; margin:0 auto; display:block; letter-spacing:2px;padding: 14px 0; box-shadow:2px 2px 2px rgba(0,0,0, 0.1); cursor:pointer;} .profile-img-box img#browse_image {object-fit: contain;} /**********contact-page****************/ .contactInfoSec{ padding-bottom:50px; padding-top:30px;} .contact-alt-info {background: #000; text-align:center; border-radius:3px; padding:15px 10px 20px;min-height: 160px;} .infi-icons {width: 75px;height: 75px;background: #ffad00;border-radius: 100%;margin: -50px auto 15px;display: block;line-height: 70px;color: #000;font-size: 40px;border: solid 3px #fff;} .contact-alt-info span{ display:block; text-transform:uppercase; color:#fff; font-size:18px; font-weight:600; letter-spacing:1px; padding-bottom:5px;} .contact-alt-info p{ color:#fff; font-size:15px; padding:0; line-height:22px;} .contact-form{ padding-bottom:50px;} .contact-form .form-group label {font-size: 16px;display: block;margin: 0 0 5px;color: #000;font-weight: 500;} .contact-form .form-group{ margin-bottom:25px;} .contact-form .form-group textarea.form-control{height: 130px;} .contact-form .btn-custom {border-radius: 5px;width: 150px;margin: 10px auto 0;display: block;padding: 15px 10px;font-size: 18px;font-weight: 700;letter-spacing: 1px; cursor:pointer;} .map-box{ display:block; margin-bottom: -36px;} .map-box iframe{ width:100%; display:block; margin:0;} /* Fare calculator css starts here */ .find-destination-sec{width:100%}.find-destination-sec .signup-form{background:#eee none repeat scroll 0 0;border:1px solid #dbdbdb;-webkit-border-radius:10px;border-radius:10px;margin-bottom:30px;padding:15px}.find-destination-sec .signup-form .cmn-ride-box{background:#f9f9f9 none repeat scroll 0 0;-webkit-border-radius:10px;border-radius:10px;text-align:center}.find-destination-sec .signup-form .cmn-ride-box{padding:20px}.find-destination-sec .signup-form h3 span{color:#333!important}.find-destination-sec .signup-form h3:after{content:"";width:150px;height:3px;margin:20px auto 20px;display:table;background:#333;-webkit-border-radius:5px;border-radius:5px}.destination-form:after{content:"";clear:both;display:block;overflow:hidden}.destination-form{position:relative;padding-right:200px;text-align:center}.destination-form .form-group{width:49%;float:left}.destination-form input[type=email],.destination-form input[type=search],.destination-form input[type=text]{height:50px;background:0 0;-webkit-border-radius:0;border-radius:0;border:0;border-bottom:2px solid #ddd;padding:0}.destination-form .form-group-right{float:right}.destination-form .ride-btn{position:absolute;right:0;top:0;width:180px;height:50px;line-height:32px}.destination-form .ride-btn:hover{background:#333}#dvDistance{margin-top:10px;margin:0 -15px}#dvDistance:after{content:"";display:block;clear:both;overflow:hidden}#dvDistance .distence-col{width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;float:left}#dvDistance .distence-col span{text-align:left;display:block}#dvDistance .distence-col i{font-size:20px}#dvDistance .distence-col .text-right{text-align:right}.no-result-found{color:#979aa3;border:1px solid;width:100%!important;text-align:center;padding:20px!important;border-radius:5px}.cityCarListSec{width:100%;padding:0}.cityCarListSec ul:after{content:"";clear:both;display:block;overflow:hidden}.cityCarListSec ul{margin:0 -10px;padding:0;list-style:none}.cityCarListSec ul li{width:25%;float:left;padding:10px}.car-list-col{border:1px solid #eee;text-align:center;padding:15px;border-radius:10px}.car-list-col:hover{border-color:#ffc11b}.car-list-col .car-img{margin-bottom:20px;position:inherit}.car-list-col .car-img>img{background:#fff none repeat scroll 0 0;border:1px solid #ccc;border-radius:50%;height:80px!important;margin-bottom:0;margin-top:20px;padding:10px;width:80px}.car-list-col h3{margin-bottom:10px}.car-list-col h4{font-size:18px;font-weight:600}.car-pricing{text-align:center;background:#ffc11b;width:100%;height:auto;margin:0 auto;display:block;padding:0;height:60px}.car-pricing strong{display:block;font-size:24px;font-weight:600;line-height:60px;margin-bottom:0}.car-pricing span{font-size:11px}.star-rating{width:100%;padding:0 0 15px}.star-rating *{display:inline-block;vertical-align:top} .mainWpapContainer .cityCarListSec ul li {background: none;} /* Fare calculator css ends here */ .mainWpapContainer ul li {background: url(../images/li.png) no-repeat left top 7px;padding: 0 0 0 15px;margin: 0 0 5px;} .mainWpapContainer ul {margin-bottom: 22px;} .mainWpapContainer h4 {margin: 0;padding: 0 0 5px;} .founder-img {display: block;float: left;height: auto !important;background: #efefef;padding: 5px;border: solid 1px #e4e4e4;margin: 7px 35px 0 0;} .county-li-active {color: black; background: #f9b408;} div#county .city-content-county li { border: none; } div#county .city-content-county li a { padding: 10px 40px; height: auto; font-size: 15px; border: none !important; } .form-group label.error{ color: #c60000 !important;font-size: 12px !important;font-style: italic;margin-top: 5px !important;} /*Subscription CSS*/ .price-box { background: #fff; border-radius: 4px; box-shadow: 0 0 25px rgba(0,0,0,0.075); height: 100%; display: flex; flex-direction: column; position: relative; } .price-box.green-box {margin-top: -35px;height: calc(100% + 35px);} .price-top { text-align: center; padding: 45px 10px 40px; position: relative; display: flex; flex-direction: column; height: 100%; } .most-popular { background: #ffc11b; display: block; color: #000; text-align: center; padding: 5px 0; position: absolute; left: 0; right: 0; top: -18px; } .plan-head {margin-bottom: 25px;} .plan-head span { font-size: 24px; font-weight: 500; display: block; margin-bottom: 0; margin-top: 30px; /* line-height: 1.4; */ } .plan-head p { color: rgba(0,0,0,0.7); line-height: 20px; margin: 0; padding: 0; } .price-head { display: block; font-size: 36px; font-weight: 700; line-height: 1.1; margin-bottom: 0; color: #f1a300; margin-top: 5px; } .price-head span { font-size: 28px; font-weight: 600; padding-right: 3px; } .price-head small { font-size: 16px; color: rgba(0,0,0,0.6); padding-left: 3px; } .plan-subscribe {position: absolute;bottom: -24px;height: 44px;line-height: 44px;background: #0066ff;min-width: 160px;left: 50%;transform: translateX(-50%);color: #fff;border-radius: 4px;font-weight: 500;box-shadow: 0 0 15px rgba(0,0,0,0.15);} .plan-subscribe:hover {background: #004dc1;color: #fff;} .icon { height: 70px; display: flex; align-items: center; justify-content: center; } .usd { font-size: 14px; color: #8b8b8b; margin-bottom: 35px; } .price-top .btn-custom { max-width: 155px; height: 52px; line-height: 52px; padding: 0; margin: 0px auto; width: 100%; text-align: center; background: #fff; border: 1px solid #000; } .price-top .btn-custom:hover{ background-color: #ffc11b; border-color: #ffc11b; color: #000;} .most-box .btn-custom { background: #ffc11b; border-color: #ffc11b; } .most-box .btn-custom:hover{background: #fff; border-color: #000;} /*Subscription CSS*/ /****About**Us Page*********************/ .about-us-page { padding: 80px 0; } .about-us-page .vehicleRideSec { padding-bottom: 20px; padding-top: 0px; } .about-us-page .vehicleRideSec .row .vehicleRideImgCol { float: left; margin: 0 50px 0 0; } .ride-text { padding: 20px; border-radius: 20px; background-color: #000; text-align: center; margin-bottom: 75px; } .ride-text p { margin: 0px; font-size: 25px; font-weight: 600; padding: 25px; border: 2px dashed #f9c24d; border-radius: 10px; color: #fff; } .vehicleRideList { margin-bottom: 48px; height: auto; } .vehicleRideList ul{ display: flex; flex-wrap: wrap; } .vehicleRideList ul li{ background: #f1f1f1; padding: 8px; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; list-style: none; } .city-content-county .county-li-div { width: 33.33%; } .city-content-county li a { padding: 10px 15px !important; } .switch { position: fixed; display: inline-block; margin: 0 5px; right: 0; top: 110px; } .switch > span { position: absolute; top: 9px; pointer-events: none; font-family: 'Helvetica', Arial, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, .06); width: 50%; text-align: center; } input.check-toggle-round-flat:checked ~ .off { color: #000; } input.check-toggle-round-flat:checked ~ .on { color: #fff; } .switch > span.on { left: 0; padding-left: 2px; color: #000; } .switch > span.off { right: 0; padding-right: 4px; color: #fff; } .check-toggle { position: absolute; margin-left: -9999px; visibility: hidden; } .check-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.check-toggle-round-flat + label { padding: 2px; width: 97px; height: 35px; background-color: #000; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } input.check-toggle-round-flat + label:before, input.check-toggle-round-flat + label:after { display: block; position: absolute; content: ""; } input.check-toggle-round-flat + label:before { top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #000; -o-border-radius: 60px; border-radius: 60px; } input.check-toggle-round-flat + label:after { top: 4px; left: 4px; bottom: 4px; width: 48px; background-color: #fff; -webkit-border-radius: 52px; -moz-border-radius: 52px; -ms-border-radius: 52px; -o-border-radius: 52px; border-radius: 52px; transition: margin 0.2s; } input.check-toggle-round-flat:checked + label { } input.check-toggle-round-flat:checked + label:after { margin-left: 42px; }