/*Custom CSS Starts



1) Google Fonts

2) Scrollbar Style

3) Home Page

4) Dashboard Member Page

5) Contact Page

6) FAQ Page

7) About Page

8) Offer Ride Page

9) Search Result Page*/





@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:400,500,600,700|Raleway:400,500,600,700|Montserrat:400,500,600,700|Alegreya:400,500,600,700|Abril+Fatface:400,500,600,700');

*{

    margin:0;

    padding:0;

    text-decoration:none;

    list-style:none;

    /* font-family: 'Alegreya', sans-serif; */

    /* font-family: 'Alegreya', sans-serif; */

    /* font-family: 'Alegreya', sans-serif; */

}
body{font-family: 'Montserrat' !important; font-size:13px;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat' !important; font-weight: 700 !important;}


/****************************************************************************************************

                                                                                                Common Css

*****************************************************************************************************/



select option:checked,

select option:hover {

    box-shadow: 0 0 10px 100px #ff8915 inset;

}



.inactive {

    background: #ccc !important;

}



.no-margin {

    margin: 0 !important;

}



/****************************************************************************************************

        *********************************Scroll Bar Css Starts*********************************

*****************************************************************************************************/

::-webkit-scrollbar {

    width: 8px;

}

::-webkit-scrollbar-track {

    background-color: #ffffff;

    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.15);

}

::-webkit-scrollbar-thumb {

    -webkit-border-radius: 20px;

    border-radius: 0;

    background: #292929;

    border: 2px solid #ffffff;

    width: 8px;

}

::-webkit-scrollbar-thumb:active {

    -webkit-border-radius: 0px;

    border-radius: 0px;

    background: #616161;

}



/****************************************************************************************************

*********************************Scroll Bar Css Ends********************************************

*****************************************************************************************************/





/*3) Home Page*/

a:hover,

a:focus,

a:active{

    text-decoration: none;

}

ol, ul{

    margin: 0;

    padding: 0;

}

img{

    display: block;

}



.phn-verification .form-group .form-control{

    box-shadow: 0 0 4px rgba(255,137,21,0.55) !important;

    border: 2px solid #ff8915;

}

.register-sub-circle-heading{

    margin-bottom: 20px;

}

.register-sub-circle-heading span{

    width: 50px;

    height: 50px;

    border-radius: 50%;

    color: #fff;

    background: #ff8915;

    line-height: 50px;

    font-weight: bold;

    text-align: center;

    display: inline-block;

    font-size: 20px;

}

.register-sub-circle-heading h2{

    display: inline-block;

    line-height: 28px;

    /*font-weight: bold;*/

    /* font-family: 'Abril+Fatface'; */

    font-size: 22px;

    text-transform: capitalize;

    color: #ff8915;

    margin: 0 0 0 15px;

}

/* Password Strength Css */

.pas-strength{

    position: relative;

    z-index: 1;

}

#myPassword{

    text-indent: 6px;

    background: transparent;

    -webkit-appearance: none;

    -webkit-transition: border .25s linear, color .25s linear;

    -moz-transition: border .25s linear, color .25s linear;

    -o-transition: border .25s linear, color .25s linear;

    transition: border .25s linear, color .25s linear;

    -webkit-backface-visibility: hidden;

    width: 100%;

    z-index: 1;

    overflow: hidden;

}

.strength_meter{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index:-1;

    border-radius:0;

    box-sizing: border-box;

}

.button_strength {

    text-decoration: none;

    color: #7e7e7e;

    margin-top: 15px;

    display: block;

    font-size: 13px;

}

.strength_meter div{

    width:0%;

    height: 44px;

    text-align: right;

    color: #fff;

    line-height: 43px;

    box-sizing: border-box;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    padding-right: 12px;

    border-radius:0;

}

.strength_meter div p{

    position: absolute;

    top: 55px;

    right: 0px;

    color: #7e7e7e;

    font-size:13px;

}



.veryweak{

    background-color: #FFA0A0;

    border-color: #F04040!important;

    width:25%!important;

}

.weak{

    background-color: #FFB78C;

    border-color: #FF853C!important;

    width:50%!important;

}

.medium{

    background-color: #FFEC8B;

    border-color: #FC0!important;

    width:75%!important;

}

.strong{

    background-color: #C3FF88;

    border-color: #8DFF1C!important;

    width:100%!important;

}



/****************************************************************************************************

*********************************Top Bar Strip Css Starts********************************************

*****************************************************************************************************/

.top-bar{

    width: 100%;

    background: #222;

    display: table;

}

.left-top-bar ul li{

    float: left;

}

.left-top-bar ul li a{

    padding: 15px 15px 15px 0;

    margin-right: 15px;

    color: #fff;

    font-size: 12px;

    float: left;

    line-height: 25px;

    text-transform: capitalize;

    display: block;

    border-right: 1px solid rgba(255,255,255,0.5);

}

.left-top-bar ul li a span{

    background: url('../images/tob-bar-icon-sprite.png') center 0 no-repeat;

    width: 25px;

    height: 25px;

    float: left;

    margin-right: 10px;

}

.left-top-bar ul li:nth-child(2) a span{

    background-position: center -25px;

}

.left-top-bar ul li:last-child a span{

    background-position: center -50px;

}

.left-top-bar ul li:last-child a{

    border-right: none;

}

.right-top-bar ul{

    float: right;

}

.right-top-bar ul li a{

    padding: 15px 25px 15px 25px;

    margin-right: 0;

}

.right-top-bar ul li a i{

    font-size: 14px;

}

/****************************************************************************************************

*********************************Top Bar Strip Css Ends********************************************

*****************************************************************************************************/



/****************************************************************************************************

********************************* Navigation Css Starts ********************************************

*****************************************************************************************************/

.navbar>.container .navbar-brand, 

.navbar>.container-fluid .navbar-brand{

    height: auto;

    padding: 15px 0;

    margin-left: 0;

}

.navbar-brand>img{

    width: 95px;

}

.navbar-nav{

    margin-left: 160px;

}

.navbar-default{	

    background: rgba(0,0,0,0.7);

    border-color: transparent;

    min-height: auto;

    position: absolute;

    top: 0;

    margin-bottom: 0;	

    width: 100%;

    border-radius: 0;

    z-index: 5;

}

.navbar-default .navbar-nav>li{

    position: relative;

}

.navbar-default .navbar-nav>li>a{

    padding: 35px 10px;

    margin-right: 30px;

    font-size: 13px;

    text-transform: capitalize;

    color: #fff;

    letter-spacing: 2px;

    font-weight: 600;

    line-height: 22px;

    transition:all 0.5s ease;

    position: relative;

    /* font-family: 'Alegreya', sans-serif; */

}

.navbar-default .navbar-nav>li>a:after{

    /*    width: 0;
    
        height: 4px;
    
        background: #ff8915;
    
        content: '';
    
        position: absolute;
    
        bottom: -2px;
    
        left: 0;
    
        transition: all 0.5s ease;*/

}

.navbar-default .navbar-nav>li>a:hover,

.navbar-default .navbar-nav>li>a:focus,

.navbar-default .navbar-nav>li>a:active{

    color: #fff;

    letter-spacing: 3px;


}

.navbar-default .navbar-nav>li>a:hover:after{

    width: 100%;

}

.user-signup{

    margin-top: 28px;

}

.user-signup li{

    padding: 10px;

    border: 1px solid #fff;

    display: table;

    width: 100%;

}

.user-signup li a{

    float: left;

    margin-right: 8px;

    color: #fff;

    font-weight: 600;

    font-size: 13px;

    border-right: 1px solid #fff;

    padding-right: 8px;

    outline: none;

    letter-spacing: 2px;

    text-transform: capitalize;

    display: block;

    /* font-family: 'Alegreya', sans-serif; */

}

.user-signup li a:last-child{

    padding-right: 0;

    margin-right: 0;

    border-right: none;

}



.fa-form-inline {

    position: absolute;

    margin: 15px;

    color: #ff8915;

}



.fa-eye {

    top: 0;

    right: 0;    

    color: #777;

}



/****************************************************************************************************

********************************* Navigation Css Ends ********************************************

*****************************************************************************************************/





/****************************************************************************************************

********************************* Slider Css Starts ********************************************

*****************************************************************************************************/

.slider-contanier{

    background-image:url('../images/slide-bg.jpg');

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    width: 100%;

    height: 700px;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.slider-contanier:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: -1;

    height: 100%;

    background: rgba(0,0,0,0.6);

}

.slide-info{

    margin-top: 13%;

}

.ride-search-engine{

    background: rgba(255,255,255,0.8);

    padding: 0;

    position: relative;

    z-index: 1;

}

.ride-search-engine:after{

    background-image: url('../images/ride-search-bg-shape.png');

    content: '';

    background-repeat: no-repeat;

    width: 100%;

    background-size: 100% 100%;

    height: 70px;

    left: 0;

    bottom: -70px;

    position: absolute;

    z-index: -1;

}

.nav-tabs{

    background: #ff8915;

}

.nav-tabs li{

    width: 20%;

}

.nav-tabs li a{

    background-color: transparent;

    display: block;

    width: 100%;

    padding: 15px 0;

    color: #fff;

    text-align: center;

    border: transparent;

    border-right: 1px solid rgba(0,0,0,0.2);

    border-radius: 0;

}

.nav-tabs li a span{

    background: url('../images/search-tab-icon-sprite.png') center 0 no-repeat;

    width: 25px;

    display: table;

    margin: 0 auto;

    height: 25px;

}

.nav-tabs li a span.girl-icon{

    background-position: center -25px;

}

.nav-tabs li a span.event-icon{

    background-position: center -50px;

}

.nav-tabs li a span.plane-icon{

    background-position: center -75px;

}

.nav-tabs li a span.building-icon{

    background-position: center -100px;

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav-tabs>li>a:hover{

    border: transparent;

    border-right: 1px solid transparent;

    color: #fff;

    background-color: rgba(0,0,0,0.2);

}

.tab-content{

    padding: 15px 15px 30px 15px;

    width: 100%;

    box-sizing: border-box;

    background-color: #ffffff;

}

.tab-content .tab-pane h4{

    display: block;

   text-transform: uppercase;

    /* font-family: 'Alegreya', sans-serif; */

    margin: 10px 0;

    
    letter-spacing: 2px;

    /*font-weight: 600;*/
    text-align:center;

}

.tab-content .tab-pane form .form-group{

    display: table;

    width: 100%;

    position: relative;

}
.tab-content .tab-pane form .form-group .date{
    background: url('../images/calendar-icon.png') 10px center no-repeat #fff;

    border-radius: 0;

    height: auto;

    letter-spacing: 3px;

    color: #898989;

    width: 100%;

    box-sizing: border-box;

    padding: 12px 0 12px 40px;

    box-shadow: 0 0 10px rgba(0,0,0,0.25) !important;

    border: 1px solid #d0d0d0;
}

.tab-content .tab-pane form .form-group input,

.tab-content .tab-pane form .form-group select,

.tab-content .tab-pane form .form-group .dropdown button,

.offer-tab-content form .form-control,

.request-ride-form form .form-control{

    background: url('../images/orgin-icon.png') 10px center no-repeat #fff;

    border-radius: 0;

    height: auto;

    letter-spacing: 3px;

    color: #898989;

    width: 100%;

    box-sizing: border-box;

    padding: 12px 0 12px 40px;

    box-shadow: 0 0 10px rgba(0,0,0,0.25) !important;

    border: 1px solid #d0d0d0;

}



.tab-content .tab-pane form .form-group #myPassword {

    padding-right: 40px;

}



.tab-content .tab-pane form .form-group input.destination-icon,

.offer-tab-content form .form-group input.destination-icon,

.request-ride-form form .form-group input.destination-icon{

    background-image: url('../images/desitination-icon.png');

}

.request-ride-form form .form-group input.clock-icon,

.offer-tab-content .tab-content-wrap .tab-pane-wrap form .form-group input.clock-icon{

    background-image: url('../images/clock.png');

}

.tab-content .tab-pane form .form-group input#ride-date,

.request-ride-form form .form-group input.cal-icon{

    background-image: url('../images/calendar-icon.png');

}

.tab-content .tab-pane form .ride-search-two-col input,

.tab-content .tab-pane form .ride-search-two-col .dropdown{

    width: 55%;

    margin-right: 2%;

    float: left;

}

.tab-content .tab-pane form .ride-search-two-col .dropdown{

    width: 40%;

    float: right;

    margin-right: 0;

}



.tab-content .tab-pane form .form-group select {

    background-image: url('../images/user-plus-icon.png');

    text-align: left;

}



.tab-content .tab-pane form .form-group .dropdown button{

    background-image: url('../images/user-plus-icon.png');

    text-align: left;

}

.tab-content .tab-pane form .form-group .dropdown-menu{

    width: 100%;

    border-radius: 0;

}

.tab-content .tab-pane form .form-group .dropdown-menu>li>a:focus, 

.tab-content .tab-pane form .form-group .dropdown-menu>li>a:hover{

    background-color: #ff8915;

    color: #fff;

}

.form-btns{

    display: table;

    margin: 30px auto 0;

}

.form-btns a{

    margin-right: 20px;

}

.slide-text h2{

    font-weight: bold;

    font-size: 28px;

    text-transform: capitalize;

    color: #fff;

    margin-top: 15%;

    margin-bottom: 25px;

    letter-spacing: 3px;

}

.slide-text h2 span{

    background: #ff8915;

    padding: 0 12px;

    color: #fff;

}

.slide-text p{

    color: #fff;

    font-size: 14px;

    line-height: 26px;

}

.slide-text a{

    margin-top: 20px;

    display: table;

    padding: 6px 18px;

}

p{

    font-size: 14px;

    font-weight: normal;

    color: #797979;

    line-height: 22px;

    /* font-family: 'Alegreya', sans-serif; */

}

.btn-effect-main, .btn-effect-main2{

    background: #ff8915; /* FF5254 */
    outline:0;
    box-shadow:none;

    color: #fff;

    font-size: 15px;

    text-transform: capitalize;

    padding: 4px 16px;

    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    letter-spacing: 2px;

    text-align: center;

    border:2px solid #ff8915;

    font-weight: normal;

    transition: all 0.5s ease;
    outline: none;

}

.btn-effect-main:hover, .btn-effect-main2:hover{

    background-color: #ffffff;

    color: #ff8915;
    border:2px solid #ff8915;

    transform: translateY(-3px);

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

}
.btn-effect-main2{ background-color:#ffffff; color:#ff8915;}

h3{

    display: block;

    font-size: 32px;

    color: #353535;

    /*font-weight: 600;*/

    margin-top: 0;

    position: relative;

    padding-bottom: 20px;

    text-align: center;

    margin-bottom: 30px;

    letter-spacing: 3px;

}

h3:before{

    content: '';

    width: 120px;

    height: 5px;

    position: absolute;

    background: #ff8915;

    left: 50%;

    margin-left: -60px;

    bottom: 0;

}

h3:after{

    content: '';

    position: absolute;

    bottom: -14px;

    left: 50%;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 15px solid #ff8915;

    margin-left: -15px;

}

h3 span{

    color: #ff8915;

    margin-right: 5px;

}

/****************************************************************************************************

********************************* Slider Css Ends ********************************************

*****************************************************************************************************/



/****************************************************************************************************

********************************* Service Grid Section Css Starts ********************************************

*****************************************************************************************************/

.our-service-container{

    padding: 50px 0;

    display: table;

    width: 100%;

}

.our-service-container .container > p{

    width: 70%;

    display: table;

    margin: 0 auto 40px;

    text-align: center;

}

.service-block{

    padding: 30px 20px;

    width: 32%;

    min-height: 340px;

    margin-right: 2%;

    box-sizing: border-box;

    border: 1px solid rgba(0,0,0,0.4);

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

}

.service-block:last-child{

    margin-right: 0;

}

.service-block i{

    width: 110px;

    height: 110px;

    display: table;

    margin: 0 auto;

    background: url('../images/service-icon-sprite.png') center 0 no-repeat;

}

.service-block:nth-child(2) i{

    background-position: center -110px;

}

.service-block:last-child i{

    background-position: center -220px;

}

.service-block h4{

    text-align: center;

    font-weight: normal;

    font-size: 20px;

    text-transform: capitalize;

    color: #353535;

    margin: 15px 0;

}

.service-block p{

    color: #707070;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    margin-bottom: 15px;

}

.service-block a{

    margin: 0 auto;

    display: table;

}

/****************************************************************************************************

********************************* Service Grid Section Css Ends ********************************************

*****************************************************************************************************/





/****************************************************************************************************

********************************* Latest Ride Offer Css Starts ********************************************

*****************************************************************************************************/

.latest-ride-offer-container{

    width: 100%;

    display: table;

    height: 550px;

    background-image:url('../images/ride-bg.jpg');

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    z-index: 1;

    position: relative;

}

.latest-ride-offer-container:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: -1;

    height: 100%;

    background: rgba(0,0,0,0.7);

}

.ride-offers-wrap{

    width: 48.5%;

    float: left;

    margin-right: 2%;

}

.ride-offers-wrap:last-child{

    margin-right: 0;

}

.ride-offers-wrap h5{

    color: #fff;

    font-size: 22px;

    text-transform: capitalize;

    /*font-weight: 600;*/

    margin-bottom: 20px;

    margin-top: 7%;

    letter-spacing: 1px;

}

.ride-offer-block{

    width: 100%;

    display: table;

    margin-bottom: 15px;

    background: #fff;

    padding: 10px 25px;

    box-sizing: border-box;

    min-height: 130px;

}

.ride-offer-user{

    padding: 0;

    margin-top: 30px;

}

.owl-carousel .owl-item .ride-offer-user img{

    float: left;

    margin-right: 20px;

    height: 55px;

    width: 55px;

    border-radius: 40px;

}

.ride-offer-user p{

    float: left;

    color: #979797;

    font-size: 16px;

    line-height: 55px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 15ch;

}

.ride-offer-detail ul{

    padding-left: 30px;

    width: 100%;

    margin-top: 5px;

    box-sizing: border-box;

    /*	background: url('../images/ride-pin-icon.png') 0 0 no-repeat;*/

}

.ride-offer-detail ul li p{

    line-height: 17px;

    color: #ff8915;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 15ch;

}

.ride-offer-detail ul li:nth-last-child(2) p{

    color: #4f4f4f;

}

.ride-offer-detail ul li:last-child p{

    margin-bottom: 0;

}

/****************************************************************************************************

********************************* Latest Ride Offer Css Ends ********************************************

*****************************************************************************************************/





/****************************************************************************************************

********************************* Mobile Application Section Css Starts ********************************************

*****************************************************************************************************/

.mobile-app-container{

    width: 100%;

    display: table;

    padding: 40px 0 70px 0;

    background: #f4f4f4;

}

.mobile-mockup img{

    display: block;

    float: left;

    width: 150px;

    margin-right: 20px;

    transition: all 0.8s ease;

}

.left-mockup{

    -webkit-transform: translateY(35px);

    -moz-transform: translateY(35px);

    -ms-transform: translateY(35px);

    -o-transform: translateY(35px);

    transform: translateY(35px);

}

.right-mockup{

    -webkit-transform: translateY(35px);

    -moz-transform: translateY(35px);

    -ms-transform: translateY(35px);

    -o-transform: translateY(35px);

    transform: translateY(35px);

}

.mobile-mockup:hover img.left-mockup {

    -webkit-transform: translateY(0px) translateX(170px);

    -moz-transform: translateY(0px) translateX(170px);

    -ms-transform: translateY(0px) translateX(170px);

    -o-transform: translateY(0px) translateX(170px);

    transform: translateY(0px) translateX(170px);

}

.mobile-mockup:hover img.right-mockup{

    -webkit-transform: translateY(50px) translateX(-170px);

    -moz-transform: translateY(50px) translateX(-170px);

    -ms-transform: translateY(50px) translateX(-170px);

    -o-transform: translateY(50px) translateX(-170px);

    transform: translateY(50px) translateX(-170px);

}

.mobile-mockup-desc h3{

    text-align: left;

    margin-bottom: 15px;

    padding-bottom: 0;

    margin-top: 15%;

}

.mobile-mockup-desc p strong{

    font-size: 18px;

    letter-spacing: 4px;

    line-height: 30px;

    color: #424242;

}

.mobile-mockup-desc p{

    line-height: 26px;

}

.mobile-mockup-desc a{

    float: left;

    margin-right: 15px;

    margin-top: 20px;

}

.mobile-mockup-desc h3:before,

.mobile-mockup-desc h3:after{

    display: none;

}

/****************************************************************************************************

********************************* Mobile Application Section Css Ends ********************************************

*****************************************************************************************************/





/****************************************************************************************************

********************************* Who Can Help Us Section Css Starts ********************************************

*****************************************************************************************************/



.help-grid-container{

    width: 100%;

    display: table;

    padding: 40px 0;

    background: #f7f7f7;

}

.help-grid-block{

    margin-top: 25px;

}

.help-grid-block i{

    background:url('../images/help-icon-sprite.png') 0 0 no-repeat;

    display: table;

    margin: 0 auto;

    width: 85px;

    height: 85px;

}

.help-grid-block i.car{

    background-position: 0 -85px;

}

.help-grid-block i.clock{

    background-position: 0 -170px;

}

.help-grid-block i.recycle{

    background-position: 0 -255px;

}

.help-grid-block i.users{

    background-position: 0 -340px;

}

.help-grid-block i.building{

    background-position: 0 -425px;

}

.help-grid-block p{

    text-align: center;

    /* font-family: 'Alegreya', sans-serif; */

    line-height: 24px;

    margin-top: 15px;

    margin-bottom: 0;

}

/****************************************************************************************************

********************************* Who Can Help Us Section Css Ends ********************************************

*****************************************************************************************************/





/****************************************************************************************************

********************************* Full Width Video Css Starts ********************************************

*****************************************************************************************************/

.video-full-width {

    width: 100%;

    display: table;

    padding: 40px 0;

}

.video-full-width iframe{

    width: 100%;

    height: 250px;

}

/****************************************************************************************************

********************************* Full Width Video Css Ends ********************************************

*****************************************************************************************************/





/****************************************************************************************************

********************************* Client Testimonials Css Starts ********************************************

*****************************************************************************************************/

.client-testimonial-container{

    padding: 30px 0;

    width: 100%;

    display: table;

}

.client-testimonial-container ul{

    display: table;

    width: 100%;

    margin-top: 50px;

}

.client-testimonial-container li{

    width: 100%;

    display: table;

}

.testimonial-block{

    padding: 40px 20px;

    box-sizing: border-box;

    width: 32%;

    margin-right: 2%;

    box-shadow: 0 0 4px rgba(0,0,0,0.25);

    border-top: 3px solid #ff8915;

}

.testimonial-block:nth-child(3n+3){

    margin-right: 0;

}

.testimonial-block img{

    display: table;

    margin: 0 auto 15px;

}

.testimonial-block p{

    color: #808080;

    font-size: 14px;

    /* font-family: 'Alegreya', sans-serif; */

    line-height: 20px;

    margin-bottom: 15px;

    text-align: center;

}

.testimonial-block h5{

    text-align: center;

    font-size: 15px;

    display: block;

    color: #6f6f6f;

    margin: 25px 0 0 0;

    letter-spacing: 3px;

}

.testimonial-block h5 span{

    color: #ff8915;

    margin-bottom: 10px;

    display: block;

    font-size: 13px;

    letter-spacing: 1px;

}

.client-testimonial-container a{

    display: table;

    margin: 30px auto 0;

}

.google-map img{

    width: 100%;

}

/****************************************************************************************************

********************************* Client Testimonials Css Ends ********************************************

*****************************************************************************************************/







/****************************************************************************************************

********************************* Footer Area Css Starts ********************************************

*****************************************************************************************************/



.footer-wrapper{

    width: 100%;

    padding: 50px 0;

    position: relative;

    background: url('../images/slide-bg.jpg') 0 50% no-repeat;

    background-size: cover;

    z-index: 1;

}

.footer-wrapper:after{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.8);

    content: '';

    z-index: -1;

}

.footer-block h4{

    font-weight: 600;

    color: #fff;

    font-size: 18px;

    letter-spacing: 2px;

    display: block;

    margin-top: 20px;

    margin-bottom: 15px;

}

.footer-block ul li a{

    display: block;

    font-size: 12px;

    color: #fff;

    font-weight: normal;

    letter-spacing: 2px;

    transition: all 0.3s ease;

    line-height: 24px;

}

.footer-block ul li a i{

    margin-right: 10px;

    color: #ff8915;

}

.footer-block ul li a:hover{

    padding-left: 10px;

}

.footer-social-media ul li{

    float: left;

    margin-right: 10px;

}

hr{

    border-top-color:#444; 

}



/****************************************************************************************************

********************************* Footer Area Css Ends ********************************************

*****************************************************************************************************/







/*4) Dashboard Member Page*/



.inner-navigation{

    top: auto;

    background:#fff;

    position: fixed;

    z-index: 10;

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

}

.inner-navigation .navbar-nav>li>a{

    color: #ff8915;

}

.inner-navigation .navbar-nav>li>a:hover{

    color: #ff8915;

}

.inner-navigation .navbar-brand>img{

    width: 140px;

}

