/* -------------- */
a {
    text-decoration: none !important;
}


.fw-bold {
    font-weight: 700;
}

.panel-title {
    color: #3c763d;
}

.new-section1 .row,
.new-section2 .row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.new-section1 .row h2,
.new-section2 .row h2 {
    color: #0000cd;
    font-weight: 600;
}

.driver-cta-buttons a {
    transition: all 0.3s ease;
}

.driver-cta-buttons a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.btn-secondary {
    background-color: #0c8e36;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 20px 30px;
}

.section-inner img {
    border-radius: 15px;
}

/* ------hero new------ */
/* .section-inner h2,
.section-inner h4,
.section-inner h3 {
    color: #0000cd;
    font-weight: 600;
} */
.section-inner h2 {
    color: #0000cd;
    font-weight: 600;
}

.mb-5 {
    margin-bottom: 40px;
}

.lh-lg {
    line-height: 40px;
}

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

img.head_img {
    max-width: 200px;
    width: 100%
}

.w-100 {
    width: 100%;
}

.driver-cta-buttons {
    text-align: center !important;
}

.float-end {
    float: right;
}

.ps-4 {
    padding-left: 15px;
}

.pe-4 {
    padding-right: 15px;
}

.pb-4 {
    padding-bottom: 15px;
}

.mb-4 {
    margin-bottom: 20px;
}

.flextaxis-all-services .services-card img {
    width: 100% !important;
    min-height: 400px;
    height: 400px;
    object-fit: cover;
}

h1 {
    font-size: 40px !important;
    font-weight: 600;
    color: #0000cd !important;
}

h2 {
    font-size: 30px !important;
    font-weight: 600;
    color: #0000cd !important;
}

.h3,
h3 {
    font-size: 25px !important;
    font-weight: 600 !important;
}

.h4,
h4 {
    font-size: 22px !important;
    font-weight: 600 !important;

}

#section-py {
    padding: 10px 0;
}

.justify-content-center {
    justify-content: center;
    display: flex;
}

@media screen and (min-width:992px) {

    .align-items-center {
        display: flex;
        align-items: center;
    }

    .align-items-top {
        display: flex;
        align-items: flex-start;
    }

    /* .align-items-center,
    .section-inner .row {
        display: flex;
        align-items: center;
    } */
}


.img-fluid {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

ol,
ul {
    font-size: 17px;
    padding: 0 20px
}

.my-5 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.py-5 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py-4 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mt-3 {
    margin-top: 10px;
}

.mt-4 {
    margin-top: 10px;
}

.mt-5 {
    margin-top: 30px;
}

.mb-3 {
    margin-bottom: 20px;
}

sup {
    line-height: 1.5
}

button.btn.btn-custom {
    width: 80px
}

button.btn.btn-custom,
button.btn.btn-custom-alt {
    background: #06bd64;
    border: 0;
    border-radius: 13px;
    color: #fff;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    padding: 9px 0
}

button.btn.btn-custom-alt {
    width: 100px
}

h4.price {
    font-size: 18px !important;
    font-weight: 700 !important
}

@font-face {
    font-family: arial;
    src: url(https://www.flextaxis.com/assets/arial.TTF)
}

section.section-gap.mt-40.account-temp-wrapper.driver-account.account_dr {
    padding: 70px 0
}

input.form-group {
    width: 100%
}

.book-check label {
    display: block !important
}

.btn-danger:hover,
button.btn.btn-danger {
    padding: 10px 88px
}

@media (min-width:1200px) {
    .container {
        width: 75%
    }
}

@media (max-width:1199px) {
    .flextaxis-footer2 .misc h5 a {
        font-size: 21px;
        margin-left: 15px;
        padding-right: 10px
    }
}

@media (max-width:991px) {
    .flextaxis-login .account-wrapper {
        margin-top: 0 !important;
        padding: 0 30px 22px !important
    }

    #operator_content .inner_content h1 {
        margin-top: 0
    }

    .goog-te-gadget-simple {
        background-color: #fff !important;
        margin-bottom: 20px
    }

    .goog-te-gadget-simple .goog-te-menu-value span {
        color: #fff !important
    }

    .flextaxis-footer2 .misc a,
    .flextaxis-footer2 .misc figure h5,
    .flextaxis-footer2 ul.list-unstyled.links li a {
        color: #fff !important
    }

    form.currency-form {
        display: flex;
        justify-content: center
    }

    #subscription .list-unstyled {
        margin-bottom: 30px
    }

    #subscription .list-unstyled input {
        border-radius: 2px 0 0 2px;
        width: 100%
    }

    #subscription .list-unstyled button {
        border-radius: 0 2px 2px 0 !important;
        height: 48px !important
    }

    #subscription ul {
        justify-content: center !important
    }

    .gradient-bg {
        margin-top: 93px !important
    }
}

.flex_class {
    display: flex;
    flex-direction: column
}

@media (max-width:767px) {
    ul.dropdown-menu {
        left: 0 !important;
        position: relative !important
    }

    .location-list .box {
        flex: 50% !important
    }

    .site-links.mobile-nav .dropdown-menu {
        left: 0
    }

    .site-links.mobile-nav {
        background: #fff !important
    }

    .custom-flex-nav .primary-menu li.apply,
    .custom-flex-nav .primary-menu li.booking,
    .custom-flex-nav .primary-menu li.login,
    .custom-flex-nav .primary-menu li.register {
        background: transparent !important
    }

    ul.dropdown-menu li a {
        border-bottom: 1px solid #a9a9a9 !important;
        color: #626161 !important;
        font-weight: 300 !important;
        margin: 0 auto !important;
        padding: 12px 40px 14px 4px !important;
        text-align: center !important;
        width: 90% !important
    }

    ul.dropdown-menu {
        float: none !important
    }

    input#autoUpdate1 {
        float: none;
        margin-bottom: 0;
        margin-top: 11px;
        width: 300px !important
    }

    .flex_class {
        display: flex;
        flex-direction: column-reverse
    }

    .mobile_btns {
        margin: 4px 0
    }

    #myCarousel {
        display: none
    }

    #slogan {
        padding: 10px 0 !important
    }

    .flextaxis-footer2 .misc h5 a {
        font-size: 30px !important
    }

    #subscription ul li:first-child {
        width: 100% !important
    }

    #subscription ul {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 20px
    }

    .links li {
        display: block !important;
        margin-bottom: 25px !important
    }

    .nav.navbar-nav.navbar-right .show-nav {
        margin: 7px 10px !important
    }
}

@media (max-width:481px) {

    #booking_content,
    #operator_content {
        padding: 15px !important
    }

    .location-list .box {
        flex: 100% !important
    }

    .navbar-nav {
        margin: 0 !important
    }

    .nav.navbar-nav.navbar-right .show-nav {
        margin: 14px 10px !important
    }
}

.pad_remove {
    padding: 0
}

.account-wrapper .button-action {
    margin-top: 0 !important
}

.flextaxis-footer2 ul.list-unstyled.links li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

form#subscription h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 0
}

.col-md-12.onli_bok {
    margin: 0 auto;
    text-align: center
}

.onli_bok {
    margin-top: 0 !important
}

.flextaxis-quote .home_form {
    border-radius: 10px;
    margin-left: 4% !important;
    width: 30%
}

.social {
    margin-top: 50px
}

.social .fa {
    background-color: #f3f3f3;
    border-radius: 100%;
    color: #101e25;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    width: 50px
}

.social .fa:hover {
    background-color: #1a2f3a;
    color: #fff
}

ins.adsbygoogle {
    /*display: none !important*/
}

#slogan {
    font-size: 20px;
    padding: 0
}

#slogan h2 {
    color: #000;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 30px
}

#slogan h3 {
    color: #0073ff;
    font-weight: 500
}

.slogan_title h4 {
    line-height: 27px
}

#slogan .btn-main {
    border-radius: 5px;
    line-height: 45px
}

img.ft_ldimg {
    width: 100%
}

.flextaxis-quote.home_form {
    border-radius: 10px !important;
    display: none !important;
    margin-left: 4%;
    width: 30% !important
}

.taxi_finder {
    display: none
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 10px
}

.custom-select {
    padding: 0;
    position: relative;
    z-index: 1
}

.is-flex-aligned {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.green-bg {
    background: #219977
}

.green-bg .list-disc li {
    color: #fff
}

section.section-gap.account-temp-wrapper.contc_for_dr .support-wrapper,
section.section-gap.account-temp-wrapper.passenger .support-wrapper {
    margin: 0;
    padding: 0
}

.green-bg .list-disc li:before {
    color: #fff !important
}

.custom-select:hover {
    border-color: #999
}

.custom-select:before {
    color: #333;
    display: block;
    font-family: FontAwesome, serif;
    height: 5px;
    line-height: 2px;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 20px;
    z-index: 1
}

.custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    box-sizing: border-box;
    height: 100%;
    padding: .5em;
    width: 100%
}

.cstm-modal .greet {
    font-size: 18px !important;
    margin-bottom: 0 !important
}

.cstm-modal .greet .bold-green {
    color: #096;
    font-weight: 700;
    text-transform: capitalize
}

.custom-select select::-ms-expand {
    display: none
}

.custom-select select:focus {
    outline: 0
}

:-moz-any(.custom-select):before {
    background-color: #fff;
    pointer-events: none;
    z-index: 1
}

.text-white {
    color: #fff !important
}

#quote-form {
    content: "";
    height: 25vh;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 350px;
    visibility: hidden;
    width: 100%
}

.quote-section h1 {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-top: 350px;
    text-transform: uppercase
}

nav .container-fluid {
    padding: 0 30px
}

.gradient-bg {
    background: #88f9b8;
    background: linear-gradient(180deg, #4acf82, #209877)
}

.white-color {
    color: #fff !important
}

.bord-top {
    border-top: 1px solid #ddd
}

.bg-light-gray {
    background: #fff
}

.slick-slide:focus {
    outline: 0
}

footer.flextaxis-footer1 .btn-custom {
    background: #096;
    border: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    padding: 8px 0;
    text-transform: uppercase
}

.btn-custom:hover {
    color: #fff
}

.section-gap {
    padding: 30px 0
}

.form-control {
    box-shadow: none !important;
    outline: 0
}

.account-wrapper input,
.account-wrapper select,
.account-wrapper textarea {
    background: 0 0;
    border: none;
    border-bottom: 2px solid #096;
    color: #4d4848;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 15px 0;
    width: 100%
}

.account-wrapper input:focus,
.account-wrapper textarea:focus {
    border-bottom: 2px solid #096;
    box-shadow: none;
    outline: 0
}

.account-wrap form {
    display: block;
    margin-top: 30px
}

.account-wrapper h1 {
    color: #4d4848;
    font-size: 21px;
    margin-bottom: 20px
}

.dr-box-wrap .dashboard-profile .account-type-wrapper {
    border-bottom: none;
    padding-bottom: 0
}

.dr-box-wrap .account-wrap label {
    margin: 0 30px 0 10px
}

.dr-box-wrap .dashboard-profile .account-type-wrapper button {
    display: block;
    margin-left: 0;
    margin-top: 20px;
    padding: 10px 60px
}

.account-wrapper h3 span {
    color: #096
}

.account-wrapper h5 {
    color: #4d4848;
    font-size: 18px;
    margin-top: 22px
}

.account-wrapper h5 a {
    color: #096;
    cursor: pointer;
    text-decoration: none
}

.account-wrapper .form-wrapper {
    margin-top: 40px
}

.account-wrapper .button-action {
    display: block;
    margin-top: 20px
}

.account-wrapper .button-action p {
    color: #909090
}

.account-wrapper .button-action p a {
    color: #096;
    cursor: pointer;
    text-decoration: none
}

.account-wrapper .button-action button {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    outline: 0;
    padding: 15px;
    text-align: left;
    width: 100%
}

.account-wrapper .button-action button:hover {
    background: #096
}

.account-wrapper .button-action button span {
    font-size: 21px
}

#booking-sign-in p {
    color: #888989;
    cursor: pointer;
    font-size: 12px;
    margin-top: 5px
}

.custom-flex-nav .site-links li>a {
    padding-left: 25px;
    padding-right: 0
}

#booking-sign-in p a {
    color: #096;
    font-weight: 700;
    text-decoration: none
}

#booking-sign-in button {
    background: #333;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    padding: 10px 15px;
    text-transform: none;
    width: 100%
}

#bid-job .input-group span {
    background: #fbfbfb;
    border: none;
    font-size: 21px;
    padding-left: 433px;
    position: relative
}

#bid-job input {
    background: #fbfbfb;
    border-left: none;
    border-right: none;
    border-top: none;
    color: #4d4848;
    font-weight: 500;
    width: 100%
}

#bid-job button,
#bid-job input {
    font-size: 18px;
    min-height: 80px;
    outline: 0
}

#bid-job button {
    background: #096;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    padding: 0 80px
}

#bid-job button:hover {
    background: #096
}

#book-form h4 {
    color: #909090;
    font-size: 16px;
    font-weight: 600
}

#book-form button {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    outline: 0;
    padding: 10px;
    text-align: left;
    width: 100%
}

#book-form button:hover {
    background: #096
}

#book-form button span {
    font-size: 21px
}

#book-form input {
    background: 0 0;
    border: none;
    border-bottom: 3px solid #096;
    color: #4d4848;
    display: block;
    font-size: 16px;
    padding: 15px 0;
    width: 100%
}

#book-form input:focus {
    border-bottom: 3px solid #096;
    outline: 0
}

#book-form textarea {
    background: 0 0;
    border: none;
    border-bottom: 3px solid #096;
    color: #4d4848;
    display: block;
    font-size: 16px;
    width: 100%
}

#book-form textarea:focus {
    border-bottom: 3px solid #096;
    outline: 0
}

#book-form img {
    padding-top: 66px;
    width: 100% !important
}

#feedback-form {
    margin-top: 10px
}

#feedback-form input {
    background: 0 0;
    border: none;
    border-bottom: 2px solid #0b9b48;
    color: #4d4848;
    display: block;
    font-size: 16px;
    padding: 18px 0 10px;
    width: 100%
}

#feedback-form input:focus {
    border-bottom: 2px solid #096;
    outline: 0
}

#feedback-form textarea {
    background: 0 0;
    border: none;
    border-bottom: 2px solid #0b9b48;
    color: #4d4848;
    display: block;
    font-size: 16px !important;
    margin-top: 15px;
    width: 100%
}

#feedback-form textarea:focus {
    border-bottom: 2px solid #096;
    outline: 0
}

#feedback-form button {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    outline: 0;
    padding: 10px;
    text-align: left;
    width: 100%
}

#feedback-form button:hover {
    background: #096
}

#feedback-form button span {
    color: #fff;
    font-size: 20px
}

body img {
    -webkit-user-drag: none
}

.row.no-gutters {
    margin-left: 0;
    margin-right: 0
}

.row.no-gutters>[class*=" col-"],
.row.no-gutters>[class^=col-] {
    padding-left: 0;
    padding-right: 0
}

.custom-flex-nav {
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgba(203, 203, 244, .36);
    height: auto;
    margin-bottom: 0;
    padding: 10px 0 0
}

.custom-flex-nav li.account>a {
    color: #096;
    font-weight: 800
}

.custom-flex-nav .navbar-brand i {
    color: #096;
    font-size: 28px
}

.custom-flex-nav li {
    padding: 0
}

.custom-flex-nav li>a {
    background: 0 0;
    color: #313131;
    font-size: 15px;
    font-weight: 600;
    padding-right: 5px;
    text-transform: none
}

.custom-flex-nav .site-links li>a {
    color: #096;
    transition: .3s ease
}

.custom-flex-nav .site-links li>a:hover {
    color: #313131;
    transition: .3s ease
}

.custom-flex-nav li>a:active,
.custom-flex-nav li>a:focus,
.custom-flex-nav li>a:hover {
    background: 0 0;
    text-decoration: underline
}

.custom-flex-nav li>a:hover {
    background: 0 0
}

.custom-flex-nav li>a>i {
    background: 0 0;
    color: #0b8e36;
    font-size: 18px;
    font-weight: 600;
    margin-right: 4px;
    text-transform: none
}

.custom-flex-nav li>a>i:active,
.custom-flex-nav li>a>i:hover {
    background: 0 0
}

.custom-flex-nav li>a>span {
    background: 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 20px 10px;
    text-transform: none
}

.custom-flex-nav li>a>span:active,
.custom-flex-nav li>a>span:hover {
    background: 0 0
}

.custom-flex-nav li>.call-btn {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    margin-top: 9px;
    padding: 10px 15px;
    text-transform: none
}

.custom-flex-nav li>.call-btn:hover {
    background: #fff;
    border: 1px solid #096;
    color: #096
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: initial
}

.navbar-right .dropdown .login-toggle {
    padding-top: 14px !important
}

.navbar-right .dropdown .login-toggle img {
    border: 2px solid #096;
    border-radius: 50%
}

.navbar-brand-centered {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px
}

.navbar-brand-centered img {
    height: auto;
    max-width: 100%
}

.header-contact {
    color: #000;
    font-size: 18px;
    margin-top: 30px
}

.header-contact a {
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.header-contact strong {
    font-size: 18px
}

.header-contact .icon-tel {
    background-image: url(../img/icon-phone.png);
    background-position: 0 28px;
    background-repeat: no-repeat;
    padding-left: 25px
}

.header-contact .icon-whatsapp {
    background-image: url(../img/icon-whatsapp.png);
    background-position: 0 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 45px
}

.header-contact .icon-mail {
    background-image: url(../admin-assets/img/mail-header.png);
    background-position: 0 8px;
    background-repeat: no-repeat;
    padding-left: 50px
}

.primary-menu {
    border-radius: 5px;
    display: inline-block;
    margin-top: 25px;
    padding: 0 10px
}

.custom-flex-nav .primary-menu li {
    border-radius: 5px;
    margin: 0 5px
}

.custom-flex-nav .primary-menu li.booking {
    background-color: #004ff7
}

.custom-flex-nav .primary-menu li.apply {
    background-color: #f7ad23
}

.custom-flex-nav .primary-menu li.register {
    background-color: #f71a00
}

.custom-flex-nav .primary-menu li.login {
    background-color: #06bd64
}

.custom-flex-nav .primary-menu li>a {
    color: #fff;
    line-height: 55px;
    padding: 0 15px;
    text-decoration: none
}

.horizontal-menu {
    background-color: #e5e5e5
}

.horizontal-menu ul.list-inline {
    display: inherit;
    margin: 0
}

.horizontal-menu ul.list-inline a {
    border-top: 10px solid transparent;
    color: blue;
    display: inline-block;
    font-size: 18px;
    letter-spacing: .5px;
    padding: 15px 20px;
}

.horizontal-menu ul.list-inline a.active,
.horizontal-menu ul.list-inline li a:hover {
    background-color: #f8f8f8;
    border-top: 10px solid #f74e05;
    color: #dd151d !important;
    text-decoration: none
}

.custom-flex-nav .horizontal-menu li>a>span {
    color: #000
}

.top-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 32px
}

