@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');
section, aside, footer, header, h1, h2, h3, h4, h5, h6, p, span, figure, div, body, html {margin: 0;padding: 0;}
body {font-family: Ubuntu;background:#ffffff;font-weight:normal; }
ul, li {list-style: none;margin: 0;padding: 0;}
img {border: 0 none;max-width: 100%;width: auto;}
a, a:focus {text-decoration: none;outline:none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
h1 {font-size: 72px;}
h2 {font-size: 56px;}
h3 {font-size: 52px;}
h4 {font-size: 48px;}
h5 {font-size: 40px;}
h6 {font-size: 38px;}
html, body { height:100%; }
button, a{-moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.Main-wrapper { min-height: 100%; height: auto !important; margin: 0 auto; } 
.form-control::-moz-placeholder{color:rgba(255,255,255,.4);opacity:1;}
.form-control:-ms-input-placeholder{color:rgba(255,255,255,.4);}
.form-control::-webkit-input-placeholder{color:rgba(255,255,255,.4);}
.container{max-width: 1200px; width: 100%;}
/*  Common  End  */
/* HEADER SECTION STARTS */
.hdr_logo {float: left;position: relative;width: 100%;z-index: 1;padding: 5px 0;}
.hdr_main {float: left;padding: 27px 0;width: 100%;}
.hdr_nav .navbar-default {background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}
.hdr_nav .navbar {border: 0 none;border-radius: 0;margin-bottom: 0;min-height: auto;position: relative;}
.hdr_nav   .navbar-nav > li > a{color: #fd7982;font-size: 16px;padding: 12px 21px;font-weight: 500;}
.nav_right .navbar-nav > li > a {color: #fff;font-size: 16px;padding: 10px 7px;}
.nav_right .navbar-nav > li:first-child{color: #fff;font-size: 16px;padding: 9px 12px;}
.hdr_nav .navbar-default .navbar-nav > li > a:hover {color: #6595b6;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.hdr_right {float: left;width: 100%;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {	color: #6595b6;}
.nav > li > a:focus, .nav > li > a:hover {background-color: rgba(0, 0, 0, 0);color: #6595b6;text-decoration: none;}
.nav_right .nav > li {position: static;}
.nav_right .nav.navbar-nav {position: relative;border: 2px solid #ffffff;border-radius: 30px;padding: 0 11px;}
.affix  .nav_right .nav.navbar-nav {background: #000;border: 2px solid #000000;}
.nav_right .navbar-nav > li > a i {font-size: 20px;}
.affix {top: 0;width: 100%;z-index: 9999 !important;background-color: #ffffff;box-shadow: 0 2px 2px 1px #ccc;}
.affix + .container-fluid {padding-top: 70px;}
.affix-top {position: fixed;z-index: 1;width: 100%;}
/* HEADER SECTION ENDS */

/** banner Section**/
.banner {float: left;width: 100%;position: relative;}
.banner figcaption {color: #fff;position: relative;}
.banner figcaption::after {content: "";background-color: #e76f77;height: 6px;width: 100%;position: absolute;left: 0;width: 40%;right: 0;
margin: 15px auto;border-radius: 4px;}

/** App Creation Section **/
.AppCreation {float: left;width: 100%;clear: both;padding:  0 0 80px 0;color: #fff; background-color: #e76f78;}
.AppCreation p {font-size: 24px;line-height: 36px;margin-top: 20px;}

/** RidingBlock Section **/
.RidingBlock {float: left;width: 100%;padding:  60px 0}
.RidingBlock .nav_right .nav.navbar-nav {border: 2px solid #181919;background: #181919;}
.RidingBlock .nav_right .navbar-nav > li > a {color: #181919;font-size: 14px;padding: 0;background: #fff;border-radius: 50%;width: 32px;
width: 32px;display: block;line-height: 32px;margin: 6px 4px;text-align: center;}
.RidingBlock .nav_right .navbar-nav > li > a:hover, .RidingBlock .nav_right .navbar-nav > li > a:focus {color: #fff;background: #e76f77;
transition-duration: .3s;}
h6.ride-heading {font-weight: 800;color: #6595b6;line-height: 45px;margin-bottom: 40px;}

/** ScanRide Section **/   
.ScanRide{float: left;width: 100%;padding: 80px 0 0;background-image: url("../images/ridescan-banner.jpg") ;background-repeat: no-repeat;background-size: cover;position:relative;}
.heading-block{color: #fff;}
.heading-block h4 {font-weight: bold;line-height: 60px;}
.heading-block p {font-size: 22px;line-height: 30px;}
.mobileimg img {position: relative;bottom: -50px;}
.Scan-steps {padding-left: 20px;display: table-cell;vertical-align: middle;}
.number {width: 100px;height: 100px;line-height: 100px;text-align: center;background: #e76f77;border-radius: 4px;color: #fff;font-size: 48px;font-weight: bold;display: table-cell;vertical-align: middle;cursor: pointer;}
.ScanRide li {position: relative;min-height: 110px;color: #fff;margin-bottom: 15px;}
/* .ScanRide li.active .number, .ScanRide li:hover .number {-webkit-transition-duration: .3s;-moz-transition-duration: .3s;transition-duration: .3s;background: #6595b6;} 
.ScanRide li.active h6, .ScanRide li:hover h6 {font-weight: 800;}*/

/** SafetyConvenienceBlock **/
.SafetyConvenienceBlock{float: left;width: 100%;padding: 80px 0;}

/*** SecurityBlock ***/
.SecurityBlock{float: left;width: 100%;background-color: #f3f3f3;padding: 60px 0;position:relative;}
.SecurityBlock figure {width: 150px;height: 150px;line-height: 150px;text-align: center;margin: 0 auto 15px;display: block;
border-radius: 50%;background-color: #e76f77;}
.SecurityBlock figcaption {font-weight: 600;color: #3f3f3f;line-height: 36px;font-size: 20px}
.SecurityBlock figcaption small{display: block;font-weight: 400;line-height: 24px;font-size: 16px}

/*** RideRates ***/
.RideRates{float: left;width: 100%;padding: 60px 0;background-image: url("../images/banner-2.jpg") ;background-repeat: no-repeat;background-size: cover;    }
.RideRates h5 {background-image: url("../images/bg-1.png");background-repeat: no-repeat;background-size: cover;width: 543px;
height: 543px;text-align: left;padding: 170px 120px;color: #fff;}
.RideRates p {background-image: url("../images/bg-2.png");background-repeat: no-repeat;background-size: cover;width: 300px;
height: 300px;text-align: center;padding: 110px 80px;color: #3f3f3f;font-size: 30px;font-weight: 800;position: absolute;
bottom: 0;right: 0;}
.RidingBlock h6.ride-heading {margin-bottom: 0;}

/*** ChargeBlock ***/
.ChargeBlock{float: left;width: 100%;padding: 60px 0 0;background-color:#6595b6 ;position:relative;}
.ChargeBlock h6.ride-heading {color: #fff;}   
.ChargeBlock figure {height: 150px;width: 150px;line-height: 150px;margin: 0 auto 15px;background-color: #e76f77;border-radius: 6px;
box-shadow: 2px 2px 0 3px #608dad;display: block;}
/* .ChargeBlock figure:hover, .ChargeBlock figure:focus, .ChargeBlock .col-sm-4:first-child figure {background-color: #e76f77;} */
.ChargeBlock p {color: #fff;font-size: 16px;line-height: 18px;font-weight: 800;}
.charge-steps {float: left;width: 100%;margin-bottom: 20px;}

/*** LeaseEarn ***/
.LeaseEarn{background-color: #e76f77;}
.LeaseEarn figure {height: 150px;width: 150px;line-height: 150px;margin: 0 auto 15px;background-color: #5282a3;border-radius: 6px;box-shadow: 2px 2px 0 3px #db6971;display: block;}
/* .LeaseEarn figure:hover, .LeaseEarn figure:focus, .LeaseEarn .col-sm-4:first-child figure {background-color: #5282a3;} */

/*** Contact Section ***/
.Contact{float: left;width: 100%;padding: 60px 0 100px;background-color:#252525;position:relative;}
.Contact h4{color: #fff;line-height: 49px;font-weight: 400;padding-bottom: 40px;}
.contact-subheading{color: #fff;line-height: 26px;font-size: 21px;padding-bottom: 20px;font-weight: 400;}
.contact-form {max-width: 780px;width: 100%;margin: 0 auto;}
.contact-form .form-group {min-height: 70px;}
.contact-form .form-control {border: 1px solid #ccbaa4;background-color: transparent;border-radius: 40px;padding: 10px;
height: 50px; color: #fff;}
.contact-form textarea.form-control {border-radius: 15px;height: auto;resize: none;}
.send-btn {background-color: #e76f77;border: 1px solid #e76f77;padding: 15px 0;text-align: center;max-width: 200px;color: #fff;
font-size: 18px;width: 100%;border-radius: 55px;margin-top: 20px;margin: 10px 0;display: block;float: right;}
.send-btn:hover, .send-btn:focus {background-color: #c6404a;border: 1px solid #c6404a;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;color: #fff;
text-decoration: none;}
.contact-form label {color: #fff;font-size: 18px;padding-right: 10px;margin-top:10px;}
.contact-form .captcha {max-width: 150px;width: 100%;margin-top:10px;}

/** footer **/
.footer_main {background: #ffffff;padding: 80px 0 15px;color: #fff;position: relative;float: left;width: 100%;}
.social-links {background: #6595b6;float: left;width: 100%;border-radius: 65px;padding: 0;position: absolute;left: 0;max-width: 1130px;
margin: 0 auto;right: 0;top: -40px;overflow: hidden;}
.footer_btm {float: left;width: 100%;padding: 15px 0;}
.footer_btm li {display: inline-block;padding: 0 5px;}
.footer_btm li  a{color: #ffffff; font-size: 30px;}
.footer_btm_left {float: left;width: 100%;}
.footer_btm_left p {color: #3f3f3f;font-size: 14px;line-height: 18px;}
.social-links .col-sm-6:nth-child(2) {background: #e76f77;}
.social-links .col-sm-6:nth-child(2) li a {background: #111d28;height: 50px;width: 50px;border-radius: 50%;display: block;text-align: center;line-height: 50px;border: 2px solid #ccbaa4;font-size: 26px;}
.social-links .col-sm-6:nth-child(2) li a:hover {background: #6595b6;border: 2px solid #ccbaa4;}
.social_icons h6 {font-size: 30px;padding-right: 20px;}
.top-arrow {color: #c1bfbf;font-size: 30px;bottom: 20px;position: fixed;right: 10px;z-index: 1;}
.social-links .col-sm-6:nth-child(2) li {padding: 0;}

/** thanks-banner Section**/
.thanks-banner {float: left;width: 100%;position: relative;padding-top: 100px;}
.thanks-banner img {width: 100%;}
.thanks-banner figcaption {color: #fff;}
.thanks-banner figcaption p {font-size: 24px;font-weight: 500;padding-top: 20px;}
.padding-15 {padding: 15px 0;}

/** 17 aug **/
#contact-form span {
    font-size: 18px;
    color: #fff;
    padding-right: 6px;
    padding-top: 10px;
}
#contact-form input.outer-form-text { outline: none; margin-left: 10px; margin-top: 10px;    background: none;     border-radius: 20px;     height: 48px;     line-height: 48px;     color: #fff;     border: 1px solid #ccbaa4;     font-size: 18px;     padding: 0px 15px; max-width: 150px; width: 100%;}

label.error {
    font-size: 12px;
    font-weight: 500;
    padding-left: 21px;
    margin: 4px 0 0;
    color: aliceblue;
}





/******* Responsive code ******/
@media (min-width:993px) and (max-width:1199px){
.RideRates .row .col-md-6:nth-child(2) {width: 60%;}
.RideRates .row .col-md-6:nth-child(1) {width: 40%;}
}
@media (min-width:768px) and (max-width:1024px){
h3 {font-size: 42px;}
h6 {font-size: 30px;}
.AppCreation p {font-size: 19px;line-height: 30px;}
.AppCreation {padding: 0 0 50px 0;}
.hdr_nav .navbar-nav > li > a {padding: 12px 7px;font-size: 15px;}
.nav_right .nav.navbar-nav {padding: 0 5px;}

.RideRates .row .col-sm-8 {width: 80%;}
.RideRates .row .col-sm-4 {width: 20%;}

}
@media (max-width:992px){
h1 {font-size: 52px;}
h2 {font-size: 40px;}
h3 {font-size: 38px;}
h4 {font-size: 34px;}
.ScanRide  h6 {font-size: 19px;}
.AppCreation p {font-size: 16px;line-height: 24px;}
.ScanRide {float: left;}
.number {width: 70px;height: 70px;line-height: 70px;font-size: 28px;}
.SecurityBlock figcaption {min-height: 65px;margin-bottom: 20px;}
.SafetyConvenienceBlock {padding: 60px 0 30px 0;}
.SecurityBlock {padding: 30px 0 10px;}
.ChargeBlock figure {height: 100px;width: 100px;line-height: 100px;}
.ChargeBlock figure img {height: 50px;}
.contact-form {max-width: 650px;}
.social-links {max-width: 650px;}
.social-links .footer_btm li a img {height: 34px;}
.social_icons h6 {font-size: 20px;padding-right: 10px;}
.social-links .col-sm-6:nth-child(2) li a {height: 40px;width: 40px;line-height: 40px;font-size: 16px;}
.footer_main {padding: 60px 0 15px;}
.Contact {padding: 60px 0 70px;}
    .padding-15 {
	padding: 15px 0;
}
   .thanks-banner {;margin-top: 0;} 
    .nav_right .navbar-nav > li:first-child {
	font-size: 14px;
	padding: 10px 3px;
}
}
@media (max-width:767px){
.hdr_nav .navbar-nav > li > a, .nav_right .navbar-nav > li > a {padding: 10px 6px;text-align: left;}
.nav_right {position: absolute;right: 17px;width: auto;z-index: 99;top: -7px;}
.nav_right .nav > li {display: inline-block;}
.nav_right .nav.navbar-nav {text-align: right;}
.hdr_right {position: relative;}
.hdr_nav {text-align: left;width: 100%;}
.navbar-default .navbar-toggle {border-color: #6595b6;float: left;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle {border-color: #fd7982;float: left;background-color: #fd7982;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #608dad;border-color: #608dad;}
.hdr_logo {padding-bottom: 20px;text-align: center;}
.navbar ul.navbar-nav {margin: 0px -15px;background: #fff;}
/* HEADER SECTION ENDS */
.banner figcaption {padding: 0 15px;}
.hdr_main {padding: 15px 0;}
.banner {background-image: url("../images/banner.jpg");background-repeat: no-repeat;background-size: cover;padding: 200px 0;text-align: center;}
.thanks-banner {background-image: url("../images/thank-you-bg.jpg");background-repeat: no-repeat;background-size: cover;padding: 100px 0;
text-align: center;margin-top: 130px;}
.AppCreation {padding: 20px 0 50px 0;}
.RidingBlock h6.ride-heading {margin-bottom: 30px;text-align: center;}
.RidingBlock .nav_right {position: static;right: 0;width: 100%;z-index: 99;text-align: center;}
.RidingBlock .nav_right .nav.navbar-nav {max-width: 257px;margin: 0 auto;text-align: center;}
.RidingBlock {padding: 30px 0;}
.ScanRide {padding: 40px 0 0;}
.ScanRide ul {padding-top: 40px;}
.mobileimg {text-align: center;}
.SafetyConvenienceBlock .row .col-xs-12:nth-child(1) img {margin-bottom: 30px;border-bottom: 2px solid #ccc;padding-bottom: 30px;}
.SecurityBlock figure {margin: 0 auto 0px;}
.SecurityBlock figcaption    {margin-bottom: 40px;}
.RideRates h5 {width: 393px;height: 393px;padding: 110px 90px;font-size: 30px;}
.RideRates p {width: 220px;height: 220px;padding: 90px 50px;font-size: 18px;}
.RideRates .row .col-xs-12:nth-child(2) {max-width: 500px;margin: 0 auto;display: block;width: 100%;float: none;}
.ChargeBlock .row .col-xs-12.col-sm-5 img {margin: 0 auto 50px;display: block;height: 250px;}
.LeaseEarn .row .col-xs-12.col-sm-5 img {margin: 0 auto 0;display: block;height: 250px;}
.charge-steps {margin-bottom: 50px;}
.social-links {max-width: 650px;position: static;margin: 0 auto;display: block;border-radius: 5px;float: none;}
.social-links .footer_btm li a img {height: auto;}
.footer_btm ul {text-align: center;}
.footer_btm_left p {padding: 20px 0 0;}
.AppCreation img {margin: 0 auto;display: block;}
.captcha-main{text-align: center;}
input#outer-form-text, .captcha-tab {
    display: inline-block;
}
input.send-btn {
    margin: 0 auto;
    display: block;
    float: none;
}
}
@media (max-width:480px) { 
h1 {font-size: 35px;}
h2 {font-size: 20px;}
.nav_right .navbar-nav > li:first-child {font-size: 13px;padding: 9px 0;}
h3 {font-size: 24px;}
.RidingBlock h6.ride-heading {font-size: 30px;line-height: 30px;}
.heading-block h4 {line-height: 40px;margin-bottom: 20px;font-size: 23px;}
.heading-block p {font-size: 17px;line-height: 20px;}
.number {position: absolute;left: 0;top: 14px;}
.Scan-steps {padding-left: 90px;display: block;vertical-align: top;margin-bottom: 50px;padding-top: 10px;}
.SecurityBlock .col-xs-6 {width: 100%;}
.RideRates h5 {width: 280px;height: 280px;padding: 73px 73px;font-size: 20px;line-height: 28px;}
.RideRates p {width: 150px;height: 150px;padding: 59px 35px;font-size: 16px;}
.col-xs-4{width: 100%;}
.LeaseEarn .row .col-xs-12.col-sm-5 img {height: auto;}
.footer_btm li {padding: 5px ;}
.banner {padding: 190px 0 110px;}
.RideRates .row .col-xs-12:nth-child(2) {max-width: 330px;}
}
@media (min-width:768px) { 
/** banner Section **/
.banner img {width: 100%;}
.banner figcaption {width: 100%;text-align: center;position: absolute;transform: translate(-50%,-50%);-webkit-transform: ranslate(-50%,-50%);-moz-transform: translate(-50%,-50%);top: 50%;left: 50%;}
.thanks-banner figcaption {width: 80%;text-align: center;position: absolute;transform: translate(-50%,-50%);-webkit-transform: ranslate(-50%,-50%);-moz-transform: translate(-50%,-50%);top: 50%;left: 50%;}
.hdr_nav {float: right;}
/** App Creation Section **/
.AppCreation .row {display: table-row;}
.AppCreation .col-sm-7, .AppCreation .col-sm-5 {display: table-cell;vertical-align: middle;float: none;}    

.RidingBlock .container {display: table;}
.RidingBlock .row {display: table-row;}
.RidingBlock .col-sm-6 {display: table-cell;vertical-align: middle;float: none;}


.ScanRide .row {display: table-row;}
.ScanRide .col-sm-6 {display: table-cell;vertical-align: middle;float: none;}
.SafetyConvenienceBlock .row .col-sm-6:nth-child(2) {border-left: 2px solid #e6e6e6;}

.ChargeBlock .row {display: table-row;}
.ChargeBlock .col-sm-7, .ChargeBlock .col-sm-5{display: table-cell;vertical-align: middle;float: none;}

.social-links {display: table-row;}
.social-links .col-sm-6 {display: table-cell;vertical-align: middle;float: none;height: 100%;width: 40%;text-align: center;}


}