.inner-form-search-box{

    float: left;

    width: 80%;

    margin-top: 25px;

    margin-left: 40px;

}

.inner-form-search-box .form-group{

    width: 26%;

    float: left;

    margin-right: 2%;

}

.inner-form-search-box .form-group input,

.inner-form-search-box .form-group select{

    border-radius: 0;

    border-color: transparent;

    font-size: 12px;

    box-shadow: 0 0 5px rgba(0,0,0,0.25);

}

.inner-form-search-box .form-group:last-child{

    margin-right: 0;

}

.inner-form-search-box .ride-search-two-col input{

    width: 45%;

    float: left;

    margin-right: 20px;

}

.inner-form-search-box .ride-search-two-col select{

    width: 45%;

    float: right;

}

.inner-form-search-box input[type="submit"]{

    float: left;

    padding: 7px 20px 8px 20px;

}

.inner-nav-menu-container{

    background: #ff8915;

    padding: 15px 0;

    display: table;

    position: absolute;

    top: 80px;

    border: none;

}

.inner-nav-menu-container h4{

    margin: 0;

    font-size: 18px;

    color: #fff;

    font-weight: normal;

    float: left;

    margin-left: 15px;

    line-height: 52px;

    text-transform: uppercase;

    display: none;

}

.inner-nav-menu{

    width: 82%;

    float: left;

}

.inner-nav-menu li{

    float: left;

    margin-right: 20px;

}

.inner-nav-menu li a{

    padding: 0;

    /* font-family: 'Alegreya', sans-serif; */

    color: #fff;

    line-height: 40px;

    font-size: 15px;

    transition: all 0.4s ease;

}

.inner-nav-menu li a:hover{

    letter-spacing: 1px;

}

.user-profile-img{

    width: 18%;

}

.profile-img{

    width: 100%;

    display: table;

    padding: 0;

    background: transparent;

}

.profile-img img{

    width: 40px;

    float: left;

    margin-right: 10px;

}

.profile-img h5{

    color: #fff;

    /* font-family: 'Alegreya', sans-serif; */

    float: left;

    margin: 0;

    line-height: 40px;

}

.profile-img span{

    color: #fff;

    border-top-width: 6px;

    border-right-width: 6px;

    border-left-width: 6px;

    margin-top: 18px;

}

.user-profile-img .dropdown .dropdown-menu{

    width: 100%;

    top: 54px;

    /* font-family: 'Alegreya', sans-serif; */

    border-radius: 0;

    background-color: rgba(0,0,0,0.45);

}

.user-profile-img .dropdown .dropdown-menu:before{

    content: '';

    position: absolute;

    top: -12px;

    left: 50%;

    border-left: 12px solid transparent;

    border-right: 12px solid transparent;

    border-bottom: 12px solid rgba(0,0,0,0.6);

    margin-left: -12px;

}

.user-profile-img .dropdown .dropdown-menu>li>a{

    color: #fff;

    font-size: 12px;

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

    padding: 6px 12px;

}

.user-profile-img .dropdown .dropdown-menu>li:last-child> a{

    border-bottom: none;

}

.user-profile-img .dropdown .dropdown-menu>li>a:hover{

    background:transparent;

    color: #fff;

}

.profile-dashboard-info-container{

    width: 100%;

    display: table;

}

.profile-sidebar{

    padding: 20px;

    width: 100%;

    position: relative;

    display: table;

    box-sizing: border-box;

}

.user-img-sidebar{
    display: table;    

    padding: 6px;

    margin: 0 auto;

    height: 128px;

    width: 128px;

    overflow: hidden;
}

.user-img-sidebar img{

    display: table;

    border: 3px solid #ff8915;

    padding: 6px;

    margin: 0 auto;

    border-radius: 50%;

    height: 100px;
    width: 100px;
    object-fit: cover;

}

.profile-sidebar h5{

    text-align: center;

    margin-bottom: 0;

    font-size: 18px;

    color: #353535;

    font-weight: normal;

    letter-spacing: 1px;

    margin-top: 15px;

}

.progress{

    height: 20px;

    margin-bottom: 0;

    margin-top: 4px;

}

.progress-bar{

    transition-duration: 1s;	

}

.progress .skill{

    margin: 0 0 0 20px;

    line-height: 26px;

    padding: 0;

}

.progress .skill .val{

    float: right;

    margin: 0 20px 0 0;

}

.progress-bar-success{

    background-color: #8BC34A;

}

.profile-sidebar-strength p{

    margin-top: 10px;

    margin-bottom: 0;

    font-size: 14px;

}

.sidebar-verification ul{

    margin-top: 10px;

}

.sidebar-verification h5,

.preference-icons-box h5,

.my-car-list-box h5{

    text-align: left;

    border-bottom: 1px solid rgba(0,0,0,0.25);

    padding-bottom: 10px;

}

.sidebar-verification ul li{

    line-height: 30px;

    color: #424242;

    font-size: 14px;

    padding-left: 25px;

    background: url('../images/cancel-icon.png') 0 center no-repeat;

    /* font-family: 'Alegreya', sans-serif; */ 

}

.sidebar-verification ul li.completed{

    color: #18ca20;

    background-image: url('../images/checkmark-icon.png');

}

.preference-icons{

    display: table;

    width: 60%;

    margin: 15px auto 0;

}

.preference-icons li a{

    width: 35px;

    height: 35px;

    background: url('../images/perference-icon-sprite.png') 0 0 no-repeat #ff8915;

    border-radius: 50%;

    display: block;

    float: left;

    margin-right: 10px;

}

.preference-icons li:last-child a{

    background-position: 0 -105px;

    margin-right: 0;

}

.preference-icons li:nth-child(2) a{

    background-position: 0 -35px;

}

.preference-icons li:nth-child(3) a{

    background-position: 0 -70px;

}

.profile-body-section{

    width: 65%;

    float: right;

}

.my-car-list-box{

    margin-top: 15px;

    display: table;

    width: 100%;

}

.my-car-list-box img{

    display: table;

    margin: 15px auto 0;

    width: 50%;

}

.car-list-info h6{

    font-size: 16px;

    color: #ff8915;

    /*font-weight: 500;*/

    letter-spacing: 2px;

    text-align: center;

    /* font-family: 'Abril+Fatface', sans-serif; */

}

.car-list-info li{

    width: 100%;

    display: table;

    margin-bottom: 10px;

    border-bottom: 1px solid rgba(0,0,0,0.1);

    padding-bottom: 10px;

}

.car-list-info li:last-child{

    border-bottom: none;

}

.car-list-info li p{

    width: 30%;

    float: left;

    color: #555;

    margin-bottom: 0;

    /* font-family: 'Alegreya', sans-serif; */

}

.car-list-info li p strong{

    /* font-family: 'Alegreya', sans-serif; */

}

.car-list-info li a{

    float: left;

    width: 49%;

    margin-right: 2%;

    font-size: 12px;

}

.car-list-info li a:last-child{

    margin-right: 0;

}

.upload-photo-section, .upload-photo-section2{

    width: 100%;

    display: table;

    padding: 20px !important;

    background:#fefefe;

    box-shadow: 0 0 4px rgba(0,0,0,0.15);

}
.photo-guid-container {
    width:100%;
    padding:20px !important;
    font-family: 'Montserrat';
}
.photo-guid-container .upload-photo-guidlines p {
    color : #777777;
    font-weight:600;
 
}
.upload-photo-guidlines .guildlines-content {
    padding-left:20px;
}
.upload-photo-guidlines .guildlines-content li {
    list-style-type:disc;
    color: #777777;
    margin-bottom: 5px;
}

.upload-photo-details:before {
	content: '';
    border-right: 1px dashed #dadada;
    position: absolute;
    right: 27px;
    width: 1px;
    height: 100%;
}

.user-verification .upload-photo-details:before {
	right: 4px;
}


.vehicle-upload {
    margin-top: 40px;
}

.vehicle-upload .vehicle-default {
    display:inline-block;
}

.upload-photo-section h4 {
    text-align:center;
}

.vehicle-upload .help-block {
    font-weight:700;
    padding:30px 40px;
}

.upload-photo-section ul {
    margin-left: 15%;
    margin-right: 15%;
}

.upload-photo{
    /*padding: 6px;
-moz-border-radius: 50%;
    
    -webkit-border-radius: 50%;
    
    -ms-border-radius: 50%;
    
    -o-border-radius: 50%;
    
    border-radius: 50%;
border: 2px solid #949494;
max-width: 132px;
margin: 0 auto;*/
}
.upload-photo img{

    display: table;

    margin: 0 auto;

    border: 3px solid #ff8915;

    padding: 6px;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}
.upload-photo img.sqare_dashed{	height: auto;
                                width: 100%;
                                max-width: 240px;
                                margin: 0 auto;
                                max-height: 200px;
                                border: 3px dashed #979797;
                                border-radius:0px;}
.upload-photo .profile-btns .btn-effect-main{width: 100%; max-width: 240px;  margin: 0 auto;}
.clear{ clear:both;}

.upload-photo p,

.profile-sidebar-strength > span{

    font-size: 9px;

    margin-bottom: 0;

    color: #7e7e7e;

    display: block;

    text-transform: capitalize;

}

.upload-photo .progress{

    margin-top: 5px;

}

.upload-photo-info h4,

.my-profile-form h4,

.notification-heading h4,

.member-preference h4,

.accepted-rides-info h4,

.leave-feedback h4{

    margin: 10px 0;

    font-size: 16px;

    /*text-transform: uppercase;*/

    color: #353535;

    letter-spacing: 2px;

}

.upload-photo-info p{

    font-size: 13px;

    color: #525252;

    margin-bottom: 10px;

    display: block;

}

.upload-photo-info p a{

    font-size: 13px;

    color: #ff8915;

}

.pro-membership img{

    display: table;

    margin: 0 auto;

}

.pro-membership a{

    font-size: 10px;

    padding: 6px 8px;

    display: table;

    margin: 0 auto;

    letter-spacing: 1px;

}

.user-analysis-grid{

    width: 100%;

    padding: 40px 0;

}

.user-analysis-grid h3,

.rides-summary h3, .my_ride_matches h3{

    font-size: 22px;

    padding-bottom: 15px;

    letter-spacing: 2px;

}

.rides-summary-wrapper{

    border-bottom: 3px solid #ff8915;

}

.user-analysis-grid h3:before,

.rides-summary h3:before{

    height: 3px;

}

.user-analysis-grid h3:after,

.rides-summary h3:after{

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #ff8915;

    bottom: -10px;

}

.rides-summary{

    width: 80%;

    margin: 0 auto;

}

.rides-summary.single-user {
    width: 50%;
}

.rides-summary .faq-nav-tabs li{

    width: 20%;

}

.rides-summary.single-user .faq-nav-tabs li, .rides-summary.single-user .nav-tabs li{
    width: 33.2%;
}

.user-progress-bar{

    padding: 30px 0;

}

.user-progress-bar .circle{

    width: 23%;

    margin-right: 1.5%;

    display: inline-block;

    position: relative;

    text-align: center;

    line-height: 1.2;

}

.user-progress-bar .circle canvas{

    display: table;

    margin: 0 auto 10px;

}

.user-progress-bar .circle strong {

    position: absolute;

    top: 30px;

    left: 0;

    width: 100%;

    text-align: center;

    line-height: 40px;

    font-size: 24px;

}

.user-progress-bar .circle span{

    text-align: center;

    font-size: 14px;

    text-transform: capitalize;

    color: #454545;

    letter-spacing: 1px;

}

.friends-info-dashboard{

    padding: 10px 0;

    margin-top: 20px;

    display: table;

    width: 100%;

}

.dash-home-offer-text{

    margin-top: 20px;

}

.dash-home-offer-text p{

    font-size: 14px;

    color: #454545;

}

.dash-home-offer-text a{

    margin-top: 10px;

    display: table;

    padding: 6px 14px;

}

.find-friends img{

    width: 60%;

    margin: 0 auto;

}

.find-friends p{

    text-align: center;

    font-size: 13px;

    color: #454545;

}

.find-friends a{

    display: table;

    margin: 5px auto 0;

    border-radius: 20px;

    padding: 4px 14px;

    color: #fff;

    background: #92b501;

    /* font-family: 'Alegreya'; */

    font-size: 13px;

}

.find-friends-vector img{

    width: 100%;

}

.extra-feature-block{

    background:#fefefe;

    margin-bottom: 20px;

    padding: 15px;

    box-sizing: border-box;

    border:1px solid rgba(0,0,0,0.15);

}

.extra-feature-block:nth-child(4n+4){

    margin-right: 0;

}

.extra-feature-block img{

    display: table;

    margin: 0 auto;

    width: 100%;

    transition:  all 0.4s ease;

}

.extra-feature-info{

}

.extra-feature-info a{

    color: #2e2e2e;

    font-size: 16px;

    display: block;

    text-align: center;

    text-transform: capitalize;

    font-weight: bold;

    transition: all 0.4s ease 0.4s;

}

.user-analysis-grid .owl-carousel .owl-controls .owl-nav .owl-prev, 

.user-analysis-grid .owl-carousel .owl-controls .owl-nav .owl-next{

    font-size: 0;

    background: url('../images/arrow.png') center center no-repeat rgba(0,0,0,0.45);

    width: 35px;

    height: 35px;

    top: 50%;

    position: absolute;

    transform: rotate(180deg);

    left: -18px;

    margin-top: -17px;

    border-radius: 50%;

}

.user-analysis-grid .owl-carousel .owl-controls .owl-nav .owl-next{

    right: -18px;

    transform: rotate(0deg);

    left: auto;

}





.social-btns a{

    width: 100%;

    padding: 10px 0 10px 20px;

    box-sizing: border-box;

    border-radius: 4px;

    background: #3B5998;

    display: block;

    color: #fff;

    margin-bottom: 15px;

}

.social-btns a:nth-child(2){

    background-color: #1DA1F2;

}

.social-btns a:last-child{

    background-color: #DC4734;

}

.social-btns a i{

    margin-right: 10px;

}

.login-sperator-heading{

    position: relative;

    margin: 20px 0;

    text-align: center;

    z-index: 1;

    color: #777;

}

.login-sperator-heading:before,

.login-sperator-heading:after{

    content: '';

    position: absolute;

    width: 46%;

    left: 0;

    top: 6px;

    z-index: -1;

    height: 1px;

    background: rgba(0,0,0,0.15);

}

.login-sperator-heading:after{

    left: auto;

    right: 0;

}

.modal-dialog{
    max-width: 560px
        width: 100%;

}

.modal-body{

    width: 100%;

    display: table;

    padding: 15px 0;

}

.popup-img img{

    width: 100%;

    height: 540px;

}

.popup-reg-img img{

    height: 690px;

}

.login-form .form-group{

    margin-bottom: 20px;

    display: table;

    width: 100%;

}

.login-form label{

    color: #484848;

    /* font-family: 'Alegreya', sans-serif; */

    font-size: 16px;

    letter-spacing: 2px;

    text-transform: capitalize;

    font-weight: normal;

}

.login-form label i{

    margin-right: 10px;

}

.login-form input{

    border: none;

    border-bottom: 1px solid rgba(0,0,0,0.3);

    border-radius: 0;

    box-shadow: none;

    padding: 0 0 0 10px;

    height: auto;

}

.login-form input:focus{

    outline: none;

    box-shadow: none;

    border-color: #ff8915;

}

.login-forgot-wrap{

    display: table;

    width: 100%;

}

.login-forgot-wrap label{

    font-size: 14px;

    letter-spacing: 1px;

}

.login-forgot-wrap label a{

    color: #ff8915;

}

.full-width-btn{

    width: 90%;

    margin: 0 auto;

    padding: 12px 0;

    border-radius: 4px;

    display: table;

}

.login-signup-wrap{

    padding-top: 15px;

    margin-top: 15px;

    border-top: 1px solid rgba(0,0,0,0.15);

}

.login-signup-wrap label{

    font-size: 14px;

    text-align: center;

    letter-spacing: 0;

    display: block;

    text-decoration: underline;

}

.login-signup-wrap label a{

    color: #ff8915;

    margin-left: 5px;

}

button.close-btn{

    position: absolute;

    right: -20px;

    top: -20px;

    background: #ff8915;

    border-radius: 50%;

    color: #fff;

    opacity: 1;

    width: 35px;

    height: 35px;

    line-height: 35px;

    font-weight: normal;

    text-align: center;

}

button.close-btn:hover,

button.close-btn:focus{

    opacity: 1;

    color: #fff;

    outline: none;

}

.login-form .gender-radio-btn{

    display: table;

    margin: 0 auto 20px;

    width: 35%;

}

.gender-radio-btn label{

    float: left;

    margin-right: 15px;

}

.login-form .captcha-wrap{

    display: table;

    margin: 0 auto 20px;

    width: auto;

}

.terms-checkbox label{

    letter-spacing: 0;

    font-size: 13px;

}







/**************************** 5) Contact Page Css Starts ****************************/



.navbar-fix-inner{

    top: 0;

}

.inner-banner-container{

    background:url('../images/contact-banner.jpg') 0 0 no-repeat;

    background-size: cover;

    width: 100%;

    height: 400px;

    position: relative;

    display: table;

    width: 100%;

}

.inner-banner-container .slide-info{

    padding-top: 7%;	

    margin: 0;

}

.slide-info-wrap{

    background: rgba(0,0,0,0.3);

    width: 60%;

    padding: 40px 10px;

    position: relative;

}

.main-page-slide-info{

    padding: 20px;

}

.slide-info-wrap:after,

.main-page-slide-info:after{

    width: 250%;

    content: '';

    height: 100%;

    position: absolute;

    top: 0;

    left: -250%;

    background: rgba(0,0,0,0.3);

}

.main-page-slide-info:after{

    left: auto;

    right: -250%;

}

.inner-banner-container .slide-info h2{

    font-size: 28px;

    font-weight: normal;

    letter-spacing: 2px;

    text-transform: capitalize;

    /* font-family: 'Abril+Fatface', sans-serif; */

    color: #fff;

    line-height: 40px;

}

.inner-banner-container .slide-info p{

    width: 100%;	

    font-weight: 300;

    color: #fff;

}	

.contact-info-container{

    padding: 30px 0;

    display: table;

    width: 100%;

}

.contact-info-container h4{

    /* font-family: 'Abril+Fatface', sans-serif; */

}

.contact-reach-list-box{

    margin-top: 15px;

}

.contact-reach-block{

    margin-bottom: 15px;

}

.contact-reach-block i{

    font-size: 32px;

    color: #ff8915;

}

.contact-reach-block h5{	

    font-size: 18px;

}

.contact-form{

    padding: 20px 50px;

    box-shadow: 0 0 8px rgba(0,0,0,0.3);

    box-sizing: border-box;

}

.contact-form form{

    margin-top: 20px;

}

.contact-form form fieldset label{

    display: block;

    font-weight: normal;

    color: #555;

}

.contact-form form fieldset{

    margin-bottom: 20px;

}

.contact-form form fieldset input[type="text"]{

    border: none;

    border-bottom:1px solid rgba(0,0,0,0.2);

    width: 100%;

    padding: 6px 0;

}

.contact-form form fieldset input[type="text"]:focus{

    outline: none;

}

.contact-form form button{

    display: table;

    margin: 0 auto;

    background: #ff8915;

    color: #fff;

    border: transparent;

    text-align: center;

    padding: 8px 14px;

    border-radius: 20px;

    transition: all 0.3s ease;

}

.contact-form form button:hover{

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

    transform: translateY(-3px);

}

/**************************** 5) Contact Page Css Ends ****************************/





/**************************** 5) FAQ Page Css Starts ****************************/





.faq-banner{

    background-image: url('../images/faq-banner.jpg');

}

.faq-info-container{

    padding: 40px 0;

    display: table;

    width: 100%;

}

.faq-nav-tabs{

    background: transparent;

    border: 1px solid rgba(0,0,0,0.2);

    border-radius: 4px;

}

.faq-nav-tabs li{

    width: 16.6%;

}

.faq-nav-tabs li a{

    background-color: transparent;

    display: block;

    width: 100%;

    text-align: center;

    padding: 10px 0;

    color: #ff8915;

    border: transparent;

    border-right: 1px solid rgba(0,0,0,0.2);

    border-radius: 0;

}

.faq-nav-tabs li:last-child a{

    border-right: none;

}

.faq-nav-tabs>li.active>a, .faq-nav-tabs>li.active>a:focus, .faq-nav-tabs>li.active>a:hover,.faq-nav-tabs>li>a:hover{

    border: transparent;

    border-right: 1px solid transparent;

    background-color: #ff8915;

    color: #fff;

}

#integration-list {

    width: 100%;

    display: table;

}

#integration-list ul {

    padding: 0;

    margin: 20px 0;

    color: #fff;

}

#integration-list ul > li {

    display: block;

    padding: 8px 15px;

    overflow: hidden;

    margin-bottom: 10px;

    position: relative;

    border-bottom: 1px dashed rgba(0,0,0,0.2);

    z-index: 1;

    transition: all 0.4s ease;

}

#integration-list ul > li:after{

    content: '';

    height: 0;

    width: 100%;

    bottom: 0;

    position: absolute;

    left: 0;

    transition: all 0.4s ease;

    background: #ededed;

    z-index: -1;

}

#integration-list ul > li:hover:after {

    height: 100%;

}

#integration-list ul > li:hover{

    border-bottom: 1px solid transparent;

}

.expand {

    display: block;

    text-decoration: none;

    color: #fff;

    cursor: pointer;

}

.tab-content .tab-pane .expand h4{

    display: block;

    margin: 0;

    font-size: 16px;

    color: #212121;

    transition: all 0.4s ease;

    letter-spacing: 2px;

    line-height: 24px;

    text-transform: capitalize;

}

.detail a {

    text-decoration: none;

    color: #fff;

    padding: 6px 10px 5px;

    font-size: 14px;

}

.detail {

    line-height: 22px;

    margin-top: 15px;

}

.detail p{

    margin-bottom: 0;

    color: #424242;

    font-size: 15px;

    line-height: 24px;

}

.detail p i{

    margin-right: 10px;

}

.right-arrow {

    width: 10px;

    height: 100%;

    float: right;

    font-weight: bold;

    font-size: 20px;

    color: #212121;

}

/**************************** 5) FAQ Page Css Ends ****************************/







/**************************** 5) About Page Css Starts ****************************/



.about-banner{

    background-image: url('../images/about-banner.jpg');

}

.our-team-container{

    width: 100%;

    padding: 40px 0;

    display: table;

    background: #f7f7f7;

}				

.our-team-container h3{

    font-size: 24px;

}

.team-block img{

    width: 100%;

}

.team-info{

    padding: 15px;

    background: #fff;

    box-sizing: border-box;

}

.team-info h4{

    display: block;

    font-size: 20px;

    /* font-family: 'Alegreya', sans-serif; */

    letter-spacing: 3px;

    font-weight: bold;

    line-height: 26px;

    color: #2e2e2e;

}

.team-info h4 span{

    /* font-family: 'Abril+Fatface', sans-serif; */

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #ff8915;

    display: block;

}

.team-info p{

    color: #424242;

}

.about-us-grid-container{

    width: 100%;

    display: table;

    padding: 50px 0;

}

.about-us-grid-container h3{

    font-size: 24px;

}

.about-grid-block{

    padding: 0;

}

.about-grid-icon{

    position: relative;

    width: 100%;

}

.about-grid-icon span{

    width: 65px;

    height: 65px;

    background: url('../images/service-icon-sprite.png') center 0 no-repeat;

    background-size: 65px auto;

    display: table;

    margin: 0 auto;

}

.about-grid-icon span.request-icon{

    background-position: center -65px; 

}

.about-grid-icon span.driver-icon{

    background-position: center -130px; 

}

.about-grid-icon:before,

.about-grid-icon:after{

    content: '';

    position: absolute;

    width: 38%;

    height: 1px;

    background: rgba(0,0,0,0.3);

    left: 0;

    top: 33px;

    z-index: -1;

}

.about-grid-icon:after{

    left: auto;

    right: 0;

}

.about-grid-block h5{

    color: #5c6873;

    text-align: center;

    font-size: 18px;

    text-transform: uppercase;

    margin: 15px 0;

    letter-spacing: 3px;

}

.about-grid-block p{

    text-align: center;

    font-size: 14px;

}

.about-grid-block a{

    padding: 6px 14px;

    display: table;

    margin: 15px auto 0;

}





.how-to-ride-container{

    width: 100%;

    display: table;

    padding: 40px 0;

    background: #f7f7f7;

    margin-bottom: 40px;

}

.how-to-ride-container h3{

    font-size: 28px;

    margin-bottom: 40px;

}

.how-to-ride-container .col-md-3{

    padding: 0;

}

.how-to-ride-block{

    padding: 40px 30px;

    border-right: 1px solid rgba(0,0,0,0.15);

    position: relative;

    box-sizing: border-box;

}

.bottom-strip{

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width:100%;

    height: 1px;

    background: rgba(0,0,0,0.15);

}

.top-strip{

    bottom: auto;

    top: 0;

}

.how-to-ride-block span{

    width: 50px;

    height: 50px;

    display: table;

    line-height: 50px;

    margin: 0 auto 15px;

    color: #fff;

    text-align: center;

    background: #ff8915;

    border-radius: 50%;

}