.top-actions .navbar-right li {
    margin-left: 4px
}

.sidenav {
    background-color: #fffffffa;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding-top: 60px;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 0;
    z-index: 99999999999
}

.sidenav .action {
    margin-top: 220px;
    text-align: center
}

.sidenav .action figure {
    margin: 0 auto 15px;
    width: 50%
}

.sidenav .action a {
    color: #096;
    font-size: 21px;
    font-weight: 500;
    text-decoration: underline
}

.sidenav .ion-android-close {
    font-size: 21px;
    font-weight: 600;
    padding: 22px
}

.sidenav .ion-android-close:hover {
    color: red;
    transition-delay: .3s
}

.sidenav a {
    color: #484646;
    display: block;
    font-size: 16px;
    padding: 18px 10px;
    text-decoration: none;
    transition: .6s
}

.sidenav a:hover {
    color: #096
}

@media screen and (max-height:450px) {
    .sidenav {
        padding-top: 15px
    }

    .sidenav a {
        font-size: 18px
    }
}

@media (max-width:640px) {
    ul.list-unstyled.links li a {
        color: #fff !important
    }
}

.top-actions .navbar-right .dropdown-menu li {
    margin-left: 0 !important
}

.dropdown .dropdown-menu {
    background: #fff;
    border: 0;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    left: auto;
    min-width: 270px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100%
}

.dropdown .dropdown-menu li>a {
    border-bottom: 0;
    border-left: 5px solid transparent;
    color: #2f2f2f;
    font-size: 16px;
    margin-top: 0;
    padding-bottom: 15px;
    text-transform: capitalize;
    transition: all .6s;
    width: 100%
}

.dropdown .dropdown-menu li>a:hover {
    border-left: 5px solid #096;
    color: #096;
    transition: all .6s
}

.sidenav .dropdown {
    display: inline-block
}

.sidenav .dropdown span#showDropdown {
    background: #096;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -50px;
    text-align: center;
    top: 15px;
    transition: .3s ease-in-out;
    width: 30px
}

#dropdownList {
    display: none
}

.sidenav .dropdown span#showDropdown:hover {
    background: #0a0a0a;
    transition: .3s ease-in-out
}

.quote-section {
    background: url(../img/flex-banner1.webp) no-repeat top;
    background-size: cover;
    min-height: 900px;
    overflow: visible;
    position: relative
}

.flextaxis-quote {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    margin-top: -100px;
    padding: 30px 20px;
    position: relative
}

.flextaxis-quote p {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.flextaxis-quote .box>span {
    color: #454846;
    font-size: 16px;
    font-weight: 400;
    padding-top: 2px;
    text-align: right
}

.flex_t .quote-section {
    margin-top: 14%
}

.flextaxis-quote .col-md-3,
.flextaxis-quote .col-md-4 {
    height: 50px !important;
    margin: 5px 0 !important
}

.flextaxis-quote #quote {
    margin-top: -30px
}

.flextaxis-quote .end,
.flextaxis-quote .start {
    font-size: 16px
}

.flextaxis-quote input.end::-webkit-input-placeholder,
.flextaxis-quote input.start::-webkit-input-placeholder {
    color: #4d4848
}

.flextaxis-quote input.end::-moz-placeholder,
.flextaxis-quote input.start::-moz-placeholder {
    color: #4d4848
}

.flextaxis-quote input.end:-ms-input-placeholder,
.flextaxis-quote input.start:-ms-input-placeholder {
    color: #4d4848
}

.flextaxis-quote input.end:-moz-placeholder,
.flextaxis-quote input.start:-moz-placeholder {
    color: #4d4848
}

.flextaxis-quote #quote input[type=number],
.flextaxis-quote #quote input[type=text] {
    background: #fff;
    border: none;
    border-bottom: 2px solid #096;
    border-right: 1px solid #f1eef2;
    color: #4d4848;
    font-weight: 500;
    height: 45px;
    outline: 0
}

.flextaxis-quote #quote input[type=number]:focus,
.flextaxis-quote #quote input[type=text]:focus {
    border-bottom: 2px solid #096
}

.flextaxis-quote #quote input[type=date] {
    background: #fff;
    border: 1px solid #f1eef2;
    border-bottom: 3px solid #096;
    border-top: none;
    color: #4d4848;
    font-weight: 500;
    outline: 0
}

.flextaxis-quote #quote input[type=date]:focus {
    border-bottom: 3px solid #096
}

.flextaxis-quote #quote input[type=time] {
    background: #fff;
    border: none;
    border-bottom: 3px solid #096;
    border-right: 1px solid #f1eef2;
    color: #4d4848;
    font-weight: 500;
    outline: 0
}

.flextaxis-quote #quote input[type=time]:focus {
    border-bottom: 3px solid #096
}

.flextaxis-quote #quote .btns {
    background: #fff;
    border: none;
    border-bottom: 2px solid #096;
    border-radius: 0;
    border-right: 1px solid #f1eef2;
    box-shadow: none;
    font-weight: 500;
    outline: 0
}

.flextaxis-quote #quote .btns span {
    color: #096;
    font-size: 21px;
    font-weight: 600
}

.flextaxis-quote #quote select {
    background: #fff;
    border: 1px solid #f1eef2;
    border-bottom: 2px solid #096;
    border-top: none;
    color: #4d4848;
    font-weight: 500;
    outline: 0
}

.flextaxis-quote #quote select:focus {
    border-bottom: 3px solid #096
}

.flextaxis-quote .bor {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0
}

.flextaxis-quote .form-button {
    display: block;
    margin-top: 10px;
    text-align: center
}

.flextaxis-quote .form-button .backBtn,
.flextaxis-quote .form-button button {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    outline: 0;
    padding: 9px 30px;
    text-decoration: none;
    width: 100%
}

.flextaxis-quote .flextaxis-actions {
    display: block;
    margin-top: 20px
}

.flextaxis-quote .flextaxis-actions p {
    font-weight: 500;
    margin: 0;
    text-align: left
}

.flextaxis-quote .flextaxis-actions a {
    color: #000;
    cursor: pointer;
    letter-spacing: 1px;
    text-decoration: none
}

.flextaxis-quote .flextaxis-actions a:hover {
    border-bottom: 3px solid #096;
    padding-bottom: 8px
}

.flextaxis-join {
    background-color: #0356b0;
    color: #fff;
    padding: 50px 0
}

.flextaxis-join h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 40px
}

.flextaxis-join h3 {
    font-size: 25px;
    font-weight: 600
}

.flextaxis-join figure {
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    overflow: hidden;
    padding: 10px
}

.flextaxis-join img {
    width: 80px
}

.flextaxis-join p {
    font-size: 16px;
    font-weight: 400;
    padding: 0 15px
}

.flextaxis-deals {
    background: #f4f4f6;
    padding: 10px 0 30px
}

.flextaxis-deals h2 {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    text-align: center
}

.flextaxis-deals .service-wraps h5 {
    color: #151515;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    position: relative;
    z-index: 99
}

.flextaxis-deals .box figure {
    cursor: pointer;
    display: inline-block;
    height: 100px;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    width: 100px
}

.flextaxis-deals .box a {
    display: block
}

.flextaxis-deals .box figure img {
    transition: .5s ease;
    width: 100%
}

.flextaxis-deals .box .wrap-deals {
    display: inline-block
}

.flextaxis-deals .box {
    background: #fff;
    box-shadow: 0 7px 27px 0 rgba(157, 169, 255, .22);
    cursor: pointer;
    margin: 30px auto 0;
    padding: 15px
}

.flextaxis-deals .service-wraps:hover img {
    transform: scale(1.2);
    transition: .5s ease
}

.flextaxis-deals .service-wraps:hover a,
.flextaxis-deals .service-wraps:hover h5 {
    color: #096 !important;
    transition: .5s ease
}

.flextaxis-deals .row>.col-md-3>.box img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.flextaxis-deals .row>.col-md-3>.box h5 {
    color: #4d4848;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 20px 0
}

.flextaxis-deals .row>.col-md-3>.box p {
    color: #888989;
    font-size: 16px;
    font-weight: 400;
    padding: 0 8px
}

.flextaxis-review h4 {
    color: #4d4848;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center
}

.flextaxis-review h3 {
    color: #fff;
    margin-bottom: 30px;
    margin-top: 0
}

.flextaxis-review p {
    color: #909090;
    font-size: 16px
}

.flextaxis-review #review .form-control {
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    height: 45px;
    margin-bottom: 20px;
    outline: 0;
    padding: 20px 0;
    width: 100%
}

.flextaxis-review #review .form-control:focus {
    border-bottom: 2px solid #ececec;
    box-shadow: none;
    outline: 0
}

.flextaxis-review #review .form-control::-webkit-input-placeholder {
    color: #000
}

.flextaxis-review #review .form-control:-ms-input-placeholder {
    color: #000
}

.flextaxis-review #review .form-control:-moz-placeholder,
.flextaxis-review #review .form-control::-moz-placeholder {
    color: #000;
    opacity: 1
}

.flextaxis-review #review .form-group {
    margin-bottom: 30px
}

.flextaxis-review #review textarea {
    height: auto !important
}

.flextaxis-review #review input:focus {
    border-bottom: 3px solid #096
}

.flextaxis-review #review textarea {
    background: #fff;
    border: none;
    border-bottom: 3px solid #096;
    outline: 0;
    width: 90%
}

.flextaxis-review #review textarea:focus {
    border-bottom: 3px solid #096
}

.flextaxis-review .form-button>button {
    background: #ffffffc9;
    background-color: #0c8e36;
    border-radius: 0;
    color: #5d5d5d;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    outline: 0;
    padding: 17px 12px;
    text-align: center;
    transition: .3s ease-in-out;
    width: 100%
}

.flextaxis-review .form-button>button:hover {
    background: #fff;
    color: #1d1d1d;
    transition: .3s ease-in-out
}

.testimonials figure {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 100px;
    margin: 22px auto 0;
    overflow: hidden;
    width: 100px
}

.testimonials .testi-text {
    border-radius: 0;
    margin: 10px auto 0;
    padding: 50px 30px;
    position: relative;
    text-align: center;
    width: 80%
}

.testimonials .testi-text .fa {
    color: #fd880a;
    padding: 0 4px
}

.testimonials .testi-text p {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    line-height: 25px;
    margin-top: 20px
}

.testimonials .testi-text h4 {
    color: #096;
    font-size: 16px;
    font-weight: 400;
    margin: 25px 0 0
}

.testimonials figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.btn-main {
    background: #f74e05;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 45px;
    text-transform: capitalize;
    transition: .3s ease
}

.btn-main:focus,
.btn-main:hover {
    background: 0 0;
    border: 1px solid #096;
    color: #096;
    transition: .3s ease
}

.btn-primary {
    background-color: #f74e05;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 20px 30px
}

.btn-primary.btn-blue {
    background-color: #004ff7
}

.btn-primary.btn-yellow {
    background-color: #f7ad23
}

.btn-primary:hover {
    background: 0 0;
    border: 1px solid #096;
    color: #096;
    transition: .3s ease
}

.flextaxis-footer1 {
    background: #1a2f3a;
    color: #fff;
    min-height: 300px;
    padding: 50px 0
}

.footer_flx .flextaxis-footer2 {
    padding: 50px 0
}

.flextaxis-footer1 .row>div>ul {
    padding-left: 0 !important
}

.flextaxis-footer1 .row>div>ul h4 {
    font-size: 16px;
    font-weight: 400
}

.flextaxis-footer1 .row>div>ul li {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    list-style-type: none;
    padding: 8px 0
}

.flextaxis-footer1 .row>div>ul li a {
    color: #fff;
    font-weight: 600;
    text-decoration: none
}

.flextaxis-footer1 .row>div>ul li a:hover {
    color: #2eb875;
    text-decoration: underline
}

.flextaxis-footer1 h4 {
    border-bottom: 1px solid#54646c;
    color: #2eb875;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-transform: uppercase
}

.footer-mobile,
.footer-tel {
    padding-left: 25px !important;
    text-align: left
}

.footer-mobile a,
.footer-tel a {
    font-size: 22px
}

.footer-tel:before {
    content: "\f095";
    font-size: 22px;
    margin-top: 20px
}

.footer-mobile:before,
.footer-tel:before {
    float: left;
    font-family: FontAwesome, serif;
    margin-left: -25px
}

.footer-mobile:before {
    content: "\f10b";
    font-size: 30px;
    margin-top: 15px
}

.mt-80 {
    margin-top: 80px
}

#subscription button {
    background-color: #096;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 45px;
    outline: 0;
    padding: 12px;
    text-align: center;
    width: 100%
}

#subscription input {
    border: none;
    color: #000;
    font-size: 16px;
    outline: 0;
    padding: 12px
}

#subscription ul {
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
    overflow: hidden
}

#subscription ul li:first-child {
    width: 70%
}

.flextaxis-footer2 {
    background: #101e25;
    color: #fff;
    min-height: 300px;
    transition: .5s ease
}

.flextaxis-footer2 .links {
    margin-top: 0 !important
}

.flextaxis-footer2 .row>div>ul {
    padding-left: 0 !important
}

.flextaxis-footer2 .row>div>ul h4 {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 400
}

.flextaxis-footer2 .row>div>ul li {
    color: #1f1f1f;
    font-size: 16px;
    list-style-type: none;
    padding: 8px 0
}

.flextaxis-footer2 .row>div>ul li a {
    color: #1f1f1f;
    text-decoration: none
}

.flextaxis-footer2 .row>div>ul li a:hover {
    color: #1f1f1f
}

.flextaxis-footer2 .misc {
    padding: 10px 0
}

.flextaxis-footer2 .misc figure h5 {
    align-items: center;
    color: #1f1f1f;
    display: flex;
    font-weight: 400
}

.footer-bottom {
    background-color: #1a2f3a;
    color: #fff;
    padding: 15px 0
}

.contact-temp .support-item figure img {
    height: 65px
}

.links {
    margin-top: 60px
}

.links li {
    display: inline-block;
    margin-right: 15px
}

.links li a {
    color: #242424;
    font-weight: 600
}

.flextaxis-footer2 .misc a {
    color: #242424;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding-right: 20px;
    text-decoration: none
}

.flextaxis-footer2 .misc img {
    padding: 20px 0;
    width: 170px
}

.flextaxis-footer2 .misc h5>a {
    font-size: 21px
}