.how-to-ride-block h5{

    text-align: center;

    font-size: 18px;

    color: #2c2c2c;

    font-weight: normal;

    margin-top: 0;

    letter-spacing: 2px;

}

.how-to-ride-block p{

    text-align: center;

    font-size: 14px;

    color: #7c7c7c;

    line-height: 22px;

}

.footer-social-media{

    margin-top: -35px;

}

.footer-social-media a{

    margin-right: 20px;

    float: left;

    color: #fff;

    font-size: 14px;

}

.footer-social-media a i{

    width: 30px;

    height: 30px;

    background: #3B5998;

    color: #fff;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

}

.footer-social-media a.twitter i{

    background-color: #1DA1F2;

}

.footer-social-media a.linkdin i{

    background-color: #0274B3;

}

.footer-social-media a.youtube i{

    background-color: #E12D28;

}

.footer-social-media a.pinrest i{

    background-color: #CB1F27;

}



.service-circle-block i{

    background-image: url(../images/service-icon-sprite-white.png);

}



.join-free-strip{

    padding: 30px 0;

    display: table;

    margin: 30px 0;

    width: 100%;

    background: #1c1c1c;

}

.join-free-strip .container{

    border-radius: 4px;

}

.join-free-strip p{

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    padding-left: 25px;

    letter-spacing: 2px;

    line-height: 26px;

    margin-bottom: 0;

    /* font-family: 'Alegreya'; */

}

.join-free-strip a{

    display: table;

    margin: 10px auto 0;

}

.join-free-bg-strip{

    background-color: transparent;

    margin: 0;

    padding: 20px 0;

}

.join-free-bg-strip .container{

    background-color: #ff8915;

    padding: 30px 0;

}

.join-free-bg-strip p{

    color: #fff;

    text-align: center;

    font-weight: normal;

}

.join-free-bg-strip h5{

    display: block;

    text-align: center;

    font-size: 18px;

    /* font-family: 'Alegreya'; */

    /*font-weight: 600;*/

    letter-spacing: 2px;

    color: #fff;

}

.join-free-bg-strip a{

    background-color: transparent;

    color: #fff;

    border: 1px solid #fff;

    margin-top: 25px;

}

.join-free-bg-strip a:hover{

    background-color: #fff;

    color: #ff8915;

}

.product-features{

    padding: 40px 0;

    display: table;

    width: 100%;

    background: #000;

    position: relative;

    z-index: 1;

}

.product-features h3{

    color: #fff;

}

.product-features h3 span{

    color: #fff;

}

.product-features h3:before{

    background-color: #fff;

}

.product-features h3:after{

    border-top-color: #fff;

}

.product-features:before{

    background: url('../images/clients-bg.jpg') center center repeat-y;

    width: 100%;

    height: 100%;

    content: '';

    opacity: 0.1;

    background-size: 100% auto;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

}

.product-feature-wrap{

    margin: 40px 0;

}

.product-feature-list{

    border-right: 1px solid rgba(255,255,255,0.45);

    position: relative;

}

.product-feature-list:last-child{

    border-right: none;

}

.product-feature-list > li{

    list-style: none;

    padding: 0 30px;

    z-index: 1;

    display: table;

    width: 100%;

    margin-bottom: 30px;

    position: relative;

}

.product-feature-list > li:after{

    content: '';

    width: 20px;

    height: 20px;

    position: absolute;

    right: -25px;

    z-index: 2;

    top: 15%;

    background: #fff;

    margin-top: -10px;

    border-radius: 50%;

}

.product-feature-list:last-child > li:after{

    display: none;

}

.product-feature-list > li .feature-img{

    float: right;

    margin-bottom: 20px;

}

.product-feature-list > li .feature-img img{

    border-radius: 50%;

    width: 65px;

    height: 65px;

    border: 2px solid #fff;

}

.product-feature-list:last-child > li .feature-img{

    float: left;

}

.feature-info{

    clear: both;

    width: 100%;

}

.feature-info h5{

    letter-spacing: 2px;

    font-weight: bold;

    text-align: right;

    font-size: 16px;

    text-transform: capitalize;

    /* font-family: 'Alegreya'; */

    color: #fff;

}

.feature-info p{

    text-align: right;

    font-size: 14px;

    color: #fff;

    line-height: 22px;

}

.feature-info a{

    float: right;

}

.product-feature-list:last-child > li h5,

.product-feature-list:last-child > li p{

    text-align: left;

}

.product-feature-list:last-child > li .feature-info a{

    float: left;

}

.banner-product{

    background-image: url('../img/product-banner.png');

}

.feature-cat-list{

    display: table;

    width: 100%;

    margin-bottom: 20px;

}

.feature-cat-list li{

    float: left;

    box-sizing: border-box;

    width: 31%;

    font-size: 11px;

    line-height: 22px;

    color: #2e2e2e;

    text-decoration: underline;

    /* font-family: 'Alegreya'; */

    letter-spacing: 1px;

    font-weight: 600;

    margin-right: 2%;

}

.feature-cat-list li:nth-child(3n+3){

    margin-right: 0;

}







/**************************** 8) Offer Ride Page Css Starts ****************************/



.navbar-inner{

    background: #fff;

    position: relative;

    border-bottom: 3px solid #ff8915;

}					

.navbar-inner .navbar-nav>li>a{

    color: #222;

}

.navbar-inner .navbar-nav>li>a:hover, 

.navbar-inner .navbar-nav>li>a:focus, 

.navbar-inner .navbar-nav>li>a:active{

    color: #ff8915;

}

.navbar-inner .user-signup li{

    border-color: #222;

}

.navbar-inner .user-signup li a{

    color: #222;

    border-color: #222;

}

.offer-tab-menu{

    padding:80px 0;

    display: table;

    width: 100%;

    background: #f6f6f6;

}

.offer-tab-menu h4{

    text-align: center;

    margin-top: 0;

    margin-bottom: 50px;

    color: #1c1c1c;

    letter-spacing: 4px;

    font-size: 22px;

    font-weight: normal;

    /* font-family: 'Alegreya'; */

}

.offer-tab-menu h4 span{

    text-transform: uppercase;

    color: #ff8915;

}

.offer-tab-menu .nav-tabs{

    background: transparent;

    border-bottom: none;

}

.offer-tab-menu .nav-tabs li{

    width: 33%;

    cursor: pointer;

}

.offer-tab-menu .nav-tabs li img{

    display: table;

    margin: 0 auto 10px;

    width: 150px;

}

.offer-tab-menu .nav-tabs li a{

    border-right: none;

    color: #3e3e3e;

    letter-spacing: 2px;

    font-size: 17px;

    text-transform: capitalize;

    /* font-family: 'Alegreya'; */

}

.offer-tab-menu .nav-tabs>li.active>a, 

.offer-tab-menu .nav-tabs>li.active>a:focus, 

.offer-tab-menu .nav-tabs>li.active>a:hover, 

.offer-tab-menu .nav-tabs>li>a:hover{

    background-color: transparent;

    border-right: none;

    color: #222;

}

.offer-tab-content{

    padding:50px 0;

    display: table;

    width: 100%;

}

.offer-tab-content .tab-pane-wrap h4,

.request-ride-form h4{

    font-size: 22px;

    text-transform: capitalize;

    letter-spacing: 3px;

    /* font-family: 'Alegreya'; */

    /*font-weight: 600;*/

    color: #1c1c1c;

    margin-bottom: 40px;

}

.offer-tab-content form .form-control{

    letter-spacing: 1px;

    box-shadow: 0 0 10px rgba(0,0,0,0.25);

    border: 1px solid #d0d0d0;

    color: #4b4b4b;

    margin-bottom: 25px;

}

.offer-tab-content .tab-pane-wrap form p{

    margin-bottom: 0;

}

.offer-tab-content .tab-pane-wrap form p a{

    font-size: 12px;

    /* font-family: 'Alegreya'; */

    letter-spacing: 1px;

    color: #454545;

}

.offer-tab-content .tab-content .tab-pane form p a i{

    margin-right: 5px;

}

.offer-tab-content .form-control::-webkit-input-placeholder{

    opacity: 1;

    color: #4b4b4b;

}



.offer-tab-content .tab-content-wrap .tab-pane-wrap form .form-group input.price-icon{	

    background-image: url('../images/dollar.png');

}



.request-ride-form form .form-group input.price-icon {

    background-image: none;

}



.offer-tab-content .tab-content-wrap .tab-pane-wrap form .form-group input.price-icon {

    margin-top: 20px;

}



.offer-tab-content .tab-content-wrap .tab-pane-wrap form .form-group input.cal-icon{

    background-image: url('../images/calendar-icon.png');

}

.toggle.ios .toggle-handle { 

    border-radius: 20px;

}

.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }

.tab-content-wrap .btn-effect-main{

    margin-top: 30px;

}

.tab-content-wrap .btn,

.request-form .btn{

    border: none;

    box-shadow: 0 0 4px rgba(0,0,0,0.45);

}



.toggle-group .btn-primary,

.request-form .btn-primary{

    background-color: #ff8915 !important;

    border: none;

    text-transform: capitalize;

    letter-spacing: 1px;

    /* font-family: 'Alegreya'; */

}

.request-form .toggle-group label{

    margin-bottom: 0 !important;

}

.return-trip-form-wrap{

    box-shadow: 0 0 4px rgba(0,0,0,0.3);

    margin-top: 20px;

    display: table;

    width: 100%;

    padding:20px;

}

.tab-content-wrap .tab-pane-wrap .return-trip-form-wrap h4{

    margin-top: 0;

    margin-bottom: 20px;

}

.offer-tab-content .tab-pane-wrap .tab-pane-wrap form .return-trip-form-wrap .form-control{

    margin-bottom: 0;

}

.return-trip-form-wrap h5{

    text-transform: capitalize;

    font-size: 16px;

    /* font-family: 'Abril+Fatface'; */

    letter-spacing: 2px;

    color: #454545;

    margin:15px 0;

}

.week-list li{

    width: 14.2%;

    float: left;

    background: #eee;

    color: #222;

    cursor: pointer;

    border-right: 1px solid rgba(0,0,0,0.25);

    text-align: center;

    font-size: 15px;

    text-transform: uppercase;

    /* font-family: 'Alegreya'; */

    font-weight: 600;

    padding: 10px 0;

}

.week-list li:last-child{

    border-right: none;

}

.week-list li.active{

    border-right: 1px solid transparent;

    background-color: #ff8915;

    color: #fff;

}

.offer-tab-content form .week-input-box .form-control{

    height: auto;

    padding: 10px 12px;

    background-image: none;

}

.return-trip-form-wrap a{

    display: table;

}

.map-img{

    width: 100%;

    height: 300px;

}

.car-info{

    display: table;

    width: 100%;

    border-bottom: 1px solid rgba(0,0,0,0.15)

}

.car-img{

    border-radius: 50%;

    width: 120px;

    height: 120px;

}

.car-img img{

    width: 100px;

    border: 2px solid rgba(0,0,0,0.1);

    display: table;

    border-radius: 50%;

    padding: 8px;

    margin: 0 auto;

}

.upload-car-info h5{

    font-size: 16px;

    color: #20201f;

    letter-spacing: 2px;

    /* font-family: 'Abril+Fatface'; */

    font-weight: 600;

}

.upload-car-info p{

    font-size: 14px;

    line-height: 20px;

    color: #454545;

    /* font-family: 'Alegreya'; */

}

.btn-border{

    border: 1px solid rgba(255,137,21,0.5);

    color: #ff8915;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 14px;

    text-align: center;

    padding: 8px 20px;

    display: block;

    margin-top: 15px;

}

.offer-tab-content form.add-car-form{

    margin-top: 30px;

}

.offer-tab-content form.add-car-form .form-control{

    background-image: none;

    padding-left: 15px;

}

.offer-tab-content form.add-car-form textarea{

    resize: none;

    height: 120px;

}

.calcpriceblock input.form-control{

    width: 50%;

    float: left;

}

.calcpriceblock .calculate_price{

    width: 46%;

    float: right;

    padding: 14px 0;

    background: #4CAF50;

    border: none;

    display: block;

    font-size: 13px;

    text-transform: capitalize;

    color: #fff;

    outline: none;

    letter-spacing: 1px;

}

.form-group{

    display: table;

    width: 100%;

}

.price-detail-inner-wrap{

    padding: 15px;

    box-sizing: border-box;

    width: 100%;

    display: table;

    box-shadow: 0 0 10px rgba(0,0,0,0.25);

}

.offer-tab-content .price-detail-inner-wrap h4{

    font-size: 16px;

    text-transform: uppercase;

    color: #525252;

    margin-top: 0;

    margin-bottom: 15px;

}

.price-calculation-routes ul li{

    width: 100%;

    margin-bottom: 10px;

}

.price-calculation-routes ul li p{

    font-size: 13px;

    color: #7e7e7e;

    text-transform: capitalize;

    /* font-family: 'Alegreya'; */

    margin-bottom: 5px;

    background: url('../images/orgin-icon.png') 0 center no-repeat;

    padding-left: 18px;

    background-size: 11px 14px;

}

.price-calculation-routes ul li p.price-stopover-destination{

    background-image: url('../images/desitination-icon.png');

}

.offer-tab-content .price-input-range-box .form-control{

    margin-bottom: 0;

    padding: 6px 12px;

    background-image: none;

    text-align: center;

    box-shadow: 0 0 4px rgba(0,0,0,0.45);

    border: none;

}



.offer-tab-content .help-text {

    letter-spacing: 1px;

    font-size: 12px !important;

    line-height: 16px;

    color: #797979 !important;

    margin: 16px 0;

}



#feedback2 {

    display: block;

    width: 100%;

    margin-top: 50px;

}



#feedback2 .help-text {

    letter-spacing: 1px;

    font-size: 12px !important;

    line-height: 16px;

    color: #d9534f !important;

    margin: 16px 0;

}



.tab-content-wrap .price-calculation-routes .price-details-popup-but{

    clear: both;

    margin-top: 10px;

    display: table;

    margin-left: 15px;

    font-size: 13px;

    padding: 4px 12px;

    text-transform: uppercase;

}

#stopover{

    cursor: pointer;

    color: #2f2f2f;

    text-transform: capitalize;

    font-size: 14px;

}

#stopover i{

    color: #8BC34A;

    font-size: 16px;

    margin-right: 5px;

}

.stop-points-group span{

    width: 100%;

    position: relative;

}

.offer-tab-content .stop-points-group .form-control{

    background-image: url('../images/stopover-icon.png');

}

.stopover-delete{

    position: absolute;

    right: 22px;

    top: 15px;

    cursor: pointer;

}

.stopover-delete i{

    font-size: 16px;

    color: #e11818;

}

.recurring-trip-row span{

    display: inline-block;

    color: #2f2f2f;

    text-transform: capitalize;

    font-size: 14px;

    margin-right: 10px;

    letter-spacing: 1px;

}



.add-new-btn {

    float: right;

    font-size: 3em;

    color: #ff8915;

}



.add-new-btn:hover {

    color: #ff8915;

}



/**************************** 8) Offer Ride Page Css Ends ****************************/





/**************************** 8) Request Ride Page Css Starts ****************************/



.request-ride-banner img{

    width: 180px;

    display: table;

    margin: 0 auto 15px;

}

.request-ride-banner h4{

    margin-bottom: 0;

}

.request-ride-form{

    padding: 50px 0;

    display: table;

    width: 100%;

}

.request-ride-form form .form-group > label,

.request-ride-form .request-other-infp > label{

    /* font-family: 'Alegreya'; */

    font-weight: normal;

    color: #202020;

    font-size: 16px;

    letter-spacing: 2px;

    margin-bottom: 10px;

    display: block;

}

.request-ride-form form .form-control{

    letter-spacing: 1px;

    box-shadow: 0 0 10px rgba(0,0,0,0.25);

    border: 1px solid #d0d0d0;

    color: #4b4b4b;

    margin-bottom: 25px;

}

.request-ride-form form textarea.form-control{

    resize: none;

    margin-top: 25px;

    background-image: none;

    padding-left: 15px;

    height: 100px !important;

}

.request-ride-seats,

.request-ride-week{

    padding: 12px 0 12px 15px;

    box-shadow: 0 0 10px rgba(0,0,0,0.25);

    border: 1px solid #d0d0d0;

    display: table;

    width: 100%;

}

.request-ride-seats ul li a{

    display: block;

    float: left;

    opacity: 0.5;

    width: 16px;

    height: 25px;

    background: url('../images/seat-icon.png') 0 0 no-repeat;

    background-size: 18px 25px;

    margin-right: 15px;

}

.request-ride-seats ul li.active a{

    opacity: 1;

}

.request-ride-form form .form-group input.help-icon{

    background-image: url('../images/help.png');

}

.request-ride-week ul li a{

    display: block;

    float: left;

    opacity: 0.5;

    width: 25px;

    border-radius: 50%;

    height: 25px;

    line-height: 25px;

    background: #ff8915;

    color: #fff;

    text-align: center;

    font-weight: bold;

    text-transform: uppercase;

    box-sizing: border-box;

    /* font-family: 'Alegreya'; */

    background-size: 16px 20px;

    margin-right: 15px;

}

.request-ride-week ul li.active a{

    opacity: 1;

}

.request-ride-form button{

    margin-top: 30px;

}



.price-box .unit-box {	

    height: 42px;

    float: left;

    padding: 10px 8px;

    background: #ddd;

    letter-spacing: 1px;

    color: #898989;    

    box-sizing: border-box;    

    box-shadow: 0 0 10px rgba(0,0,0,0.25) !important;

    border: 1px solid #d0d0d0;

}



/**************************** 8) Request Ride Page Css Ends ****************************/







/**************************** 8) Search Result Page Css Starts ****************************/



.search-result-banner{

    width: 100%;

    overflow: hidden;

    height: 300px;

    /*    background-image: url('../images/search-result-banner.jpg');
    
        background-attachment: fixed;
    
        background-repeat: no-repeat;
    
        background-position: top center;
    
        background-size: cover;*/

    position: relative;

    z-index: 1;

    border-bottom: 8px solid #dbdbdc; 

}

.search-result-banner:before{

    width: 100%;

    height: 100%;

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    background: rgba(38,50,56,0.8);

    z-index: -2;

}				

.search-result-banner:after{

    width: 40%;

    height: 100%;

    right: 0;

    top: 0;

    position: absolute;

    content: '';

    transform: skew(-60deg);

    background: #ff8915;

    border-left: 8px solid rgba(0,0,0,0.7);

    border-right: 8px solid rgba(0,0,0,0.7);

    opacity: 0.45;

    z-index: -1;

}

.search-result-banner h2{

    margin-top: 9%;

    color: #fff;

    /* font-family: 'Poppins'; */

    /* font-weight: bold;*/

    text-transform: capitalize;

    margin-bottom: 20px;

    letter-spacing: 5px;

    font-size: 28px;

    text-align: center;

}

.search-result-banner p{

    text-align: center;

    /* font-family: 'Alegreya'; */

    font-size: 16px;

    color: #fff;

    letter-spacing: 2px;

    font-weight: 300;

}

.search-result-container{

    width: 100%;

    display: table;

    padding: 40px 0; 

}

.search-sidebar h5,

.car-detail-info h4,

.car-detail-driver-info h5,

.car-detail-counter h5,

.rate-user h5,

.my-booking-block h4,

.passenger-activity h4,

.pas-ride-experience-grid h4,

.pas-profile-table h4,

.driver-profile-cars h4,

.payment-page-left-form h4,

.billing-address h4,

.user-verification-block h5{

    display: block;

    /* font-family: 'Abril+Fatface'; */

    color: #ff8915;

    font-size: 16px;

    text-transform: capitalize;

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(0,0,0,0.14);

    margin-bottom: 20px;

    margin-top: 0;

    letter-spacing: 2px;

}

.ride-cat-box,

.time-slot{

    padding: 20px;

    background: #fff;

    box-shadow: 0 0 4px rgba(0,0,0,0.3);

    width: 100%;

    display: table;

    margin-bottom: 25px;

    box-sizing: border-box;

}

.ride-search-type{

    margin-bottom: 20px;

}

.checkbox-btn,

.radio-btn {

    position: relative;

    margin-bottom: 10px;

    padding-left: 20px;

}

.checkbox-btn input[type="checkbox"],

.checkbox-btn input[type="radio"],

.radio-btn input[type="checkbox"],

.radio-btn input[type="radio"] {

    position: absolute;

    opacity: 0;

    z-index: 1

}

.checkbox-btn label,

.radio-btn label {

    display: inline-block;

    line-height: 22px;

    font-weight: normal;

    /* font-family: 'Alegreya'; */

    letter-spacing: 1px;

    vertical-align: middle;

    position: relative;

    padding-left: 10px;

    cursor: pointer;

    user-select: none;

    color: #7e7e7e;

}

.checkbox-btn label::after,

.radio-btn label::after {

    position: absolute;

    content: "";

    width: 18px;

    height: 18px;

    left: 0;

    top: 0;

    margin-left: -18px;

    background-color: white;

    border: 3px solid #7e7e7e;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    background-clip: padding-box;

    cursor: pointer

}

.checkbox-btn label::before,

.radio-btn label::before {

    position: absolute;

    content: "";

    width: 10px;

    height: 5px;

    top: 8px;

    left: 5px;

    margin-left: -18px;

    border: 3px solid #2e2e2e;

    border-top: none;

    border-right: none;

    background: transparent;

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

    -webkit-transition: all 0.15s ease-in-out;

    -o-transition: all 0.15s ease-in-out;

    transition: all 0.15s ease-in-out;

    z-index: 1

}

.checkbox-btn label:active::before,

.radio-btn label:active::before {

    opacity: 0.3

}

.checkbox-btn input[type="checkbox"]:checked+label,

.checkbox-btn input[type="radio"]:checked+label,

.radio-btn input[type="checkbox"]:checked+label,

.radio-btn input[type="radio"]:checked+label {

    color: #2e2e2e;

}

.checkbox-btn input[type="checkbox"]:checked+label::after,

.checkbox-btn input[type="radio"]:checked+label::after,

.radio-btn input[type="checkbox"]:checked+label::after,

.radio-btn input[type="radio"]:checked+label::after {

    border: 3px solid #2e2e2e;

}

.checkbox-btn input[type="checkbox"]:checked+label::before,

.checkbox-btn input[type="radio"]:checked+label::before,

.radio-btn input[type="checkbox"]:checked+label::before,

.radio-btn input[type="radio"]:checked+label::before {

    opacity: 1

}

.checkbox-btn input[type="checkbox"]:disabled+label,

.checkbox-btn input[type="radio"]:disabled+label,

.radio-btn input[type="checkbox"]:disabled+label,

.radio-btn input[type="radio"]:disabled+label {

    color: #787878;

    cursor: default

}

.checkbox-btn input[type="checkbox"]:disabled+label::after,

.checkbox-btn input[type="radio"]:disabled+label::after,

.radio-btn input[type="checkbox"]:disabled+label::after,

.radio-btn input[type="radio"]:disabled+label::after {

    border: 3px solid #787878;

    background-color: #ffffff

}

.checkbox-btn input[type="checkbox"]:disabled+label::before,

.checkbox-btn input[type="radio"]:disabled+label::before,

.radio-btn input[type="checkbox"]:disabled+label::before,

.radio-btn input[type="radio"]:disabled+label::before {

    display: none

}

.radio-btn label::after {

    -webkit-border-radius: 50%;

    border-radius: 50%;

    background-clip: padding-box

}

.radio-btn label::before {

    width: 8px;

    height: 8px;

    border: none;

    top: 5px;

    left: 5px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    background-clip: padding-box;

    background-color: #2e2e2e;

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg)

}

.ride-categoires{

    height: 200px;

}


#time-range p {

    /* font-family:"Arial", sans-serif;*/

    font-size:14px;

    color:#333;

}



#time-range p span {

    color: #ff8915;

}



.ui-slider-horizontal {

    height: 5px;

    background: #dddddd;

    clear: both;

    margin: 8px 0;

    border-radius: 0;

    border: none;

}

.ui-slider {

    position: relative;

    text-align: left;

}

.ui-slider-horizontal .ui-slider-range {

    top: -1px;

    height: 100%;

}

.ui-slider .ui-slider-range {

    position: absolute;

    z-index: 1;

    height: 5px;

    font-size: .7em;

    display: block;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    -khtml-border-radius: 6px;

    border-radius: 6px;

    background: #ff8915;

    background-size: 100%;

}

.ui-slider .ui-slider-handle {

    border-radius: 50%;

    background: #F9FBFA;

    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

    background-size: 100%;

    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));

    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);

    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);

    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);

    background-image: linear-gradient(top, #C7CED6, #F9FBFA);

    width: 22px;

    height: 22px;

    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;

    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;

    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;

    -webkit-transition: box-shadow .3s;

    -moz-transition: box-shadow .3s;

    -o-transition: box-shadow .3s;

    transition: box-shadow .3s;

}

.ui-slider .ui-slider-handle {

    position: absolute;

    z-index: 2;

    width: 22px;

    height: 22px;

    cursor: default;

    border: none;

    cursor: pointer;

}