.flextaxis-fleet,
.flextaxis-rates,
.flextaxis-services,
.flextaxis-testimonials {
    background: url(../img/inner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 70px;
    min-height: 730px
}

.flextaxis-fleet .content-wrapper .start-product h3,
.flextaxis-rates .content-wrapper .start-product h3,
.flextaxis-services .content-wrapper .start-product h3,
.flextaxis-testimonials .content-wrapper .start-product h3 {
    color: #888989;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.flextaxis-fleet .content-wrapper .start-product span,
.flextaxis-rates .content-wrapper .start-product span,
.flextaxis-services .content-wrapper .start-product span,
.flextaxis-testimonials .content-wrapper .start-product span {
    font-size: 16px;
    font-weight: 300
}

.flextaxis-fleet .content-wrapper .start-product figure>img,
.flextaxis-rates .content-wrapper .start-product figure>img,
.flextaxis-services .content-wrapper .start-product figure>img,
.flextaxis-testimonials .content-wrapper .start-product figure>img {
    padding-right: 25px
}

.flextaxis-fleet .content-wrapper .start-product figure>span,
.flextaxis-rates .content-wrapper .start-product figure>span,
.flextaxis-services .content-wrapper .start-product figure>span,
.flextaxis-testimonials .content-wrapper .start-product figure>span {
    font-size: 16px;
    padding-left: 22px
}

.flextaxis-fleet .content-wrapper .start-product p,
.flextaxis-rates .content-wrapper .start-product p,
.flextaxis-services .content-wrapper .start-product p,
.flextaxis-testimonials .content-wrapper .start-product p {
    line-height: 1.6
}

.flextaxis-fleet .content-wrapper .start-product h1,
.flextaxis-rates .content-wrapper .start-product h1,
.flextaxis-services .content-wrapper .start-product h1,
.flextaxis-testimonials .content-wrapper .start-product h1 {
    color: #096;
    font-size: 21px;
    font-weight: 600
}

.flextaxis-fleet .content-wrapper .start-product .des,
.flextaxis-rates .content-wrapper .start-product .des,
.flextaxis-services .content-wrapper .start-product .des,
.flextaxis-testimonials .content-wrapper .start-product .des {
    color: #4d4848;
    font-size: 18px;
    font-weight: 600
}

.flextaxis-fleet .content-wrapper .start-product .paragraph,
.flextaxis-rates .content-wrapper .start-product .paragraph,
.flextaxis-services .content-wrapper .start-product .paragraph,
.flextaxis-testimonials .content-wrapper .start-product .paragraph {
    color: #888989;
    font-size: 16px;
    font-weight: 400;
    margin-top: -22px;
    padding-right: 144px;
    padding-top: 30px
}

.flextaxis-fleet .content-wrapper .start-product .flextaxis-fleet-quote a,
.flextaxis-rates .content-wrapper .start-product .flextaxis-fleet-quote a,
.flextaxis-services .content-wrapper .start-product .flextaxis-fleet-quote a,
.flextaxis-testimonials .content-wrapper .start-product .flextaxis-fleet-quote a {
    border-radius: 0;
    color: #096;
    cursor: pointer;
    font-weight: 600;
    margin-top: 9px;
    text-decoration: none
}

.flextaxis-fleet .content-wrapper .start-product .flextaxis-fleet-quote a:hover,
.flextaxis-rates .content-wrapper .start-product .flextaxis-fleet-quote a:hover,
.flextaxis-services .content-wrapper .start-product .flextaxis-fleet-quote a:hover,
.flextaxis-testimonials .content-wrapper .start-product .flextaxis-fleet-quote a:hover {
    background: #096;
    border-radius: 0;
    color: #fff;
    padding: 10px 15px;
    transition: all .6s
}

.flextaxis-fleet .content-wrapper h1,
.flextaxis-rates .content-wrapper h1,
.flextaxis-services .content-wrapper h1,
.flextaxis-testimonials .content-wrapper h1 {
    color: #4d4848;
    font-size: 21px
}

.flextaxis-fleet .content-wrapper h1 span,
.flextaxis-rates .content-wrapper h1 span,
.flextaxis-services .content-wrapper h1 span,
.flextaxis-testimonials .content-wrapper h1 span {
    color: #096;
    font-size: 21px;
    font-weight: 700
}

.flextaxis-all-FAQ,
.flextaxis-all-feedback,
.flextaxis-all-fleet,
.flextaxis-all-rates,
.flextaxis-all-services {
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 120px
}

.flextaxis-all-services {
    margin-top: 0
}

.flextaxis-all-FAQ .fleet-content-wapper h4,
.flextaxis-all-feedback .fleet-content-wapper h4,
.flextaxis-all-fleet .fleet-content-wapper h4,
.flextaxis-all-rates .fleet-content-wapper h4,
.flextaxis-all-services .fleet-content-wapper h4 {
    color: #4d4848;
    font-size: 21px;
    font-weight: 500
}

.flextaxis-all-services .secure-payment {
    color: #303030;
    margin-top: 50px
}

.filter-n-card .search input {
    background: 0 0;
    border: none;
    border-bottom: 1px solid #909090;
    border-radius: 0;
    font-size: 16px;
    font-style: italic;
    outline: 0;
    padding: 5px;
    width: 36%
}

.filter-n-card .search input:focus {
    border-bottom: 1px solid #096;
    color: #888989;
    font-weight: 600;
    outline: 0
}

.filter-n-card .search .search-button {
    background: #096;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    outline: 0;
    text-align: center;
    text-decoration: none
}

.filter-n-card .search .search-button:hover {
    background: #096;
    transition: all .6s
}

.filter-n-card .filter-button {
    border: 1px solid #096;
    border-radius: 0;
    color: #096;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    outline: 0;
    text-align: center;
    text-decoration: none
}

.filter-n-card .filter-button span {
    color: #888989;
    padding: 0 0 0 8px
}

.filter-n-card .filter-button:hover {
    background: #096;
    border: 1px solid #096;
    border-radius: 0;
    color: #fff;
    transition: all .6s
}

.filter-n-card .filter-button:hover span {
    border-left: 2px solid #fff;
    color: #fff
}

.filter-button:active,
.filter-button:focus {
    background-color: #096;
    color: #fff
}

.filter-button:active span,
.filter-button:focus span {
    border-left: 2px solid #fff;
    color: #fff
}

.feedback-card {
    background: #fff;
    box-shadow: 0 8px 11px 0 rgba(121, 127, 146, .17);
    padding: 30px
}

.feedback-card-wrapper,
.fleet-card-wrapper,
.rates-card-wrapper,
.services-card-wrapper {
    margin-top: 20px
}

.fleet-card-wrapper .fleet-card {
    min-height: 480px
}

.feedback-card-wrapper .feedback-card>.box,
.feedback-card-wrapper .fleet-card>.box,
.feedback-card-wrapper .services-card>.box,
.feedback-card-wrapper .testimonials-card>.box,
.fleet-card-wrapper .feedback-card>.box,
.fleet-card-wrapper .fleet-card>.box,
.fleet-card-wrapper .services-card>.box,
.fleet-card-wrapper .testimonials-card>.box,
.rates-card-wrapper .feedback-card>.box,
.rates-card-wrapper .fleet-card>.box,
.rates-card-wrapper .services-card>.box,
.rates-card-wrapper .testimonials-card>.box,
.services-card-wrapper .feedback-card>.box,
.services-card-wrapper .fleet-card>.box,
.services-card-wrapper .services-card>.box,
.services-card-wrapper .testimonials-card>.box {
    background: #fff;
    box-shadow: 1px 2px 10px -2px #9c979c;
    margin-bottom: 30px;
    min-height: 100px;
    padding: 15px
}

.feedback-card-wrapper .feedback-card>.box h4,
.feedback-card-wrapper .fleet-card>.box h4,
.feedback-card-wrapper .services-card>.box h4,
.feedback-card-wrapper .testimonials-card>.box h4,
.fleet-card-wrapper .feedback-card>.box h4,
.fleet-card-wrapper .fleet-card>.box h4,
.fleet-card-wrapper .services-card>.box h4,
.fleet-card-wrapper .testimonials-card>.box h4,
.rates-card-wrapper .feedback-card>.box h4,
.rates-card-wrapper .fleet-card>.box h4,
.rates-card-wrapper .services-card>.box h4,
.rates-card-wrapper .testimonials-card>.box h4,
.services-card-wrapper .feedback-card>.box h4,
.services-card-wrapper .fleet-card>.box h4,
.services-card-wrapper .services-card>.box h4,
.services-card-wrapper .testimonials-card>.box h4 {
    color: #096;
    font-size: 18px;
    font-weight: 600
}

.feedback-card-wrapper .feedback-card>.box h5,
.feedback-card-wrapper .fleet-card>.box h5,
.feedback-card-wrapper .services-card>.box h5,
.feedback-card-wrapper .testimonials-card>.box h5,
.fleet-card-wrapper .feedback-card>.box h5,
.fleet-card-wrapper .fleet-card>.box h5,
.fleet-card-wrapper .services-card>.box h5,
.fleet-card-wrapper .testimonials-card>.box h5,
.rates-card-wrapper .feedback-card>.box h5,
.rates-card-wrapper .fleet-card>.box h5,
.rates-card-wrapper .services-card>.box h5,
.rates-card-wrapper .testimonials-card>.box h5,
.services-card-wrapper .feedback-card>.box h5,
.services-card-wrapper .fleet-card>.box h5,
.services-card-wrapper .services-card>.box h5,
.services-card-wrapper .testimonials-card>.box h5 {
    color: #4d4848;
    font-size: 16px;
    font-weight: 600
}

.feedback-card-wrapper .feedback-card>.box img,
.feedback-card-wrapper .fleet-card>.box img,
.feedback-card-wrapper .services-card>.box img,
.feedback-card-wrapper .testimonials-card>.box img,
.fleet-card-wrapper .feedback-card>.box img,
.fleet-card-wrapper .fleet-card>.box img,
.fleet-card-wrapper .services-card>.box img,
.fleet-card-wrapper .testimonials-card>.box img,
.rates-card-wrapper .feedback-card>.box img,
.rates-card-wrapper .fleet-card>.box img,
.rates-card-wrapper .services-card>.box img,
.rates-card-wrapper .testimonials-card>.box img,
.services-card-wrapper .feedback-card>.box img,
.services-card-wrapper .fleet-card>.box img,
.services-card-wrapper .services-card>.box img,
.services-card-wrapper .testimonials-card>.box img {
    width: 30%
}

.feedback-card-wrapper .feedback-card>.box figure>img,
.feedback-card-wrapper .fleet-card>.box figure>img,
.feedback-card-wrapper .services-card>.box figure>img,
.feedback-card-wrapper .testimonials-card>.box figure>img,
.fleet-card-wrapper .feedback-card>.box figure>img,
.fleet-card-wrapper .fleet-card>.box figure>img,
.fleet-card-wrapper .services-card>.box figure>img,
.fleet-card-wrapper .testimonials-card>.box figure>img,
.rates-card-wrapper .feedback-card>.box figure>img,
.rates-card-wrapper .fleet-card>.box figure>img,
.rates-card-wrapper .services-card>.box figure>img,
.rates-card-wrapper .testimonials-card>.box figure>img,
.services-card-wrapper .feedback-card>.box figure>img,
.services-card-wrapper .fleet-card>.box figure>img,
.services-card-wrapper .services-card>.box figure>img,
.services-card-wrapper .testimonials-card>.box figure>img {
    width: 90%
}

.feedback-card-wrapper .feedback-card>.box figure>.new-responsive,
.feedback-card-wrapper .fleet-card>.box figure>.new-responsive,
.feedback-card-wrapper .services-card>.box figure>.new-responsive,
.feedback-card-wrapper .testimonials-card>.box figure>.new-responsive,
.fleet-card-wrapper .feedback-card>.box figure>.new-responsive,
.fleet-card-wrapper .fleet-card>.box figure>.new-responsive,
.fleet-card-wrapper .services-card>.box figure>.new-responsive,
.fleet-card-wrapper .testimonials-card>.box figure>.new-responsive,
.rates-card-wrapper .feedback-card>.box figure>.new-responsive,
.rates-card-wrapper .fleet-card>.box figure>.new-responsive,
.rates-card-wrapper .services-card>.box figure>.new-responsive,
.rates-card-wrapper .testimonials-card>.box figure>.new-responsive,
.services-card-wrapper .feedback-card>.box figure>.new-responsive,
.services-card-wrapper .fleet-card>.box figure>.new-responsive,
.services-card-wrapper .services-card>.box figure>.new-responsive,
.services-card-wrapper .testimonials-card>.box figure>.new-responsive {
    width: 30% !important
}

.feedback-card-wrapper .feedback-card>.box figure>.new-responsive2,
.feedback-card-wrapper .fleet-card>.box figure>.new-responsive2,
.feedback-card-wrapper .services-card>.box figure>.new-responsive2,
.feedback-card-wrapper .testimonials-card>.box figure>.new-responsive2,
.fleet-card-wrapper .feedback-card>.box figure>.new-responsive2,
.fleet-card-wrapper .fleet-card>.box figure>.new-responsive2,
.fleet-card-wrapper .services-card>.box figure>.new-responsive2,
.fleet-card-wrapper .testimonials-card>.box figure>.new-responsive2,
.rates-card-wrapper .feedback-card>.box figure>.new-responsive2,
.rates-card-wrapper .fleet-card>.box figure>.new-responsive2,
.rates-card-wrapper .services-card>.box figure>.new-responsive2,
.rates-card-wrapper .testimonials-card>.box figure>.new-responsive2,
.services-card-wrapper .feedback-card>.box figure>.new-responsive2,
.services-card-wrapper .fleet-card>.box figure>.new-responsive2,
.services-card-wrapper .services-card>.box figure>.new-responsive2,
.services-card-wrapper .testimonials-card>.box figure>.new-responsive2 {
    width: auto
}

.feedback-card-wrapper .feedback-card>.box .card-state,
.feedback-card-wrapper .fleet-card>.box .card-state,
.feedback-card-wrapper .services-card>.box .card-state,
.feedback-card-wrapper .testimonials-card>.box .card-state,
.fleet-card-wrapper .feedback-card>.box .card-state,
.fleet-card-wrapper .fleet-card>.box .card-state,
.fleet-card-wrapper .services-card>.box .card-state,
.fleet-card-wrapper .testimonials-card>.box .card-state,
.rates-card-wrapper .feedback-card>.box .card-state,
.rates-card-wrapper .fleet-card>.box .card-state,
.rates-card-wrapper .services-card>.box .card-state,
.rates-card-wrapper .testimonials-card>.box .card-state,
.services-card-wrapper .feedback-card>.box .card-state,
.services-card-wrapper .fleet-card>.box .card-state,
.services-card-wrapper .services-card>.box .card-state,
.services-card-wrapper .testimonials-card>.box .card-state {
    color: #096;
    font-size: 16px;
    font-weight: 600
}

.feedback-card-wrapper .feedback-card>.box .card-state a,
.feedback-card-wrapper .fleet-card>.box .card-state a,
.feedback-card-wrapper .services-card>.box .card-state a,
.feedback-card-wrapper .testimonials-card>.box .card-state a,
.fleet-card-wrapper .feedback-card>.box .card-state a,
.fleet-card-wrapper .fleet-card>.box .card-state a,
.fleet-card-wrapper .services-card>.box .card-state a,
.fleet-card-wrapper .testimonials-card>.box .card-state a,
.rates-card-wrapper .feedback-card>.box .card-state a,
.rates-card-wrapper .fleet-card>.box .card-state a,
.rates-card-wrapper .services-card>.box .card-state a,
.rates-card-wrapper .testimonials-card>.box .card-state a,
.services-card-wrapper .feedback-card>.box .card-state a,
.services-card-wrapper .fleet-card>.box .card-state a,
.services-card-wrapper .services-card>.box .card-state a,
.services-card-wrapper .testimonials-card>.box .card-state a {
    border-radius: 0;
    color: #096;
    cursor: pointer;
    text-decoration: none
}

.feedback-card-wrapper .feedback-card>.box .card-state a:hover,
.feedback-card-wrapper .fleet-card>.box .card-state a:hover,
.feedback-card-wrapper .services-card>.box .card-state a:hover,
.feedback-card-wrapper .testimonials-card>.box .card-state a:hover,
.fleet-card-wrapper .feedback-card>.box .card-state a:hover,
.fleet-card-wrapper .fleet-card>.box .card-state a:hover,
.fleet-card-wrapper .services-card>.box .card-state a:hover,
.fleet-card-wrapper .testimonials-card>.box .card-state a:hover,
.rates-card-wrapper .feedback-card>.box .card-state a:hover,
.rates-card-wrapper .fleet-card>.box .card-state a:hover,
.rates-card-wrapper .services-card>.box .card-state a:hover,
.rates-card-wrapper .testimonials-card>.box .card-state a:hover,
.services-card-wrapper .feedback-card>.box .card-state a:hover,
.services-card-wrapper .fleet-card>.box .card-state a:hover,
.services-card-wrapper .services-card>.box .card-state a:hover,
.services-card-wrapper .testimonials-card>.box .card-state a:hover {
    background: #096;
    border-radius: 0;
    color: #fff;
    padding: 10px 8px;
    transition: all .6s
}

.fleet-card-wrapper .fleet-card>.box {
    margin: 0 !important
}

.fleet-card-wrapper .fleet-card h5 {
    background: #096;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 10px
}

.flextaxis-booking {
    padding: 0
}

.flextaxis-booking .flextaxis-vechile-selection {
    margin-top: 10px
}

.flextaxis-booking .flextaxis-vechile-selection .box>.booking-content-wrapper {
    background: #fff;
    border-bottom: 3px solid #e30613;
    border-radius: 0;
    box-shadow: 0 3px 21px 1px #c7e0ff63;
    margin-bottom: 30px;
    min-height: 500px;
    padding: 15px 30px
}

.content-wrapper figure img {
    margin: 0 auto
}

.flextaxis-booking .flextaxis-vechile-selection .box>.booking-content-wrapper h4 {
    border-left: 4px solid #096;
    color: #1f1f1f;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 45px;
    padding-left: 12px
}

.flextaxis-booking .flextaxis-vechile-selection .box>.booking-content-wrapper h4 span>a {
    border: 1px solid #096;
    border-radius: 0;
    color: #096;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 10px;
    text-decoration: none;
    transition: all .6s
}

.flextaxis-booking .flextaxis-vechile-selection .box>.booking-content-wrapper h4 span>a:hover {
    background: #096;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: all .6s
}

.flextaxis-booking .flextaxis-vechile-selection .box>.booking-content-wrapper h5 {
    border-top: 1px solid #ddd;
    color: #333;
    font-size: 16px;
    padding: 12px 0 0 23px;
    position: relative
}

.flextaxis-booking .flextaxis-vechile-selection .box>.booking-content-wrapper h5 span {
    color: #4d4848;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize
}

.flextaxis-booking .flextaxis-vechile-selection .box>.booking-content-wrapper h5 .ion {
    color: #096;
    font-size: 21px;
    font-weight: 500;
    left: 0;
    position: absolute
}

.flextaxis-booking .bg-title {
    background: #096;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-top: 0;
    padding: 12px 30px
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-specify-deatils {
    color: #909090;
    font-size: 16px
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-specify-deatils #specify select {
    background: #fbfbfb;
    border: 1px solid #f1eef2;
    border-bottom: 3px solid #096;
    border-top: none;
    color: #4d4848;
    font-weight: 500;
    min-height: 50px;
    outline: 0
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-specify-deatils #specify select:focus {
    border-bottom: 3px solid #096
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-specify-deatils #specify button {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    min-height: 50px
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-specify-deatils h5 {
    color: #888989
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils {
    background: #fff;
    border-bottom: 3px solid #096;
    padding: 10px 15px
}

.booking-fleet-deatils .vehicle {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.booking-fleet-deatils label {
    margin-top: 15px
}

.booking-fleet-deatils .radio {
    margin: 0 !important
}

.form-wraps .booking-fleet-deatils {
    border-bottom: none !important;
    margin-bottom: 20px
}

.form-wraps .bg-title {
    margin-bottom: 0
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-2,
.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-4 {
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-2 figure img,
.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-4 figure img {
    width: 50% !important
}

.booking-fleet-deatils .vehicle img {
    margin: 0 auto
}

.booking-fleet-deatils .price {
    color: #096;
    font-size: 21px;
    font-weight: 700
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-2 h4,
.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-4 h4 {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-2 h5,
.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-4 h5 {
    color: #4d4848;
    font-size: 18px;
    font-weight: 500
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-2 h5 a button,
.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-4 h5 a button {
    background: #fff;
    border: 1px solid #096;
    border-radius: 0;
    color: #096;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all .6s
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-2 h5 a button:hover,
.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-4 h5 a button:hover {
    background: #096;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: all .6s
}

.flextaxis-booking .booking-specify-vechile .row>.col-md-4>.box {
    background: #fbfbfb;
    box-shadow: 1px 2px 10px -2px #9c979c;
    margin-bottom: 30px;
    min-height: 300px;
    padding: 15px
}

.flextaxis-booking .booking-specify-vechile figure>img {
    width: 90%
}

.flextaxis-booking .booking-specify-vechile img {
    width: 30%
}

.flextaxis-booking .booking-specify-vechile h4 {
    color: #909090;
    font-size: 16px;
    font-weight: 500
}

.flextaxis-booking .booking-specify-vechile h5 {
    color: #4d4848;
    font-size: 16px;
    font-weight: 500;
    min-height: 35px
}

.flextaxis-booking .booking-specify-vechile p {
    color: #181818;
    font-size: 16px;
    min-height: 70px;
    padding: 5px 0;
    text-align: left
}

.flextaxis-booking .booking-specify-vechile .col-md-6 {
    color: #096;
    font-size: 21px;
    font-weight: 500
}

.flextaxis-booking .booking-specify-vechile .col-md-6 a {
    color: #096;
    cursor: pointer;
    text-decoration: none;
    transition: all .6s
}

.flextaxis-booking .booking-specify-vechile .col-md-6 a:hover {
    background: #096;
    color: #fff;
    padding: 8px 10px;
    transition: all .6s
}

.flextaxis-booking .booking-specify-login .row {
    display: flex;
    flex-wrap: wrap
}

.flextaxis-booking .booking-specify-login .row>.col-md-6 .box {
    background: #fbfbfb;
    border-bottom: 3px solid #096;
    box-shadow: 1px 2px 10px -2px #9c979c;
    height: 100%;
    min-height: 300px;
    padding: 15px
}

.flextaxis-booking .booking-specify-login .row>.col-md-6 .box .easy-group a button {
    background: 0 0;
    border: 1px solid #909090;
    border-radius: 0;
    color: #909090;
    font-weight: 500;
    margin-top: 31px;
    outline: 0;
    padding: 10px 15px;
    text-decoration: none;
    transition: all .6s;
    width: 100%
}

.flextaxis-booking .booking-specify-login .row>.col-md-6 .box .easy-group a button:hover {
    background: #096;
    border: 1px solid transparent;
    color: #fff;
    transition: all .6s
}

.booking-fleet-deatils .col-md-12 h5 a {
    color: #096;
    font-weight: 500;
    text-decoration: none
}

.booking-fleet-deatils .col-md-12 h5 span {
    color: #909090
}

.booking-fleet-deatils .col-md-12 h5 span strong {
    color: #096;
    font-size: 18px
}

.booking-fleet-deatils .col-md-12 .collapse {
    margin-top: 20px
}

.booking-fleet-deatils .col-md-12 .rate-calculator h4 {
    color: #909090;
    font-size: 16px
}

.booking-fleet-deatils .col-md-12 .rate-calculator ul li {
    border-bottom: 1px solid #ddd;
    color: #4d4848;
    font-weight: 500;
    padding: 5px 0
}

.booking-fleet-deatils .col-md-12 .rate-calculator ul li span {
    color: #096;
    font-size: 18px
}

.booking-payment .col-md-4 .box {
    background: #fbfbfb;
    border-bottom: 3px solid #096;
    box-shadow: 0 5px 17px -4px #8585bf;
    margin-bottom: 30px;
    min-height: 100px;
    padding: 20px 15px
}

.booking-payment .col-md-4 .box img {
    backface-visibility: hidden;
    height: 61px;
    width: 60px
}

.booking-payment .col-md-4 .box h4 {
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.booking-payment .col-md-4 .box h5 {
    color: #000;
    font-size: 21px;
    font-weight: 700
}

.booking-payment .col-md-4 .box p {
    color: #909090;
    font-size: 16px
}

.booking-payment .col-md-4 .box a {
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-top: 9px;
    padding: 10px 15px;
    width: 100%
}

.booking-payment .col-md-4 .box a,
.booking-payment .col-md-4 .box a:hover {
    background: #096;
    text-decoration: none
}

.booking-confirm {
    padding: 60px 0
}

.booking-confirm .col-md-12 .box {
    min-height: 100px;
    padding: 10px 15px
}

.booking-confirm .col-md-12 .box .links-wrapper ul li {
    display: inline-block;
    margin-top: 20px
}

.booking-confirm .col-md-12 .box .links-wrapper ul li a {
    background: #096;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    text-decoration: none
}

.booking-confirm .col-md-12 .box .links-wrapper ul li a:hover {
    background: #096
}

.booking-confirm .col-md-12 .box .ele-wrapper {
    margin-top: 22px
}

.booking-confirm .col-md-12 .box .ele-wrapper .box {
    background: #fff;
    border: none;
    box-shadow: 0 3px 21px 1px #c7e0ff63;
    margin: 7px 0;
    min-height: 100px
}

.booking-confirm .col-md-12 .box .ele-wrapper .box ul h4 {
    color: #096
}

.booking-confirm .col-md-12 .box .ele-wrapper .box ul li {
    padding: 5px 0
}

.confirm-booking-wrapper figure {
    margin: 40px 0
}

.booking-confirm .col-md-12 .box .ele-wrapper .box ul li a {
    color: #096;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none
}

.element-wrapper .col-md-12 {
    margin-top: 15px
}

.element-wrapper .col-md-12 a {
    background: #009966e0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 21px;
    font-weight: 500;
    padding: 15px 30px;
    text-decoration: none
}

.element-wrapper .col-md-12 a:hover {
    background: #096
}

.element-wrapper .col-md-12 a p {
    font-size: 16px;
    font-weight: 300
}

.flextaxis-all-jobs {
    background: url(../img/inner2.jpg);
    background-size: cover;
    margin-top: 100px;
    padding: 30px 0
}

.flextaxis-all-jobs h1 {
    color: #4d4848;
    font-size: 21px
}

.flextaxis-all-jobs h1 span {
    color: #096
}

.flextaxis-all-bids-jobs {
    background: url(../img/inner2.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.flextaxis-all-bids-jobs .search select {
    border: 1px solid #909090;
    color: #909090;
    font-weight: 600;
    padding: 6px 0
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .box {
    background: #fff;
    box-shadow: 0 1px 8px -3px #242424;
    margin-bottom: 5px;
    margin-top: 20px;
    padding: 10px 15px
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-2 {
    border-right: 1px solid #ddd
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-2 h1 {
    color: #096;
    font-size: 21px;
    font-weight: 600
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-2 h5 {
    color: #909090;
    font-size: 16px;
    font-weight: 600
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-2 h5 span {
    color: #4d4848
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-2 i {
    color: #909090;
    font-weight: 400
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-2 .wish {
    background: #fff;
    border-radius: 0;
    color: #096;
    font-weight: 600;
    margin: 10px 0;
    padding: 10px 15px;
    width: 100%
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-2 .bid {
    background: #096;
    border: 1px solid #096;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    padding: 10px 15px;
    width: 100%
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .say {
    border: none
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-3 {
    border-right: 1px solid #ddd
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-3 h5 {
    color: #909090;
    font-weight: 600
}

.flextaxis-all-bids-jobs .job-card-wrapper .job-card .col-md-3 h5 span {
    color: #4d4848;
    font-size: 16px;
    font-weight: 600
}

.overall-wrapper {
    background-repeat: no-repeat;
    background-size: cover
}

.overall-wrapper {
    background-image: url(../img/booking-inner.jpg);
    min-height: 500px;
    padding: 30px 0
}

.flextaxis-bid-jobs {
    margin-top: 120px;
    padding-top: 50px
}

.flextaxis-ref-jobs-details {
    padding: 30px 0
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .box {
    background: #fff;
    box-shadow: 0 1px 8px -3px #242424;
    margin-bottom: 5px;
    margin-top: 20px;
    padding: 10px 15px
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-2 {
    border-right: 1px solid #ddd
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-2 h1 {
    color: #096;
    font-size: 21px;
    font-weight: 600
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-2 h5 {
    color: #909090;
    font-size: 16px;
    font-weight: 600
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-2 h5 span {
    color: #4d4848
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-2 i {
    color: #909090;
    font-weight: 400
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-2 .wish {
    background: #fff;
    border-radius: 0;
    color: #096;
    font-weight: 600;
    margin: 10px 0;
    padding: 10px 15px;
    width: 100%
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-2 .bid {
    background: #096;
    border: 1px solid #096;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    padding: 10px 15px;
    width: 100%
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .say {
    border: none
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-3 {
    border-right: 1px solid #ddd
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-3 h5 {
    color: #909090;
    font-weight: 600
}

.flextaxis-ref-jobs-details .job-card-wrapper .job-card .col-md-3 h5 span {
    color: #4d4848;
    font-size: 16px;
    font-weight: 600
}

.pages .pager li>a {
    border: none;
    border-radius: 0;
    color: #096;
    font-size: 16px;
    padding: 10px 15px
}

.pages .pager .previous>a {
    background: 0 0;
    border: 1px solid #096;
    color: #096
}

.pages .pager .next>a,
.pages .pager .previous>a {
    border-radius: 0;
    font-weight: 600;
    text-transform: none
}

.pages .pager .next>a {
    background: #096;
    color: #fff
}

.overall-wrapper-new {
    background-image: url(../img/inner2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    padding-bottom: 40px
}

.overall-wrapper-new .content-wrapper h1 {
    color: #096
}

.overall-wrapper-new .content-wrapper h5 {
    color: #4d4848
}

.flextaxis-login {
    min-height: 200px
}

.flextaxis-login .list-unstyled.chevron-ico li {
    font-size: 16px;
    line-height: 25px
}

.flextaxis-login .col-md-6.hide-image img {
    margin-top: 0;
    width: 100%
}

.flextaxis-login .account-wrapper {
    margin: 10px auto auto;
    min-height: 430px;
    padding: 50px 30px 22px
}

.gdpr-policy .checkbox label input[name=terms_3] {
    width: 68px !important
}

.feedback-content-wapper span {
    color: #096;
    font-size: 62px;
    font-weight: 700
}

.feedback-content-wapper h4 a span {
    cursor: pointer;
    font-size: 21px;
    padding: 22px
}

.feedback-content-wapper h4 a span:hover {
    color: #096
}

.new-content-wrapper-feedback {
    border-left: 1px solid #90909066;
    border-right: 1px solid #90909066
}

.panel-group {
    cursor: pointer
}

.landing {
    background: url(../img/inner.jpg) no-repeat top;
    background-size: cover
}

.dropdown-container {
    display: none
}

.dropdown-container a {
    background: 0 0;
    border: 1px solid #909090;
    color: #909090;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    outline: 0;
    padding: 10px 15px
}

.custom-dropdown-button,
.dropdown-container a:hover {
    border: 1px solid #096;
    color: #096
}

.custom-dropdown-button {
    background: 0 0;
    font-size: 16px;
    font-weight: 500;
    outline: 0;
    padding: 10px 15px
}

.commision-wrapper {
    color: #9ac438
}

.commision-wrapper span {
    font-size: 21px;
    font-weight: 600
}

.custom-dashboard-navbar {
    background: #4d4848;
    border: none;
    margin-bottom: 10px
}

.custom-dashboard-navbar .navbar-brand i {
    color: #fff
}

.custom-dashboard-navbar .navbar-right .dropdown .login-toggle {
    background: 0 0
}

.custom-dashboard-navbar .navbar-right .dropdown .login-toggle img {
    border: 2px solid #fff
}

.custom-dashboard-navbar .navbar-right .dropdown .login-toggle span {
    color: #fff;
    font-weight: 600
}

.custom-dashboard-navbar .navbar-nav>li>.dropdown-menu {
    background: #4d4848;
    border: none;
    color: #fff;
    padding-right: 15px
}

.custom-dashboard-navbar .navbar-nav>li>.dropdown-menu#notification-list {
    left: auto;
    padding: 5px !important;
    right: 0;
    width: 500px
}

.custom-dashboard-navbar .navbar-nav>li>.dropdown-menu#notification-list h4,
.custom-dashboard-navbar .navbar-nav>li>.dropdown-menu#notification-list i {
    font-size: 16px;
    font-weight: 300;
    padding-left: 25px;
    text-indent: -24px
}

.custom-dashboard-navbar .navbar-nav>li>.dropdown-menu#notification-list .fa {
    color: #2c9966
}

.custom-dashboard-navbar .navbar-nav>li>.dropdown-menu#notification-list .list-group-item-text {
    display: block;
    text-align: right
}

.custom-dashboard-navbar .navbar-nav>li>.dropdown-menu li {
    cursor: pointer
}

.custom-dashboard-navbar .navbar-nav>li>.dropdown-menu li a {
    color: #fff;
    margin-top: 0
}

.custom-dashboard-navbar .navbar-nav>li>.dropdown-menu li a span {
    color: #fff;
    padding: 5px 10px
}

.custom-dashboard-navbar li>a {
    color: #fff
}

.custom-dashboard-navbar li>a .ion-ios-bell {
    color: #096;
    font-size: 21px
}

.dashboard-section {
    background: url(../img/inner2.jpg);
    margin-top: 10px;
    min-height: 500px;
    padding: 30px
}

.dashboard-section .dashboard-wrapper .box-wrap {
    background: #fff;
    box-shadow: 0 1px 8px -3px #242424;
    margin-bottom: 30px;
    min-height: 200px
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap {
    padding: 30px 0 0
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap .profile-pic {
    position: relative
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap .profile-pic figcaption {
    color: #909090;
    left: 20px;
    position: absolute;
    top: 0
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap .profile-pic figcaption span {
    color: #096
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap .profile-pic img {
    border: 2px solid #096
}

.profile-pic img {
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 120px
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap ul {
    padding: 15px 0 0
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap ul b {
    color: #4d4848;
    font-size: 18px
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap ul i {
    color: #909090
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap ul p {
    color: #909090;
    font-size: 16px;
    padding: 10px 15px
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap .profile-anchor a {
    color: #888989;
    cursor: pointer;
    display: inherit;
    font-size: 16px;
    padding-bottom: 20px;
    text-decoration: none
}

.dashboard-section .dashboard-wrapper .profile-button-bid a {
    background: #096;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 500;
    outline: 0;
    padding: 10px 15px;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.dashboard-section .dashboard-wrapper .profile-button-bid a:hover {
    background: #096
}

.dashboard-section .dashboard-wrapper .dashboard-menus {
    background: #fff;
    box-shadow: 0 1px 8px -3px #242424;
    margin-bottom: 20px;
    padding: 15px
}

.dashboard-section .dashboard-wrapper .dashboard-menus article {
    color: #909090
}

.dashboard-section .dashboard-wrapper .dashboard-menus article span {
    color: #096
}

.dashboard-section .dashboard-wrapper .my-bids {
    padding: 15px 10px
}

.dashboard-section .dashboard-wrapper .my-bids h4 {
    color: #4d4848;
    font-size: 21px;
    font-weight: 600
}

.dashboard-section .dashboard-wrapper .my-bids figure {
    margin: 30px
}

.dashboard-section .dashboard-wrapper .my-bids h5 {
    color: #888989;
    font-size: 18px
}

.dashboard-section .dashboard-wrapper .my-bids h3 {
    color: #096;
    font-size: 21px;
    font-weight: 600
}

.dashboard-section .dashboard-wrapper .my-bids .new {
    border-right: 1px solid #ddd
}

.dashboard-section .dashboard-wrapper .my-bids h1 {
    color: #096;
    font-size: 80px
}

.dashboard-section .dashboard-wrapper .earning-button-anchor a {
    background: #eee;
    color: #4d4848;
    cursor: pointer;
    display: block;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.dashboard-section .part {
    border-right: 1px solid #90909061
}

.dashboard-section .dropdown button {
    background: #ddd;
    border-radius: 0;
    color: #828282;
    font-weight: 600;
    margin-top: 5px;
    outline: 0;
    padding: 10px 15px
}

.dashboard-section .dropdown button span {
    font-size: 16px
}

#password-dashboard-profile h4,
.dashboard-profile h4 {
    font-size: 16px;
    font-weight: 500
}

#password-dashboard-profile .submit-button,
.dashboard-profile .submit-button {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    outline: 0;
    padding: 15px;
    text-align: left;
    transition: .5s ease-out;
    width: 99%
}

#password-dashboard-profile .submit-button:hover,
.dashboard-profile .submit-button:hover {
    background-color: #096;
    transition: .5s ease-in
}

#password-dashboard-profile .account-type-wrapper,
.dashboard-profile .account-type-wrapper {
    border-bottom: 1px solid #888989;
    padding-bottom: 20px
}

#password-dashboard-profile .account-type-wrapper .radio,
.dashboard-profile .account-type-wrapper .radio {
    display: inline-block;
    margin-right: 10px
}

#password-dashboard-profile .account-type-wrapper .radio label,
.dashboard-profile .account-type-wrapper .radio label {
    padding: 0
}

#password-dashboard-profile .account-type-wrapper .radio input,
.dashboard-profile .account-type-wrapper .radio input {
    opacity: 0
}

#password-dashboard-profile .account-type-wrapper .radio input:checked~span,
.dashboard-profile .account-type-wrapper .radio input:checked~span {
    background: #096;
    color: #fff
}

#password-dashboard-profile .account-type-wrapper .radio span,
.dashboard-profile .account-type-wrapper .radio span {
    border: 1px solid #096;
    color: #096;
    padding: 10px 20px
}

.dashboard-profile .account-type-wrapper .radio span {
    padding: 10px 28px
}

#password-dashboard-profile .dashboard-info-wrapper,
.dashboard-profile .dashboard-info-wrapper {
    border-bottom: 1px solid #888989;
    padding: 20px 0
}

#password-dashboard-profile .dashboard-info-wrapper input,
#password-dashboard-profile .dashboard-info-wrapper select,
.dashboard-profile .dashboard-info-wrapper input,
.dashboard-profile .dashboard-info-wrapper select {
    background: #fff;
    border: none;
    border-bottom: 3px solid #096;
    border-radius: 0;
    color: #4d4848;
    height: 50px;
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 98%
}

.dashboard-profile .dashboard-info-wrapper input[type=radio] {
    border: none;
    height: auto !important;
    width: inherit !important
}

#password-dashboard-profile .dashboard-info-wrapper input:focus,
#password-dashboard-profile .dashboard-info-wrapper select:focus,
.dashboard-profile .dashboard-info-wrapper input:focus,
.dashboard-profile .dashboard-info-wrapper select:focus {
    border-bottom: 3px solid #096;
    outline: 0
}

#password-dashboard-profile .dashboard-info-wrapper small,
.dashboard-profile .dashboard-info-wrapper small {
    color: #909090;
    font-style: italic
}

#password-dashboard-profile .dashboard-info-wrapper .image-input-file-container,
.dashboard-profile .dashboard-info-wrapper .image-input-file-container {
    padding-top: 0
}

#password-dashboard-profile .dashboard-info-wrapper .image-input-file-container input,
.dashboard-profile .dashboard-info-wrapper .image-input-file-container input {
    display: none
}

#password-dashboard-profile .dashboard-info-wrapper .image-input-file-container label,
.dashboard-profile .dashboard-info-wrapper .image-input-file-container label {
    color: #096;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
    outline: 0
}

.vec-img img {
    width: 100%
}

.driver-fleet-doc .is-flex {
    align-items: flex-start;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding-top: 8px
}

.driver-fleet-doc .is-flex .fa {
    padding: 6px 13px
}

#password-dashboard-profile .dashboard-info-wrapper .image-input-file-container label span,
.dashboard-profile .dashboard-info-wrapper .image-input-file-container label span {
    font-size: 18px;
    font-weight: 600
}

.row.driver-fleet-doc {
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12);
    margin: 15px 0;
    padding: 15px 2px
}

.row.driver-fleet-doc .btn.save {
    display: inline-block;
    text-align: center
}

.password-info-wrapper {
    padding: 20px 0 0
}

.password-info-wrapper h4 {
    font-size: 16px;
    font-weight: 500
}

.password-info-wrapper ul li {
    color: #888989;
    font-size: 16px;
    padding: 0 0 20px
}

.modal h2 {
    font-size: 21px;
    font-weight: 300
}

#password-myModal,
#terms {
    background: url(../img/inner.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

#password-myModal .modal-dialog,
#terms .modal-dialog {
    padding-top: 50px;
    width: 35%
}

#password-myModal .modal-content,
#terms .modal-content {
    border: none;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    min-height: 460px
}

#password-myModal .modal-content .modal-header,
#terms .modal-content .modal-header {
    border-bottom: none;
    color: #4d4848
}

#password-myModal .modal-content .modal-header button,
#terms .modal-content .modal-header button {
    background: #fff;
    border: none;
    outline: 0
}

#password-myModal .modal-content .modal-header button:hover,
#terms .modal-content .modal-header button:hover {
    color: #096
}

#password-myModal .modal-content .modal-header button span,
#terms .modal-content .modal-header button span {
    color: #4d4848;
    font-size: 16px;
    font-weight: 500;
    transition: .5s ease-out
}

#password-myModal .modal-content .modal-header button span:hover i,
#terms .modal-content .modal-header button span:hover i {
    padding-right: 15px;
    transition: .5s ease-in
}

#password-myModal .modal-content .modal-body h4,
#password-myModal .modal-content .modal-body h5,
#terms .modal-content .modal-body h4,
#terms .modal-content .modal-body h5 {
    color: #888989;
    font-size: 21px;
    padding: 20px 0 0
}

#password-myModal .modal-content .modal-body p,
#terms .modal-content .modal-body p {
    color: #888989
}

#password-myModal .modal-content .modal-body #reset_password,
#terms .modal-content .modal-body #reset_password {
    padding: 0 20px
}

#password-myModal .modal-content .modal-body #reset_password input,
#terms .modal-content .modal-body #reset_password input {
    background: #fff;
    border: none;
    border-bottom: 3px solid #096;
    border-radius: 0;
    color: #4d4848;
    height: 50px;
    margin: 20px 0;
    padding: 5px 10px;
    width: 100%
}

#password-myModal .modal-content .modal-body #reset_password input:focus,
#terms .modal-content .modal-body #reset_password input:focus {
    border-bottom: 3px solid #096;
    outline: 0
}

#password-myModal .modal-content .modal-body #reset_password .reset-button,
#terms .modal-content .modal-body #reset_password .reset-button {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    outline: 0;
    padding: 15px;
    text-align: left;
    transition: .5s ease-out;
    width: 100%
}

#password-myModal .modal-content .modal-body #reset_password .reset-button:hover,
#terms .modal-content .modal-body #reset_password .reset-button:hover {
    background-color: #096;
    transition: .5s ease-in
}

.secure-payment {
    color: #fff
}

.secure-payment a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline
}

.modal.right .modal-dialog {
    height: 100%;
    margin: auto;
    position: fixed;
    transform: translateZ(0);
    width: 320px
}

.modal.right .modal-content {
    border: none;
    border-radius: 0;
    height: 100%;
    overflow-y: auto
}

.modal.right .modal-content .modal-header {
    padding: 20px 0
}

.modal.right .modal-content .modal-header h4 {
    color: #4d4848;
    font-weight: 400
}

.modal.right .modal-content .modal-header h4 strong {
    color: #096;
    font-size: 21px
}

.modal.right .modal-content .modal-header p {
    color: #888989;
    font-size: 16px
}

.modal.right .modal-body {
    padding: 45px 20px
}

.modal.right .modal-body h5 span {
    padding-right: 10px
}

.modal.right .modal-body h5 span img {
    width: 20px
}

.modal.right .modal-body figure {
    padding: 10px 0
}

.modal.right .modal-body figure img {
    width: 200px
}

.modal.right .modal-body form {
    margin: 20px 0
}

.modal.right .modal-body form .form-group .form-control {
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    padding: 20px
}

.modal.right .modal-body form .form-group .form-control:focus {
    border: 1px solid #096
}

.modal.right .modal-body form .form-group .input-group-addon {
    background: 0 0;
    border-radius: 0
}

.modal.right .modal-footer a {
    color: #4d4848;
    display: block;
    font-size: 16px;
    padding-top: 25px;
    text-align: center;
    text-decoration: none;
    transition: all .6s
}

.modal.right .modal-footer a span {
    padding-left: 5px;
    transition: all .6s
}

.modal.right .modal-footer a:hover span {
    padding-left: 40px;
    transition: all .6s
}

.modal.right.fade .modal-dialog {
    right: -320px;
    transition: opacity .3s linear, right .3s ease-out
}

.modal.right.fade.in .modal-dialog {
    right: 0
}

.modal.feedback .modal-dialog {
    height: 100%;
    margin: auto;
    position: fixed;
    transform: translateZ(0);
    width: 450px
}

.modal.feedback .modal-content {
    background: url(../img/this.jpg);
    background-repeat: no-repeat;
    border: none;
    border-radius: 0;
    height: 100%;
    margin-top: 450px;
    overflow-y: auto
}

.modal.feedback .modal-content .modal-header {
    border-bottom: none;
    padding: 20px
}

.modal.feedback .modal-content .modal-header h4 {
    color: #4d4848;
    font-weight: 400
}

.modal.feedback .modal-content .modal-header h4 strong {
    color: #096;
    font-size: 21px
}

.modal.feedback .modal-content .modal-header p {
    color: #888989;
    font-size: 16px
}

.modal.feedback .modal-body {
    padding: 0 20px
}

.modal.feedback.fade .modal-dialog {
    right: -320px;
    transition: opacity .3s linear, bottom .3s ease-out
}

.modal.feedback.fade.in .modal-dialog {
    right: 0
}

.modal.jobs .modal-dialog {
    height: 100%;
    margin: auto;
    position: fixed;
    transform: translateZ(0);
    width: 100%
}

.modal.jobs .modal-content {
    background: url(../img/cloth/cloth/cloth.png);
    background-repeat: repeat;
    border: none;
    border-radius: 0;
    height: 100%;
    margin-top: 500px;
    overflow-y: auto
}

.modal.jobs .modal-body {
    padding: 5px 40px
}

.modal.jobs .modal-body .row figure {
    margin-top: 20px
}

.modal.jobs .modal-body .row figure img {
    float: right;
    width: 31%
}

.modal.jobs .modal-body .row h2 {
    color: #096;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase
}

.modal.jobs .modal-body .row p {
    color: #888989
}

.modal.jobs .modal-body .row h4 {
    color: #4d4848;
    margin-top: 20px
}

.modal.jobs .modal-body .row .action {
    margin-top: 20px
}

.modal.jobs.fade .modal-dialog {
    right: -320px;
    transition: opacity .3s linear, bottom .3s ease-out
}

.modal.jobs.fade.in .modal-dialog {
    right: 0
}

.modal.upload .modal-dialog {
    height: 100%;
    margin: auto;
    position: fixed;
    transform: translateZ(0);
    width: 320px
}

.modal.upload .modal-content {
    border: none;
    border-radius: 0;
    height: 100%;
    overflow-y: auto
}

.modal.upload .modal-content .modal-header {
    padding: 20px 0
}

.modal.upload .modal-content .modal-header h4 {
    color: #4d4848;
    font-weight: 400
}

.modal.upload .modal-content .modal-header h4 strong {
    color: #096;
    font-size: 21px
}

.modal.upload .modal-content .modal-header p {
    color: #888989;
    font-size: 16px
}

.modal.upload .modal-body {
    padding: 45px 20px
}

.modal.upload .modal-body h5 span {
    padding-right: 10px
}

.modal.upload .modal-body h5 span img {
    width: 20px
}

.modal.upload .modal-body figure {
    padding: 10px 0
}

.modal.upload .modal-body figure img {
    width: 150px
}

.modal.upload .modal-body .upload {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    margin-top: 40px;
    outline: 0;
    padding: 10px 15px;
    transition: all .6s;
    width: 100%
}

.modal.upload .modal-body .upload span {
    font-size: 21px;
    font-weight: 600
}

.modal.upload .modal-body .upload:hover {
    background: #096;
    transition: all .6s
}

.modal.upload .modal-footer a {
    color: #4d4848;
    display: block;
    font-size: 16px;
    padding-top: 25px;
    text-align: center;
    text-decoration: none;
    transition: all .6s
}

.modal.upload .modal-footer a span {
    padding-left: 5px;
    transition: all .6s
}

.modal.upload .modal-footer a:hover span {
    padding-left: 40px;
    transition: all .6s
}

.modal.upload.fade .modal-dialog {
    right: -320px;
    transition: opacity .3s linear, right .3s ease-out
}

.modal.upload.fade.in .modal-dialog {
    right: 0
}

.show-custom-error .error {
    border: none !important;
    border-bottom: 3px solid #096 !important
}

.show-custom-error label.error {
    border: none !important;
    color: #ed2f1c;
    position: relative
}

.show-custom-error label.error:before {
    content: "\f05a";
    font-family: FontAwesome, serif;
    font-size: 16px;
    font-style: normal;
    left: -18px;
    position: absolute;
    top: 1px
}

.show-custom-error input.error,
.show-custom-error select.error,
.show-custom-error textarea.error {
    border: none !important;
    border-bottom: 3px solid #096 !important
}

input.error,
select.error,
textarea.error {
    border: 3px solid red !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.show-custom-error input.error[type=checkbox],
.show-custom-error input.error[type=radio] {
    border: none !important;
    border-bottom: 3px solid #096 !important
}

input.error[type=checkbox],
input.error[type=radio] {
    border: 1px solid red;
    box-shadow: inset 12px 2px 2px rgba(255, 0, 0, .25)
}

.error {
    border: 1px solid red;
    font-style: italic
}

label.error {
    display: none !important
}

#map_geolocation img {
    max-width: none
}

#map-canvas {
    height: 300px
}

#map-canvas img {
    max-width: none !important
}

#pac-input {
    background-color: #fff;
    font-family: Roboto, serif;
    font-size: 16px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 350px
}

#pac-input:focus {
    border-color: #4d90fe
}

.driver-dash .dashboard-profile .dashboard-info-wrapper input,
.driver-dash .dashboard-profile .dashboard-info-wrapper select.form-control {
    border-bottom: 1.5px solid #096;
    font-size: 16px;
    height: 46px;
    margin-bottom: 12px;
    width: 95%
}

.sidenav a span {
    margin-right: 12px
}

.dashboard-profile .submit-button {
    border: 1px solid #2cbb68;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    padding: 12px 15px
}

.dashboard-profile .half-button {
    padding: 12px 15px;
    width: 35%
}

.dashboard-profile .third-half-button {
    padding: 12px 15px;
    width: 31.67%
}

.custom-radio-dash {
    cursor: pointer;
    display: block;
    font-size: 16px;
    margin-bottom: 12px;
    padding-left: 28px !important;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.custom-radio-dash .checkmark:after {
    left: 5px !important;
    top: 5px !important
}

.custom-radio-dash input {
    cursor: pointer;
    opacity: 0;
    position: absolute
}

.checkmark {
    background-color: #eee;
    border-radius: 50%;
    height: 20px;
    left: 0;
    padding: 0 !important;
    position: absolute;
    top: 0;
    width: 20px
}

.custom-radio-dash:hover input~.checkmark {
    background-color: #ccc
}

.custom-radio-dash input:checked~.checkmark {
    background: #096;
    color: #fff
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.custom-radio-dash input:checked~.checkmark:after {
    display: block
}

.custom-radio-dash .checkmark:after {
    background: #fff;
    border-radius: 50%;
    height: 8px;
    left: 9px;
    top: 9px;
    width: 8px
}

.coverage {
    border: 1px solid #ddd;
    padding: 12px
}

.coverage .form-group {
    margin-top: 20px
}

.coverage .cov-label {
    align-items: center;
    border-bottom: 1px solid #d4d4d4;
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px
}

.dropdown-toggle.login-toggle:active,
.dropdown-toggle.login-toggle:focus,
.dropdown-toggle.login-toggle:hover,
.dropdown-toggle.login-toggle:visited {
    background: #4d4848 !important
}

.driver-dash .account-type-wrapper {
    display: none
}

.driver-dash .change-account-type {
    color: #616060;
    font-size: 16px
}

.driver-dash .change-account-type a {
    color: #096
}

.input_fields_wrap .form-control {
    height: 60px
}

.input_fields_wrap .input-group {
    position: relative;
    width: 100%
}

.input_fields_wrap .input-group-addon {
    background: #fff;
    border: 0;
    font-size: 18px;
    position: absolute;
    right: 30px;
    top: 0;
    top: 13px;
    z-index: 3
}

.card-state .btn#submitButton {
    background: #096;
    color: #fff;
    padding: 8px 24px
}

.card-state .btn#submitButton span {
    padding-left: 5px
}

.card-state .btn#submitButton:hover {
    background: #1e9b53
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-4 h5 {
    color: #4d4848;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-4 h5 .fa {
    color: #096
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-2 h5 a {
    border: 1px solid #096;
    color: #096
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-2 h5 .fa {
    color: #096
}

.flextaxis-booking .flextaxis-vechile-selection .row>.col-md-8 .booking-fleet-deatils .row .col-md-2 h5 a:hover {
    background: #096;
    color: #fff
}

#booking-sign-in .radio {
    margin-bottom: 20px;
    margin-top: 0
}

#booking-sign-in .custom-radio-dash {
    font-size: 16px
}

#booking-sign-in .custom-radio-dash .checkmark:after {
    left: 6px !important;
    top: 6px !important
}

.easy-group p {
    margin-bottom: 0
}

.flextaxis-booking .booking-specify-login .row>.col-md-6 .box .easy-group a button {
    margin-top: 19px
}

.flextaxis-booking .flextaxis-vechile-selection .box>.booking-content-wrapper h5 {
    padding: 16px 0 8px 23px
}

.flextaxis-booking .booking-specify-vechile h4 {
    color: #096;
    font-size: 21px
}

.rate-calculator #map {
    height: 150px
}

.flextaxis-booking .flextaxis-vechile-selection .booking-content-wrapper h5 span.ion {
    color: #096;
    margin-right: 10px
}

.flextaxis-quote .box>span {
    display: block;
    padding-top: 7px;
    text-transform: capitalize
}

.flextaxis-quote .flextaxis-actions a {
    padding: 0 10px
}

.feedback-card-wrapper .feedback-card>.box,
.feedback-card-wrapper .fleet-card>.box,
.feedback-card-wrapper .services-card>.box,
.feedback-card-wrapper .testimonials-card>.box,
.fleet-card-wrapper .feedback-card>.box,
.fleet-card-wrapper .fleet-card>.box,
.fleet-card-wrapper .services-card>.box,
.fleet-card-wrapper .testimonials-card>.box,
.rates-card-wrapper .feedback-card>.box,
.rates-card-wrapper .fleet-card>.box,
.rates-card-wrapper .services-card>.box,
.rates-card-wrapper .testimonials-card>.box,
.services-card-wrapper .feedback-card>.box,
.services-card-wrapper .fleet-card>.box,
.services-card-wrapper .services-card>.box,
.services-card-wrapper .testimonials-card>.box {
    margin: 15px 0
}

.FAQ-content-wapper .panel-success>.panel-heading {
    /* background-color: #0b8e36; */
    border-color: #d6e9c6;
    border-radius: 0;
    color: #fff;
    padding: 18px 30px
}

.FAQ-content-wapper .panel-title {
    font-size: 16px;
    font-weight: 400
}

.FAQ-content-wapper .panel-group .panel {
    border: 0;
    border-radius: 0;
    margin-bottom: 15px
}

.FAQ-content-wapper .panel-success>.panel-heading+.panel-collapse>.panel-body {
    background: #fff;
    border-top: 2px solid #e30613;
    box-shadow: 0 0 15px 0 rgba(111, 114, 216, .38)
}

.dashboard-section .dashboard-wrapper .dr-box-wrap {
    background: #fff;
    box-shadow: 0 1px 8px -3px #242424;
    padding: 20px 12px
}

.dashboard-section .dashboard-wrapper .dr-box-wrap~.dr-box-wrap,
.dashboard-section .dashboard-wrapper .money-box-wrap {
    margin-top: 30px
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .account-wrap h3 {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin: 0
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .account-wrap .type-account {
    color: #096;
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .account-wrap .edit .fa {
    background: #096;
    border-radius: 50%;
    color: #fff;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap .form-group {
    position: relative
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap .form-group label {
    bottom: 10px;
    color: #848484;
    font-weight: 400;
    left: 0;
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    transition: .5s ease-in
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap .form-group .form-control {
    border: 0;
    border-color: #ddd;
    border-bottom: 2px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    padding: 8px 0 0;
    transition: .5s ease-in-out
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap .form-group .form-control:focus {
    border-bottom: 2px solid #096;
    transition: .5s ease-in-out
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap .form-group .form-control:focus+label,
.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap .form-group .form-control~label,
.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap .form-group .label-highlight {
    bottom: auto;
    color: #096;
    font-size: 12px;
    top: -4px;
    transition: .5s ease-in
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap h6 {
    color: #000
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap .btn-custom {
    background: #096;
    border: 1px solid #34ce75;
    border-radius: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    color: #fff;
    font-size: 16px;
    padding: 9px 15px;
    text-align: left;
    transition: .3s ease-in;
    width: 100%
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap .btn-custom:hover {
    background-color: #096;
    transition: .3s ease-in
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .search-wrap h3 {
    color: #096;
    margin: 0 0 10px
}

.dashboard-section .dashboard-wrapper .bid-table table {
    width: 100%
}

.dashboard-section .dashboard-wrapper .bid-table table>tbody>tr:nth-of-type(2n) {
    background-color: rgba(53, 216, 122, .05)
}

.dashboard-section .dashboard-wrapper .bid-table td,
.dashboard-section .dashboard-wrapper .bid-table th {
    padding: 10px 4px
}

.dashboard-section .dashboard-wrapper .bid-table th {
    background: #096;
    color: #fff;
    font-weight: 500;
    text-align: left
}

.dashboard-section .dashboard-wrapper .money-wrap h4 {
    color: #096;
    font-size: 18px;
    margin: 0 0 15px;
    text-align: center;
    text-decoration: underline
}

.dashboard-section .dashboard-wrapper .money-wrap ul {
    margin: 0;
    padding: 0
}

.dashboard-section .dashboard-wrapper .money-wrap .btn-custom {
    border: 1px solid #096;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px
}

.dashboard-section .dashboard-wrapper .money-wrap p {
    margin: 0 10px 0 0;
    width: 100%
}

.dashboard-section .dashboard-wrapper .money-wrap p strong {
    float: right;
    font-weight: 500
}

.dashboard-section .dashboard-wrapper .money-wrap li {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.dashboard-section .dashboard-wrapper .money-wrap li~li {
    margin-top: 10px
}

.no-gutter {
    margin: 0
}

.no-gutter>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.dashboard-section .dashboard-wrapper .total-wrap {
    padding: 0
}

.dashboard-section .dashboard-wrapper .total-wrap h3 {
    background: #096;
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 11px 0;
    text-align: center
}

.dashboard-section .dashboard-wrapper .total-wrap .total-money {
    font-size: 55px;
    margin: 14px 0;
    text-align: center
}

.dashboard-section .dashboard-wrapper .total-wrap ul p {
    align-items: center;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 12px
}

.dashboard-section .dashboard-wrapper .total-wrap ul strong {
    background: #096;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    color: #fff;
    padding: 10px 16px
}

.dashboard-section .dashboard-wrapper .box-wrap .profile-wrap .profile-pic img {
    height: 81px;
    width: 81px
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .modal-dialog {
    margin: 30px auto;
    max-width: 1000px;
    width: 100%
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .modal-content {
    border-radius: 0
}

.dashboard-section .dashboard-wrapper .dr-box-wrap .modal-header .close {
    color: #000;
    font-size: 21px;
    opacity: 1
}

.dashboard-section .dashboard-wrapper .acc-icon {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #008fd8;
    color: #464849;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    padding: 0;
    position: relative
}

.dashboard-section .dashboard-wrapper .acc-icon .fa {
    background: #096;
    border-radius: 50%;
    color: #fff;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px
}

.money-view-details>.row>div[class*=col-]>div {
    height: 205px;
    margin-bottom: 20px
}

.modal .dashboard-section,
.modal .dashboard-wrapper,
.modal .dr-box-wrap {
    background: 0 0 !important
}

.become-driver {
    padding: 0
}

.become-driver .item-wrapper {
    border-top: 1px solid #eaeaea;
    margin-top: 70px;
    padding: 80px 0;
    text-align: left !important
}

.become-driver .login-action {
    margin-top: 50px
}

.become-driver.text-center p {
    text-align: center
}

.item-wrapper .why-choose {
    border-left: 1px solid #4545451c;
    margin-left: 100px;
    margin-top: 50px;
    padding-left: 30px
}

.item-wrapper .why-choose .list-disc li:before {
    top: 16px
}

.become-driver .item-wrapper .driver-ico {
    border-radius: 50%;
    box-shadow: 0 7px 27px 0 rgba(157, 169, 255, .22);
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
    width: 300px
}

.become-driver .driver-ico {
    margin: 0 auto;
    width: 300px
}

.become-driver h3 {
    color: #096;
    margin-top: 0
}

.become-driver .benefits h3 {
    margin-top: 0
}

.become-driver p {
    font-size: 16px;
    line-height: 25px;
    text-align: justify
}

.become-driver li {
    padding-top: 15px
}

.become-driver ul {
    margin-bottom: 0
}

.become-driver li a {
    color: #383838;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize
}

.become-driver li a .fa {
    color: #096;
    font-size: 21px;
    width: 30px
}

.account-section {
    background: #f4f4f6;
    padding: 30px 0
}

.account-section h3 {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    margin-top: 0
}

.account-section .box {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
    margin-top: 35px;
    overflow: hidden;
    text-align: center
}

.account-section .box .img-responsive {
    width: 100%
}

.account-section .box .box-content {
    padding: 30px
}

.account-section .box h3 {
    font-size: 22px;
    margin-top: 0
}

.account-section .box .btn-primary {
    margin-top: 30px
}

.account-section figure {
    height: 105px;
    margin: 0 auto;
    width: 60px
}

.account-section .row .col-md-4:nth-child(2n) .box figure {
    width: 90px
}

.account-section .box a h3 {
    font-size: 18px;
    text-transform: capitalize
}

.chevron-ico .fa {
    color: #e30613;
    font-size: 16px;
    font-weight: 800;
    height: 14px;
    line-height: 10px;
    width: 12px
}

.terms-page .services-define {
    background: #fff;
    margin: 0 auto 40px;
    padding: 30px 45px
}

.services-define p strong {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px
}

.terms-page a {
    color: #e30613;
    font-weight: 600
}

.terms-page .services-define h1 {
    color: #2d2f2e;
    font-size: 36px;
    font-weight: 400
}

.terms-page .services-define .box h3 {
    color: #0b8e36;
    font-size: 21px;
    font-weight: 500
}

.terms-page .services-define .box article {
    display: block;
    margin-top: 30px
}

.terms-page .services-define .box article h4 {
    color: #0b8e36;
    font-size: 16px
}

.terms-page p,
.terms-page ul li {
    font-size: 16px
}

.contact {
    padding: 70px 0;
    text-align: center
}

.contact h2 {
    margin: 0
}

.contact .form-wrapper a {
    font-size: 16px;
    font-weight: 600
}

.contact .form-wrapper ul {
    margin: 20px 0
}

.driver-page {
    height: inherit;
    margin-top: 120px;
    overflow: hidden;
    position: relative
}

.driver-page .svg-banner img {
    height: 450px;
    position: absolute;
    right: -160px;
    top: 55px
}

.driver-page .content-wrapper h1 {
    margin-top: 80px
}

.driver-page .content-wrapper {
    margin-top: 40px
}

.driver-page .content-wrapper figure {
    float: right;
    margin: 80px auto 0;
    width: 60%
}

.driver-steps {
    background: #f8f8f8;
    padding: 60px 0
}

.driver-steps h3 {
    margin: 0
}

.driver-steps .step-item {
    margin-top: 60px;
    text-align: center
}

.driver-steps .step-item figure {
    height: 120px;
    margin: 0 auto;
    width: 80px
}

.driver-steps .row>.col-md-3:first-child .step-item figure {
    width: 60px
}

.driver-wanted {
    padding: 70px 0
}

.driver-wanted h3 {
    color: #28b765
}

.driver-wanted a {
    font-weight: 600
}

.driver-wanted figure {
    margin-top: 50px
}

.driver-wanted figure img {
    width: 100%
}

.driver-wanted ul li {
    padding: 6px 0
}

.plain-text {
    border-top: 1px solid #ddd
}

.plain-text h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 38px;
    text-align: right
}

.driver-benefit {
    background: url(../img/driver-benefit.webp) no-repeat top;
    background-size: cover;
    color: #fff;
    height: 450px;
    overflow: hidden;
    padding: 120px 0;
    position: relative
}

.driver-benefit:before {
    background: #88f9b8;
    background: linear-gradient(180deg, #4acf82, #209877);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.driver-benefit .chevron-ico .fa {
    color: #fff
}

.why-join .note-wrapper {
    background: #fff;
    border-radius: 8px;
    box-shadow: 4px -4px 8px 0 rgba(0, 0, 0, .12);
    margin-top: -100px;
    padding: 15px 30px
}

.why-join figure {
    margin-top: 30px
}

.why-join figure img {
    width: 100%
}

.driver-benefit p {
    font-size: 16px;
    margin-bottom: 15px
}

.driver-benefit li {
    font-size: 16px;
    font-weight: 200;
    padding: 6px 0
}

.why-join li {
    padding: 4px 0
}

.code-highlight {
    background: #fff;
    border-top: 1px solid #ddd;
    text-align: center
}

.code-highlight h4 {
    color: #2f2f2f;
    font-size: 21px;
    font-weight: 400
}

.code-highlight a {
    border: 2px solid #096;
    color: #30b769;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    padding: 12px 24px
}

.code-highlight a .fa {
    color: #424343;
    padding-right: 2px
}

.online-booking h3 {
    margin-bottom: 30px
}

.page-wrapper {
    background: #f8f8f8;
    padding: 0
}

.account-wrapper,
.account-wrapper figure {
    text-align: center
}

.account-wrapper figure img {
    height: 130px
}

.account-wrapper article {
    margin: 0 auto;
    width: 75%
}

.account-wrapper h3 {
    color: #4d4848;
    font-size: 21px !important
}

.acc-banner {
    background: #88f9b8;
    background: linear-gradient(180deg, #4acf82, #209877);
    height: 400px;
    overflow: hidden
}

.acc-banner img {
    opacity: .5;
    width: 100%
}

.acc-page h5 {
    font-size: 18px;
    margin-top: 30px
}

.acc-page .account-wrapper {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    margin-bottom: 60px;
    margin-top: -210px;
    width: 100%
}

#return-to-top {
    background: #096;
    border-radius: 35px;
    bottom: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    display: block;
    display: none;
    height: 50px;
    position: fixed;
    right: 20px;
    text-decoration: none;
    transition: all .3s ease;
    width: 50px;
    z-index: 99999
}

#return-to-top i {
    color: #fff;
    font-size: 19px;
    left: 16px;
    margin: 0;
    position: relative;
    top: 13px;
    transition: all .3s ease
}

#return-to-top:hover {
    background: #026b48
}

#return-to-top:hover i {
    color: #fff
}

.book-online {
    background: url(../img/booking-banner.webp) no-repeat top;
    background-attachment: fixed;
    background-size: cover;
    position: relative
}

.book-online .flextaxis-quote {
    background: #fff;
    margin-bottom: 50px;
    margin-top: 5%;
    padding: 30px;
    width: 100%
}

.book-online .flextaxis-quote .custom-select:before {
    right: 10px;
    top: 12px
}

.book-online2 {
    background: url(../img/booking-banner2.webp) no-repeat top;
    background-attachment: fixed;
    background-size: cover;
    position: relative
}

.book-online.driver-signup {
    background: url(../img/driver-signup-banner.jpg) no-repeat top;
    background-attachment: fixed;
    background-size: cover;
    position: relative
}

.book-online figure {
    min-height: 550px
}

.book-online article {
    color: #fff;
    left: 10%;
    position: absolute;
    top: 60px
}

.book-online article h1 {
    border-bottom: 1px solid #eee;
    font-size: 21px;
    margin-bottom: 20px;
    padding-bottom: 15px
}

.book-online article h5 {
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    line-height: 28px
}

.book-online article li {
    font-size: 16px;
    padding: 8px 0
}

.book-online article li .fa {
    color: #096;
    padding-right: 12px
}

.book-online article h5 a {
    color: #fff;
    font-weight: 700
}

.book-online img {
    width: 100%
}

.book-online .account-wrapper {
    margin: 130px 0 30px;
    padding: 40px
}

.account-wrapper .gdpr-policy .checkbox a {
    color: #333 !important
}

.start-offer {
    border: 2px solid #096;
    margin-top: 30px;
    padding: 15px;
    text-align: center
}

.start-offer h3 {
    color: #31c971;
    margin-bottom: 25px
}

.start-offer p strong {
    font-size: 18px;
    font-weight: 600
}

.inputfile-3+label {
    color: #d3394c;
    float: left;
    margin-top: 15px;
    padding: 0;
    text-align: left
}

.inputfile-3+label:hover,
.inputfile-3:focus+label {
    color: #722040
}

.become-driver.gray-bg {
    background-color: #f4f4f6
}

#booking_content,
#operator_content {
    font-family: sans-serif, Arial, Verdana
}

#booking_content .inner_content p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px
}

#booking_content .inner_content h1 {
    font-family: arial, sans-serif;
    font-size: 21px
}

#booking_content .inner_content h2 {
    font-family: arial, sans-serif;
    font-size: 20px
}

#booking_content {
    padding: 15px 0
}

#booking_content ul {
    margin-bottom: 15px
}

#booking_content ul li {
    font-size: 16px;
    line-height: 25px
}

#operator_content .inner_content p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px
}

#operator_content .inner_content p a {
    text-decoration: underline
}

#operator_content .inner_content h1 {
    font-family: arial, sans-serif;
    font-size: 21px
}

#operator_content .inner_content h2 {
    font-family: arial, sans-serif;
    font-size: 20px
}

#operator_content {
    padding: 0 0 15px
}

#operator_content ul {
    margin-bottom: 15px
}

#operator_content ul li {
    font-size: 16px;
    line-height: 25px
}

.airport-landing-pg {
    background: #88f9b8;
    background: linear-gradient(180deg, #4acf82, #209877)
}

.airport-landing-pg .banner-vector {
    margin: 70px auto 0;
    width: 520px
}

.suburbs {
    background: #fff;
    border-top: 1px solid #efefef;
    text-align: center
}

.suburbs .airport-list ul {
    -moz-column-count: 3;
    column-count: 3;
    text-align: left
}

.suburbs h2 {
    color: #096;
    margin-bottom: 50px
}

.suburbs .airport-list ul li {
    font-size: 16px;
    padding: 5px 0 0 20px;
    position: relative
}

.suburbs .airport-list ul li:before {
    color: #e30613;
    content: "\f30f";
    font-family: Ionicons;
    font-size: 16px;
    font-weight: 800;
    left: 0;
    position: absolute;
    right: 0
}

.gdpr-policy {
    text-align: left
}

.gdpr-policy .checkbox>label {
    display: flex;
    font-size: 16px
}

.gdpr-policy .checkbox label input[type=checkbox] {
    margin-right: 12px;
    position: static;
    width: 24px
}

.checkbox label p {
    font-size: 16px
}

.gdpr-policy .checkbox a {
    color: #096;
    padding: 0 4px
}

.gdpr-policy .checkbox label a {
    display: contents;
    font-size: 16px;
    font-weight: 600
}

.flextaxis-footer1 input[type=checkbox] {
    width: 25px !important
}

.flextaxis-footer1 .checkbox>label {
    color: #d1d1d1;
    font-size: 12px;
    font-weight: 300
}

#subscription p {
    color: #c8c8c8;
    font-size: 12px
}

#subscription p a {
    color: #fff;
    text-decoration: underline
}

.feedback {
    background: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    left: 0;
    position: fixed;
    top: 50%;
    z-index: 99
}

.feedback .btn-custom {
    background: #096;
    border: 0;
    border-radius: 0;
    color: #fff;
    margin-top: 8px
}

.feedback a {
    color: #0a0a0a;
    font-weight: 600
}

.feedback .boxes {
    display: none
}

.feedback .leave-msg,
.feedback .show-faces {
    background: #fff;
    padding: 8px;
    width: 180px
}

.feedback .leave-msg h6,
.feedback .show-faces h6 {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center
}

.feedback .handle {
    background: #e30613;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -30px;
    text-align: center;
    top: 0;
    width: 30px
}

.feedback .handle .fa {
    backface-visibility: hidden;
    color: #fff;
    font-size: 16px
}

.feedback .leave-msg {
    display: none;
    width: 250px
}

.feedback .leave-msg textarea {
    background: #fff;
    border-radius: 0;
    display: block;
    font-size: 16px;
    height: auto !important;
    width: 100%
}

.feedback .leave-msg ul li {
    display: inline-block
}

.feedback .leave-msg #no-thanks {
    padding-left: 20px
}

.face {
    align-items: center;
    background-color: #096;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 40px;
    margin: 0 5px;
    position: relative;
    width: 40px
}

.face.normal {
    background: #ebb40e
}

.face.down {
    background: #e30613cf
}

@media(max-width:374px) {
    .flextaxis-quote {
        margin-top: 40% !important
    }

    .nav.navbar-nav.navbar-right .show-nav {
        margin: 5px 10px !important
    }
}

@keyframes lookLeft {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(4px)
    }

    35% {
        transform: translateY(8px) translateX(-2px)
    }

    to {
        transform: translateY(0) translateX(-2px)
    }
}

@keyframes lookLeftBack {
    0% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(0)
    }
}

::-webkit-input-placeholder {
    line-height: normal
}

#cookies {
    background: #fff;
    bottom: 0;
    box-shadow: -5px 5px 13px 10px rgba(0, 0, 0, .05);
    color: #303030;
    font-size: 16px;
    height: 70px;
    left: 0;
    padding: 11px 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 99
}

#cookies .fa {
    cursor: pointer;
    font-size: 18px;
    opacity: .5;
    position: absolute;
    right: 200px
}

#cookies .fa:hover {
    opacity: 1
}

.register-driver-modal,
.req-quote-modal {
    background: #fff;
    border-radius: 8px 8px 0 0;
    bottom: 0;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    left: 0;
    overflow: hidden;
    position: fixed;
    right: auto;
    text-align: center;
    width: 220px;
    z-index: 99999999
}

.register-driver-modal .btn-custom,
.req-quote-modal .btn-custom {
    background: #282828;
    border-radius: 0;
    color: #fff;
    margin-top: 0;
    margin: 8px auto !important;
    margin-left: 10px;
    width: 90%
}

.register-driver-modal .closeit,
.req-quote-modal .closeit {
    opacity: .55;
    position: absolute;
    right: 15px;
    top: 2px
}

.register-driver-modal .btn,
.req-quote-modal .btn {
    border-radius: 0;
    margin-top: 0
}

.fixed-right {
    background: #fff;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .15);
    padding: 10px 15px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 30%;
    width: 180px
}

.fixed-right img {
    margin: 15px 0;
    width: 70%
}

.contact-popup {
    background-color: #fff;
    border-right: 2px solid #b63e5e;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    display: table;
    height: 120px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    z-index: 99
}

.contact-popup hr {
    margin-top: 0
}

#google_translate_element {
    color: #fff !important;
    float: left !important;
    margin-left: 0 !important;
    margin-top: 15px !important
}

.goog-te-gadget-simple .goog-te-menu-value span {
    border: none !important;
    color: #fff;
    font-size: 16px !important;
    font-weight: 400;
    padding-right: 3px !important
}

.goog-te-gadget-simple .goog-te-menu-value span .ion {
    color: #096;
    font-size: 16px;
    margin-right: 5px
}

.goog-te-gadget-simple {
    background-color: transparent !important;
    border: none !important
}

.cstm-modal .modal-header {
    background: #333;
    display: flex
}

.cstm-modal .modal-header h4 {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    margin: 20px 0;
    padding-left: 50px;
    text-transform: capitalize
}

.cstm-modal .modal-header button {
    background: 0 0 !important;
    border: 0 !important
}

.cstm-modal .modal-header button,
.cstm-modal .modal-header button span {
    color: #eee !important;
    transition: .3s ease
}

.cstm-modal .modal-header button:hover {
    transition: .3s ease !important
}

.cstm-modal .modal-header button:focus,
.cstm-modal .modal-header button:hover {
    color: #fff !important;
    outline: 0;
    transition: .3s ease
}

.cstm-modal h4 {
    font-size: 21px;
    font-weight: 700;
    margin: 20px 0;
    text-transform: capitalize
}

.cstm-modal form {
    margin-top: 30px
}

.cstm-modal input,
.cstm-modal select,
.cstm-modal textarea {
    background: #fff;
    border: none;
    border-bottom: 3px solid #096;
    border-radius: 0;
    box-shadow: none;
    color: #4d4848;
    height: 45px;
    height: 50px;
    margin: 20px 0;
    padding: 5px 10px;
    transition: .3s ease;
    width: 100%
}

.cstm-modal input:focus,
.cstm-modal textarea:focus {
    border-color: #096;
    box-shadow: none;
    outline: 0 !important;
    transition: .3s ease
}

.cstm-modal input[type=checkbox] {
    background: #fff;
    border-bottom: 0;
    box-shadow: none;
    color: #4d4848;
    height: auto;
    margin: 0;
    padding: inherit;
    width: auto
}

.cstm-modal .btn {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    outline: 0;
    padding: 15px;
    text-align: left;
    transition: .5s ease-out;
    width: 100%
}

.booking-fleet-deatils select,
.booking-specify-login input,
.job-card-wrapper input {
    background: #fff;
    border: 0;
    border-bottom: 3px solid #096;
    border-radius: 0;
    box-shadow: none !important;
    color: #4d4848;
    height: 45px;
    height: 50px;
    margin: 20px 0;
    padding: 5px 10px;
    transition: .3s ease;
    width: 100%
}

.booking-fleet-deatils select:focus,
.booking-specify-login input:focus,
.job-card-wrapper input:focus {
    box-shadow: none;
    outline: 0
}

.job-card-wrapper .btn {
    background: #096;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    outline: 0;
    padding: 15px;
    text-align: left;
    transition: .5s ease-out;
    width: 100%
}

.booking-fleet-deatils .radio input[type=radio] {
    display: block;
    padding: 0 !important;
    width: 100%
}

.booking-fleet-deatils .radio label {
    cursor: pointer;
    padding-left: 40px;
    position: relative
}

.booking-fleet-deatils .radio input[type=radio] {
    left: 0;
    margin-left: -2px;
    position: absolute
}

.account-temp-wrapper {
    margin-top: 0;
    padding-top: 30px
}

.account-temp-wrapper.mt-5 {
    padding-top: 220px
}

.support-wrapper {
    margin-top: 80px
}

.account-temp-wrapper .tab-details h3 {
    color: #646275;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 25px
}

.account-temp-wrapper p {
    text-align: justify
}

.inner-error {
    margin-top: 130px
}

.list-disc .list-disc {
    margin-top: 15px
}

.list-disc li {
    color: #716a77;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
    padding-left: 24px;
    position: relative;
    text-align: justify
}

.list-disc li:before {
    color: #096;
    content: "\f120";
    font-family: Ionicons;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 2px
}

.account-temp-wrapper .nav-pills {
    width: 360px
}

.list-disc .list-disc li {
    padding-left: 18px
}

.list-disc .list-disc li:before {
    color: #303030;
    content: "\f371";
    font-size: 8px;
    top: 8px
}

.account-temp-wrapper .nav-pills>li.active>a,
.account-temp-wrapper .nav-pills>li.active>a:focus,
.account-temp-wrapper .nav-pills>li.active>a:hover {
    background-color: #096;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    transition: .5s ease-in-out
}

.account-temp-wrapper .nav-pills>li>a {
    background-color: transparent;
    border-radius: 0;
    box-shadow: 0 4px 10px 0 #dae6f3;
    color: #1c1c1c;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 12px 20px;
    text-decoration: none;
    transition: .5s ease-in-out
}

.login-action {
    border-top: 1px solid #ececec;
    margin-top: 100px;
    padding-top: 45px;
    text-align: center
}

.login-action h2 {
    font-size: 21px;
    font-weight: 300;
    line-height: 34px;
    margin-bottom: 55px
}

.login-action h5 {
    font-size: 21px;
    font-weight: 200;
    margin-bottom: 20px
}

.login-action .btn {
    background: 0 0;
    border: 1px solid #096;
    box-shadow: 0 4px 10px 0 #dae6f3;
    color: #096;
    font-size: 18px;
    font-weight: 500;
    transition: .5s ease-in-out
}

.login-action .btn:hover {
    background: #096;
    color: #fff;
    transition: .5s ease-in-out
}

.account-temp-wrapper .nav>li>a:focus,
.account-temp-wrapper .nav>li>a:hover {
    box-shadow: 0 4px 10px 0 #dae6f3;
    transition: .5s ease-in-out
}

.support-wrapper .support-item {
    box-shadow: 0 4px 10px 0 #dae6f3;
    margin-top: 50px;
    min-height: 120px;
    padding: 20px;
    text-align: left
}

.support-wrapper .support-item:hover a {
    text-decoration: underline
}

.support-wrapper {
    padding: 50px 0
}

.support-wrapper h2 {
    color: #3c3c3c;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 30px;
    padding-bottom: 0
}

.support-wrapper .support-item h4 {
    font-size: 21px;
    font-weight: 400
}

.support-wrapper .support-item h4 a {
    color: #303030
}

.fleets-landing .fleets-img {
    border-radius: 5px;
    box-shadow: 0 4px 10px 0 #dae6f3;
    margin-left: 30px;
    margin-top: 10px;
    overflow: hidden
}

.fleets-landing .fleets-img img {
    width: 100%
}

.coverage-landing .banner-image {
    float: right;
    width: 350px
}

.btn-link {
    color: #2f3131
}

.btn-link,
.btn-link i {
    font-size: 16px;
    font-weight: 600
}

.btn-link i {
    color: #096;
    margin-right: 5px
}

.btn-link:hover {
    color: #096
}

.forgot-pass {
    padding: 100px 0 60px
}

.forgot-pass .button-action .btn {
    background: #096 !important;
    font-size: 18px;
    font-weight: 400;
    height: 52px;
    padding: 12px 25px
}

.link-dw a {
    background: 0 0;
    color: #ffffffd1 !important;
    font-size: 16px !important;
    font-weight: 200 !important
}

.link-dw a:hover {
    text-decoration: underline !important
}

.link-dw .ion {
    width: 22px
}

.reviews-wrap {
    padding: 30px 0
}

.reviews .time {
    color: #999;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 0
}

.btn-quote {
    background: #096 !important;
    border-radius: 0;
    color: #fff !important;
    font-size: 16px;
    margin-top: 7px;
    padding: 8px 18px !important
}

.btn-quote:focus,
.btn-quote:hover {
    background: #096 !important;
    color: #fff !important
}

.sitemap-pg {
    padding: 120px 0
}

.sitemap-pg ul li a {
    color: #096;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 0
}

.sitemap-pg h1 {
    margin-bottom: 30px
}

.sitemap-pg ul,
.sitemap-pg ul li {
    color: #333;
    list-style-type: disc !important
}

.sitemap-pg ul li ul,
.sitemap-pg ul li ul li {
    color: #333;
    list-style-type: circle !important;
    padding-left: 8px
}

#courier-service input[type=checkbox] {
    left: 0;
    top: 20px
}

#courier-service .checkbox {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    padding-bottom: 10px;
    padding-top: 15px
}

#courier-service .checkbox label {
    color: #096;
    font-size: 16px;
    font-weight: 600
}

#register-driver-modal {
    left: auto;
    right: 0
}

#secondary .widget,
#secondary .widget a {
    color: #c1c0c0
}

.widget ul li {
    font-size: 16px;
    padding: 5px 0
}

.page-header {
    margin: 0
}

.top-actions .nav.navbar-nav.navbar-right a {
    font-size: 16px !important;
    font-weight: 300 !important
}

.nav.navbar-nav.navbar-right a:hover {
    text-decoration: none
}

.nav.navbar-nav.navbar-right a.active {
    color: #2c2c2c !important
}

.horizontal-menu a.active {
    color: #dd151d !important
}

.top-actions .nav.navbar-nav.navbar-right a span:last-child {
    color: #333 !important;
    font-size: 9px !important;
    margin: 0 0 0 -2px
}

.nav.navbar-nav.navbar-right a {
    font-size: 16px;
    font-weight: 600
}

.sticky-call-wrapper {
    background: #de4d3c;
    bottom: 0;
    display: inline-block;
    padding-top: 5px;
    position: fixed;
    width: 100%;
    z-index: 22
}

.sticky-call-wrapper a {
    color: #fff;
    display: block;
    font-size: 21px;
    text-align: center
}

.sticky-call-wrapper p {
    font-size: 16px;
    margin-top: 5px
}

.links-page .list-disc {
    margin-top: 40px
}

.links-page .list-disc a {
    color: #716a77;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
    text-align: justify
}

.links-page .list-disc a:hover {
    color: #716a77;
    text-decoration: none
}

.gap-top-80 {
    margin-top: 100px
}

#notification-list {
    left: auto;
    right: 0
}

#notification-count:focus,
#notification-count:hover {
    background: #4d4848
}

.body-download-links p {
    border-left: 4px solid #096;
    color: #1a1a1a;
    margin: 0 auto;
    width: 80%
}

.body-download-links p a {
    align-items: center;
    color: #404040 !important;
    display: flex;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 12px 20px
}

.link-dw .ion {
    color: #096;
    font-size: 21px;
    padding: 0;
    width: 35px
}

#my-booking .login-action {
    border-top: 0;
    margin-top: 0;
    padding: 25px 0
}

.login-bg {
    background-size: cover;
    min-height: 600px;
    overflow: hidden
}

.box h4 {
    font-weight: 700
}

.account-wrapper {
    background: #fff;
    min-height: 360px
}

.account-wrapper .button-action .btn {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.flextaxis-login .gdpr-policy .form-group {
    margin-bottom: 8px !important
}

.gray-bg {
    background: #fff;
    border-right: 2px solid #eee
}

.currency-form select {
    border: none
}

.currency-form select:focus {
    outline: 0
}

#passenger-policy.active,
#passenger-terms.active {
    background: #fff;
    bottom: 0;
    height: 100vh;
    left: 0;
    margin-right: -15px;
    overflow-y: scroll;
    padding: 50px 150px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999
}

#passenger-policy.active h3,
#passenger-terms.active h3 {
    color: #333;
    font-size: 21px;
    margin-top: 30px
}

#passenger-policy.active .close,
#passenger-terms.active .close {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
    height: 70px;
    height: 40px;
    line-height: 40px;
    opacity: 1;
    position: fixed;
    right: 60px;
    text-align: center;
    top: 60px;
    width: 40px
}

#passenger-policy.active .close .fa,
#passenger-terms.active .close .fa {
    color: #e30613;
    font-size: 21px
}

.currency {
    align-items: center;
    background: #d8d6d6;
    color: #242424;
    display: flex;
    float: left;
    justify-content: center;
    padding: 8px
}

.currency label {
    color: #242424;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    margin: 0;
    text-transform: uppercase
}

.currency h6 {
    font-size: 16px;
    margin: 0;
    padding: 0
}

.currency select option {
    background: #000;
    border: 0;
    box-shadow: none
}

.currency select {
    background: #096;
    border: 1px solid #096;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 30px;
    margin: 0 0 0 20px;
    width: 90px
}

.booking-specify-login button {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.booking-specify-login button:focus,
.booking-specify-login button:hover {
    text-decoration: none
}

.radio-custom {
    opacity: 0;
    position: absolute
}

.radio-custom,
.radio-custom-label {
    cursor: pointer;
    display: inline-block;
    margin: 5px;
    vertical-align: middle
}

.radio-custom-label {
    position: relative
}

.radio-custom+.radio-custom-label:before {
    background: #fff;
    border: 2px solid #008d42;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 30px
}

.radio-custom:checked+.radio-custom-label:before {
    color: #eb090a;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 18px
}

.radio-custom:focus+.radio-custom-label {
    outline: 0
}

.benefits figure img {
    width: 100%
}

.register-driver {
    border-top: 1px solid #ccc;
    margin-top: 80px;
    padding-top: 50px
}

.register-driver h4 {
    font-size: 21px;
    font-weight: 400;
    line-height: 32px
}

.register-driver h4 span {
    color: #096;
    font-weight: 600
}

.register-driver article {
    padding: 50px 0
}

.register-driver .btn {
    background: #de4d3c;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 15px auto;
    padding: 11px 25px;
    width: 100%
}

.register-driver figure {
    text-align: center
}

.register-driver figure img {
    backface-visibility: hidden;
    height: 250px
}

.important-text {
    background: #096;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
    color: #fff;
    margin-top: 0;
    padding: 15px 0;
    text-align: center
}

.important-text li {
    font-size: 18px;
    padding: 3px 0
}

#fleet-confirm-modal .modal-dialog {
    margin-top: 170px
}

#fleet-confirm-modal .modal-body {
    background: #fff;
    padding: 30px 0 0 !important
}

#fleet-confirm-modal .modal-body h3 {
    color: #000;
    font-size: 21px;
    font-weight: 400;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: capitalize
}

#fleet-confirm-modal .buttons {
    background: #3c3c3b;
    color: #fff;
    margin-top: -100px;
    padding: 40px
}