.ui-slider .ui-slider-handle:after {

    content:"";

    position: absolute;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    top: 50%;

    margin-top: -4px;

    left: 50%;

    margin-left: -4px;

    background: #ff8915;

}

.ui-slider-horizontal .ui-slider-handle {

    top: -.5em;

    margin-left: -.6em;

}

.ui-slider a:focus {

    outline:none;

}



#slider-range {

    width: 100%;

}

#time-range {

    width: 100%;

}

.time-slot p{

    margin-top: 20px;

}

.search-resutl-form input.form-control,

.saving-calc-form .form-control,

.save-ride-info input.form-control{

    background: url(../images/orgin-icon.png) 10px center no-repeat #fff;

    border-radius: 0;

    height: auto;

    letter-spacing: 3px;

    box-shadow: 0 0 10px rgba(0,0,0,0.25);

    border: 1px solid #d0d0d0;

    color: #4b4b4b;

    width: 100%;

    border: transparent;

    box-sizing: border-box;

    letter-spacing: 0;

    padding: 12px 10px 12px 40px;

}

.search-resutl-form input.desination,

.saving-calc-form input.desination{

    background-image: url('../images/desitination-icon.png');

}

.search-resutl-form input.date{

    background-image: url('../images/calendar-icon.png');

}

.search-resutl-form button{

    border: none;

    padding: 12px 0;

    background: #ff8915;

    color: #fff;

    text-transform: capitalize;

    letter-spacing: 1px;

    width: 100%;

}

.search-filter{

    padding: 15px 0 0;

    display: table;

    width: 100%;

}

.search-filter h5{

    display: inline-block;

    font-size: 16px;

    text-transform: capitalize;

    color: #2e2e2e;

    /* font-family: 'Alegreya'; */

    margin-right: 15px;

}

.search-filter ul{

    display: inline-block;

}

.search-filter ul li{

    padding: 6px 10px;

    border-radius: 15px;

    background: #eee;

    margin-right: 10px;

    display: inline-block;

}

.search-filter ul li p{

    color: #666;

    font-size: 13px;

    display: inline-block;

    margin-bottom: 0;

}

.search-filter ul li p span{

    color: #454545;

    font-size: 13px;

    text-transform: capitalize;

}

.search-filter ul li span.remove{

    background: #ff8915;

    font-weight: bold;

    width: 20px;

    height: 20px;

    color: #fff;

    display: inline-block;

    text-align: center;

    line-height: 20px;

    text-transform: uppercase;

    /* font-family: 'Alegreya'; */

    font-size: 11px;

    border-radius: 50%;

}

.search-result-box{

    width: 100%;

    display: table;

    padding: 30px 0px 15px;

    margin-top: 15px;

    box-sizing: border-box;

    border: 1px solid rgba(0,0,0,0.2);

    box-shadow: 0 0 4px rgba(0,0,0,0.25);

    border-right: 5px solid #ff8915;

}

.result-driver-img img{

    height: 100px;

    width: 100px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 10px;

}

.driver-img-icons{

    display: table;

    margin: 0 auto;

}

.driver-img-icons a{

    font-size: 14px;

    background: #ff8915;

    color: #fff;

    width: 25px;

    border-radius: 4px;

    display: inline-block;

    height: 25px;

    line-height: 25px;

    text-align: center;

    margin-right: 10px;

}

.driver-img-icons a:last-child{

    background-color: #75ac37;

}

.result-driver-info h4{

    font-size: 16px;

    letter-spacing: 1px;

    font-weight: normal;

    margin-top: 0;

    margin-bottom: 10px;

    color: #ff8915;

    display: block;

    /* font-family: 'Alegreya'; */

}

.search-driver-ratings{

    display: table;

    width: 100%;

}

.search-driver-ratings li{

    margin-right: 2%;

    padding-right: 15px;

    float: left;

    box-sizing: border-box;

    position: relative;

    width: 31.3%;

}

.search-driver-ratings li:after{

    content: '/';

    opacity: 0.3;

    position: absolute;

    right: 0;

    top: 0;

    font-size: 16px;

    color: #000;

}

.search-driver-ratings li:nth-last-child(2){

    width: 18%;

}

.search-driver-ratings li:last-child{

    width: 44%;

    margin-right: 0;

    padding-right: 0;

}

.search-driver-ratings li:last-child:after{

    display: none;

}

.search-driver-ratings li img{

    width: 100%;

    margin-top: 3px;

}

.search-driver-ratings li i{

    font-size: 14px;

    color: #fa3030 !important;

    display: block;

    text-align: center;

    margin-top: 3px;

}

.search-driver-ratings li p{

    font-size: 13px;

    margin-bottom: 0;

}

.serach-result-location{

    margin-top:5px;

}

.serach-result-location li{

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 5px;

}

.serach-result-location li p{

    font-size: 13px;

    color: #898383;

    background: url('../images/orgin-icon.png') 2px center no-repeat;

    margin-bottom: 0;

    padding-left: 15px;

    background-size: auto 15px;

}

.serach-result-location li p.destination{

    background-image: url('../images/desitination-icon.png');

}

.serach-result-location li p.seat{

    background-image: url('../images/seat-icon.png');

}

.location-icon {
	height: 15px;
    width: 13px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.location-icon.source {
    background: url('../images/orgin-icon.png') center no-repeat;
    background-size: auto 15px;
}

.location-icon.destination {
	background: url('../images/desitination-icon.png') center no-repeat;
	background-size: auto 15px;
}

.location-icon.stop-over {
	background: url('../images/stopover-icon.png') center no-repeat;
	background-size: auto 15px;
}

.ride-time{

    /* font-family: 'Alegreya'; */

    letter-spacing: 1px;

    font-size: 14px;

    
    font-weight: 600;

}

.small-btn{

    background: #ff8915;

    padding: 4px 12px;

    color: #fff;

    /* font-family: 'Alegreya'; */

    letter-spacing: 1px;

    font-size: 13px;

    text-transform: capitalize;

    margin-top: 10px;

    border-radius: 4px;

}

.search-ride-price{

    width: 100px;

    height: 100px;

    background: url('../images/price-bg.png') 0 0 no-repeat;

    position: relative;

    background-size: 100px auto;

}

.disc-price,

.org-price{

    position: absolute;

    left: 20%;

    top: 20%;

    font-size: 14px;

    color: #ffe13e;

    font-weight: bold;

    /* font-family: 'Alegreya'; */

}

.disc-price,

.org-price{

    position: absolute;

    left: 20%;

    top: 20%;

    font-size: 14px;

    color: #ffe13e;

    font-weight: bold;

    /* font-family: 'Alegreya'; */

}
.disc-price:before{

    content: '';

    width: 120%;

    height: 2px;

    top: 50%;

    margin-top: -1px;

    left: -10%;

    background: #fff;

    position: absolute;

}

.org-price{

    top: 60%;

    left: 30%;

    color: #fff;

}
.org-price1{

    top: 55%;
    left:10%;
  

    color: #fff;

}


.red-clr{
    color:red;
}

.seat-price{

    text-align: center;

    font-size: 15px;

    font-weight: bold;

    /* font-family: 'Alegreya'; */
    

    letter-spacing: 1px;

    color: #ff8915;

    margin-top: 10px;

    margin-bottom: 15px;

}

#clock p,

#clock2 p,

#clock3 p,

#clock4 p{

    border: 1px solid rgba(0,0,0,0.15);

    border-radius: 50%;

    width: 22%;

    float: left;

    /* font-family: 'Alegreya'; */

    font-size: 13px;

    font-weight: bold;

    color: #2e2e2e;

    display: block;

    box-sizing: border-box;

    text-align: center;

    margin-right: 3%;

}

#clock p span,

#clock2 p span,

#clock3 p span,

#clock4 p span{

    display: block;

    /* font-family: 'Alegreya'; */

    font-size: 11px;

    margin-top: -5px;

    font-weight: normal;

    text-transform: capitalize;

    color: #7e7e7e;

    text-align: center;

}









.driver-detail-banner{

    background-image: url('../images/driver-detail-banner.jpg');

}

.driver-banner-info{

    margin-top: 6%;

}

.driver-name h4{

    color: #fff;

    /* font-family: 'Alegreya'; */

    font-size: 22px;

    text-transform: capitalize;

    letter-spacing: 2px;

    font-weight: normal;

    margin-top: 0;

    margin-bottom: 15px;

}

.driver-name h4 span{

    /* font-family: 'Alegreya'; */

    /*font-weight: bold;*/

    color: #ff8915;

}

.driver-name p{

    text-align: left;

    font-size: 15px;

}

.driver-name .search-driver-ratings{

    width: auto;

}

.driver-name .search-driver-ratings li p{

    /* font-family: 'Alegreya'; */

}

.driver-name .search-driver-ratings li:after{

    color: #fff;

    opacity: 1;

}

.driver-price-banner h4{

    font-weight: bold;

    font-size: 30px;

    /* font-family: 'Alegreya'; */

    letter-spacing: 3px;

    text-align: center;

    color: #fff;

    margin: 0;

}

.driver-price-banner h4 span{

    display: block;

    margin-top: 10px;

    font-weight: normal;

    text-transform: capitalize;

    font-size: 16px;

}

.driver-details-info-container{

    display: table;

    width: 100%;

    padding: 60px 0;

    background-color: #ffffff;

}

.driver-detail-img{

    background: #fff;

    padding: 20px;

    margin-top: -140px;

    position: relative;

    z-index: 5;

    box-shadow: 0 0 6px rgba(0,0,0,0.25);
    overflow: hidden;

}

.driver-detail-img img{

    width: 100%;

    margin-bottom: 10px;
    height: 100%;

}

.driver-verified-detail ul li{

    display: block;

    margin: 10px 0;

    padding-left: 15px;

    width: 100%;

}

.driver-verified-detail ul li p{

    font-size: 14px;

    color: #525252;

}

.driver-verified-detail ul li p i{

    color: #7e7e7e;

    font-size: 18px;

    margin-right: 5px;

}

.driver-verified-detail ul li.active p{

    color: #2e2e2e;

    font-weight: 600;

}

.driver-verified-detail ul li.active p i{

    color: #1faa43;

}

.driver-trip-detail{

    width: 100%;

    display: table;

    padding: 15px;

    box-shadow: 0 0 4px rgba(0,0,0,0.15);

}

.driver-trip-detail ul li{

    margin-bottom: 10px;

    width: 100%;

    display: table;

}

.driver-trip-detail h5{

    width: 38%;

    float: left;

    font-size: 14px;

    /*font-weight: bold;*/

    /* font-family: 'Abril+Fatface'; */

    margin:0;

    margin: 0;

    text-transform: capitalize;

    color: #2e2e2e;

}

.driver-trip-detail p{

    width: 55%;

    float: right;

    color: #454545;

    font-size: 14px;

    margin-bottom: 0;

    /* font-family: 'Alegreya'; */

    margin-left: 23px;

}

.driver-trip-detail p i{

    font-size: 16px;

    margin-right: 5px;

    color: #1faa43;

}

.driver-trip-detail p.destination i{

    color: #c40606;

}

.driver-trip-detail  .detail-page-seats-icon h5{

    line-height: 44px;

}

.detail-page-seats-icon ul{

    width: 45%;

    display:inline-block;

    padding: 8px;

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

}

.driver-trip-detail .detail-page-seats-icon ul li.active{

    opacity: 1;

}

.driver-trip-detail .detail-page-seats-icon ul li{

    margin-right: 10px;

    margin-bottom: 4px;

    margin-top: 4px; 

    float: left;

    width: auto;

    opacity: 0.4;

}

.car-detail-info,

.car-detail-driver-info,

.pas-profile-table,

.pas-profile-rating,

.driver-profile-cars{

    width: 100%;

    display: table;

    padding: 15px;

    margin-top: 30px;

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

}

.car-detail-info .driver-trip-detail{

    padding: 0;

    box-shadow: none;

}
.car-img-detail-page{
    overflow: hidden;
}

.car-img-detail-page img{

    width: 100%;
    height: 100%;

}

.preference-icons{

    width: 55%;
    float: right;

}

.driver-trip-detail .preference-icons li{

    float: left;

    margin-right: 10px;

    width: auto;

}

.driver-trip-detail .preference-icons li i{

    width: 25px;

    height: 25px;

    background: #c40606;

    color: #fff;

    line-height: 25px;

    text-align: center;

    font-size: 14px;

}

.driver-trip-detail .preference-icons li.active i{

    background-color: #1faa43;

}

.preference-row h5{

    line-height: 48px;

}

.car-detail-driver-info p{

    font-size: 14px;

    letter-spacing: 1px;

    line-height: 24px;

    margin-bottom: 0;

}

.car-detail-seat-availibity,

.car-detail-counter,

.driver-calc,

.rate-user{

    padding: 15px;

    display: table;

    width: 100%;

    box-sizing: border-box;

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

}

.car-detail-seat-availibity ul li{

    width: 46%;

    float: left;

    margin-right: 4%;

    padding-right: 2%;

    border-right: 1px solid rgba(0,0,0,0.15);

}

.car-detail-seat-availibity ul li:last-child{

    border-right: none;

    margin-right: 0;

    padding-right: 0;

}

.car-detail-seat-availibity ul li .search-ride-price{

    display: table;

    margin: 0 auto;

}

.car-detail-seat-availibity ul li h5{

    text-align: center;

    margin-top: 10px;

    margin-bottom: 0;

    font-size: 14px;

    letter-spacing: 1px;

    text-transform: capitalize;

    color: #454545;

    font-weight: normal;

    /* font-family: 'Alegreya'; */

}

.seat-availabe-info{

    display: table;

    margin: 0 auto 10px;

    padding-top: 24%;

}

.car-detail-seat-availibity ul{

    display: table;

    width: 100%;

    margin-bottom: 20px;

}

.car-detail-seat-availibity .seat-availabe-info h5{

    float: left;

    /* font-family: 'Abril+Fatface'; */

    font-size: 22px;

    /*font-weight: bold;*/

    color: #454545;

    margin: 0;

    margin-left: 8px;

    letter-spacing: 2px;

}

.car-detail-seat-availibity .seat-availabe-info img{

    float: left;

}

.car-detail-seat-availibity p{

    text-align: center;

    font-size: 13px;

    margin-bottom: 0;

}

.car-detail-seat-availibity a,

.driver-calc a,

.rate-user a{

    display: block;

    background: #ff8915;

    color: #fff;

    text-align: center;

    padding: 8px 0;

    border-radius: 4px;

    text-transform: capitalize;

    /* font-family: 'Alegreya'; */

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 5px;

}

.car-detail-counter,

.driver-calc,

.rate-user{

    margin-top: 30px;

}

.car-detail-counter #clock p{

    width: 70px;

    height: 70px;

    padding-top: 5%;

}

.car-detail-counter #clock p span{

}

.driver-calc img{

    width: 100%;

    height: 330px;

    margin-bottom: 10px

}

.rate-user textarea{

    margin-top: 20px;

    height: 120px;

    resize: none;

    box-shadow: 0 0 4px rgba(0,0,0,0.15);

    border-radius: 0;

    border: none;

}
.rate-user .contact-here textarea {
    margin-top : 0px;
}









.saving-calc-container{

    width: 100%;

    display: table;

    padding: 60px 0;

}

.saving-calc-banner{

    background-image: url('../images/saving-calc-banner.jpg');

}

.saving-calc-form{

    margin-top: 8%;

}

.passengers-slider label{

    font-weight: normal;

    color: #2e2e2e;

    font-size: 15px;

    letter-spacing: 2px;

    /* font-family: 'Alegreya'; */

}

.passengers-slider{

    margin: 15px 0;

}

.passengers-slider input{

    font-weight: bold;

    /* font-family: 'Alegreya'; */

    width: 20px;

}

.passengers-slider label:last-child{

    color: #ff8915;

    font-weight: bold;

}

.saving-cal-radio-btns{

    display: table;

    margin: 15px auto;

}

.saving-cal-radio-btns .radio-btn{

    display: inline-block;

    margin-right: 15px;

}

.saving-calc-form a.small-btn{

    display: table;

    margin: 0 auto;

    padding: 8px 16px;

}

.saving-cal-vector img{

    width: 65%;

    height: 380px;

    margin: 0 auto;

}

.saving-calc-results{

    padding: 40px 0;

    display: table;

    width: 100%;

    background: #f5f5f5;

}

.saving-calc-result-text{

    padding: 20px 0;

    width: 100%;

    display: table;

    background: #ff8915;

}

.saving-calc-result-text p{

    margin-bottom: 0;

    color: #fff;

    /* font-family: 'Alegreya'; */

    letter-spacing: 2px;

    font-size: 16px;

}

.saving-result-icon-block{

    padding: 25px;

    background: #fff;

    border: 1px solid rgba(0,0,0,0.25);

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

    box-sizing: border-box;

    margin-top: 30px;

    border-radius: 2px;

}

.saving-result-icon-block img{

    width: 100%;

    height: 250px;

}

.saving-result-icon-block h5{

    text-align: center;

    margin-top: 20px;

    margin-bottom: 0;

    font-size: 20px;

    color: #ff8915;

    letter-spacing: 1px;

    font-weight: 600;

    /* font-family: 'Alegreya'; */

}

.save-ride-info{

    padding: 30px;

    width: 100%;

    display: table;

    margin-top: 30px;

    background: #f4f4f4;

    box-sizing: border-box;

}

.save-ride-info h4{

    /* font-family: 'Alegreya'; */



    text-transform: capitalize;

    letter-spacing: 2px;

    font-weight: normal;

    margin-top: 0;

    font-size: 18px;

    margin-bottom: 10px;

}

.save-ride-info p{

    /* font-family: 'Alegreya'; */

    letter-spacing: 1px;

    font-size: 15px;

    margin-bottom: 20px;

}

.save-ride-info p span{

    color: #ffffff;

    /* font-family: 'Alegreya'; */

    font-weight: bold;

    text-transform: capitalize;

    font-size: 13px;

    padding: 4px 14px;

    background: #ff8915;

    border-radius: 4px;

    padding: 5px 5px 5px 5px;

}

.save-ride-info input.form-control{

    background-image: none;

    padding-left: 15px;

}

.save-ride-info button.small-btn{

    border: none;

    padding: 13px 0;

    width: 100%;

    margin-top: 0;

    outline: none;

}

.top-request-row h4{

    padding: 20px 0;

    background: #ff8915;

    color: #fff;

    /* font-family: 'Alegreya'; */

    letter-spacing: 2px;

    font-weight: normal;

    margin:20px 0;

    font-size: 18px;

}

.top-request-row h4 span{

    text-transform: uppercase;

    /*font-weight: bold;*/

}

.top-request-img{

    position: relative;
    height: 233px;
    width: 233px;
    overflow: hidden;

}

.top-request-img img{

    position: relative;
    height: 100%;
    width: 100%;  

}

.driver-img2{
    height: 220px;
    width: 220px;
    overflow: hidden;
}

.driver-img2 img{
    height: 100%;
    width: 100%;
}

.top-req-content{

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba(0,0,0,0.5);

}

.top-req-title{

    padding: 10px;

    background: #ff8915;

    width: 100%;

    box-sizing: border-box;

    margin-top: 68%;

    margin-bottom: 10px;

}

.top-req-title h4{

    margin: 0;

    font-size: 13px;

    letter-spacing: 0;

    padding: 0;

}

.top-req-cont-bottom p{

    color: #fff;

    font-weight: bold;

    padding-left: 10px;

    letter-spacing: 2px;

    font-size: 13px;

    /* font-family: 'Alegreya'; */

}

.top-req-cont-bottom img{

    padding-right: 10px;

    width: auto !important;

}

.no-result-service-row{

    margin-top: 30px;

}

.no-result-service-row .service-block h4{

    font-size: 18px;

}

.no-result-service-row .service-block p{

    font-size: 12px;

    line-height: 14px;

}







.dashboard-navbar{

    padding: 0;

}

.dashboard-nav > ul{

    display: table;

    width: 100%;

    margin-top: 20px;

}

.dashboard-nav > ul > li{

    margin-bottom: 15px;

}

.dashboard-nav > ul > li > a{

    font-size: 15px;

    text-transform: capitalize;

    /* font-family: 'Alegreya'; */

    display: inline-block;

    position: relative;

    padding-left: 48px;

    line-height: 46px;

    transition: all 0.4s ease;

    color: #454545;

}

.dashboard-nav > ul > li > a span{

    transform: rotate(-90deg);

    margin-left: 10px;

    transition: all 0.4s ease;

}

.dashboard-nav > ul > li > a:hover span{

    transform: rotate(0);

}

.dashboard-nav > ul > li > a:before{

    background: url('../images/das-icons-sprite.png') center 0 no-repeat;	

    width: 40px;

    height: 40px;

    content: '';

    position: absolute;

    left: 0;

    top: 0;

}

.dashboard-nav > ul > li ul.dropdown-menu{

    width: 100%;

    border-radius: 0;

    position: relative;

}

.dashboard-nav > ul > li ul.dropdown-menu li a{

    font-size: 14px;

    /* font-family: 'Alegreya'; */

    color: #454545;

    text-transform: capitalize;

    letter-spacing: 1px;

    padding: 10px 20px;

}

.dashboard-nav > ul > li ul.dropdown-menu li a:hover{

    background-color: #ff8915;

    color: #fff;

}

.dashboard-nav ul li a.account:before{

    background-position: center -40px;

}

.dashboard-nav ul li a.driver:before{

    background-position: center -80px;

}

.dashboard-nav ul li a.vechicle:before{

    background-position: center -120px;

}

.dashboard-nav ul li a.passenger:before{

    background-position: center -160px;

}

.dashboard-nav ul li a.message:before{

    background-position: center -400px;

}

.dashboard-nav ul li a.rating:before{

    background-position: center -444px;

}

.dashboard-nav ul li a.payment:before{

    background-position: center -200px;

}

.dashboard-nav ul li a.earn:before{

    background-position: center -240px;

}

.dashboard-nav ul li a.emergency:before{

    background-position: center -280px;

}

.dashboard-nav ul li a.support:before{

    background-position: center -320px;

}

.dashboard-nav ul li a.logout:before{

    background-position: center -360px;

}



.profile-btns{

    margin-top: 28px;

}

.profile-btns a{

    padding: 6px 14px;

    font-size: 14px;

    letter-spacing: 1px;

    margin-right: 20px;

}

.profile-btns a:last-child{

    border: 1px solid rgba(0,0,0,0.12);

    padding: 4px 14px;

    color: #454545;

    background: transparent;

}
.profile-dropdown{
    margin-top: 5px;
}
.profile-dropdown li a{
    border: none !important;
    margin-right: 0;
}
.my-profile-form{

    padding: 0px 0 30px 0px;

    width: 100%;

}

.my-profile-form .form-group label{

    font-size: 14px;

    text-transform: capitalize;

    font-weight: normal;

    letter-spacing: 1px;

    margin-bottom: 10px;

    display: block;

    font-weight: 600;

    /* font-family: 'Alegreya'; */

    color: #333;

}

.my-profile-form .form-group .form-control,

input.strength{

    border-radius: 0;

    height: auto;

    letter-spacing: 2px;

    color: #898989;

    outline: none;

    width: 100%;

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

    border: none;

    box-sizing: border-box;

    padding: 12px 0 12px 15px;

}

.my-profile-form .form-group select.form-control{

    padding: 11px 0 11px 15px;

}

.my-profile-form .form-group .form-control::-webkit-input-placeholder{

    color: #898989;

    opacity: 1;

}

.my-profile-form .form-group .radio-btn,

.my-profile-form .form-group .checkbox-btn{

    display: inline-block;

    margin-right: 10px;

}

.my-profile-form .form-group textarea.form-control{

    resize: none;

    height: 100px;

}

.hamburger-icon{

    width: 45px;

    height: 45px;

    background: #E26201;

    border-radius: 50%;

    float: left;

    padding-top: 15px;

    cursor: pointer;

    margin-left: 10px;

    margin-top: 16px;
    margin-right:16px;

}

.hamburger-icon span{

    width: 20px;

    background: #fff;

    height: 2px;

    display: table;

    margin: 0 auto 4px;

}

.navbar-dashboard .navbar-brand{

    height: auto;

    margin-left: 10px;

}

.navbar-dashboard .navbar-nav{

    margin-left: 220px;

    margin-top: 25px;

}

.navbar-dashboard .navbar-nav>li>a{

    margin-right: 40px;

    background:  #ff8915;

    color: #ffffff !important;

    padding: 12px 20px 12px 40px;

    z-index: 1;

    position: relative;

}

.navbar-dashboard .navbar-nav>li>a:before{

    content: '';

    position: absolute;

    width: 20px;

    top: 50%;

    margin-top: -10px;

    z-index: 1;

    left: 10px;

    height: 20px;

    background: url('../images/dash-nav-icon-sprite.png') 0 0 no-repeat;

    background-size: auto 20px;

}

.navbar-dashboard .navbar-nav>li>a:after{

    width: 35px;

    left: 2px;

    height: 91%;

    top: 2px;

    background: #fff;

    content: '';

    position: absolute;

    z-index: -1;

}

.navbar-dashboard .navbar-nav>li:nth-last-child(3) a:before{

    background-position: -20px 0;

}

.navbar-dashboard .navbar-nav>li:nth-last-child(2) a:before{

    background-position: -40px 0;

}

.navbar-dashboard .navbar-nav>li:last-child a:before{

    background-image: url('../images/service_icon.png');

}

.navbar-dashboard .navbar-nav>li>a:hover{

    letter-spacing: 2px;

    background: #ff8915;

    color: #fff;

}

.navbar-dashboard .navbar-nav>li>a:hover:after {

    display: none;

}

.dashboard-right-topbar >a{

    display: block;

    float: left;

    margin-right: 20px;

    margin-top: 40px;

}

.dashboard-right-icons li{

    float: left;

    margin-right: 20px;

}

.dashboard-right-topbar a span{

    width: 20px;

    height: 20px;

    display: block;

    background: url('../images/dash-notification-icon-sprite.png') 0 0 no-repeat;

}

.dashboard-right-topbar a span small{

    margin-top: -7px;

    margin-left: 7px;

    font-size: 11px !important;

    padding: 3px 5px !important;

    position: absolute;

}

.dashboard-right-topbar a span.bell{

    background-position: 0 -20px;

}

.dashboard-right-topbar a span.mail{

    background-position: 0 -40px;

}

.dashboard-right-topbar a span.flag{
    background-image: url('../images/india-flag.png');


}

.dashboard-right-topbar a span.user{

    width: 32px;

    height: 32px;

    margin-top: -6px;

    background: url('../images/user-icon.png') 0 0 no-repeat;

}

.dashboard-right-topbar >ul{

    margin-top: 28px;

    float: left;

    position: relative;

}

.dashboard-right-topbar > ul .dropdown-menu{

    right: 0;

    left: auto;

    margin-top: 15px;

}

.dashboard-right-topbar > ul .dropdown-menu li a{

    font-size: 13px;

    color: #7e7e7e;

    text-transform: capitalize;

    letter-spacing: 1px;

}

.dashboard-right-topbar > ul .dropdown-menu li a i{

    margin-right: 5px;

}

.add-contact-img img{

    display: table;

    margin: 20px auto 10px;

}

.add-contact-img h5{

    text-align: center;

    font-size: 18px;

    text-transform: capitalize;

    color: #1c1c1c;

    margin: 0;

}

.add-contact-info{

    margin-top: 10%;

}

.add-contact-info p{

    font-size: 15px;

    line-height: 22px;

    color: #1c1c1c;

}

.add-contact-info span{

    font-size: 13px;

    color: #545454;

    display: block;

    margin-bottom: 25px;

    text-transform: capitalize;

    letter-spacing: 1px;

}

.coupons-list{

    margin-top: 30px;

    display: table;

    width: 100%;

}

.coupon-img img{

    width: 100%;

    margin-top: 10px;

}

.coupon-block{

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: 1px solid rgba(0,0,0,0.15);

    display: table;

    width: 100%;

}

.coupon-block:last-child{

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: none;

}

.coupon-info h5{

    font-size: 18px;

    margin-top: 0;

    margin-bottom: 10px;

    text-transform: capitalize;

    font-weight: normal;

    color: #b43f47;

}

.coupon-info p{

    font-size: 14px;

    color: #131313;

    letter-spacing: 1px;

    margin-bottom: 5px;

}

.coupon-info a{

    margin-top: 10px;

    display: table;

    padding: 5px 20px;

    font-size: 13px;

}

.deactivate-act-form{

    width: 60%;

    margin: 0 auto;

}

.deactivate-act-form h4{

    text-align: center;

    font-size: 18px;

    color: #454545;

    text-transform: capitalize;

    letter-spacing: 1px;

    /* font-family: 'Alegreya'; */

    margin-top: 0;

    margin-bottom: 20px;

}

.email-verify-table h4{

    text-align: left;

}

.email-verify-table table tbody tr td{
    text-align: left;
    line-height: 30px;

}

.email-verify-table table tbody tr td.primary a{

    color: #337ab7;

}

.email-verify-table table tbody tr td a.btn{

    padding: 4px 12px;

    text-transform: capitalize;

    letter-spacing: 1px;

}

.email-verify-table table tbody tr td a i{

    font-size: 18px;

    color: #ff8915;

}

.email-verify-table a.btn-small{

    padding-top: 12px;

    padding-bottom: 12px;

    width: 100%;

    background-color: #ff8915;

    border-color: #ff8915;

}

.user-verification-block{

    margin-top: 30px;

    display: table;

    width: 100%;

}

.user-verification-img span,

.user-verification-img i{

    width: 60px;

    height: 60px;

    display: table;

    margin: 0 auto; 

    background: url('../images/icard.png') center center no-repeat #ff8915;

    border-radius: 50%;

}

.user-verification-img i{

    background-image: none;

    color: #fff;

    line-height: 60px;

    text-align: center;

    font-size: 22px;

}

.user-verification-img a,

.not-head-block a{

    display: table;

    margin: 15px auto 0;

    border: 1px solid #ff8915;

    border-radius: 15px;

    padding: 2px 16px;

    color: #ff8915;

    text-transform: capitalize;

}

.user-verification-img a:hover,

.not-head-block a:hover{

    background: #ff8915;

    color: #fff;

}

.user-verification-info h5{

    font-size: 18px;

    color: #1c1c1c;

    text-transform: capitalize;

    margin-top: 0;

}

.user-verification-info p{

    font-size: 14px;

    color: #7e7e7e;

}

.user-verification-info a{

    font-size: 14px;

    color: #1c1c1c;

    text-decoration: underline;

}

.user-verification-img span.credit-card{

    background-image: url('../images/credit-card.png');

}

.user-verification-img span.mobile{

    background-image: url('../images/moble-sms.png');

}

.user-verification-img span.pro-badge{

    background-image: url('../images/pro-badge.png');

}

.notification-heading{	

    display: table;

    width: 100%;

}

.not-head-block p{

    float: left;

    margin-right: 10px;

}

.not-head-block a{

    float: left;

    margin-top: 0;

}

.not-list-block{

    background: #f6f9fe;

    padding: 25px 0;

    display: table;

    margin-top: 30px;

    width: 100%;

}

.not-list-block h4{

    padding-left: 15px;

    margin-top: 0;

    text-transform: uppercase;

    font-size: 15px;

    color: #2f2f2f;

    /* font-family: 'Alegreya'; */

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 10px;

}

.not-list-block p{

    padding-left: 15px;

    margin-bottom: 0;

    color: #828f97;

}

.not-list-block .not-checkbox{

    margin-top: 13px;

    float: right;

    margin-right: 20px;

}

.not-list-block .checkbox-btn{

    display: inline-block;

    margin-right: 5px;

}

.das-refer-friends{

    padding: 20px 0;

    margin: 30px 0;

    display: table;

    width: 100%;

    background: #ff8915;

}

.das-refer-friends h5,

.das-refer-friends h6{

    padding-left: 15px;

    color: #fff;

    margin-top: 0;

    margin-bottom: 10px;

    font-size: 26px;

    /* font-family: 'Abril+Fatface'; */

    letter-spacing: 3px;

    text-transform: capitalize;

}

.das-refer-friends h5 i{

    margin-right: 10px;

    font-size: 22px;

}

.das-refer-friends h6{

    font-size: 20px;

    letter-spacing: 1px;

}

.das-refer-friends p{

    font-size: 16px;

    padding-left: 15px;

    color: #fff;

}

.refer-frnd-form p,

.refer-frnd-share p{

    text-align: center;

    font-size: 15px;

    letter-spacing: 1px;

    text-transform: capitalize;

    color: #454545;

}

.refer-frnd-form strong{

    text-align: center;

    margin-bottom: 10px;

    font-size: 15px;

    letter-spacing: 1px;

    color: #222;

    display: block;

}

.refer-frnd-form form .form-control{

    height: auto;

    padding: 12px 0 12px 15px;

    border-radius: 2px;

    box-shadow: none;

    border-color: #dcdcdc;

}

.refer-frnd-form form button{

    width: 100%;

    padding: 12px 0;

    text-transform: capitalize;

    color: #fff;

    background: #ff8915;

    border: none;

    font-size: 16px;

    outline: none;

    letter-spacing: 1px;

    margin-left: -30px;

}

.refer-frnd-share p{

    text-align: left;

}

.refer-share-icons a{

    float: left;

    width: 40px;

    height: 40px;

    border: 1px solid #ff8915;

    color: #ff8915;

    transition: all 0.4s ease;

    text-align: center;

    line-height: 40px;

    font-size: 15px;

    margin-right: 10px;

    border-radius: 50%;

}

.refer-share-icons a:hover{

    background: #ff8915;

    color: #fff;

}



#custom-search-input {

    margin: 0;

    padding: 10px;

    border: 1px solid #dfe1e0;

    border-right: none;

}

#custom-search-input .search-query {

    background-color:#fff;

    border-radius: 20px;

    padding: 10px 0 10px 15px;

    box-shadow: none;

    color: #9facb5;

    letter-spacing: 1px;

    border-color: #dee0df;

    height: 34px;

    margin-bottom: 0;

}

#custom-search-input button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    border-radius: 3px;

    color: #666666;

    left: auto;

    margin-bottom: 0;

    margin-top: 7px;

    padding: 2px 5px;

    position: absolute;

    right: 0;

    z-index: 9999;

}

.search-query:focus + button {

    z-index: 3;   

}

.header_sec .user-name{

    color: #253036;

    font-size: 14px;

    letter-spacing: 1px;

    margin: 0;

    /* font-family: 'Alegreya'; */

    position: relative;

    font-weight: 600;

}



/*.header_sec .user-name:after{

        content: '';

        position: absolute;

        right: -20px;

        top: 2px;

        width: 10px;

        height: 10px;

        background: #49bf6b;

        border-radius: 50%;

}*/



.header_sec .time{

    color: #a1abac;

    font-size: 12px;

    /* font-family: 'Alegreya'; */

}

.all_conversation button {

    background: #f5f3f3 none repeat scroll 0 0;

    border: 1px solid #dddddd;

    height: 38px;

    text-align: left;

    width: 100%;

}

.all_conversation i {

    background: #e9e7e8 none repeat scroll 0 0;

    border-radius: 100px;

    color: #636363;

    font-size: 17px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 30px;

}

.all_conversation .caret {

    bottom: 0;

    margin: auto;

    position: absolute;

    right: 15px;

    top: 0;

}

.all_conversation .dropdown-menu {

    background: #f5f3f3 none repeat scroll 0 0;

    border-radius: 0;

    margin-top: 0;

    padding: 0;

    width: 100%;

}

.all_conversation ul li {

    border-bottom: 1px solid #dddddd;

    line-height: normal;

    width: 100%;

}

.all_conversation ul li a:hover {

    background: #dddddd none repeat scroll 0 0;

    color:#333;

}

.all_conversation ul li a {

    color: #333;

    line-height: 30px;

    padding: 3px 20px;

}

.member_list .chat-body {

    margin-left: 47px;

    margin-top: 0;

}

.top_nav {

    overflow: visible;

}

.member_list .contact_sec {

    margin-top: 3px;

}

.member_list .contact_sec small{

    font-size: 13px;

    color: #454545;

}

.member_list li {

    padding: 6px;

}

.chat-img img {

    height: 34px;

    width: 34px;

}

.member_list li {

    padding: 15px;

}

.member_list {

    height: 452px;

    overflow-x: hidden;

    overflow-y: auto;

    border-left: 1px solid #dfe1e0;

    border-bottom: 1px solid #dfe1e0;

    border-right: 1px solid #dfe1e0;

}



#message-text-box {

    height: 70px;

}



.sub_menu_ {

    background: #e8e6e7 none repeat scroll 0 0;

    left: 100%;

    max-width: 233px;

    position: absolute;

    width: 100%;

}

.sub_menu_ {

    background: #f5f3f3 none repeat scroll 0 0;

    border: 1px solid rgba(0, 0, 0, 0.15);

    display: none;

    left: 100%;

    margin-left: 0;

    max-width: 233px;

    position: absolute;

    top: 0;

    width: 100%;

}

.all_conversation ul li:hover .sub_menu_ {

    display: block;

}

.new_message_head button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

}

.new_message_head {

    background: #f5f3f3 none repeat scroll 0 0;

    float: left;

    font-size: 13px;

    font-weight: 600;

    padding: 18px 10px;

    width: 100%;

}

.message_section {

    border: 1px solid #dddddd;

    /*border-left: none;*/
	margin-left:-1px;

    padding: 0;

}

.chat_area {

    float: left;

    height: 350px;

    overflow-x: hidden;

    overflow-y: auto;

	background-color: #eee;
    width: 100%;

}

.chat_area li {

    padding: 20px 50px 0;

}

.chat_area li .chat-img1 img {

    height: 40px;

    width: 40px;

}

.chat-body1 h5{

    margin-top: 0;

    font-size: 15px;

    color: #353130;

    letter-spacing: 1px;

    text-transform: capitalize;

    margin-bottom: 5px;

}

.chat-body1 .message, .chat-body2 .message {
	float:left
}

.chat-body1 .message p, .chat-body2 .message p {

    color: #353130;

    font-size: 14px;

    margin-bottom: 0;

}

.chat-body1 .time, .chat-body2 .time  {
	opacity: 0.5;
    font-size: 10px;
    float: right;
    margin-top: 10px;
    margin-left: 14px;
}

.chat_area .admin_chat .chat-body1 {

    margin-left: 0;

    margin-right: 50px;

}

.chat-body1, .chat-body2{
	box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
	padding: 5px 10px;
    border-radius: 6px;
}

.chat-no-message {
	box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
    padding: 5px 10px;
    border-radius: 6px;
    background: #fcfcfc;
    margin: 22% auto;
    width: 80%;
    text-align: center;
}


.chat_area .chat-body1 {
    background-color: #fcfcfc;
}

.chat-body2 {
    background-color: #dcf8c6;
}

.chat-date {
	background-color: rgba(225, 245, 254, 0.92);
    border-radius: 7.5px;
    box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
    padding: 5px 12px 6px 12px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    width: 120px;
    margin: 10px auto;
}



.chat_area li:last-child {

    padding-bottom: 10px;

}

.message_write {

    border-top: 1px solid #dce2e0;

    float: left;

    padding: 15px;

    width: 100%;

}



.message_write textarea.form-control {

    height: 70px;

    padding: 10px;

    resize: none;

    box-shadow: none;

}

.chat_bottom {

    float: right;

    margin-top: 13px;


}

.message-box {
	width:85%;
}

.chat_bottom a{

    display: inline-block;

    margin-right: 10px;

    padding: 4px 16px;

    font-size: 13px;

    letter-spacing: 1px;

}

.upload_btn {

    color: #777777;

}

.sub_menu_ > li a, .sub_menu_ > li {

    float: left;

    width:100%;

}

.member_list li:hover, .member_list li.active {

    background: #edf2f6;

    color: #fff;

    cursor:pointer;

}

.badge{

    /*background-color: #ff8915;*/

}

.chat-box-head .chat-img{

    margin-right: 15px;

}

.chat-box-head{

    padding: 10px 0 10px 30px;

    border-bottom: 1px solid #dfe1e0;

    border-left: 1px solid #dfe1e0;

    box-sizing: border-box;

}

.member-preference{

    margin-top: 30px;

    display: table;

    width: 100%;

}

.member-preference-block{

    display: table;

    margin:20px auto 0;

    width: 100%;

}

.member-preference-block h5{

    line-height: 50px;

    font-size: 16px;

    text-transform: capitalize;

    color: #3f3f3f;

    width: 25%;

    float: left;

    /* font-family: 'Alegreya'; */

    letter-spacing: 2px;

    margin: 0;

}

.member-preference-block ul{

    float: left;

}

.member-preference-block ul li{

    margin-right: 50px;

    float: left;

    cursor: pointer;

    transition: all 0.4s ease;

}

.member-preference-block ul li i{

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 18px;

    border: 2px solid rgba(0,0,0,0.25);

}

.member-preference-block ul li.green i{

    color: #3e9d3f;

}

.member-preference-block ul li.yellow i{

    color: #f6b300;

}

.member-preference-block ul li.red i{

    color: #c80201;

}

.member-preference-block ul li.green:hover i{

    color: #fff;

    background: #3e9d3f;

    border: 2px solid #3e9d3f;

}

.member-preference-block ul li.yellow:hover i{

    color: #fff;

    background: #f6b300;

    border: 2px solid #f6b300;

}

.member-preference-block ul li.red:hover i{

    color: #fff;

    background: #c80201;

    border: 2px solid #c80201;

}

.my-ride-block, .my-booking-block{

    width: 100%;

    display: table;

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid rgba(0,0,0,0.15);

    box-shadow: 4px 4px 10px #ccc;
    padding-top: 20px;

}

.my-ride-block:last-child,

.my-booking-block:last-child{

    border-bottom: none;

    margin-bottom: 0;

    padding-bottom: 12px;

    padding: 20px 0;

}



.my-ride-block-hr {

    padding-bottom: 20px !important;

    margin-bottom: 20px !important;

    border-bottom: 1px solid rgba(0,0,0,0.15) !important;

}



.my-rides-summary{

    width: 100%;

    display: table;

}

.my-rides-summary .faq-nav-tabs li{

    width: 25%;

}

.my-ride-block #clock p{

    width: 14%

}

.my-ride-price,

.my-ride-price .search-ride-price,

.my-ride-icons{

    display: table;

    margin: 0 auto;

}

.my-ride-icons a i{

    width: 30px;

    height: 30px;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    font-size: 12px;

    background: #ff8915;

    color: #fff;

    margin-right: 10px;

    float: left;

}

.my-ride-btn{

    text-align: center;

    margin-top: 40px;

}



.my-ride-btn-2 {	

    margin-top: 0;

}



.my-ride-btn p{

    font-size: 14px;

    text-transform: uppercase;

}

.my-ride-btn a,

.my-booking-code a{

    background: #ff8915;

    color: #fff;

    border-radius: 4px;

    padding: 4px 12px;

    display: table;

    margin: 0 auto;

    /* font-family: 'Alegreya'; */

    letter-spacing: 1px;

    font-size: 14px;

    text-transform: capitalize;

}



.my-ride-btn a.btn-success {

    background: #6fa124;

}



.my-ride-btn a.btn-danger {

    background: #d9534f;

}



.my-rides-summary .faq-nav-tabs li a small{

    background-color: rgba(0,0,0,0.25);

    margin-left: 5px;

}

.my-booking-status{

    box-shadow: none;

    padding: 0;

}

.my-booking-block .booking-btns {
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s, opacity 0.5s linear;
}

.my-booking-block:hover .booking-btns {
	visibility: visible;
  	opacity: 1;
}

.my-booking-block h6{

    font-size: 14px;

    text-transform: capitalize;

    color: #454545;

    margin-top: 0;

}

#my_bookings .tab-content .tab-pane h4.title {
	
}

#my_bookings .tab-content .tab-pane h4 {
	margin: 0 0 10px;
	text-align: left;
	font-size: 12px;
}

#my_bookings .driver-trip-detail h5 {
	font-size: 12px;
	padding-top: 5px;
}

#my_bookings .booker-details p, #my_bookings .driver-trip-detail p {
	font-size: 13px;
}

.my-booking-block .booker-details p{

    font-size: 14px;

    color: #555;

    line-height: 18px;
    word-wrap: break-word;

}

.my-booking-block .booker-details ul{

    width: 100%;

    display: inline-block;

    padding: 3px;

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

    text-align:justify;

}

.my-booking-code p{

    font-size: 14px;

    margin-top: 20px;

}

.my-booking-code input.form-control{

    margin-bottom: 10px;

    height: auto;

    box-shadow: none;

}

.my-booking-code a{

    float: left;

    margin-right: 10px;

    display: block;

}

.accepted-rides-info{

    width: 100%;

    display: table;

    margin-bottom: 0;

}

.accepted-rides-info p{

    font-size: 14px;

    line-height: 24px;

}

.accepted-rides-info table{

    margin-top: 30px;

    border: 1px solid #eee;

}

.accepted-rides-info table thead th{

    font-size: 13px;

    text-align: center;

}

.accepted-rides-info table tbody td{

    line-height: 30px;

    text-align: center;

    font-size: 13px;

}
.accepted-rides-info table tbody td rate-img{
    width: 30px;
    height: 30px;
    overflow: hidden;

}

.accepted-rides-info table tbody td rate-img img{

    display: table;

    margin: 0 auto;
    width: 100%;
    height: 100%;

}

.accepted-rides-info table tbody td a{

    background: #ff8915;

    color: #fff;	

    border-radius: 4px;

    text-align: center;

    /* font-family: 'Alegreya'; */	

    display: block;

    text-transform: capitalize;

}



.accepted-rides-info table tbody td a .fa-eye{

    color: #fff;

}



.accepted-rides-info table tbody td a.expired{

    background-color: #ed1b24;

}



.page-sub-headings {

    padding: 16px 16px;

    background: #f7f8fa;

    margin: 0 -20px 20px -20px;

}



.page-sub-headings h2 {

    font-size: 16px;

    color: #ff8915;

    margin: 0;

    letter-spacing: 1px;

}



.accepted-rides-ratings {

    margin-bottom: 10px;

}



.pas-table-flitter{

    margin-top: 20px;

}

.pas-table-flitter p,

.pas-table-flitter-search p{

    float: left;

    font-size: 13px;

    color: #1c1c1c;

    text-transform: capitalize;

    line-height: 40px;

    display: block;

}

.pas-table-flitter form select,

.pas-table-flitter-search input{

    width: 15%;

    float: left;

    margin: 0 10px;

    padding: 8px 3px 8px 15px;

    height: auto;

    box-shadow: none;

}

.pas-table-flitter-search{

    float: right;

    margin-top: 20px;

}

.pas-table-flitter-search input{

    width: 71%;

}

.pas-pagination-text p{

    font-size: 14px;

    margin-bottom: 0;

    margin-top: 10px;

}

.pas-pagination .pagination{

    float: right;

    margin: 10px 0 0 0;

}

.pagination>li>a, .pagination>li>span{

    color: #ff8915;

}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{

    color: #fff;

    background: #ff8915;

    border-color: #ff8915;

}

.accepted-rides-info .pas-action-icons{

    display: table;

    margin: 0 auto;

}

.accepted-rides-info .pas-action-icons a{

    float: left;

    width: 30px;

    padding: 0;

    height: 30px;

    line-height: 30px;

    margin-right: 5px;

    text-align: center;

    border-radius: 50%;

}

.dropdown-sub-menu{

    position: static;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    visibility: hidden;

    opacity: 0;

    margin: 0;

    transition: all 0.6s ease-in-out;

    background: #fff;

    border: none;

}

.dropdown-sub-menu li a{

    color: #454545;

    background: 0;

    font-size: 12px !important;

    padding: 8px 0 8px 35px;

    border-bottom: 1px solid rgba(0,0,0,0.15);

    width: 100%;

    display: block;

    font-family: open sans;

    text-transform: capitalize;

    letter-spacing: 1px;

    line-height: 28px;

}

.sub-menu:hover .dropdown-sub-menu{

    opacity: 1;

    visibility: visible;

    height: 100%;

}

.leave-feedback{

    margin-top: 30px;

}

.leave-feedback h4{

    margin-bottom: 20px;

}

.leave-feedback h4 span{

    display: block;

    color: #ff8915;

    letter-spacing: 1px;

    font-weight: normal;

    text-transform: capitalize;

    margin-top: 5px;

    font-size: 14px;

}

.leave-feedback-form{

    padding-top: 20px;

    border-top: 1px solid rgba(0,0,0,0.15);

}

.leave-feedback-form img{

    margin-bottom: 10px;

}

.leave-feedback-form p{

    font-size: 15px;

    color: #454545;

    margin-bottom: 15px;

}

.leave-feedback-form form .form-control{

    resize: none;

    box-shadow: none;

    padding: 12px 0 12px 15px;

    border-radius: 0;

    width: 100%;

    height: auto;

    margin-top: 25px;

}

.leave-feedback-form form textarea.form-control{

    height: 100px;

}

.leave-feedback-form a{

    display: table;

    margin-top: 20px;

}

.rating-given-row{

    margin-top: 30px;

}

.rating-given-total{

    text-align: center;

}

.rating-given-total h4{

    font-size: 20px;

    letter-spacing: 2px;

    /* font-family: 'Alegreya'; */

    color: #1c1c1c;

}

.rating-given-total h2{

    font-size: 68px;

    color: #ff8915;

    /* font-family: 'Abril+Fatface'; */

}

.rating-given-total img{

    display: inline-block;

    margin-left: 10px;

}

.rating-bar-block{

    margin-bottom: 15px;

}

.rating-bar-block p{

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 0;

    font-size: 14px;

    letter-spacing: 1px;

    color: #1c1c1c;

}

.rating-bar-block .progress{

    display: inline-block;

    width: 90%;

    margin-top: 0;

    height: 3px;

}

.rating-bar-block .progress-bar-success{

    background-color: #ff8915;

}

.people-reffered-tab .faq-nav-tabs li{

    width: 33%;

}



.reffer-people-img img {

    width: 100%;

    border-radius: 80px;

}



.peoople-ref-banner{

    margin: 30px 0;

}

.peoople-ref-banner img{

    width: 80%;

    margin: 0 auto;

}

.people-refer-head h4{

    line-height: 24px;

}