.booking-specify-vechile .row .col-md-4>h5 {
    background: #333;
    color: #fff;
    margin: 0;
    padding: 10px
}

.testimonials-pg-wrap .testi-text {
    margin: 0;
    padding: 0;
    width: 100%
}

.testimonials-pg-wrap .flextaxis-review {
    padding: 30px
}

.testimonials-pg-wrap .testi-text h1 {
    color: #333 !important;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 30px;
    text-align: left
}

.highlight-it {
    background: #f5f5fd;
    border-left: 8px solid #35d87a;
    margin: 20px 0
}

.highlight-it #select-fleet {
    color: #333;
    font-size: 21px;
    font-weight: 800
}

#driver-reg-modal .modal-content {
    border-radius: 0
}

#driver-reg-modal .modal-content button {
    background: 0 0;
    border: 0;
    position: absolute;
    right: 0;
    z-index: 99
}

#driver-reg-modal .modal-content button i {
    color: #d62d2d;
    font-size: 30px
}

#driver-reg-modal .modal-body .list-disc li {
    color: #1d1d1d;
    font-size: 16px;
    padding-bottom: 5px
}

#driver-reg-modal .modal-body p {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 10px
}

#driver-reg-modal .modal-body {
    background: #ece8f3;
    border-radius: 0;
    padding: 30px;
    text-align: left
}