.people-refer-head-form input.form-control{

    height: auto;

    box-shadow: none;

    width: 100%;

    padding: 10px 0 10px 20px;

    border-radius: 20px;

    box-sizing: border-box;

    text-transform: capitalize;

    letter-spacing: 1px;

}

.people-reffer-detail-block{

    display: table;

    width: 100%;

    margin-top: 20px;

    padding-bottom: 15px;

    border-bottom: 1px solid rgba(0,0,0,0.15);

}

.people-reffer-detail-block:last-child{

    padding-bottom: 0;

    border-bottom: none;

}

.reffer-people-img img{

    display: table;

    margin: 0 auto;

}

.reffer-people-info h5{

    letter-spacing: 2px;

    font-weight: normal;

    font-size: 15px;

    color: #1c1c1c;

    margin-top: 30px;

    margin-bottom: 10px;

}

.reffer-people-info p{

    margin-bottom: 0;

    letter-spacing: 1px;

    color: #2e2e2e;

    font-size: 13px;

}

.reffer-people-btn a{

    display: table;

    margin: 40px auto 0;

    background: #ff8915;

    color: #fff;

    border-radius: 4px;

    padding: 6px 12px;

    font-size: 14px;

    letter-spacing: 1px;

    /* font-family: 'Alegreya'; */

    text-transform: capitalize;

}

.btn-underline{

    font-size: 13px;

    color: #454545;

    text-decoration: underline;

    margin-top: 40px;

    display: block;

}

.passenger-profile-head-btns a{

    display: inline-block;

    background: #ff8915;

    border-radius: 4px;

    padding: 4px 12px;

    color: #fff;

    font-size: 14px;

    margin-right: 10px;

    text-transform: capitalize;

}

p.com-preference-icons i{

    float: left;

    color: #ff8915;

    font-size: 16px;

    margin-right: 15px;

}

.pas-profile-ver-block{

    display: table;

    width: 100%;

    margin-bottom: 10px;

}

.pas-profile-ver-block h5{

    display: block;

    font-size: 14px;

    font-weight: normal;

    margin-top: 0;

    color: #1c1c1c;

    width: 100%;

    margin-bottom: 10px;

}

.pas-profile-ver-block .progress{

    float: left;

    width: 100%;

}

.pas-profile-table .serach-result-location{

    margin-top: 0;

}

.pas-profile-table .serach-result-location li{

    margin-bottom: 0;

}

.pas-past-ride-seats li{

    float: left;

    margin-right: 10px;

    opacity: 0.4;

}

.pas-past-ride-seats li.active{

    opacity: 1;

}

.pas-profile-rating{

    margin-top: 0;

}

.pas-profile-rating .rating-given-total p{

    text-align: center;

    display: block;

}

.pas-profile-rating .rating-given-total h5{

    text-align: center;

    font-size: 42px;

    color: #ff8915;

    letter-spacing: 2px;

}

.pas-profile-rating .rating-given-total img{

    display: table;

    margin: 0 auto;

}

.driver-profile-cars .driver-trip-detail{

    box-shadow: none;

    padding: 0;

}

.driver-car-block{

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid rgba(0,0,0,0.15);

}

.pas-request-result-box .pas-view-ratings{

    margin-top: 10px;

}

.pas-request-result-box .pas-view-ratings h4{

    font-size: 14px;

}

.pas-request-result-box .pas-view-ratings li p{

    font-size: 12px;

}

.pas-request-amout-box img{

    margin: 0 auto;

}

.pas-request-amout{

    position: relative;

}

.pas-request-amout h5{

    position: absolute;
    top: -3px;
    right: 74px;
    font-size: 12px;
    font-weight: bold;
    color: #ff8915 !important;
    width: 43px;
    height: 43px;
    text-align: center;
    padding-top: 15px;

}

.car-detail-seat-availibity .pas-request-amout h5{
	right: 3px;
}

.pas-request-amout-box h4{

    font-size: 16px;

    text-align: center;

}

.login-page-form{

    padding: 50px 0;

    overflow: hidden;

    width: 100%;

    background: url('../images/login-page-bg.jpg') 0 0 no-repeat;

    background-size: cover;

    z-index: 1;

    position: relative;

}

.login-page-form:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: rgba(0,0,0,0.7);

}

.login-page-user-form{

    /*border: 1px solid #fff;

    border-radius: 20px;*/

    padding: 20px;

    width: 100%;

    box-sizing: border-box;
    
    background: rgba(255,255,255,0.1);

}

.login-page-user-form label{

    color: #fff;

    letter-spacing: 2px;

    text-transform: capitalize;

    font-weight: normal;

    /* font-family: 'Alegreya'; */

    font-size: 15px;

}

.login-page-user-form label i{

    margin-right: 8px;

}

.login-page-user-form input.form-control{

    background: transparent;

    height: auto;

    box-shadow: none;

    border: none;

    border-bottom: 1px solid #fff;

    color: #fff;
    
    border-radius: 0;

}

.user-remember{

    margin-top: 20px;

    width: 100%;

    display: table;

}

.user-remember a{

    float: right;

    color: #fff;

    font-size: 14px;

    text-transform: capitalize;

}

.user-remember .checkbox-btn{

    float: left;

}

.user-remember .checkbox-btn label{

    color: #fff;

}

.user-remember .checkbox-btn label::after{

    border-color: #fff;

    background: transparent;

}

.user-remember .checkbox-btn input[type="checkbox"]:checked+label::before{

    border-color: #fff;

}

.user-remember .checkbox-btn input[type="checkbox"]:checked+label::after{

    border-color: #fff;

}

.user-remember .checkbox-btn input[type="checkbox"]:checked+label{

    color: #fff;

}

.login-page-btns a{

    width: 100%;

}

.login-page-btns h5{

    color: #fff;

}

.login-page-btns h5:before,

.login-page-btns h5:after{

    background: #fff;

}

.login-page-social a{

    border-radius: 0;

    padding: 0;

}

.login-page-social a i{

    padding: 20px 0;

    width: 12%;

    text-align: center;

    background: rgba(0,0,0,0.2);

}

.login-page-social a:last-child{

    background-color: #55acee;

}

.login-page-img img{

    width: 100%;

    margin-bottom: 15px;

}

.login-page-img p{

    color: #fff;

    letter-spacing: 1px;

}



.forgot-pas{

    padding: 50px 0;

    background: #fff;

}



.forgot-pas form{

    width: 60%;

    margin: 0 auto;

}



.forgot-pas .fa-lock-first,

#email-verification .modal-header i{

    width: 80px;

    height: 80px;

    border-radius: 50%;

    background: #ff8915;

    color: #fff;

    text-align: center;

    position: relative;

    line-height: 80px;

    display: table;

    margin: 0 auto 20px;

    font-size: 32px;

}

.forgot-pas i span:before,

.forgot-pas i span:after,

#email-verification .modal-header i span:before,

#email-verification .modal-header i span:after{

    position: absolute;

    left: -200%;

    width: 200%;

    height: 1px;

    top: 50%;

    background: rgba(0,0,0,0.15);

    content: '';

}

.forgot-pas i span:after,

#email-verification .modal-header i span:after{

    right: -200%;

    left: auto;

}

.forgot-pas h3{

    font-size: 26px;

    margin-bottom: 50px;

}

.forgot-pas .form-group{

    position: relative;

    margin-bottom: 30px;

}

.forgot-pas .form-control{

    width: 100%;

    height: auto;

    padding: 12px 0 12px 30px;

    letter-spacing: 1px;

    text-transform: capitalize;

    box-shadow: none;

    border-radius: 0;

    border: 1px solid #d0d0d0;

    box-shadow: 0 0 10px rgba(0,0,0,0.25) !important;    

}

.forgot-pas button,

.forgot-model .modal-footer button{

    border-radius: 20px;

    margin-top: 0;

    padding: 6px 20px;

    border: none;

    outline: none;

    color: #fff;

    background: #ff8915;

    /* font-family: 'Alegreya'; */

    font-size: 13px;

}

/* FOROGOT PASSWORD POPUP CSS */

.forgot-model .modal-header h4{

    text-align: center;

    font-weight: normal;

    font-size: 20px;

    text-transform: capitalize;

    color: #839094;

    /* font-family: 'Alegreya'; */

}

.forgot-model .modal-header .close{

    color: #839094;

    font-weight: normal;

    font-size: 28px;

    margin-top: 5px;

}

.forgot-model .modal-body i{

    width: 85px;

    height: 85px;

    border-radius: 50%;

    background: #9fc104;

    text-align: center;

    line-height: 85px;

    color: #fff;

    font-size: 35px;

    display: table;

    margin: 0 auto 15px;

}

.forgot-model .modal-body p{

    text-align: center;

    color: #839094;

    font-size: 14px;

    /* font-family: 'Alegreya'; */

}

.forgot-model .modal-footer button{

    display: table;

    margin: 0 auto;

    background-color: #9fc104;

    width: 50%;

    padding: 8px 0;

}

#email-verification form{

    width: 60%;

    margin: 0 auto;

}

#email-verification form input[type="text"]{

    width: 100%;

    height: auto;

    padding: 10px 0 10px 15px;

    box-shadow: 0 0 4px rgba(0,0,0,0.15);

    margin: 15px 0;

    border: none;

}

#email-verification form button{

    display: block;

    background: #ff8915;

    color: #fff;

    border-radius: 2px;

    padding: 8px 0;

    text-align: center;

    width: 100%;

    margin-bottom: 20px;

    text-transform: capitalize;

    border: none;

}



.register-tabs{

    padding: 50px 0;

    overflow: hidden;

    width: 100%;

    background: #fff;

}

.register-tabs .nav-tabs{

    background: transparent;

    border: none;

}

.register-tabs .nav-tabs li{

    width: 24%;

}

.register-tabs .nav-tabs li a{

    border-right: none;

    background: #f3f3f3;

    color: #c3c3c3;

    font-weight: bold;

    width: 89%;

    position: relative;

}

.register-tabs .nav-tabs li a:after,

.register-tabs .nav-tabs li a:before{

    content: '';

    position: absolute;

    right: -11%;

    top: 0;

    border-top: 24px solid transparent;

    border-left: 27px solid #f3f3f3;

    height: 100%;

    border-bottom: 24px solid transparent;

}

.register-tabs .nav-tabs li a:before{

    border-left-color: #fff;

    left: 0;

    right: auto;

}

.register-tabs .nav-tabs>li.active>a, 

.register-tabs .nav-tabs>li.active>a:focus, 

.register-tabs .nav-tabs>li.active>a:hover

{

    background: #ff8915;

    color: #fff;

}

.register-tabs .nav-tabs>li.active>a:after,

.register-tabs .nav-tabs>li>a:focus:after

{

    border-left-color: #ff8915;

}

.register-form-box{

    background: #fafafa;

    padding: 30px;

    margin-top: 30px;

}

.register-page-form form{

    width: 100%;

    padding: 30px;

    background: #fff;

    box-shadow: 0 0 4px rgba(0,0,0,0.15);

}

.register-form-banner img{

    width: 100%;

}
.register-form-banner .sign-up-content {
    margin-top: 20px;
    padding: 10px;
   
}


.register-form-banner .sign-up-cont-list {
    margin-top: 20px;
    margin-left:20px;
    padding: 0 20px;
}
.register-form-banner .sign-up-cont-list  li {
    list-style-type: disc;
    font-size: 14px;
    color: #7e7e7e;
    margin-bottom: 10px;
}


.register-page-form form a.btn-effect-main, .forgot-pas form a.btn-effect-main{

    display: table;

    margin: 0 auto 15px;

    width: 80%;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;

}

.register-page-form .form-group{

    margin-bottom: 18px;

}



.register-page-form .form-group label{

    letter-spacing: 1px;

    text-transform: capitalize;

    font-weight: normal;

    margin-bottom: 10px;

    font-size: 14px;

    color: #7e7e7e;

}

.register-page-form .form-group label i{

    color: #fff;

    margin-right: 8px;

    font-size: 16px;

}

.register-page-form .form-group .form-control{

    letter-spacing: 0 !important;

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

    background-image: none !important;

    padding-left: 48px !important;

}



.phn-verification .form-group .form-control{

    box-shadow: 0 0 4px rgba(0,0,0,0.15) !important;

    border-bottom: none !important;

    background-image: none !important;

    padding:8px 0 8px 15px !important;

    color: #333 !important;

    background: transparent !important;

}



.code-box {

    text-align: center;

    padding:8px 15px 8px 15px !important;

}



.register-page-form p{

    font-size: 14px;

    color: #7e7e7e;

    margin-bottom: 15px;
    margin-top :5px;

}

.reg-soc-btn{

    width: 100%;

    /* padding: 12px 0 12px 0px; */

    box-sizing: border-box;

    text-align: center;

    background: #3b5998;

    display: block;

    border-radius: 0px;

    color: #fff;

    margin-bottom: 20px;

}

.reg-soc-btn2  {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    background: #dd4b39;
    display: block;
    border-radius: 0px;
    color: #fff;
    margin-bottom: 20px;
}
.reg-soc-btn:hover{
    
    color: #fff;

}
.reg-soc-btn .soc-icon{
    display:inline-block;
    width:25%;
    padding: 12px 0px 12px 0px;
    margin-right:5px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    line-height: 10px;
}
.reg-soc-btn .soc-text {
    display:inline-block;
    padding: 12px 0 12px 0px;
    font-weight: 600;
}


.reg-soc-btn i{
    margin-right: 0px;
    font-size: 18px;
    float:center;
}

.reg-soc-btn.twitter{

    background-color: #1da1f2;

}

.reg-soc-btn.gplus{

    background-color: #dd4b39;

}
.cus-center-line{
    text-align: center;
    margin: 5 auto;
    font-weight: 600;
    color: #232323;
    padding:10px 0;
    border-top: 1px solid #eee;
    border-bottom : 1px solid #eee;
    margin-bottom:10px;
    
}
.reg-text-cen {
    margin:5px auto;
}
.phn-verification{

    background: transparent;

    margin: 0;

    padding: 0;

}

.phone-verification > span{

    margin: 15px 0;

    border-bottom: 1px solid #ff8915;

    padding-bottom: 10px;

    display: block;

    letter-spacing: 0px;

    color: #454545;

}

.phn-verification p{

    letter-spacing: 1px;

    color: #555;

    font-size: 14px;

}

.phn-verification small{

    font-size: 12px;

    color: #7e7e7e;

}

.phn-verification small a{

    color: #ff8915;

}



.phn-ver-img{

    display: table;

    margin: 0 auto;

}

.phone-verification a.btn-effect-main{

    margin-top: 20px;

    display: table;

}

.phn-ver-confirm{

    display: table;

    margin: 0 auto;

    float: none;

    text-align: center;

}

.btn-inline{

    float: left;

    margin-right: 10px;

}

.payment-history-flitter form select{

    width: 30%;

}

.payment-history-search h5{

    display: block;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: normal;

    color: #222;

    letter-spacing: 1px;

}

.payment-history-search small{

    font-size: 18px;

    letter-spacing: 1px;

    text-align: center;

    display: block;

}

.payment-history-info{

    display: table;

    margin: 0 auto;

    text-align: center;

}

.payment-history-info img{

    margin: 0 auto 15px;

    display: table;

}

.payment-history-info p{

    color: #333;

}



.pas-request-table table tbody td a{

    width: 100%;

}



.pas-request-table table tbody td a.btn-danger{

    background: #d9534f;

}



.past-rides-block{

    padding: 15px;

    background: #fff;

    box-shadow: 0 0 4px rgba(0,0,0,0.15);

    box-sizing: border-box;

    width: 100%;

    display: table;

    margin-top: 20px;

}

.past-rides-block .serach-result-location li{

    margin-right: 15px;

}

.past-rides-block .driver-trip-detail{

    padding: 0;

    box-shadow: none;

    margin-top: 15px;

}

.past-rides-block .serach-result-location li p{

    /*font-size: 20px;*/

    letter-spacing: 2px;

    color: #222;

}

.past-rides-block .search-ride-price{

    display: table;

    margin: 0 auto 0;

}

.trip-history-price-title{

    margin: 15px 0;

    display: block;

    font-size: 15px;

    text-align: center;

    color: #333;

    letter-spacing: 1px;

}

.payment-page-grid{

    padding: 50px 0;

    display: table;

    width: 100%;

}

.payment-page-icon-block{

    text-align: center;

}

.payment-page-icon-block img{

    margin: 0 auto;

}
.payment-page-icon-block h5{ color:#ffffff;}
.payment-page-icon-block p{

    font-size: 14px;

    color: #ffffff;

}
.payment-page-icon-block a{ color: #ff8915; font-weight: bold; text-decoration: underline;}

.cards-type {

    margin-top: 20px;

}

.payment-page-left-form form .form-group label
{

    font-weight: normal;

    font-size: 14px;

    letter-spacing: 2px;

    color: #333;

}

.payment-page-left-form form .form-group .form-control
{

    height: auto;

    border-radius: 0;

    padding: 8px 0 8px 15px;

    box-shadow: 0 0 4px rgba(0,0,0,0.25);

    border: none;

}

.payment-page-form{

    padding: 40px 0;

    display: table;

    width: 100%;

    background: #f8f8f8;

}

.payment-page-left-form form button,

.billing-address button,

.payment-btn{

    padding: 8px 20px;

    background: #ff8915;

    color: #fff;

    font-size: 14px;

    text-align: center;

    text-transform: capitalize;

    border-radius: 4px;

    display: block;

    border: none;

}

.payment-page-right .driver-name h4{

    color: #333;

    border-bottom: none;

    padding-bottom: 0;

    font-size: 16px;

}

.payment-page-right .time-slot{

    padding: 10px;

    box-shadow: none;

    background: transparent;

}

.payment-page-right .time-slot h5{

    margin-bottom: 10px;

    font-size: 14px;

    letter-spacing: 1px;

    font-weight: normal;

}

.payment-page-right #age-amt{

    background: transparent;

}

.payment-page-right #time-range{

    margin-top: 20px;

}

.payment-page-right .driver-trip-detail{

    background: #fff;

}



#seat-amt {

    border: 0;

    color: #f6931f;

    font-weight: bold;

    padding: 4px 20px;

    width: 64px;

    text-align: center;

}



.billing-address{

    padding: 50px 0;

    display: table;

    width: 100%;

}

.payments-method img{

    display: table;

    margin: 15px auto 30px;

}

.payments-method .nav-tabs{

    background: #f5f7fa;

}

.payments-method .nav-tabs li{

    width: 50%;

}

.payments-method .nav-tabs>li.active>a, 

.payments-method .nav-tabs>li.active>a:focus, 

.payments-method .nav-tabs>li.active>a:hover, 

.payments-method .nav-tabs>li>a:hover{

    color: #333;

}

.payments-method .nav-tabs li a{

    border-right: none;

    color: #ff8915;

}

.payments-method .tab-content form .form-group .form-control{

    background-image: none;

    padding-left: 15px;

}

.my-profile-form .form-group .pin-icon{

    background: url('../images/orgin-icon.png') 10px center no-repeat ;

    padding-left: 40px;

}

.intl-tel-input.allow-dropdown{

    width: 100%;

}

#mobile-number{

    padding-left: 60px !important;

}

.register-help-info{

    margin-top: 10%;

}

.register-help-info img {

    float: left;

    margin-right: 0px;

}

.register-help-info p{

    font-size: 13px;

    border: 1px solid #ff8915;

    float: right;

    width: 85%;

    padding: 12px;
    border-style:dashed;

}

table.tablesorter thead tr .header{

    background-image: url(../images/bg.gif);

    background-repeat: no-repeat;

    background-position: center right;

    cursor: pointer;

}

table.tablesorter thead tr .headerSortUp {

    background-image: url(../images/asc.gif);

}

table.tablesorter thead tr .headerSortDown {

    background-image: url(../images/desc.gif);

}

.leave-feedback-star-icon{

    margin-top: 13px;

}

.leave-feedback-star-icon a{

    float: left;

    transition: all 0.3s ease;

    margin-right: 10px;

}

.leave-feedback-star-icon a i{

    width: 30px;

    height: 30px;

    border-radius: 50%;

    border: 1px solid rgba(0,0,0,0.15);

    color: rgba(0,0,0,0.15);

    font-size: 14px;

    text-align: center;

    line-height: 30px;

}

.leave-feedback-star-icon a:hover i{

    background-color: #ff8915;

    color: #fff;

    border-color: #ff8915;

}



/* Change Password */

.my-profile-form-2.form-horizontal .form-group{ margin-bottom:7px;}
.my-profile-form-2 .form-group .radio-btn{ display:inline; margin-right:8px;}

.my-profile-form{

    width: 100%;

    margin: 0 auto;

}

/* Password Strength Css */

#myPassword{

    text-indent: 6px;

    background: transparent;

    -webkit-appearance: none;

    -webkit-transition: border .25s linear, color .25s linear;

    -moz-transition: border .25s linear, color .25s linear;

    -o-transition: border .25s linear, color .25s linear;

    transition: border .25s linear, color .25s linear;

    -webkit-backface-visibility: hidden;

    width: 100%;

    z-index: 1;

    overflow: hidden;

}

.strength_meter{

    position: absolute;

    /*left: 15px;

    top: 30px;*/

    width: 100%;

    height: 100%;

    z-index:-1;

    border-radius:0;

    box-sizing: border-box;

    /*padding-right:13px;*/

}

.button_strength {

    text-decoration: none;

    color: #7e7e7e;

    margin-top: 15px;

    display: block;

    font-size: 13px;

}

.strength_meter div{

    width:0%;

    height: 44px;

    text-align: right;

    color: #fff;

    line-height: 43px;

    box-sizing: border-box;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    padding-right: 12px;

    border-radius:0;

}

.strength_meter div p{

    position: absolute;

    /*top: 65px;*/

    right: 0px;

    color: #7e7e7e;

    font-size:13px;

}



.veryweak{

    background-color: #FFA0A0;

    border-color: #F04040!important;

    width:25%!important;

}

.weak{

    background-color: #FFB78C;

    border-color: #FF853C!important;

    width:50%!important;

}

.medium{

    background-color: #FFEC8B;

    border-color: #FC0!important;

    width:75%!important;

}

.strong{

    background-color: #C3FF88;

    border-color: #8DFF1C!important;

    width:98%!important;

}



#page-content-wrapper {

    background: #fff;

}



.my-white {

    background: #fff

}



.disabled {

    background: #eee !important;

    color: #555 !important;

}



.view-profile-box{

    padding: 40px 0;

}

.view-profile-box-img{
    margin: auto;
    height: 120px;
    width: 120px;
    overflow: hidden;
}

.view-profile-box img{

    margin: 0 auto;
    height: 100%;
    width: 100%;

}

.upload-cpimg{
    margin: auto;
    height: 120px;
    width: 120px;
    overflow: hidden;
}

.upload-cpimg img{
    margin: 0 auto;
    height: 100%;
    width: 100%;
}

.view-profile-box h2{

    text-align: center;

    margin: 20px 0;

    font-size: 22px;

    /* font-family: 'Abril+Fatface'; */

    color: #1c1c1c;

}

.view-profile-box > p{

    text-align: center;

    font-size: 14px;

    margin-bottom: 15px;

}

.view-profile-box ul{

    margin: 50px auto 0;

}

.view-profile-box ul li:first-child{

    border-top: 1px solid #ccc;

}

.view-profile-box ul li{

    border-bottom: 1px solid #ccc;

}

.view-profile-box ul li h4{

    font-size: 16px;

    color: #444;

    line-height: 22px;

    border-right: 1px solid #ccc;

    padding: 12px 0 12px 15px;

    margin: 0;

}

.view-profile-box ul li p{

    margin: 0;

    font-size: 16px;

    padding: 12px 0;

}

.view-profile-box a{

    display: table;

    margin-top: 20px;

}



.rate-ride-rating {

    margin-bottom: 10px;

}

.rate-ride-rating i {

    font-size: 30px !important;

    margin: 0 8px;

}



.rating-2 {

    margin: 14px 0;

}

.rating-2 i {

    font-size: 16px !important;    

}

.rating-time {

    margin: 14px 0;

}



/****************************************************************************************************

                                                                                Empty Result Page Css

*****************************************************************************************************/



.error-page-container{

    padding: 50px 0;

    width: 100%;

}

.error-img{

    padding: 15px;
	
	width:90%;

    max-width: 317px;

    margin: 0 auto;

    box-shadow: 0 4px 8px rgba(0,0,0,0.15);

    border-radius: 50%;

}

.error-page-container img{

    width: 100%;

}

.error-page-container h4{

    text-align: center;

    margin: 25px 0;

    /* font-family: 'Alegreya'; */

    font-size: 18px;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: #1c1c1c;

}

.error-page-container p{

    text-align: center;

    width: 80%;

    margin: 0 auto;

    font-size: 14px;

    line-height: 20px;

}

.error-page-container a{

    display: table;

    margin: 30px auto 0;

}







.navbar-default .dropdown-menu.notify-drop {

    min-width: 330px;

    background-color: #fff;

    min-height: 360px;

    max-height: 360px;

}

.navbar-default .dropdown-menu.notify-drop .notify-drop-title {

    border-bottom: 1px solid #e2e2e2;

    padding: 5px 15px 10px 15px;

}

.navbar-default .dropdown-menu.notify-drop .drop-content {

    min-height: 280px;

    max-height: 280px;

    overflow-y: scroll;

}

.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track

{

    background-color: #F5F5F5;

}



.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar

{

    width: 8px;

    background-color: #F5F5F5;

}



.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb

{

    background-color: #ccc;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li {

    border-bottom: 1px solid #e2e2e2;

    padding: 10px 0px 5px 0px;

    width: 100%;

    box-sizing: border-box;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li:nth-child(2n+0) {

    background-color: #fafafa;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li:after {

    content: "";

    clear: both;

    display: block;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li:hover {

    background-color: #fcfcfc;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li:last-child {

    border-bottom: none;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li .notify-img {

    float: left;

    display: inline-block;

    width: 45px;

    height: 45px;

    margin: 0px 0px 8px 0px;

}

.navbar-default .dropdown-menu.notify-drop .allRead {

    margin-right: 7px;

}

.navbar-default .dropdown-menu.notify-drop .rIcon {

    float: right;

    color: #999;

}

.navbar-default .dropdown-menu.notify-drop .rIcon:hover {

    color: #333;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li a {

    font-size: 12px;

    font-weight: normal;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li {

    font-weight: bold;

    font-size: 11px;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li hr {

    margin: 5px 0;

    width: 70%;

    border-color: #e2e2e2;

}

.navbar-default .dropdown-menu.notify-drop .drop-content .pd-l0 {

    padding-left: 0;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li p {

    font-size: 11px;

    color: #666;

    font-weight: normal;

    margin: 3px 0;

}

.navbar-default .dropdown-menu.notify-drop .drop-content > li p.time {

    font-size: 10px;

    font-weight: 600;

    top: -6px;

    margin: 8px 0px 0px 0px;

    border: none;

    float: right;

    position: relative;

    display: inline-block;

    color: #b6b6b6;

}

.navbar-default .dropdown-menu.notify-drop .notify-drop-footer {

    border-top: 1px solid #e2e2e2;

    bottom: 0;

    position: relative;

    padding: 8px 15px;

}

.navbar-default .dropdown-menu.notify-drop .notify-drop-footer a {

    color: #777;

    text-decoration: none;

}

.navbar-default .dropdown-menu.notify-drop .notify-drop-footer a:hover {

    color: #333;

}

/*	--------------------------------------------------

        :: Table Filter

        -------------------------------------------------- */

.panel {

    border: 1px solid #ddd;

    background-color: #fcfcfc;

}

.panel .btn-group {

    margin: 15px 0 30px;

}

.panel .btn-group .btn {

    transition: background-color .3s ease;

}

.table-filter {

    background-color: #fff;

    border-bottom: 1px solid #eee;

}

.table-filter tbody tr:hover {

    cursor: pointer;

    background-color: #eee;

}

.table-filter tbody tr td {

    padding: 10px;

    vertical-align: middle;

    border-top-color: #eee;

}

.table-filter tbody tr.selected td {

    background-color: #eee;

}

.table-filter tr td:first-child {

    width: 38px;

}

.table-filter tr td:nth-child(2) {

    width: 35px;

}

.ckbox {

    position: relative;

}

.ckbox input[type="checkbox"] {

    opacity: 0;

}

.ckbox label {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.ckbox label:before {

    content: '';

    top: 1px;

    left: 0;

    width: 18px;

    height: 18px;

    display: block;

    position: absolute;

    border-radius: 2px;

    border: 1px solid #bbb;

    background-color: #fff;

}

.ckbox input[type="checkbox"]:checked + label:before {

    border-color: #2BBCDE;

    background-color: #2BBCDE;

}

.ckbox input[type="checkbox"]:checked + label:after {

    top: 3px;

    left: 3.5px;

    content: '\e013';

    color: #fff;

    font-size: 11px;

    font-family: 'Glyphicons Halflings';

    position: absolute;

}

.table-filter .star {

    color: #ccc;

    text-align: center;

    display: block;

}

.table-filter .star.star-checked {

    color: #F0AD4E;

}

.table-filter .star:hover {

    color: #ccc;

}

.table-filter .star.star-checked:hover {

    color: #F0AD4E;

}

.table-filter .media-photo {

    width: 35px;

}

.table-filter .media-body {

    display: block;

    width: 100%;

    /* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */

}

.table-filter .media-meta {

    font-size: 11px;

    color: #999;

}

.table-filter .media .title {

    color: #555;

    font-size: 14px;

    font-weight: 500;

    line-height: normal;

    margin: 0;

}

.table-filter .media .title span {

    font-size: .8em;

    margin-right: 20px;

}

.table-filter .media .title span.pagado {

    color: #5cb85c;

}

.table-filter .media .title span.pendiente {

    color: #f0ad4e;

}

.table-filter .media .title span.cancelado {

    color: #d9534f;

}

.table-filter .media .summary {

    font-size: 14px;

}



#verification{

    margin: 0px 100px 100px 100px;

}



.user-preferences{

    margin: 0px 200px 100px 500px;

}



.preference-head{

    padding-bottom: 25px;

    text-decoration: underline;

}



.preference-btn{

    padding-top: 25px;

    padding-bottom: 25px;

}



.user-verification-block .user-verification-box .user-verification-info ol li{

    list-style-type: decimal;

}



.user-verification-block .user-verification-box .user-verification-info h5{

    color:#ff8915;

}



/*.user-verification-block .upload-photo #blah{

    height: 200px; 

    width: 300px; 

    border-radius: 0

}*/



.user-verification-block .user-verification-box{

    height: 200px;

}



.user-verification-msg{

    margin: 0px 100px 0px 100px;

    background-color: #ff8915;

    color: #ffffff;

    border: solid 2px;

    padding: 30px;

}



.user-verification-block .user-verification-box .container-fluid{

    margin-top: 55px;

}



.modal-content .close{

    position: absolute;

    top: 3px;

    left: 852px;

}

.driver-image2{
    width: 220px;
    height: 220px;
    overflow: hidden;
}

.driver-image2 img{
    width: 100%;
    height: 100%;
}

.book-img{
    width: 140px;
    height: 140px;
    overflow: hidden;
}

.book-img img{
    width: 100%;
    height: 100%;
}
.testimonials_row .carousel-caption{ bottom:inherit; top:inherit; left:inherit; right:inherit; position:inherit; z-index:inherit; color:#272727; text-shadow:none; font-size:14px;}
.testimonials_row .carousel-caption h5{ font-size:18px;}
.testimonials_row .carousel-caption p{ margin:0 auto; width:70%; min-height:72px;}
.testimonials_row .carousel-control.right, .carousel-control.left{ background:none; text-shadow:none;}
.testimonials_row .carousel-control .glyphicon{color:#979797;}
.testimonials_row .carousel-indicators{ bottom: 5px;}
.testimonials_row .carousel-indicators li{ background-color:#f4f4f4; border:1px solid #c5c5c5;}
.testimonials_row .carousel-indicators li.active{ background-color:#ff8915; border:1px solid #ff8915;}
.testimonials_row .carousel-caption img{border: 3px solid #ff8915; padding: 6px; margin: 0 auto; border-radius: 50%; height: 100%;
                                        width: 100%; max-width:100px; max-height:100px;}

/* Satya */
#ride_detail_part{
    width: 100%;
    float: left;
    margin-top: 20px;
}
#ride_detail_part .check_video img{
    float: left;
    margin-right: 5px;
}
#ride_detail_part .check_video h4{
    position: relative;
    top: 20px;
}
.greendot {
    height: 15px;
    width: 15px;
    background-color: #008000;
    border-radius: 50%;
    display: inline-block;
}
.orangedot {
    height: 15px;
    width: 15px;
    background-color: #ffa500;
    border-radius: 50%;
    display: inline-block;
}
.reddot {
    height: 15px;
    width: 15px;
    background-color: #ff0000;
    border-radius: 50%;
    display: inline-block;
}

.greydot {
    height: 15px;
    width: 15px;
    background-color: #7e7e7e;
    border-radius: 50%;
    display: inline-block;
}

.dot+span{
    position: relative;
    top: -5px;
    left: 5px;
}
.greendot span{
    position: relative;
    top: -5px;
    left: 5px;
}
#ride_detail_part .check_video{
    width: 100%;
    float: left;
}
#ride_detail_part .help_desk img{
    float: right;
}
#ride_detail_part .help_desk h4{
    float: right;
}
#ride_detail_part .check_video .check_video_content{
    margin-bottom: 20px;
}
#ride_detail_part .check_video ul { 
    padding-left: 0px;
    width: 100%;
    float: left;
    margin-top: 10px;
}
#ride_detail_part .check_video ul li {
    display: inline-block;
    padding-right: 10px;
}
#ride_detail_part ul li span{
    position: relative;
    top: -3px;
    left: 3px;
}

#ride-tabs{
    width: 100%;
    float: left;
    margin: 15px 0px;
}
#ride-tabs .nav-tabs>li{
    float: inherit;
}
#ride-tabs .nav-tabs {
    /*background: #ff8915;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: none;
    padding: 8px 0px;
    border: 1px solid #ff8915;
    margin-bottom: 20px;
}
#ride-tabs .nav-tabs li a span {
    background: none;
    width: inherit;
    display: initial;
    margin: inherit;
    height: inherit;
}
#ride-tabs .ride_detail_tab h4{
    font-size: 18px;
    text-transform: capitalize;
}

#ride-tabs .ride_detail_tab .rider_detail .rider_rounded_img{
    border-radius: 50%;
    border: 2px solid #ff8915;
    padding: 3px;
    float: left;
}
#ride-tabs .ride_detail_tab .rider_content h5{
    font-size: 16px;
}

#ride-tabs .ride_detail_tab .rider_content .ride_price{
    position: absolute;
    right: 17px;
    top: -10px;
    background: #f5f5f5;
    padding: 7px 9px;
}
#ride-tabs .ride_detail_tab .rider_content ul{
    padding-left: 0;
}
#ride-tabs .ride_detail_tab .rider_content li img{
    float: left;
}
#ride-tabs .ride_detail_tab .rider_content li p{
    padding-left: 20px;
}
#ride-tabs .ride_detail_tab .ride_btns{
    margin-top: 10px;
}
#ride-tabs .ride_detail_tab .ride_btns .btn-primary{
    letter-spacing: normal;
}
#ride-tabs .btn_pickup.btn-primary.focus, #ride-tabs .btn_pickup.btn-primary:focus{
    background: #ff8915;
    color: #fff;
    border: 2px solid #ff8915;
}
#ride-tabs .btn_pickup.btn-primary.focus:hover, #ride-tabs .btn_pickup.btn-primary:focus:hover{
    background-color: #ffffff;
    color: #ff8915;
    border: 2px solid #ff8915;
    transform: translateY(-3px);
    box-shadow: 0 6px 0 rgba(0,0,0,0.15);
}
#ride-tabs .ride_detail_tab .ride_btns .btn_pickup{
    margin-bottom: 5px;
}

#ride-tabs .ride_detail_tab .ride_btns .btn_cancel, .ride_btns .btn_cancel {
    background: #ff0000;
    border-color: #ff0000;
}
#ride-tabs .ride_detail_tab .ride_btns .btn_cancel:hover, .ride_btns .btn_cancel:hover {
    background-color: #fff;
    color: #ff0000;
    border: 2px solid #ff0000;
    transform: translateY(-3px);
    box-shadow: 0 6px 0 rgba(0,0,0,0.15);
}
#ride-tabs .ride_detail_tab .rider_detail{
    width: 100%;
    float: left;
    background-color: #f1f1f1;
    padding-bottom: 15px;
    padding-top: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}
#ride-tabs .tab-content{
    float: left;
    border: 1px solid #ccc;
    padding: 20px 0px;
}
#ride-tabs .nav.nav-tabs li:first-child {
    /* border-left: 1px solid rgba(0,0,0,0.2);*/
}
.sweet-alert h2{
    color: #ff8915;
    font-size: 24px;
}
.sweet-alert .sa-confirm-button-container .btn-primary{
    background: #ff8915;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
    padding: 4px 16px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    border: 2px solid #ff8915;
    font-weight: normal;
    transition: all 0.5s ease;
    outline: none;
}
.sweet-alert .sa-confirm-button-container .btn-primary:hover{
    background-color: #ffffff;
    color: #ff8915;
    border: 2px solid #ff8915;
    transform: translateY(-3px);
    box-shadow: 0 6px 0 rgba(0,0,0,0.15);
}
.sweet-alert .sa-button-container .btn-default{
    background: #ff0000;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
    padding: 4px 16px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    border: 2px solid #ff0000;
    font-weight: normal;
    transition: all 0.5s ease;
    outline: none;
}
.sweet-alert .sa-button-container .btn-default:hover{
    background-color: #ffffff;
    color: #ff8915;
    border: 2px solid #ff0000;
    transform: translateY(-3px);
    box-shadow: 0 6px 0 rgba(0,0,0,0.15);
}
#ride_detail_part #ride-tabs .next_btn{
    float: right;
}

.ride_status_tab .btn-dropped{
    background: #008000;
    border-color: #008000;
}
.ride_status_tab .btn-dropped:hover {
    background-color: #fff;
    color: #008000;
    border: 2px solid #008000;
    transform: translateY(-3px);
    box-shadow: 0 6px 0 rgba(0,0,0,0.15);
}
.ride_rating_tab .rating_profile .rider_rounded_img{
    border-radius: 50%;
    border: 10px solid #999;
    width: 150px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: -80px;
}
.ride_rating_tab{
    width: 100%;
    float: left;
}
.ride_rating_tab h4{
    font-size: 18px !important;
    text-transform: capitalize !important;
    color: #999 !important;
}
.ride_rating_tab .rating_profile{
    text-align: center;
    width: 400px;
    margin: 0 auto;
    background-color: #999;
    margin-top: 100px;
    position: relative;
    padding: 30px;
}
.ride_rating_tab .rating_content{
    padding-top: 50px;
}
.ride_rating_tab .rating_content p{
    color: #fff;
    margin-bottom: 5px;
}

.ride_rating_tab .rating_content h5{
    font-size: 20px;
    color: #fff;
}
.ride_rating_tab  .rating_content ul li img{
    float: left;
}
.ride_rating_tab  .rating_content ul li p{
    color: #fff;
    padding-left: 25px;
    text-align: left;
    margin: 10px 0px;
}
.ride_rating_tab .star_rating {
    margin-top: 30px;
}
.ride_rating_tab .star_rating h5{
    font-size: 18px;
    margin-bottom: 5px;
}


.rating {
    width: 226px;
    margin: 0 auto 5px;
    font-size: 40px;
    overflow:hidden;
}
.rating input {
    float: right;
    opacity: 0;
    position: absolute;
}
.rating a,
.rating label {
    float:right;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}
.rating label:hover ~ label,
.rating input:focus ~ label,
.rating label:hover,
.rating a:hover,
.rating a:hover ~ a,
.rating a:focus,
.rating a:focus ~ a, .rating a.checked {
    color: orange;
    cursor: pointer;
}
.rating2 {
    direction: rtl;
}
.rating2 a {
    float:none
}

.ride_rating_tab .star_rating .ride_btns{
    margin-top: 20px;
}

.ride_rating_tab .star_rating .btn_submit{
    padding: 8px 40px;
}

#ride-tabs .nav-tabs>li.active>a:hover, #ride-tabs .nav-tabs>li>a:hover {
    border: transparent;
    color: #fff;
    background-color: transparent !important;
    padding: 0px;
}
#ride-tabs .nav-tabs>li.active>a, #ride-tabs .nav-tabs>li.active>a:focus {
    border: transparent;
    color: #fff;
    background-color: transparent !important;
}
.select-tab1{
    background-color: red;
    border-radius: 50%;
    font-size: 25px;
    width: 40px;
    margin: 0px auto;
}
.select-tab2{
    background-color: #ff8915;
    border-radius: 50%;
    font-size: 25px;
    width: 40px;
    margin: 0px auto;
}
.select-tab3{
    background-color: #008000;
    border-radius: 50%;
    font-size: 25px;
    width: 40px;
    margin: 0px auto;
}
.nav>li>a:focus, .nav>li>a:hover{border-color: unset;}
/*.nav>li>a{ padding: 0px;}*/
.ride-header{width: 100%;
             float: left;
             border: 1px solid #ccc;}
.tabbable .nav a{width: 100%;}
.tabbable .nav p{margin:0;}
#ride-tabs .nav-tabs li{
    width: 10%;
    margin: 0 5%;
}
#ride-tabs .nav-tabs li::before{
    content: "";
    position: absolute;
    border: 5px solid #d0d0d0;
    width: 180%;
    left: 60%;
    top: 12px;
}
#ride-tabs .nav-tabs li:last-child::before{
    display: none;
}

.bst-modal .modal-content .close {
    position: absolute;
    top: 11px;
    right: 11px;
    left: auto;
    font-size: 27px;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}



.inline-img {
    display:inline-block !important;
}

.trip-noty-msg {
    font-size:10px;
    color:orange;
    padding-top:10px;
}

.sweet-alert div.custom {
    text-align:left;
}

.sweet-alert div.custom p {
    font-size:12px;
    margin-top:10px;       
}
p.from_location, p.to_location {
    margin: 0;
    line-height: 14px;
}

p.from_location i {
    color: #1faa43;
    padding-right:5px;
}

p.to_location i {
    color: #c40606;
    padding-right:5px;
}

#clock.clock_rem_time p {
    border: none;
    width: 15%;
    font-size: 12px;
    margin:0;
}

.driver-rev-det label {
    color: #ff8915;
    font-weight: 700;
}

.driver-rev-det div > p {
    margin:0;
}

.my-ride-block .send-msg a {
    color: #333;
    font-size: 13px;
    text-transform: uppercase;
}

.driver-rev-det .form-group {
    margin-bottom:10px;
}

.numberCircle {
    position: absolute;
    display: inline-block;
    line-height: 0px;
    border-radius: 50%;
    border: 1px solid #d9534f;
    font-size: 10px;
    left: 39px;
    top: 8px;
    background-color: #d9534f;
    font-weight: 700;
}

.numberCircle span {
    display: inline-block;
    padding-top: 50%;
    padding-bottom: 50%;
    margin-left: 7px;
    margin-right: 7px;
    color: #e3e3e3;
}

.result-driver-info .form-group {
    margin-bottom:0;
}

/*-------------- popups ---------------------*/

.co_traveller_modal .modal-header{
    border-bottom: none;
    padding-top: 40px;
}
.co_traveller_modal .modal-footer{
    border-top: none;   
}
.co_traveller_modal .modal-content .modal-header .close, .user_otp_modal .modal-content .modal-header .close{
    right: 15px;    
    left: inherit;
    top: 15px;
    font-size: 24px;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 0px 5px;
}
.co_traveller_modal .modal-content .modal-header .close:focus, .user_otp_modal .modal-content .modal-header .close:focus{
    outline: none;
}
.co_traveller_modal .modal-title{
    font-size: 20px;
}
.co_traveller_modal .modal-header p{
    color: #ff0000;
    text-align: center;
}
.co_traveller_modal .modal-body .rider_rounded_img{
    border: 4px solid #ff8915;
    width: 150px;
    border-radius: 50%;
    width: 150px;
    margin: 0 auto;
}
.co_traveller_modal .modal-body .rider_rounded_img img{
    border-radius: 50%;
    padding: 4px;  
}

.co_traveller_rating{
    text-align: center;
}
.co_traveller_rating .stars {
    width: 275px;
    display: inline-block;
}

.co_traveller_rating input.star { display: none; }

.co_traveller_rating label.star {
    float: right;
    padding: 10px;
    font-size: 36px;
    color: #FD4;
    transition: all .2s;
}

.co_traveller_rating  input.star:checked ~ label.star:before {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
}
.co_traveller_rating input.star { display: none; }


.co_traveller_rating input.star-5:checked ~ label.star:before {
    color: #FD4;
    text-shadow: 0 0 20px #000;
}

.co_traveller_rating input.star-1:checked ~ label.star:before { color: #F62; }

.co_traveller_rating label.star:hover { transform: rotate(-15deg) scale(1.3); }

.co_traveller_rating label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}
.co_traveller_rating textarea.form-control {
    height: auto;
    width: 90%;
    margin: 0 auto;
}
.co_traveller_rating .ride_btns{
    margin: 30px 0px;
}
.co_traveller_rating .ride_btns .btn-effect-main:hover {
    background-color: #ffffff;
    color: #ff8915;
    border: 2px solid #ff8915;
    transform: translateY(-3px);
    box-shadow: 0 6px 0 rgba(0,0,0,0.15);
}
.user_otp_modal .modal-header{
    border-bottom: none;
    padding-top:30px;
}
.user_otp_modal .modal-header .fa-question-circle-o{
    font-size: 120px;
    margin-bottom: 20px;
    color: #ff8915;
}
.user_otp_modal .modal-header .modal-title{
    font-size: 24px;
}
.user_otp_modal .modal-header .modal-title span{
    color: #ff8915;
}
.user_otp_modal .otp_fields{
    text-align: center;
    margin-bottom: 30px;
}
.user_otp_modal .otp_fields input{
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 20px;
    text-align:center
}
.user_otp_modal .otp_fields input:focus, textarea:focus, .user_otp_modal .otp_fields select:focus{
    box-shadow: 0 0 4px rgba(0,0,0,0.15) !important;
    outline: none;
    border: 1px solid #ff8915;
}
.user_otp_modal .modal-body h4{
    font-size: 20px;
}
input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    right: 9000px;
}

.toggle input[type="radio"]+.label-text:before {
    content: "\f204";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
}

.toggle input[type="radio"]:checked+.label-text:before {
    content: "\f205";
    color: #16a085;
    animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled+.label-text {
    color: #aaa;
}

.toggle input[type="radio"]:disabled+.label-text:before {
    content: "\f204";
    color: #ccc;
}

input[type="radio"]+.label-text:before {
    content: "\f10c";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}

input[type="radio"]:checked+.label-text:before {
    content: "\f192";
    color: #ff8915;
    animation: effect 250ms ease-in;
}

input[type="radio"]:disabled+.label-text {
    color: #aaa;
}

input[type="radio"]:disabled+.label-text:before {
    content: "\f111";
    color: #ccc;
}

@keyframes effect {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(1.3);
    }

    75% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}

.user_otp_modal .modal-body .form-check{
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
} 
.user_otp_modal .modal-body .sa-confirm-button-container{
    display: inline-block;
}
.user_otp_modal .modal-body .sweet-alert{
    margin: 15px 0px;
}


/*Timeline css start*/
.message-item {
    margin-bottom: 25px;
    margin-left: 40px;
    position: relative;
}
.message-item .message-inner {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
    position: relative;
}
.message-item .message-inner:before {
    border-right: 10px solid #ddd;
    border-style: solid;
    border-width: 10px;
    color: rgba(0,0,0,0);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -20px;
    top: 6px;
    width: 0;
}
.message-item .message-inner:after {
    border-right: 10px solid #fff;
    border-style: solid;
    border-width: 10px;
    color: rgba(0,0,0,0);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -18px;
    top: 6px;
    width: 0;
}
.message-item:before {
    /*background: #5cb85c;
    border-radius: 2px;
    bottom: -30px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    content: "";
    height: 100%;
    left: -30px;
    position: absolute;
    width: 3px;*/
    background: #5cb85c;
    border-radius: 2px;
    bottom: -31px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    content: "";
    height: 108%;
    left: -29px;
    position: absolute;
    width: 3px;
}
.message-item:after {
    background: #fff;
    border: 2px solid #5cb85c;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    content: "\f00c";
    /*height: 30px;
    left: -44px;
    position: absolute;
    top: 10px;
    width: 30px;*/
    height: 20px;
    left: -38px;
    position: absolute;
    top: 6px;
    width: 20px;
    font-family: FontAwesome;
    color: #fcfcfc;
    font-size: 10px;
    padding: 1px 3px;
}

.message-item.not-shown:after {
    content:"\f129";
}