.FAQ-content-wapper .nav-tabs {
    border: none;
    margin: 20px auto 40px;
    text-align: center;
    width: 450px
}

.FAQ-content-wapper .nav-tabs>li>a {
    border: 1px solid #333;
    border-radius: 0;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.42857143;
    margin-right: 2px;
    padding: 12px 50px
}

.FAQ-content-wapper .nav>li>a:focus,
.FAQ-content-wapper .nav>li>a:hover {
    background-color: #fff;
    text-decoration: none
}

.FAQ-content-wapper .nav-tabs>li.active>a,
.FAQ-content-wapper .nav-tabs>li.active>a:focus,
.FAQ-content-wapper .nav-tabs>li.active>a:hover {
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
    cursor: default
}

.head-info {
    display: flex;
    justify-content: space-between
}

.head-info .dashboard-alert {
    background: 0 0;
    border: none;
    color: #fff;
    font-size: 16px;
    margin: 5px 0;
    padding: 0;
    width: 70%
}

.head-info .dashboard-alert a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline
}

.driver-history {
    padding: 30px 0
}

.page-header {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin: 40px 0 20px;
    margin-top: 50px !important;
    padding-bottom: 9px
}

.table-bordered.dataTable tr th {
    background: #096;
    color: #fff
}

.flextaxis-bid-jobs.congrats {
    margin-top: 20px;
    padding-top: 0
}

.dr-box-wrap .account-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.dr-box-wrap .account-wrap form {
    display: flex;
    margin: 0 0 0 50px
}

.dr-box-wrap .account-wrap .account-type-wrapper {
    margin-top: 20px
}

.unsubscribe {
    margin-top: 15px
}

.unsubscribe a {
    padding: 0 !important
}

.unsubscribe a label {
    cursor: pointer
}

.unsubscribe .label img {
    width: 12px
}

.lang-curr-wrapper {
    margin-top: 30px
}

.make-book {
    border-bottom: 1px solid #cecece;
    padding-bottom: 25px;
    text-align: left
}

.send-quote-mail,
.send-quote-mail:active,
.send-quote-mail:focus,
.send-quote-mail:visited {
    background-color: #fff;
    margin-left: 10px;
    padding: 8px 15px;
    transition: .5s
}

.send-quote-mail:hover {
    background-color: #096;
    color: #fff
}

.send-quote-mail:hover .fa {
    color: #fff;
    transition: .5s
}

.pt10 {
    padding-top: 10px
}

.w-20 {
    display: inline-block;
    margin-left: 15px;
    width: 40%
}

.booking-specify-vechile h5.bg-title .form-group {
    margin-bottom: 0
}

.booking-specify-vechile h5.bg-title span.pull-right {
    margin-top: 8px
}