.message-item.cancel:after {
    content:"\f00d";
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.message-item .message-head {
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.message-item .message-head .avatar {
    margin-right: 20px;
}
.message-item .message-head .user-detail {
    overflow: hidden;
}
.message-item .message-head .user-detail h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.message-item .message-head .post-meta {
    float: left;
    padding: 0 15px 0 0;
}
.message-item .message-head .post-meta >div {
    color: #333;
    font-weight: bold;
    text-align: right;
}
.message-item .post-meta > div {
    color: #777;
    font-size: 12px;
    line-height: 22px;
}
.message-item .message-head .post-meta >div {
    color: #333;
    font-weight: bold;
    text-align: right;
}
.message-item .post-meta > div {
    color: #777;
    font-size: 12px;
    line-height: 22px;
}
.color_orange{color:#ff8915;}
.user-detail .color_orange{ font-weight:700;}
.user-detail p{ margin-bottom:0px;}
.user-detail .multi_bts .btn{ min-width:80px; padding-right:10px;}
.message-item.active:after{background: #5cb85c; border: 2px solid #5cb85c;}
.message-item.active.not-shown:after{background: #f0ad4e; border: 2px solid #eea236;padding-left: 7px;}
.message-item.active.cancel:after{background: #d9534f; border: 2px solid #d43f3a;    padding-left: 4px;
                                  padding-top: 0px;}

.my-booking-block .message-inner img {width: inherit;  min-width: inherit;}

/*Timeline css close*/

.ride-status p{
    margin-bottom:0;
    margin-top: 4px;
}

.message-inner .clock_rem_time {
    height:35px;
}

.line-shadow {
    box-shadow: 0px 2px 4px #b4b4b4;
    height: 1px;
    border-bottom: 2px solid #e4e4e4;
    margin-bottom: 10px;
    margin-top: 15px;
}

.page-sub-headings.ride-heading {
    border-top: 1px solid #ddd;
    border-bottom: 3px solid #ddd;
    background: none;
    margin-bottom: 20px;
}

.my-ride-block.request-ride-block{
    border-bottom: none;

}

.driver-rev-det.req-finds .numberCircle {
    top:6px;
}

button[disabled] {
    opacity:0.5
}

/**************************** Booking Confirmation Page Css Starts ****************************/

.ride-booking{
    color: #2478ad;
    font-size: 16px;
}
.ride-next {
    color: #2478ad;
    font-size: 12px;
}

.booking-btn {
    background: #2478ad;
    color: white;
    padding-left: 5px;
    font-size: 11px; 
}

.index-no {
    float: left;
    line-height: 0px;
    border-radius: 50%;
    font-size: 10px;
    background-color: #2478ad; 
}

.index-no span {
    display: inline-block;
    padding-top: 50%;
    padding-bottom: 50%;
    margin-left: 7px;
    margin-right: 7px;
    color: #e3e3e3;
}

.booking-points {
    width:90%;
    float:left;
    padding-left:10px;
    font-size: 10px;
}
.booking-details {
    /*border-right: 1px solid #e5e5e5;*/
}

.booking-number {
    border-top: 1px solid #eeeff5; 
    border-bottom : 1px solid #eeeff5;
    margin: 20px 0px;
    padding: 10px;
}
.driver-info {
    border-bottom: 8px solid whitesmoke;
    padding-bottom: 20px;
}
.vehicle-info {
    border-bottom: 5px solid whitesmoke;
    padding: 20px 0px 10px;

}
.user-img-body img {
    display: table;
    border: 2px solid #ff8915;
    padding: 2px;
    margin: 0 auto;
    border-radius: 50%;
    height: 65px;
    width: 65px;
}
.code-color {
    color: #f55757;
    font-size: 13px;
    margin: 20px 10px auto;
}

.code-color .cc-1 {
    float: left;width: 9%; margin-top:5px;
}

.code-color .cc-2 {
    float: left;width: 90%;
}

.verification-details {
    margin-top: 25px;
}

.booking-btn.button {
    padding: 8px 10px;
    width: 155px;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
}

.booking-btn.button.btn_danger {
    background-color:#dc3545;
}

.horizontal-form .form-group {
    margin-bottom:5px;
}

.horizontal-form .form-group label {
    color: #898383;
}

.horizontal-form .form-group p {
    color: #333;
    font-size:13px;
}

.horizontal-form .form-group i {
    padding-right:5px;
}

.ride-booking-details .search-ride-price {
    width: 100px;
    height: 80px;
    background-size: 80px auto;
}

.ride-booking-details .search-ride-block{
    display: inline-block;
    width: 100px;
    float: right;
    margin-right: 40px;
}

.ride-booking-details .booking-details .booking-points p {
	font-size:13px;
}

.ride-booking-details .booking-details:after {
	content: '';
	border-right: 1px solid #e5e5e5;
	height: 105px;
	width: 1px;
	position: absolute;
	right: 0px;
}

.journey-details {
    background-color: #f4fbff;
    padding: 5% 5%;
}

.journey-details .otp-code {
    text-align:center;
}

.journey-details .otp-code .otp {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 12px 5px;
    margin: 5px;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color:#fcfcfc;
}

.my-booking-block .ride-status h4{
    border:none;
    margin:0
}

.fare-details {
    margin-left: 0;
    margin-right: 15px;
    padding: 11px 30px;
    background: #f7f7f7;
    margin-bottom: 20px;
    color:#666;
}

.fare-details .form-horizontal .form-group {
    margin-bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 2px 5px;
}

.fare-details .form-horizontal .form-group:last-child {
    border-bottom:none;
}

.fare-details .form-horizontal .form-group .help-block {
    display:inline-block;
    font-weight:300;
    margin-bottom: 0;
}

.fare-details .save-invoice {
    position: absolute;
    right: 45px;
    top: 12px;
}

/**************************** Booking Confirmation Page Css Ends ****************************/

/*Dashboard My Ride Status css start*/
.my_ride_matches{}
.my_ride_matches .my_ride_matches_data_row{padding: 18px 0px; border-bottom: 1px dotted #979797;}
.my_ride_matches .my_ride_matches_pic img{ width:80px;}
.my_ride_matches .my_ride_matches_arrow img{}
.my_ride_matches .my_ride_matches_count .digit_circle{ background-color:#00a2e8; border-radius:50px; padding:10px; color:#ffffff; font-weight:bold;
                                                       display: inline-block;
                                                       line-height: 0px;
                                                       border-radius: 50%;
                                                       font-weight: 700;}
.my_ride_matches .my_ride_matches_count .digit_circle span{ display: inline-block;
                                                            padding-top: 50%;
                                                            padding-bottom: 50%;
                                                            margin-left: 0px;
                                                            margin-right: 0px;
}
.my_ride_matches .my_ride_matches_count .digit_circle.redcolor{ background-color:#ed1c24;}
.my_ride_matches_from img, .my_ride_matches_to img{ float:left; margin-right:6px;}
@media(max-width:767px){
	.my_ride_matches_data_row .my_ride_matches_pic img{margin: inherit !important;}
	.my_ride_matches_data_row .my_ride_matches_pic{ margin-bottom:10px; padding:0 15px !important;}
	.my_ride_matches_data_row .my_ride_matches_arrow { padding-bottom:10px;}
	.rides-summary-wrapper{ padding:0px;}
	.rides-summary-wrapper .rides-summary{ width:100%;}
	.navbar-dashboard .navbar-nav li a{ margin-right:0px !important;}
	.offer-tab-menu h4{ margin-bottom:4px;}
	.offer-tab-menu .nav-tabs li img{ width:80px; margin:0 auto;}
	.driver-trip-detail.vehicle-sel {width: 100% !important;}
	.driver-trip-detail .car-img-detail-page img{ max-width:240px; margin:0 auto;}
	.request-ride-seats ul li a{ margin-bottom:8px;}	
}
.driver-trip-detail .car-img-detail-page{ text-align:center;}
/*Dashboard My Ride Status css close*/

/*Index page serch ingine and banner and header updates css start*/
.ride-search-engine .nav-justified li a, .ride-search-engine .nav-justified li.active a, .ride-search-engine .nav-justified li.active a:hover, .ride-search-engine .nav-justified li{ border:0px; border-radius:0px;}
.ride-search-engine .nav-tabs{ background:none;}
.ride-search-engine .nav-tabs>li{display: table-cell;}
.ride-search-engine .nav-tabs>li>a, .ride-search-engine .nav-tabs>li>a:focus, .ride-search-engine .nav-tabs>li>a:hover {
    border: 0;
    border-right: 0px solid transparent;
    color: #fff;
    background:rgba(0,0,0,0.6);
    font-weight:bold;
}
.ride-search-engine .nav-tabs>li.active>a, .ride-search-engine .nav-tabs>li.active>a:focus, .ride-search-engine .nav-tabs>li.active>a:hover {
    border: 0;
    border-right: 0px solid transparent;
    color: #fff;
    background-color:#ff8915;
}

.btn-effect-main.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

label.error, label em {
    font-weight: normal;
    color: #a94442 !important;
}

.form-control.error {
    border:1px solid #a94442;
}

span.error{
    outline: none;
    border: 1px solid #a94442 !important;
}


/** ride detials page **/
.ride-details {
    margin-top:30px;
    padding:0;
}

.ride-details .ride-block{
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
   /* width: 22%;*/
}

.my-ride-details .booking-details {
    border: 1px solid #e6e6e6;
}
.ride-details .ride-block:first-child {
    margin-left: 0;
}

.ride-details .ride-block:last-child {
    margin-right: 0;
    /*float: right;*/
    /*width:21.5%;*/
}

.ride-details .ride-block img {
    position: absolute;
    top: -25px;
    left: 30px;
}

.ride-details .ride-block .ride-inner-block {
    margin-top:20px;
    text-align:center;
    padding: 20px 10px;
    height: 136px;
}

.ride-details .ride-block .ride-inner-block a{
    margin-top: 20px;
    display: block;
}   

.my-ride-bookings .row {
    margin:0;
}

.my-ride-bookings .page-sub-headings.ride-heading {
    margin: 0px 20px 30px;
}

.my-ride-bookings .horizontal-form .form-group {
    margin-bottom:0;
}

.my-ride-details .driver-trip-detail p{
    float:left;
}

.my-ride-details #clock p {
    margin-right: 3%;
    width: 22%;
}

.my-ride-details .driver-rev-det label {
    color: #666;
}

.my-ride-details .horizontal-form .form-group p {
    font-size: 14px;
    font-weight: normal;
    color: #797979;
}

.ride_detail_tab .header_det {
    padding: 10px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 50px;
    margin-bottom:20px;
}

.ride_detail_tab .ride-details-row{
    margin-bottom: 20px;
}

.ride_detail_tab .ride-details-row .block{
    padding-top: 12px;
}

.ride_detail_tab .ride-details-row .seats-booked li{
    box-shadow: 0 0 6px rgba(0,0,0,0.25);
    padding: 15px;
}

#ride_detail_part .row {
    margin:0;
}

.currency.green{
    color: #1faa43;
}
.ride-item .ride-status {
    width:25%;
    float:left;
    position: relative;
    font-weight:700;
}

.ride-item  {
  margin-top:30px;   
}

.ride-item .ride-stat-det:after {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #1faa43;
    content: '';
    top: 8px;
    left: -26px;
}

.ride-item .ride-stat-det.start:before {
    bottom: -39px;
    content: "";
    height: 148%;
    left: -24px;
    position: absolute;
    width: 3px;
    border-left: 2px dotted #ccc;
}

.ride-item .ride-stat-det.end:after {
    background: #d9534f;
}

.ride-item .ride-stat-det {
    width:60%;
    float:right;
    position:relative;
}

.ride-item .ride-stat-det p {
    font-size:13px;
    margin-bottom:0;    
}

.my-booking-block h4 {
    color:#666;
}

.my_ride_matches_count.success .digit_circle{
    background-color: #5cb85c;
}

.my_ride_matches_count.success strong {
    color: #5cb85c;
}

.my_ride_matches_count.warning .digit_circle{
    background-color: #f0ad4e;
}

.my_ride_matches_count.warning strong {
    color: #f0ad4e;
}

.my_ride_matches_count.danger .digit_circle{
    background-color: #d9534f;
}

.my_ride_matches_count.danger strong {
    color: #d9534f;
}

/** ride detials page **/


/** payment page **/
.payment-page-left-form .nav-tabs{background-color:#ffffff;}
    .payment-page-left-form .tab-content{ padding:40px;}
	.payment-page-left-form .nav > li > a{ padding:15px;}
    .payment-page-left-form .nav > li > a > img{ margin:0 auto;}
    .payment-page-left-form .nav-tabs > li > a:hover{ background-color:#f4f4f4;}
    .payment-page-left-form .nav-tabs > li > a:focus, .payment-page-left-form .nav-tabs > li.active > a{background-color: #ffffff; border: 1px solid #199CD7;}
    .payment-page-left-form .tab-content .tab-pane h4{ text-transform:capitalize;}
    .billing_address{background: url(../images/stopover-icon.png) 98% center no-repeat #fff; padding-right:25px;}
    .payment-page-left-form .nav > li{ position:relative; width:inherit;}
    .payment-page-left-form .nav > li .ok-icon{ display:none; position:absolute; top:-12px; right:-8px; z-index:999;}
    .payment-page-left-form .nav > li.active .ok-icon{ display:block;}
    
    .payment-page-form .driver-trip-detail p {
        margin-left:0;
    width: auto;
    float: none;
}

.total_booking_price i {
    color:#fff !important;
}
/** payment page **/


/** rating **/
.btn-grey{
    background-color:#D8D8D8;
	color:#FFF;
}
.rating-block{
	background-color:#FAFAFA;
	border:1px solid #EFEFEF;
	padding:15px 15px 20px 15px;
	border-radius:3px;
}
.bold{
	font-weight:700;
}
.padding-bottom-7{
	padding-bottom:7px;
}

.review-block{
	background-color:#FAFAFA;
	border:1px solid #EFEFEF;
	padding:15px;
	border-radius:3px;
	margin-bottom:15px;
}
.review-block-name{
	font-size:12px;
	margin:10px 0;
}
.review-block-date{
	font-size:12px;
}
.review-block-rate{
	font-size:13px;
	margin-bottom:15px;
}
.review-block-title{
	font-size:15px;
	font-weight:700;
	margin-bottom:10px;
}
.review-block-description{
	font-size:13px;
}

.rating-header {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 17px;
    position:relative;
}

.rating-header:after {
    content: '';
    width: 230px;
    border: 1px solid #d80707;
    height: 5px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #ff8915;   
}

.btn-warning.star {
    background-color: #ff8915;
    border-color: #ff8915;
}

.driver-trip-detail.vehicle-sel {
	width:auto;
	padding: 15px 5px;
}

.box-shadow {
	border-bottom: 1px solid rgba(0,0,0,0.15);
    box-shadow: 4px 4px 10px #ccc;
    padding:20px;
}

.box-right-border {}
.box-right-border:after {
	content: '';
    border-right: 1px solid #e5e5e5;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: -1px;
}

.box-right-border.dashed:after {
    border-right: 1px dashed #e5e5e5;
}

.view-profile .horizontal-form .form-group {
    margin-bottom:10px;
}

.view-profile .tab-content .tab-pane form .form-group input, .view-profile .tab-content .tab-pane form .form-group select {
    background: none;
    border-radius: 0;
    height: auto;
    letter-spacing: normal;
    color: #898989;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 12px;
    box-shadow: none !important;
    border: 1px solid #ccc;
}

.view-profile .tab-content .tab-pane .box-shadow{
    padding: 30px 20px;
}

.close-div a{
    font-size: 18px;
    position: absolute;
    right: 0;
    top: -10px;
    border: 1px solid #928579;
    border-radius: 50%;
    padding: 2px 10px;
    background-color: #ff8915;
    color: #fff;
}

.address-bar ul {
    margin-bottom: 30px;
    padding-top: 10px;
    overflow: hidden;
}

.address-bar ul a {
    color: #000;
    font-size: 12px;
}

.address-bar ul a li {
    border: 1px solid #DEEAEE;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    margin: 10px 10px 10px 0;
    float: left!important;
    height: 200px;
}

.address-bar ul a:hover {
    cursor:pointer;
}

.address-bar ul a li h4 {
    color: #ff8915;
    text-align: left !important;
    padding-left: 15px;
}

.address-bar ul a li p {
    text-align:left;
    padding-left: 15px;
}

.address-bar ul a li.last .text {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px solid #DEEAEE;
    padding: 4px;
    color: #828282;
    font-size: 30px;
    margin: 27px auto 15px;
    width: 50px;
    text-align: center;
    height: 50px;
}

.address-bar ul a li.last:hover .text {
    border: 1px solid #ff8915;
    color: #ff8915;
    margin-top: 27px;
}

.address-bar ul a li.last {
    padding: 20px 0 0;
    text-align: center;
    color: #828282;
    border: 1px dashed #DEEAEE;
    width: 276px!important;
}

.address-bar ul a li.last:hover {
    border: 1px dashed #ff8915;
    color: #ff8915;
}

.address-bar ul a li:hover {
    border: 1px solid #ff8915;
}

.address-bar ul a li.last:hover .text {
    border: 1px solid #ff8915;
    color: #ff8915;
    margin-top: 27px;
}

.address-bar ul a .icon-Delete {
    position: absolute;
    background: #fff;
    color: #ff8915;
    font-size: 10px;
    font-weight: 600;
    border: 1px solid #ff8915;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 6px 9px 6px 10px;
    right: 7px;
    top: -13px;
    visibility: hidden;
}

.address-bar ul a:hover .icon-Delete {
    visibility: visible;
}

.address-bar ul a .icon-Delete:hover {
    background: #ff8915;
    color: #fff;
}

.view-profile .tab-content .tab-pane form .form-group input.code-box {
    box-shadow: 0 0 4px rgba(0,0,0,0.15) !important;
    border-bottom: none !important;
    background-image: none !important;
    padding: 8px 0 8px 15px !important;
    color: #333 !important;
    background: transparent !important;
}

.view-profile .tab-content .tab-pane form .form-group label{
    margin-top: 8px;
}

.billing-address .horizontal-form .form-group {
    margin-bottom:10px;
}

.billing-address .box-right-border:after {
    right: -11px;
}
    
.material.nav-tabs { border-bottom: 2px solid #DDD; background:transparent;}
    .material.nav-tabs > li.active > a, .material.nav-tabs > li.active > a:focus, .material.nav-tabs > li.active > a:hover { border-width: 0; }
    .material.nav-tabs > li > a { border: none; color: #666; }
        .material.nav-tabs > li.active > a, .material.nav-tabs > li > a:hover { border: none; font-weight:700; color: #ff8915 !important; background: transparent; }
        .material.nav-tabs > li > a::after { content: ""; background: #ff8915; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .material.nav-tabs > li.active > a::after, .material.nav-tabs > li:hover > a::after { transform: scale(1); }
.material .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.material .tab-pane { padding: 15px 0; }
.material .tab-content{padding:20px}


.btn-block.clockpicker-button {
	    width: auto;
    border: 1px solid#e5e5e5;
    padding: 5px 20px;
    /* margin: 5px; */
    text-align: center;
    margin: 5px auto;
    background-color: #ff8915;
    color: #fff;
    border-radius: 5px;
}

.currency-box .currency {
    position: absolute;
    display: block;
    width: 48px;
    height: 44px;
    background-color: #e5e5e5;
    text-align: center;
    padding: 12px 14px;
    top: 1px;
    margin-left: 1px;
    font-weight: 700;
    text-transform:uppercase;
}

.currency-box input[type="text"] {
    text-indent: 20px;
}

/** rating **/


/** offerride*/
#error_message{
    display: none;
}
.offer-tab-content form .form-control { background-image:none; }
.offer-tab-content form .form-group input.cal-icon {
    background-image: url(../images/calendar-icon.png);
}
.offer-tab-content form .form-group input.clock-icon {
    background-image: url(../images/clock.png);
}
.offer-tab-content form .form-group #from {
    background-image: url(../images/orgin-icon.png);
}
.offer-tab-content #other-details textarea {
    resize: none;
    height: 120px;
}
#other-details .form-control{ padding-left:10px;}
/** offerride */


/* *************************************************************** 
                                                    Request Detail Modal
    *************************************************************** */
.place-bid-model .modal-dialog {
        width: 600px;
    }

    .place-bid-model .btn-effect-main{
        display: table;
        margin: 4% auto 0;
    }
    .place-bid-model .modal-body img{
        display: table;
        margin: 5% auto;
        width: 35%;
    }
    .place-bid-model .modal-body > i{
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #ff8915;
        color: #fff;
        text-align: center;
        position: relative;
        line-height: 80px;
        display: table;
        margin: 20px auto;
        font-size: 32px;
    }
    .place-bid-model .modal-body > i span:before,
    .place-bid-model .modal-body > i span:after{
        position: absolute;
        left: -200%;
        width: 200%;
        height: 1px;
        top: 50%;
        background: rgba(0,0,0,0.15);
        content: '';
    }
    .place-bid-model .modal-body i span:after{
        right: -200%;
        left: auto;
    }
    .place-bid-model form{
        margin-top: 30px;
        overflow: hidden;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .place-bid-model form .form-group{
        margin-bottom: 30px;
    }
    .place-bid-model .bid-model-form-head h5{
        color: #73859b;
        font-weight: 600;
        font-size: 16px;
        margin: 12px 0 0 0;
        text-align: center;
        text-transform: capitalize;
    }
    .place-bid-box button,
    .place-bid-box span{
        padding: 10px 15px;
        color: #222;
        background: #cccccc;
        float: left;
        font-size: 14px;
        border: 1px solid #ccc;
    }
    .place-bid-box span{
        background: #dddddd;
        text-transform: uppercase;
    }
    .place-bid-box input{
        padding: 10px 0 10px 15px;
        float: left;
        width: 50%;
        border: 2px solid #e0e0e0;
    	border-left: 0;
    	border-right: 0;
    }

    .place-bid-model .bid-model-form-box #clock {
        margin-top: 8px;
    }	    

    .place-bid-model .bid-model-form-box #clock p{
        width: 15%;
        padding: 8px 0;
    }	

    .place-bid-model form .form-control{
        width: 100%;
        height: auto;
        letter-spacing: 1px;
        text-transform: capitalize;
        box-shadow: none;
        border-radius: 0;
        border: none;
        box-shadow: 0 0 4px rgba(0,0,0,0.25);
    }
    .place-bid-model form textarea.form-control{
        height: 130px;
        resize: none;
    }
/* *************************************************************** 
                                                    Request Detail Modal
    *************************************************************** */    



.form-control.required.error {
    border: 1px solid #a94442;
}

.offer-ride-container label.error {
    margin-top: -15px;
    display: block;
}


/** default properties **/

.no-margin  {
    margin:0 !important;
}

.no-padding  {
    padding:0 !important;
}

.mt-10 {
    margin-top:10px !important;
}

.mt-20 {
    margin-top:20px !important;
}

.mt-30 {
    margin-top:30px !important;
}

.mt-40 {
    margin-top:40px !important;
}

.ml-0 {
    margin-left:0px !important;
}

.ml-10 {
    margin-left:10px !important;
}

.ml-15 {
    margin-left:15px !important;
}

.ml-20 {
    margin-left:20px !important;
}

.ml-30 {
    margin-left:30px !important;
}


.mb-0 {
    margin-bottom:0px !important;
}

.mb-10 {
    margin-bottom:10px !important;
}

.mb-20 {
    margin-bottom:20px !important;
}

.pl-0 {
    padding-left:0 !important;
}

.pl-5 {
    padding-left:5px !important;
}

.pl-10 {
    padding-left:10px !important;
}

.pl-15 {
    padding-left:15px !important;
}

.pr-0 {
    padding-right:0 !important;
}

.pr-5 {
    padding-right:5px !important;
}

.pr-10 {
    padding-right:10px !important;
}

.width-100-per {
    width:100%;
}

.text-left {
    text-align: left !important;
}

.no-shadow {
    box-shadow:none;
}
.text-init-caps {
    text-transform: capitalize;
}
.admin-logo {
  margin-bottom: 50px;
}
/** default properties **/

.conformation_deactiveacc{ margin:40px 0px;}

@media(max-width:767px){
	.pl-0, .pr-0{ padding-left:15px !important; padding-right:15px !important;}
	.serach-result-location li p{background-position: 0 4px; margin-bottom:12px;}
	.ride-time, .ride-time+a{ margin-bottom:12px}
	.ride-time{ display:block; text-align:center;}
	.ride-time+a{ display:table;}
	.driver-banner-info .pull-right{ float:none !important; text-align:center;}
	.driver-price-banner h4+div.mt-40{ margin-top:15px !important; padding-left:0px !important; display:inline-table;}
	.ride-details.my_ride_matches .col-md-3{ margin-bottom:34px;}
	.my-ride-details.my-booking-block.booking-details h4{ margin-top:0px;}
	.my-ride-details.my-booking-block.booking-details h4 span.col-md-3{ display:block; float:none !important; text-align:left; line-height:24px;}
	.my-ride-details.my-booking-block.booking-details .no-padding{padding: inherit !important;}
	.li_size_insm+.tab-content .my-ride-block .no-padding{padding:15px !important;}
	.li_size_insm li{ width:inherit !important; margin-right:26px;}
	.li_size_insm li:last-child{ width:inherit !important; margin-right:0px;}
	.view-profile .nav-tabs li {width: inherit; margin-right:8px;}
	.user-img-sidebar{ margin:0px auto !important; width:100%;}
	p.form-control-static{ padding:0px;}
	.conformation_deactiveacc{ margin:10px 0px;}
	.payment-page-left-form .tab-content{ padding:10px 0px !important;}
	
}
@media (max-width: 360px) and (min-width: 310px){
.ride-time {
    text-align: left !important;
}
}
p.form-control-static{ line-height:18px;}
.ride-tabs .nav-tabs li a span.rides_word{display: inline-block;}
@media (max-width: 480px){
	.ride-tabs .nav-tabs li a span.rides_word, .bookings_word{ display:none;}
	.my-ride-btn{ margin-top:12px;}
	.my-booking-block .booking-btns{ float:inherit !important;}
	.my-booking-block .booking-btns a{ display:block; margin-left:0px !important; margin-bottom:12px;}
	.nav-tabs.sm-device li{ width:inherit; padding:0 5px;}
	.nofloat_onsmall{float: inherit !important; text-align: center;}
}
.driver-detail-img, .car-img-detail-page img {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}