.math-captcha {
    background: repeating-linear-gradient(45deg, #35d87a, #35d87a 10px, #6ff5a8 0, #6ff5a8 20px);
    font-size: 18px;
    padding: 5px 10px;
    position: relative;
    top: 3px
}

.location-wrapper ul {
    -moz-column-count: 5;
    column-count: 5;
    margin-bottom: 30px;
    padding-top: 20px
}

.location-wrapper ul li a {
    color: #2a2a2a;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    transition: .4s
}

.location-list .box {
    display: flex;
    flex: 25%;
    margin-bottom: 30px
}

/* .location-list .box a {
    background-color: #2eb875;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin: 0 15px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    width: 100%
} */

/* .location-list .box a:hover {
    background-color: #096
} */

.location-list .box a {

    font-size: 18px;
    font-weight: 700;
    padding: 0;

}



.location-wrapper ul li a:hover {
    color: #096 !important;
    text-decoration: none;
    transition: .4s
}

.location-wrapper ul li a:active,
.location-wrapper ul li a:focus,
.location-wrapper ul li a:visited {
    color: #2a2a2a
}

h1.main-header {
    color: #333;
    font-size: 21px;
    margin-bottom: 20px
}

h5 sup {
    font-size: 16px
}

.note,
.note a {
    color: #e30613
}

.note a {
    font-weight: 700 !important
}

.column-2 {
    -moz-column-count: 2;
    column-count: 2
}

.contact-info h4 {
    font-weight: 500 !important
}

.contact-info li {
    font-size: 16px;
    line-height: 25px
}

.contact-info li a {
    color: #0b8e36;
    font-weight: 800
}

.benefits h4 {
    color: #444;
    font-size: 21px;
    margin-top: 30px
}

.location-list {
    display: flex;
    flex-wrap: wrap;
    text-align: left !important
}

/* .location-wrapper {
    margin-top: 60px
} */

.location-wrapper h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center
}

.flextaxis-quote .flextaxis-actions h5,
h5.quote-info {
    color: #333;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 25px;
    text-align: left
}

.flextaxis-actions h5 a:hover {
    border-bottom: 0 !important
}

.flextaxis-actions h5 a,
h5.quote-info a {
    color: #096 !important;
    font-weight: 600;
    padding: 0 !important
}

.img-upload label {
    border-bottom: 3px solid #0b9b48;
    color: #797979;
    display: block;
    font-size: 16px;
    font-weight: 500;
    height: 54px;
    padding: 13px 0;
    text-align: left
}

.driver-search-wrapper {
    margin: 0 auto;
    padding: 60px;
    text-align: center;
    width: 60%
}

.driver-search-wrapper h3 {
    color: #fff;
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 0
}

.driver-search-wrapper input,
.driver-search-wrapper select {
    color: #313131;
    font-size: 16px;
    height: 50px;
    width: 250px !important
}

.driver-search-wrapper .form-group {
    border-bottom: 2px solid #008d42
}

.driver-search-wrapper .btn-main,
.driver-search-wrapper .btn-main:hover {
    background: #de4d3c;
    border-color: #de4d3c;
    color: #fff;
    padding: 14px 50px
}

.inner-driver-search-wrapper {
    background-color: #096;
    box-shadow: 0 0 20px 3px rgba(203, 203, 244, .36);
    padding: 80px 30px;
    text-align: center
}

.inner-driver-search-wrapper input,
.inner-driver-search-wrapper select {
    color: #313131;
    font-size: 16px;
    height: 50px;
    width: 250px !important
}

.inner-driver-search-wrapper .form-group {
    border-bottom: 2px solid #008d42
}

.inner-driver-search-wrapper .btn-main,
.inner-driver-search-wrapper .btn-main:hover {
    background: #de4d3c;
    border-color: #de4d3c;
    color: #fff;
    padding: 14px 50px
}

.driver-list-wrapper {
    background-color: #f1f4fa
}

.driver-list-wrapper .search-sum-title {
    font-weight: 400;
    margin-bottom: 30px
}

.driver-list-wrapper .single-driver-list-details {
    background: #2f3967;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    padding: 20px
}

.driver-list-wrapper .single-driver-list-details .driver-profile-pic {
    height: 210px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.driver-list-wrapper .single-driver-list-details .contact-details {
    border-left: 1px solid #9c9c9c;
    padding: 15px 30px
}

.driver-list-wrapper .single-driver-list-details .contact-details a {
    padding: 15px 0;
    text-align: left
}

.driver-list-wrapper .single-driver-list-details-heading h4,
.driver-list-wrapper .single-driver-list-details-heading p {
    color: #fff
}

.driver-list-wrapper .single-driver-list-details a.btn-main,
.driver-list-wrapper .single-driver-list-details a.btn-main:hover {
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    padding: 8px 10px;
    transition: all .6s
}

.driver-list-wrapper .single-driver-list-details a.btn-main i {
    color: #fff;
    transition: all .6s
}

.driver-list-wrapper .single-driver-list-details a.btn-main:hover i {
    padding-left: 10px;
    transition: all .6s
}

.driver-list-wrapper .single-driver-list-details a {
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    text-decoration: none
}

.company-details-wrapper {
    position: relative;
    top: -150px
}

.company-details-wrapper>.container {
    background-color: #fff;
    border-top: 5px solid #096;
    box-shadow: 0 0 7px 2px #4040403b;
    padding: 40px
}

.company-details-wrapper h1 {
    color: #0b8e36;
    font-size: 21px;
    font-weight: 800;
    margin-bottom: 20px
}

.company-details-wrapper p {
    color: #555;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.company-details-wrapper .company-info h4 {
    color: #0b8e36;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px
}

.company-details-wrapper .company-info p {
    color: #212121;
    font-size: 16px;
    margin-bottom: 20px
}

.company-details-wrapper .contact-details a:first-child {
    margin-top: 30px
}

.company-details-wrapper .contact-details a {
    color: #001129;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0
}

.company-info li a,
.company-info li a:hover {
    color: #313131;
    display: block;
    font-size: 16px;
    font-weight: 700
}

.company-details-wrapper .company-features h5 {
    background: #096;
    color: #fff;
    padding: 10px;
    text-transform: uppercase
}

.company-details-wrapper .company-features ul.list-unstyled li {
    font-weight: 500;
    padding: 2px 5px 3px 30px;
    position: relative
}

.company-details-wrapper .company-features ul.list-inline li img {
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    padding-right: 11px;
    width: 80px
}

.company-details-wrapper .company-features.social-links ul.list-inline {
    margin-bottom: 0
}

.company-details-wrapper .company-features.social-links ul.list-inline li img {
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    padding-right: 11px;
    width: 50px
}

.company-details-wrapper .company-features ul.list-unstyled li:before {
    background: #096;
    content: "";
    height: 5px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 5px
}

.company-details-wrapper a[data-toggle=modal] {
    color: #008d42
}

.company-details-wrapper .company-info>.row {
    display: flex;
    flex-wrap: wrap
}

.company-details-wrapper .company-footer {
    border-top: 2px solid #eaeaea;
    margin-top: 30px;
    padding-top: 15px
}

.is-relative {
    pointer-events: all !important;
    position: relative !important
}

.column-3 {
    -moz-column-count: 3;
    column-count: 3
}

.column-3 li {
    padding: 8px 0
}

.badge-info {
    background-color: #007f4e
}

.badge-danger {
    background-color: #c9302c
}

.rating .fa-star {
    color: #d89912
}

.company-info .tab-content .tab-pane h3 {
    color: #007f4e;
    margin-bottom: 15px
}

.company-info .tab-content #fleet .single-fleet {
    box-shadow: 0 0 3px 2px #bdbdbd;
    margin-bottom: 40px;
    padding: 20px
}

.company-info .tab-content #fleet .single-fleet h5 {
    font-size: 18px;
    font-weight: 700
}

.company-info .tab-content #fleet .single-fleet h4 {
    color: #0b8e36;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.company-info .tab-content #fleet .single-fleet figure img {
    width: 100%
}

.company-info .tab-content #pay img {
    margin-right: 25px;
    width: 100px
}

.company-info .nav-tabs {
    border-bottom: 0
}

.company-info .nav-tabs>li>a {
    border-top: 2px solid transparent
}

.company-info .nav-tabs>li.active>a {
    border: 0;
    border-radius: 0;
    border-top: 2px solid #007f4e
}

.h-150 {
    height: 155px
}

.mt-3 {
    margin-top: 10px
}

.horizontal-menu>ul {
    background: #008d42;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
    padding: 15px 0 15px 40px
}

.horizontal-menu ul a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0 0 0 100px
}

.hp-about h4 {
    color: #4d4848;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 40px
}

#onlineForm input,
#onlineForm select {
    border: 0;
    border-bottom: 1px solid #008d42;
    height: 50px
}

.info-wrap {
    align-items: center;
    background: #e8f0fe;
    display: flex;
    font-size: 18px;
    justify-content: center;
    padding: 20px 0
}

.info-wrap i {
    color: #008d42;
    font-size: 20px;
    padding-right: 15px
}

.company-info #fleet .row {
    display: flex;
    flex-wrap: wrap
}

.mt-70 {
    margin-top: 70px
}

.mt-40 {
    margin-top: 40px
}

.mt-0 {
    margin-top: 0
}

.fontBold {
    color: #1f1f1f !important;
    font-size: 20px !important;
    font-weight: 700 !important
}

.radio-hide {
    display: none
}

.sm-p {
    font-size: 15px !important;
    font-weight: 300 !important;
    text-align: left !important
}

.sm-p span {
    padding-left: 20px
}

.sm-p label {
    cursor: pointer
}

.pb-5 {
    padding-bottom: 70px
}

.flextaxis-quote #quote textarea {
    background: #fff;
    border: none;
    border-bottom: 2px solid #096;
    border-right: 1px solid #f1eef2;
    color: #4d4848;
    font-weight: 500;
    outline: 0
}

.easy-booking .sm-p {
    color: #313131 !important;
    font-size: 15px !important;
    font-weight: 700 !important
}

.quote-engine-wrapper .flextaxis-quote.home_form {
    background-color: rgba(0, 0, 20, .3);
    margin-bottom: 140px;
    margin-top: -410px
}

.carousel-control {
    width: 6%
}

img.ft_ldimg {
    display: none
}

.img-right {
    float: right
}

ul.check {
    font-size: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

ul.check li {
    margin-bottom: 5px
}

ul.check li:before {
    color: #2eb875;
    content: "\f058";
    float: left;
    font-family: FontAwesome;
    margin-right: 5px
}

.who-we-are {
    background-color: #f4f4f6;
    padding: 0
}

.mission {
    padding: 15px 0
}

.what-we-are {
    background-color: #f4f4f6;
    padding: 0
}

.position {
    padding: 0
}

.banner-text {
    color: #fff;
    font-size: 45px;
    position: absolute;
    top: 30px;
    top: 25%;
    width: 800px
}

.banner-text h1 {
    font-size: 60px;
    font-weight: 700
}

.banner-text p {
    font-size: 40px
}

.banner-text a {
    color: #fff
}

.banner-text .text-box {
    background-color: #e30713;
    border: 2px solid #14e4b4;
    border-radius: 60px;
    color: #004ff7;
    font-size: 30px;
    margin-top: 30px;
    padding: 15px 30px
}

.blockquote-custom-icon {
    background-color: #008b8b;
    padding-left: 4px;
    text-align: left
}


.secondnav ul li a {
    color: #eb1d02;
    font-size: 18px;
    padding: 0 18px;
    font-weight: 600;
}

.secondnav ul li a:hover {
    color: #36be65;
}

li.second.secondname a {
    font-size: 28px;
    font-weight: 600;
    padding: 0;
    text-decoration: none;
}

.pt-5 {
    padding-top: 40px !important
}

.pb-5 {
    padding-bottom: 40px !important
}

.text-center {
    text-align: center
}

.border {
    border: 1px solid;
    padding: 15px;
    margin-bottom: 10px;
}

.pb-3 {
    padding-bottom: 20px;
}

.border h3 {
    font-size: 22px;
}

.border p {
    font-size: 15px;
}

@media only screen and (min-width:1920px) {
    #myCarousel.slide img {
        width: 100%
    }

    .custom-flex-nav .primary-menu li>a {
        padding: 0 32px
    }

    .horizontal-menu ul.list-inline a {
        padding: 15px 40px
    }
}

@media only screen and (min-width:2200px) {
    .custom-flex-nav .primary-menu li>a {
        padding: 0 45px
    }

    .horizontal-menu ul.list-inline a {
        padding: 15px 65px
    }
}

@media only screen and (min-width:2400px) {
    .custom-flex-nav .primary-menu li>a {
        padding: 0 55px
    }

    .horizontal-menu ul.list-inline a {
        padding: 15px 50px;
        font-size: 22px;
    }

    .secondnav ul li a {
        font-size: 24px;
        padding: 0 20px;
    }
}

@media only screen and (max-width:1700px) {
    .header-contact a {
        font-size: 18px
    }

    .header-contact .icon-tel {
        background-position: 0 24px
    }

    .banner-text {
        width: 750px
    }

    .banner-text h1 {
        font-size: 70px
    }

    .banner-text p {
        font-size: 35px
    }
}

@media only screen and (max-width:1600px) {
    .custom-flex-nav .primary-menu li>a {
        font-size: 15px;
        padding: 0 6px
    }

    .horizontal-menu ul.list-inline a {
        font-size: 16px;
        padding: 12px 10px;
    }

    .flextaxis-deals .box {
        min-height: 180px;
        text-align: center
    }

    .flextaxis-deals .box figure {
        text-align: center;
        width: 100%
    }

    .flextaxis-deals .box figure img {
        width: auto
    }

    .account-section .box .btn-primary {
        padding: 20px
    }

    .account-section .box h3 {
        min-height: 50px
    }

    .location-list .box a {
        font-size: 18px;
        padding: 10px
    }

    .banner-text {
        width: 650px
    }

    .banner-text h1 {
        font-size: 60px
    }

    .banner-text p {
        font-size: 30px
    }

    .banner-text .text-box {
        font-size: 28px;
        margin-top: 0
    }

    .header-contact strong {
        font-size: 14px
    }


    .secondnav ul li a {
        font-size: 14px;
        padding: 0 8px;
    }

    li.second.secondname a {
        font-size: 25px;
    }
}

@media only screen and (max-width:1400px) {
    .header-contact {
        font-size: 14px;
        margin-top: 20px
    }

    .header-contact a,
    .header-contact strong {
        font-size: 14px
    }

    .header-contact .icon-tel {
        background-position: 0 15px
    }

    .header-contact .icon-whatsapp {
        background-position: 10px 10px;
        background-size: 30px
    }

    .primary-menu {
        margin-top: 15px
    }

    .primary-menu li.home img {
        height: auto;
        width: 40px
    }

    .custom-flex-nav .primary-menu li>a {
        font-size: 13px;
        line-height: 45px
    }

    .banner-text {
        top: 45px;
        width: 650px
    }

    .banner-text h1 {
        font-size: 50px;
        margin-top: 0
    }

    .banner-text p {
        font-size: 25px
    }

    .banner-text .text-box {
        font-size: 20px;
        margin-top: 30px
    }

    .horizontal-menu ul.list-inline a {
        font-size: 14px;
        padding: 15px 10px;
    }
}

@media only screen and (max-width:1199px) {
    .primary-menu {
        margin-top: 25px
    }

    .custom-flex-nav .primary-menu li>a {
        font-size: 16px;
        line-height: 55px;
        padding: 0 10px
    }

    .horizontal-menu ul.list-inline a {
        font-size: 12px;
        padding: 5px 5px;
    }

    .secondnav ul li a {
        color: #eb1d02;
        font-size: 12px;
        padding: 5px 5px;
        font-weight: 600;
    }

    li.second.secondname a {
        font-size: 19px;
    }

    .account-section .box .box-content {
        padding: 15px
    }

    .account-section .box .btn-primary {
        padding: 10px
    }

    .banner-text {
        top: 20px;
        width: 550px
    }

    .banner-text h1 {
        font-size: 40px;
        margin-top: 0
    }

    .banner-text .text-box {
        font-size: 18px;
        margin-top: 0
    }
}

@media only screen and (max-width:991px) {
    .img-right {
        float: none
    }

    .blog-wrap .col-md-8 {
        padding: 0 30px 15px
    }

    #slogan,
    .mission,
    .position,
    .what-we-are,
    .who-we-are {
        text-align: center
    }

    #slogan .img-responsive,
    .mission .img-responsive,
    .position .img-responsive,
    .what-we-are .img-responsive,
    .who-we-are .img-responsive {
        display: inline-block
    }

    .become-driver,
    .become-driver p {
        text-align: center
    }

    ul.check li:before {
        float: none
    }

    .flextaxis-deals .box {
        margin-bottom: 0 !important;
        min-height: auto
    }

    .flextaxis-deals .wrap-deals {
        padding-bottom: 0 !important
    }

    .banner-text {
        top: 30px;
        width: 420px
    }

    .banner-text h1 {
        font-size: 30px;
        margin-top: 0
    }

    .banner-text p {
        font-size: 28px;
        font-weight: 700
    }

    .banner-text .text-box {
        font-size: 16px;
        padding: 5px 20px
    }
}

@media only screen and (max-width:767px) {

    .become-driver .btn-blue,
    .become-driver .btn-orange {
        margin: 0;
        width: 100%
    }

    .banner-text {
        color: #000;
        margin-bottom: 50px;
        margin-top: -20px;
        padding: 15px;
        position: relative;
        text-align: center;
        width: 100%
    }

    .banner-text a {
        color: #000
    }

    .banner-text .text-box {
        color: #fff
    }
}

.blog-wrap {
    border-radius: 5px;
    box-shadow: 0 0 5px #cccc;
    margin: 30px 0;
    overflow: hidden;
    padding: 15px
}

.blog-wrap .btn-primary {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px
}

.blog-banner {
    float: left;
    margin-bottom: 15px;
    margin-right: 30px;
    margin-top: 15px
}

.textimonial-section {
    background-color: #fff;
    padding: 50px 0;
    text-align: center
}

.textimonial-section h3 {
    font-size: 30px;
    margin: 0
}

.textimonial-section a {
    color: #0356b0;
    font-weight: 700
}

.testimonials-pg-wrap {
    padding: 30px 0 70px
}

.testimonial-bar {
    background-color: #e5e5e5;
    font-size: 22px;
    height: 100px;
    line-height: 70px;
    margin-bottom: 30px;
    padding: 15px
}

.testimonial-bar strong {
    color: #0c8e36;
    font-size: 25px;
    font-weight: 700
}

/* .testimonial-bar img {
    height: 20px
} */

.reviews-wrap {
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 30px;
    padding: 30px;
    text-align: center;
    width: 100%
}

.reviews-wrap .reviews {
    color: #686868;
    font-style: italic;
    margin-bottom: 30px
}

.reviews-wrap h4 {
    color: #0c8e36;
    font-size: 25px;
    font-weight: 700
}

.social-login-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-bottom: 20px
}

.btn.btn-facebook {
    background-color: #1771ed;
    color: #fff
}

.btn.btn-google {
    background-color: #f71a00;
    color: #fff
}

@media only screen and (min-width:1200px) and (max-width:1300px) {
    .custom-flex-nav .col-lg-4.col-md-2 {
        width: 25%
    }

    .custom-flex-nav .col-lg-6.col-md-8 {
        width: 58%
    }
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    .header-contact.hidden-md {
        display: none
    }

    .header-contact.visible-md {
        align-items: center;
        display: flex !important;
        gap: 15px
    }

    .primary-menu {
        margin-top: 10px
    }

    .custom-flex-nav .primary-menu li>a {
        font-size: 13px;
        line-height: 45px;
        padding: 0 10px
    }
}

@media only screen and (max-width:1200px) {
    .testimonial-bar .btn {
        font-size: 16px;
        padding: 15px
    }

    .header-contact.visible-md {
        align-items: center;
        display: flex !important;
        gap: 15px
    }
}

@media only screen and (max-width:991px) {
    .testimonial-bar {
        height: auto;
        text-align: center
    }

    .testimonial-bar .pull-right {
        float: none !important
    }
}

@media only screen and (max-width:767px) {
    .testimonial-bar {
        line-height: 50px
    }

    .testimonial-bar .pull-right {
        display: block;
        width: 100%
    }

    .header-contact.visible-md {
        gap: 15px
    }

    .header-contact.visible-md img {
        height: auto;
        width: 18px
    }
}

.flex {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.flex .col {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 calc(50% - 15px)
}

.loading {
    background: url(../loader.gif) no-repeat 50%;
    height: 150px;
    text-align: center
}

#pagination_link {
    margin-top: 30px;
    text-align: center
}

@media screen and (max-width:767px) {
    .flex .col {
        flex: 0 0 100%
    }
}


@media screen and (min-width:992px) {
    .image-right {
        width: 50%;
        float: right;
        margin-left: 20px;
        margin-bottom: 15px;
    }

    .image-left {
        width: 50%;
        float: left;
        margin-right: 20px;
        margin-bottom: 15px;
    }
}

.w-100 {
    width: 100%;
    max-width: 100%;
}