/****************reset css Start********************/

html {

    -webkit-text-size-adjust: none;

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

.modal-backdrop, .modal-backdrop.fade.in {

    display: none;

}

header {

    box-shadow: 0 0 0 0 rgba(0,0,0,0.5);

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

header.shadow {

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

}

#main-uber-page {

    min-height: 100%;

}

.fullWidth {

    width: 100%;

}

ul.tab-row li span:after {

    content: attr(data-slogan);

    font-size: 10px;

    display: block;

    color: #757575;

    margin-top: 5px;

    line-height: 12px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



ul.stepper .step {

    position: relative;

}

ul.stepper.linear {

    padding: 0 20px;

    overflow: visible;

    height: calc(100vh - 390px);

    height: -o-calc(100vh - 390px);

    height: -ms-calc(100vh - 390px);

    height: -moz-calc(100vh - 390px);

    height: -webkit-calc(100vh - 390px);

    overflow-y: auto;

}

ul.stepper .step .section-block .general-form {

    margin-top: 0;

}

ul.stepper .step .step-title {

    margin: 0 -20px;

    display: block;

    font-size: 20px;

    font-weight: 500;

    color: #000;

    padding: 14px 30px 14px 0;

    margin: 0 0px 0px 0;

    border-bottom: 1px solid #e0e0e0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

ul.stepper .step .step-title:hover {

    background-color: transparent;

}

ul.stepper .step .step-content {

    margin: 0 ;

}

ul.stepper .step .step-title::after {

    display: none;

}

ul.stepper .step:not(:last-of-type)::after {

    display: none;

}

ul.stepper .step::before {

    display: none;

}

button.waves-effect {

    height: 52px;

    display: inline-block;

    border: none;

    outline: none;

    background-color: #000;

    justify-content: center;

    align-items: center;

    padding: 0 15px;

    color: #fff;

    font-size: 17px;

    font-weight: 400;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    cursor: pointer;

    width: auto;

    box-sizing: border-box;

    text-align: center;

    font-family: 'poppins';

    min-width: 140px;

    margin-right: 8px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}

button.waves-effect:hover,

button.waves-effect:focus {

    background-color: #777;

    color: #fff;

    outline: none;

}

ul.stepper .step.done::before {

    content: '\e904';

    font-family: 'icomoon';

    font-size: 8px;

}

ul.stepper .step .step-title {

    position: relative;

}



ul.stepper .step.active .step-title:before {

    content: '\44';

    position: absolute;

    right: 0;

    top: 20px;

    font-family: 'icomoon';

    font-size: 12px;

}

#fareestiamtemap{

    padding: 0;

}

#fare-estimate ul.stepper .step.active .step-title:before {

    content: '';

    position: absolute;

    right: 0;

    top: 20px;

    font-family: 'icomoon';

    font-size: 12px;

    display: none;

}

ul.stepper .step .step-content {

    padding-top: 18px;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

    line-height: 1;

    font-family: 'poppins';

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

* {

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

}

#errmsg,#success, #errmsgf,#successf {

    background-color: #ce2525;

    color: #fff;

    border-radius: 5px;

    padding: 7px 20px;

    display: inline-block;

    font-size: 13px;

    position: relative;

    width: 100%;

    box-sizing: border-box;

    line-height: normal;

}

.msg_close {

    position: absolute;

    right: 10px;

    top: 7px;

    font-size: 12px;

    font-weight: 600;

    z-index: 1;

    color: #fff;

    display: inline-block;

    cursor: pointer;

}

.login-err {

    position: relative;

}

.form-err {

    position: relative;

    margin-bottom: 15px;

}

.error,.captcha-column span.error,.Iserror,.help-block.error {

    position: absolute;

    bottom: -14px;

    font-size: 11px;

    color: #f00;

    margin: 0;

    display: block;

    white-space: nowrap;

    margin: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 100%;

}

.captcha-column ~ .check-combo .help-block.error {

    min-width: 220px;

}

.input-group-addon {

    border-radius: 0 4px 4px 0;

    -webkit-border-radius: 0 4px 4px 0;

    -moz-border-radius: 0 4px 4px 0;

    -ms-border-radius: 0 4px 4px 0;

    -o-border-radius: 0 4px 4px 0;

}

.notes {

    display: block;

    margin-top: 5px;

    color: #404040;

    font-size: 14px;

    font-weight: 400;

    line-height: 21px;

    margin-bottom: 0;

    font-family: 'poppins';

}

.notes span {

    font-weight: bold;

}

.general-form .form-group .notes label {

    position: relative;

    display: block;

    transform: none;

    margin: 0;

    display: inline-block;

    font-weight: 600;

    margin: 0 3px 0 0;

    left: auto;

}



._MB0_ {

    margin-bottom: 0 !important;

}

.relation-parent {

    position: relative;

}

.mix-content {

    transition:all 0.5s ease 0s;

    -webkit-transition:all 0.5s ease 0s;

    -moz-transition:all 0.5s ease 0s;

    -ms-transition:all 0.5s ease 0s;

    -o-transition:all 0.5s ease 0s;

}

ul.user-menu ul.navmenu-links {

    display: none !important;

}

select::-ms-expand {

    display: none;

}

.ui-widget-header .ui-icon {

    background-image: none !important;

}

.ui-datepicker .ui-datepicker-prev .ui-icon,

.ui-datepicker .ui-datepicker-next .ui-icon {

    text-indent: 0px;

    font-size: 0;

}

.ui-datepicker-prev:hover,

.ui-datepicker-next:hover {

    background-color: #aaa;

    cursor: pointer;

}

.ui-datepicker .ui-datepicker-prev .ui-icon:after,

.ui-datepicker .ui-datepicker-next .ui-icon:after {

    content: '\6c';

    font-family: 'icomoon';

    font-size: 14px;

    position: absolute;

    top: 1px;

}

.ui-datepicker .ui-datepicker-next .ui-icon:after {

    transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {

    display: inline-flex;

}

@-webkit-keyframes slideInLeft {

    0% {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes slideInLeft {

    0% {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@-webkit-keyframes slideInRight {

    0% {

      -webkit-transform: translate3d(100%, 0, 0);

      transform: translate3d(100%, 0, 0);

      visibility: visible;

    }

  

    100% {

      -webkit-transform: translate3d(0, 0, 0);

      transform: translate3d(0, 0, 0);

    }

  }

  

  @keyframes slideInRight {

    0% {

      -webkit-transform: translate3d(100%, 0, 0);

      transform: translate3d(100%, 0, 0);

      visibility: visible;

    }

  

    100% {

      -webkit-transform: translate3d(0, 0, 0);

      transform: translate3d(0, 0, 0);

    }

  }

  

  .slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft;

}

.inv-rating .rating_img {

    background-size: auto 26px;

    margin: 0 auto;

    transform-origin: center center;

    transform: scale(2);

    -webkit-transform: scale(2);

    -moz-transform: scale(2);

    -ms-transform: scale(2);

    -o-transform: scale(2);

    display: block;

}

.inv-rating .rating_img span {

    font-size: 26px;

}

.inv-rating .rating_img span {

    background-size: auto 26px;

    background-position-y: 12px;

}

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

.alert .close {

  float: right;

  font-size: 0;

  line-height: 18px;

  color: #fff;

  text-shadow: 0 1px 0 #ffffff;

  background-color: transparent;

  border: none;

  outline: none;

  cursor: pointer;

}

.alert .close:after {

  content: '\2715';

  font-size: 12px;

}



.alert {

  padding: 7px 20px;

  margin-bottom: 18px;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

  background-color: #fcf8e3;

  border: 1px solid #fbeed5;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  color: #c09853;

  font-size: 13px;

  font-weight:400;

  line-height: 21px;

  font-family: 'poppins';

  box-sizing: border-box;

}

.alert-heading {

    color: inherit;

}

.alert .close {

    position: relative;

    top: 0;

    right: -21px;

    line-height: 18px;

    vertical-align: middle;

}

.alert-success {

    background-color: #14b368;

    border-color: #14b368;

    color: #ffffff;

}

.alert-danger,

.alert-error {

    background-color: #ce2525;

    border-color: #ce2525;

    color: #fff;

}

.alert-info {

    background-color: #d9edf7;

    border-color: #bce8f1;

    color: #3a87ad;

}

.alert-block {

    padding-top: 14px;

    padding-bottom: 14px;

}

.alert-block > p,

.alert-block > ul {

    margin-bottom: 0;

}

.alert-block p + p {

    margin-top: 5px;

}

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

/*************reset css End*******************/

/*************banner css Start*******************/

.banner-section {

    background-size: cover;

    background-position: top center;

    position: relative;

    z-index: 1;

}

.banner-back {

    position: absolute;

    width: 100%;

    pointer-events: none;

    top: 0;

    bottom: 0;

}

.banner-back .banner-image {

    position: absolute;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: top center;

    z-index: -1;

    background-size: cover;

    display: none;

}

.banner-section-inner {

    max-width: 1310px;

    margin: 0 auto;

    padding: 0 15px 50px 15px;

    min-height: 707px;

}

ul.tab-row {

    display: flex;

    width: 100%;

    flex-wrap: wrap;

    justify-content: space-around;

    padding: 15px 0 15px 0;

    background-color: rgba(255,255,255,0.85);

}

ul.tab-row li {

    /*min-width: 98px;*/

    text-align: center;

    opacity: 0.5;

    position: relative;

    cursor: pointer;

    /*max-width: 180px;*/

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    z-index: 1;

    width: 110px;

    height:65px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}

ul.tab-row li.tab.mob {

    display: none;

}

ul.tab-row li:hover {

    opacity: 1;

}

ul.tab-row li.tab.active {

    opacity: 1;

}

ul.tab-row li:after {

    content: '';

    position: absolute;

    bottom: -15px;

    width: 100%;

    height: 3px;

    background-color: #000;

    left: 0;

    opacity: 0;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

ul.tab-row li.tab.active:after {

    opacity: 1;

}

ul.tab-row li div.defaultimg-banner-icon {

    background-color: gray;

    height: 100%;

}

ul.tab-row li img, ul.tab-row li div.defaultimg-banner-icon {

    max-height: 30px;

    /*margin-bottom: 9px;

    */margin: 0 auto 9px auto;

    transform: translatex(0);

    -webkit-transform: translatex(0);

    -moz-transform: translatex(0);

    -ms-transform: translatex(0);

    -o-transform: translatex(0);

}

ul.tab-row li span {

    display: block;

    font-size: 15px;

    font-weight: 600;

    color: #000;

    width: 100%;

}

.categories-block {

    background-color: rgba(255,255,255,0.85);

    max-width: 498px;

    padding:62px 44px 76px 44px;

    box-sizing: border-box;

}

.categories-caption {

    display: none;

    min-height: 150px;

}



.categories-caption.active {

    display: block;

}

.categories-caption h2 {

    font-size: 45px;

    font-weight: 500;

    margin-bottom: 30px;

}

.categories-caption p {

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    line-height: 32px;

    margin-bottom: 36px;

}

.categories-caption h2 span {

    color: #757575;

    display: block;

    margin-top: 13px;

}

.categories-caption a.book-btn img {

    max-width: 20px;

    position: relative;

    right: -14px;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.categories-caption a.book-btn:hover img {

    right: -20px;

}

.categories-caption a.book-btn {

    padding: 16px 56px 16px 23px;

    background-color: #000;

    display: inline-flex;

    align-items: center;

    color: #fff;

    text-transform: unset;

    text-decoration: none;

    white-space:nowrap;

    font-size: 17px;

    font-weight: 400;

    letter-spacing: 0.3px;

    outline: none;

    text-decoration: none;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    border: none;

}

.categories-caption p a.book-btn {

    padding: 10px 56px 10px 23px;

}

.gen-btn,.button-block a.gen-btn,.modal .modal-footer .btn {

    padding: 12px 25px 12px 25px;

    background-color: #000;

    display: inline-flex;

    align-items: center;

    color: #fff;

    text-transform: unset;

    text-decoration: none;

    font-size: 17px;

    font-weight: 400;

    letter-spacing: 0.3px;

    outline: none;

    text-decoration: none;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    text-transform: capitalize;

    font-family: 'poppins';

}

.modal .modal-footer .btn i {

    display: none;

}

.gen-btn.small-btn {

    padding: 10px 16px;

    font-size: 14px;

}

.button-block a.gen-btn:after {

    display: none;

}

.gen-btn.cancel {

    background-color: #757575;

}

.categories-caption a.book-btn:hover,

.categories-caption a.book-btn:focus,

.gen-btn:hover,

.gen-btn:focus,

.button-block a.gen-btn:hover,

.button-block a.gen-btn:focus {

    background-color: #757575;

}

/*********** how-it-works section start *********/

.how-it-works-section-inner {

    max-width: 1280px;

    margin: 0 auto;

    padding: 0 15px;

    position: relative;

    display: flex;

    justify-content: space-between;

}

.how-it-works-section h3 {

    color: #000;

    font-weight: 500;

    font-size: 45px;

    margin-bottom: 40px;

    margin-left: -3px;

    font-family: 'poppins';

    line-height: 55px;

}

.how-it-works-section {

    padding: 40px 0 0px 0;

    background-color: #fff;

    position: relative;

}

.how-it-works-section.for-home-variant {

    z-index: 1;

}

.how-it-works-left {

    padding-right: 160px;

}

.how-it-works-section ul li {

    position: relative;

    padding-left: 70px;

    margin-bottom: 32px;

    padding-top: 12px;

}

[dir="rtl"] .how-it-works-section ul li {

    padding-left: 0px;

    padding-right: 67px;

}

.how-it-works-section ul li strong {

    font-size: 22px;

    font-weight: 500;

    color: #000;

    display: block;

    margin-bottom: 12px;

}

.how-it-works-section ul li:first-child:before {

    color: #fff;

}

.how-it-works-section ul li span {

    font-size: 15px;

    font-weight: 400;

    color: #404040;

    line-height: 24px;

}

.how-it-works-section ul li:before {

    content: attr(data-number);

    width: 44px;

    height: 44px;

    position: absolute;

    background-color: #fff;

    left: 0;

    top: 0;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

    font-size: 23px;

    font-weight: bolder;

    box-shadow: 0 0 0 2px #000 inset;

}

/*.how-it-works-section ul li:first-child:before {

    box-shadow: 0 0 0 2px #000 inset;

    color: #000;

}*/

[dir="rtl"] .how-it-works-section ul li:before {

    left: auto;

    right: 0;

}

.how-it-works-section ul li:last-child {

    margin-bottom: 0;

}



[dir="rtl"] .how-it-works-section ul:after {

    right: 22px;

    left: auto;

}

.how-it-works-section ul {

    position: relative;

    z-index: 0;

    margin-bottom: 60px;

}

.how-it-works-section ul li:after {

    content: '';

    position: absolute;

    width: 3px;

    left: 20px;

    background-color: #000;

    top: 45px;

    bottom: -40px;

}

/*.how-it-works-section ul li:first-child:after {

    background-color: #000;

}

.how-it-works-section ul li:first-child:before {

    background-color: #000;

    color: #fff;

}*/

.how-it-works-section ul li:last-child:after {

    display: none;

}

[dir="rtl"] .how-it-works-section ul li:last-child:after {

    right: 22px;

    left: auto;

}

.how-it-works-right img {

    margin-top: -107px;

    max-width: unset;

}

.how-it-works-right {

    align-items: flex-end;

    display: flex;

}

/*********** how-it-works section end *********/

/*********** safety section start *********/

.safety-section {

    background-color: #f6f6f6;

}

.safety-section-inner {

    justify-content: space-between;

    max-width: 1280px;

    margin: 0 auto;

    padding: 0 15px;

    position: relative;

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

}

.safety-section-right {

    width: 607px;

    padding: 0 0px 0 114px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    background-color: #f6f6f6;

    box-sizing: border-box;

}

.safety-section-left {

    width: calc(100% - 607px);

    width: -o-calc(100% - 607px);

    width: -ms-calc(100% - 607px);

    width: -moz-calc(100% - 607px);

    width: -webkit-calc(100% - 607px);

    display: flex;

    align-items: flex-end;

    flex-direction: column;

    -ms-flex-pack: flex-end

}

.safety-section-left img {

    max-width: unset;

    width: 52vw;

}

.safety-section h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 38px;

    line-height: 57.88px;

}

.safety-section p {

    color: #404040;

    font-size: 21px;

    line-height: 36px;

    font-weight: 400;

}

/*********** safety section end *********/

/*********** Download app section Start *********/

.download-section {

    background-size: cover;
    padding: 32px 0 55px 0;
    background-color: transparent;
    min-height: 262px;
    background-attachment: fixed;
    position: relative;
    z-index: 0;

}
.download-section:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: -1;
}
.download-section-inner {

    max-width: 1300px;

    margin: 0 auto;

    padding: 0 15px;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    text-align: center;

    color: #fff;

}

.download-section h3 {

    font-size: 45px;

    font-weight: 500;

    margin-bottom: 12px;

}

.download-section strong {

    font-size: 17px;

    font-weight: 500;

    display: block;

    margin-bottom: 35px;

    text-transform: uppercase;

}

.download-section p {

    font-size: 17px;

    max-width: 810px;

    font-weight: 400;

    margin: 0 auto;

    line-height: 28px;

}

.download-section p strong {

    display: inline;

    font-size: 22px;

    font-weight: 600;

}

.download-links a {

    display: inline-block;

    padding: 0 9px;

}

.download-links {

    margin-top: 35px;

}

/*********** Download app section end *********/

/*********** call section Start *********/

.call-section {

    background-size: cover;

    padding:42px 0 78px 0;

    background-color: #fff;

}

.call-section-inner {

    max-width: 1300px;

    margin: 0 auto;

    padding: 0 15px;

    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #fff;

}

.call-section h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    line-height: 57.88px;

    margin-bottom: 35px;

    margin-top: 20px;

}

.call-section strong {

    font-size: 30px;

    font-weight: 500;

    display: block;

    margin-bottom: 22px;

    color: #121212;

}

.call-section p {

    font-size: 21px;

    line-height: 36px;

    color: #404040;

    margin-bottom: 45px;

}

.call-section b {

    color: #393939;

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    display: block;

}



.call-section-left {

    width: 450px;

    padding-right: 15px;

}

.call-section-right {

    width: calc(100% - 500px);

    width: -o-calc(100% - 500px);

    width: -ms-calc(100% - 500px);

    width: -moz-calc(100% - 500px);

    width: -webkit-calc(100% - 500px);

    text-align: center;

}

.call-section-right img {

    max-width: 100%;

}

.call-section a {

    text-decoration: none;

    color: #000;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.call-section a:hover {

    opacity: 0.5;

}

.call-section a.book-btn {

    padding: 13px 24px 14px 24px;

    background-color: #000;

    display: inline-flex;

    align-items: center;

    color: #fff;

    text-transform: unset;

    text-decoration: none;

    font-size: 17px;

    font-weight: 400;

    letter-spacing: 0.3px;

    outline: none;

    white-space: nowrap;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    text-align: center;

    min-width: 154px;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.call-section a.book-btn:hover {

    background-color: #757575;

    opacity: 1;

}

.call-section a.book-btn i {

    max-width: 25px;

    font-size: 25px;

    position: relative;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.call-section a.book-btn i {

    margin-right: 10px;

}



.call-section footer {

    margin-top: 0;

}

/*********** call section end *********/

/*********** signup section start *********/

.signup-row-inner {

    max-width: 1300px;

    margin: 0 auto;

    padding: 0 15px;

    position: relative;

    display: flex;

}

.signup-block a {

    display: inline-flex;

    text-decoration: none;

    align-items: center;

    font-size: 40px;

    font-weight: 500;

    color: #000;

    position: relative;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    padding-bottom: 5px;

    margin-bottom: -5px;

    max-width: 482px;

    line-height: normal;

}

/* .signup-block a::before {

    content: attr(data-name);

    position: absolute;

    height: 100%;

    color: #757575;

    top: 0;

    left: 0;

    width: 0%;

    transition:all 0.5s ease 0s;

    -webkit-transition:all 0.5s ease 0s;

    -moz-transition:all 0.5s ease 0s;

    -ms-transition:all 0.5s ease 0s;

    -o-transition:all 0.5s ease 0s;

    overflow: hidden;

} */

.signup-block a:hover {

    /*width: 100%;*/

    color: #757575;

}

/* .signup-block a:after {

    content: '';

    position: absolute;

    width: 0;

    height: 3px;

    background-color: #000;

    left: 0;

    bottom: 0px;

    pointer-events: none;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.signup-block a:hover:after {

    width: 100%;

} */

.signup-block a img {

    width: 32px;

    right: 0;

    margin-left: 98px;

    position: relative;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.signup-block a:hover img {

    filter: invert(47%) sepia(2%) saturate(3%) hue-rotate(349deg) brightness(97%) contrast(90%);

    -webkit-filter: invert(47%) sepia(2%) saturate(3%) hue-rotate(349deg) brightness(97%) contrast(90%);

    right: -20px;

}

.signup-block {

    width: 50%;

    min-height: 140px;

    position: relative;

    display: flex;

    align-items: center;

}

.signup-block.driver:after {

    content: '';

    position: absolute;

    right: 0;

    width: 1px;

    background-color: #fff;

    top: 0;

    bottom: 0;

}

.signup-block.rider {

    justify-content: flex-end;

}

.signup-row {

    background-color: #e0e0e0;

    overflow: hidden;

}

/*********** signup section end *********/



/*************icon shake animation start*************/

/* Icon Buzz */

@-webkit-keyframes hvr-icon-buzz {

    50% {

      -webkit-transform: translateX(3px) rotate(2deg);

      transform: translateX(3px) rotate(2deg);

    }

    100% {

      -webkit-transform: translateX(-3px) rotate(-2deg);

      transform: translateX(-3px) rotate(-2deg);

    }

  }

  @keyframes hvr-icon-buzz {

    50% {

      -webkit-transform: translateX(3px) rotate(2deg);

      transform: translateX(3px) rotate(2deg);

    }

    100% {

      -webkit-transform: translateX(-3px) rotate(-2deg);

      transform: translateX(-3px) rotate(-2deg);

    }

  }

  .hvr-icon-buzz {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

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

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

  }

  .hvr-icon-buzz .hvr-icon {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  .hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {

    -webkit-animation-name: hvr-icon-buzz;

    animation-name: hvr-icon-buzz;

    -webkit-animation-duration: 0.15s;

    animation-duration: 0.15s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

  }

  

  /* Icon Buzz Out */

  @-webkit-keyframes hvr-icon-buzz-out {

    10% {

      -webkit-transform: translateX(3px) rotate(2deg);

      transform: translateX(3px) rotate(2deg);

    }

    20% {

      -webkit-transform: translateX(-3px) rotate(-2deg);

      transform: translateX(-3px) rotate(-2deg);

    }

    30% {

      -webkit-transform: translateX(3px) rotate(2deg);

      transform: translateX(3px) rotate(2deg);

    }

    40% {

      -webkit-transform: translateX(-3px) rotate(-2deg);

      transform: translateX(-3px) rotate(-2deg);

    }

    50% {

      -webkit-transform: translateX(2px) rotate(1deg);

      transform: translateX(2px) rotate(1deg);

    }

    60% {

      -webkit-transform: translateX(-2px) rotate(-1deg);

      transform: translateX(-2px) rotate(-1deg);

    }

    70% {

      -webkit-transform: translateX(2px) rotate(1deg);

      transform: translateX(2px) rotate(1deg);

    }

    80% {

      -webkit-transform: translateX(-2px) rotate(-1deg);

      transform: translateX(-2px) rotate(-1deg);

    }

    90% {

      -webkit-transform: translateX(1px) rotate(0);

      transform: translateX(1px) rotate(0);

    }

    100% {

      -webkit-transform: translateX(-1px) rotate(0);

      transform: translateX(-1px) rotate(0);

    }

  }

  @keyframes hvr-icon-buzz-out {

    10% {

      -webkit-transform: translateX(3px) rotate(2deg);

      transform: translateX(3px) rotate(2deg);

    }

    20% {

      -webkit-transform: translateX(-3px) rotate(-2deg);

      transform: translateX(-3px) rotate(-2deg);

    }

    30% {

      -webkit-transform: translateX(3px) rotate(2deg);

      transform: translateX(3px) rotate(2deg);

    }

    40% {

      -webkit-transform: translateX(-3px) rotate(-2deg);

      transform: translateX(-3px) rotate(-2deg);

    }

    50% {

      -webkit-transform: translateX(2px) rotate(1deg);

      transform: translateX(2px) rotate(1deg);

    }

    60% {

      -webkit-transform: translateX(-2px) rotate(-1deg);

      transform: translateX(-2px) rotate(-1deg);

    }

    70% {

      -webkit-transform: translateX(2px) rotate(1deg);

      transform: translateX(2px) rotate(1deg);

    }

    80% {

      -webkit-transform: translateX(-2px) rotate(-1deg);

      transform: translateX(-2px) rotate(-1deg);

    }

    90% {

      -webkit-transform: translateX(1px) rotate(0);

      transform: translateX(1px) rotate(0);

    }

    100% {

      -webkit-transform: translateX(-1px) rotate(0);

      transform: translateX(-1px) rotate(0);

    }

  }

  .hvr-icon-buzz-out {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

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

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

  }

  .hvr-icon-buzz-out .hvr-icon {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  .hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {

    -webkit-animation-name: hvr-icon-buzz-out;

    animation-name: hvr-icon-buzz-out;

    -webkit-animation-duration: 0.75s;

    animation-duration: 0.75s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

  }

/*************icon shake animation end*************/

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

==============home page css end=================--

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



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

==============login page css start=================--

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

.login-main {

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

}

.login-inner {

    max-width: 1280px;

    padding: 50px 15px;

    margin: 0 auto;

    min-height: 654px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

}

.login-block {

    width: 962px;

    min-height: 571px;

    background-color: #fff;

    border-radius: 10px;

    border: 1px solid #ddd;

    box-shadow: 0 0 13px 0 rgba(0,0,0,0.10);

    max-width: 100%;

    display: flex;

    flex-wrap: wrap;

}



.login-caption {

    margin-top: 46px;

    padding-left: 48px;

    display: none;

    min-height: 198px;

}

.login-caption.active {

    display: block;

}

.login-caption strong {

    font-size: 27px;

    font-weight: 600;

    color: #000;

    display: block;

    margin-bottom: 30px;

}

.login-caption ul li {

    font-size: 16px;

    color: #000;

    padding: 0 0 8px 30px;

    position: relative;

    margin-bottom: 8px;

    line-height: normal;

}

.login-caption ul li:before {

    content: '';

    width: 16px;

    height: 13px;

    background-image: url(../../../img/apptype/Cubex/mark.svg);

    position: absolute;

    left: 0;

    top: 7px;

    background-size: 100% auto;

    background-repeat: no-repeat;

    filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);

    -webkit-filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);

}

.login-left {

    width: 48%;

}

.login-left img {

    max-width: 380px;

}

.login-right {

    width: 52%;

}

ul.tab-switch li a {

    text-decoration: none;

    font-size: 15px;

    font-weight: 500;

    color: #fff;

    min-width: 110px;

    height: 38px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-transform: capitalize;

    border-radius: 4px;

    padding: 0 10px;

}

.login-newblock { justify-content: center !important; padding: 0px!important;}

.loginlabel{margin: 20px 0 20px!important;}

.login-tabholder{width: 100%; justify-content: center!important; padding: 0px!important;}

.login-tabholder:before {

    content: '';

    border-bottom:none!important;

    }





.tabholder {

    height: 100px;

    display: flex;

    /* width: 370px; */

    max-width: 100%;

    align-items: center;

    justify-content: flex-end;

    padding-right: 20px;

    background-color: #dbdbdb;

    position: relative;

    z-index: 1;

}

.tabholder:before {

    content: '';

    border-bottom: 100px solid #fff;

    position: absolute;

    left: 0;

    top: 0;

    border-right: 40px solid transparent;

    z-index: -1;

    padding-left: 40px;

    pointer-events: none;

}





.login-block-heading {

    width: 100%;

    display: flex;

    border-bottom: 1px solid #e0e0e0;

    border-radius: 10px 10px 0 0;

    overflow: hidden;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 0 0px 0 30px;

    align-items: center;

    margin-bottom: 30px;

}

.login-block-heading label {

    font-size: 38px;

    font-weight: 500;

    color: #000;

    margin: 0;

}

.login-block-heading.forget_label {

    justify-content: center;

    padding: 0;

}

ul.tab-switch li.active a {

    background-color: #fff;

    color: #000;

}

ul.tab-switch {

    background-color: #000;

    padding: 2px;

    border-radius: 4px;

    display: flex;

    flex-wrap: wrap;

}

.login-right h1 {

    font-size: 35px;

    font-weight: 500;

    color: #000;

    padding-top: 7px;

    margin-bottom: 24px;

}

.login-right p {

    color: #404040;

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 20px;

}

.login-right .form_hold {

    margin-top: 25px;

}

.login-right form .form-group {

    position: relative;

    display: block;

    margin-bottom: 20px;

}

.login-right form .form-group input,

.login-right form .form-group select {

    width: calc(100% - 34px);

    width: -o-calc(100% - 34px);

    width: -ms-calc(100% - 34px);

    width: -moz-calc(100% - 34px);

    width: -webkit-calc(100% - 34px);

    padding: 14px 16px 15px 16px;

    border: 1px solid #c1c1c1;

    border-radius: 6px;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-appearance: none;

    box-shadow: none;

    outline: none;

}

.login-right form .form-group select {

    outline: none;

    width: 100%;

    background-image: url(../../../img/apptype/Cubex/select-arrow.jpg);

    background-repeat: no-repeat;

    background-position: right 10px center;

    background-size: 11px;

}

.login-right form .form-group.error:after {

    position: absolute;

    content: '';

    width: 4px;

    height: 48px;

    right: 0;

    top: 0;

    background-color: #ff0000;

    border-radius: 0 6px 6px 0;

}

.login-right form .form-group.success:after {

    position: absolute;

    content: '';

    width: 4px;

    height: 48px;

    right: 0;

    top: 0;

    background-color: #6cc700;

    border-radius: 0 6px 6px 0;

}

.login-right form .form-group input:focus {

    border: 1px solid #404040;

    outline: none;

}

.login-right form .form-group select:focus {

    border: 1px solid #404040;

}

.login-right form .form-group label {

    position: absolute;

    left: 16px;

    top: 50%;

    margin-top: -8px;

    pointer-events: none;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    transition: all 150ms ease 0s;

    -webkit-transition: all 150ms ease 0s;

    -moz-transition: all 150ms ease 0s;

    -ms-transition: all 150ms ease 0s;

    -o-transition: all 150ms ease 0s;

}

.login-right form .form-group.floating label {

    top: 0px;

    background-color: #fff;

    z-index: 1;

    padding: 0 6px;

    transform: scale(0.8) translateX(-25px);

    -webkit-transform: scale(0.8) translateX(-25px);

    -moz-transform: scale(0.8) translateX(-25px);

    -ms-transform: scale(0.8) translateX(-25px);

    -o-transform: scale(0.8) translateX(-25px);

    color: #404040;

}

.btn-hold input[type="submit"] {

    background-color: #000;

    border: none;

    outline: none;

    font-size: 17px;

    font-weight: 500;

    padding: 14px 54px 14px 22px;

    cursor: pointer;

    color: #fff;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-appearance: none;

    font-family: 'poppins';

}

.btn-hold input[type="submit"]:hover,

.btn-hold input[type="submit"]:focus {

    background-color: #757575;

}

.btn-hold input[type="submit"]:hover ~ img {

    right: 16px;

}

.btn-hold img {

    width: 20px;

    position: absolute;

    right: 22px;

    pointer-events: none;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.btn-hold {

    position: relative;

    display: inline-block;

}

.button-block {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;

    flex-wrap: wrap;

    box-sizing: border-box;

    width: 100%;

}

.button-block.justify-center {

    justify-content: center;

}

.button-block.justify-center a {

    margin: 0 10px;

}

.button-block.end {

    justify-content: flex-end;

    width: 100%;

}

.login-data-inner {

    padding-right: 38px;

}

.button-block a {

    text-decoration: none;

    font-size: 13px;

    color: #000000;

    font-weight: 400;

    position: relative;

}

.button-block a:hover,

.button-block a:focus {

    outline: none;

}

.button-block a:hover:after,

.button-block a:focus:after {

    width: 100%;

}

.button-block a:after {

    content: '';

    position: absolute;

    width: 0%;

    height: 1px;

    background-color: #000;

    bottom: -5px;

    transition: all 0.1s ease 0s;

    -webkit-transition: all 0.1s ease 0s;

    -moz-transition: all 0.1s ease 0s;

    -ms-transition: all 0.1s ease 0s;

    -o-transition: all 0.1s ease 0s;

    left: 0;

}

.member-txt {

    font-size: 16px;

    color: #404040;

    font-weight: 400;

    text-align: center;

}

.member-txt a {

    color: #000000;

    text-decoration: none;

    font-weight: 500;

    position: relative;

    padding-bottom: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    position: relative;

    display: inline-block;

}

.member-txt a:after {

    content: '';

    position: absolute;

    bottom: -3px;

    width: 0%;

    height: 1px;

    background-color: #000;

    left: 0;

    transition: all 0.1s;

    -webkit-transition: all 0.1s;

    -moz-transition: all 0.1s;

    -ms-transition: all 0.1s;

    -o-transition: all 0.1s;

}

.member-txt a:hover:after {

    width: 100%;

}

.member-txt a:hover,

.member-txt a:focus {

    opacity: 0.5;

    outline:none;

}

.aternate-login {

    height: 36px;

    display: block;

    position: relative;

    text-align: center;

    margin: 10px 0;

    z-index: 1;

}

.aternate-login:after {

    content: '';

    position: absolute;

    height: 1px;

    background-color: #c8c8c8;

    left: 0;

    right: 0;

    top: 50%;

    z-index: -1;

}

.aternate-login:before {

    content: attr(data-name);

    width: 36px;

    height: 36px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background-color: #fff;

    z-index: 2;

    box-shadow: 0 0 0 1px #b7b7b7 inset, 0 0 0 11px #fff;

    border-radius: 50%;

    font-size: 14px;

    font-weight: 500;

    color: #000;

}

.soc-login-row {

   text-align: center;

    margin-bottom: 0px;

    flex-direction: column;

    margin-top: 20px;

}

.soc-login-row label {

    font-size: 16px;

    font-weight: 400;

    color: #404040;

    margin-bottom: 10px;

    display: block;

}

ul.social-list li a {

    text-decoration: none;

    outline: none !important;

}

ul.social-list li a i {

    font-size: 34px;

    color: #000;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

ul.social-list li a i.fa-facebook-square {

    color:#3b5999;

}

ul.social-list li a i.fa-linkedin-square {

    color:#0077B5;

}

ul.social-list li a i.fa-google-plus-square {

    color:#dd4b39;

}

ul.social-list li a i.fa-facebook-square:hover,

ul.social-list li a i.fa-facebook-square:focus,

ul.social-list li a i.fa-linkedin-square:hover,

ul.social-list li a i.fa-linkedin-square:focus,

ul.social-list li a i.fa-google-plus-square:hover,

ul.social-list li a i.fa-google-plus-square:focus {

    opacity: 0.5;

    outline: none;

}

ul.social-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

ul.social-list li {

    margin: 0 10px 10px 10px;

}

.login-block-footer {

    padding: 15px;

    border-top: 1px solid #e0e0e0;

    width: 100%;

}

.login-block-footer b {

    margin-bottom: 7px;

    display: block;

    font-weight: 600;

    font-size: 17px;

}

.login-block-footer p {

    color: #404040;

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 18px;

}

.login-block-footer b i {

    margin-right: 5px;

}

.note-holder {

    display: none;

}

.note-holder.active {

    display: block;

}

.login-block-footer.for-registration .login-caption {

    margin-top: 0;

    padding: 20px 30px 20px 30px;

}

.login-block-footer.for-registration {

    margin-top: 30px;

    padding: 0;

}

/******************register page customizations*****************************/

.login-right.full-width form .form-group.onethird {

    width: calc(33.33% - 16px);

    width: -o-calc(33.33% - 16px);

    width: -ms-calc(33.33% - 16px);

    width: -moz-calc(33.33% - 16px);

    width: -webkit-calc(33.33% - 16px);

    margin: 0 8px 20px 8px;

}

.login-right.full-width form .form-group.half,

.contact-section form .form-group.half,

.general-form .form-group.half {

    width: calc(50% - 16px);

    width: -o-calc(50% - 16px);

    width: -ms-calc(50% - 16px);

    width: -moz-calc(50% - 16px);

    width: -webkit-calc(50% - 16px);

    margin: 0 8px 20px 8px;

}

.general-form .half-column {

    width: calc(50% - 16px);

    width: -o-calc(50% - 16px);

    width: -ms-calc(50% - 16px);

    width: -moz-calc(50% - 16px);

    width: -webkit-calc(50% - 16px);

    margin: 0 8px 0 8px;

}

.general-form .form-group.full {

    width: calc(100% - 16px);

    width: -o-calc(100% - 16px);

    width: -ms-calc(100% - 16px);

    width: -moz-calc(100% - 16px);

    width: -webkit-calc(100% - 16px);

    margin: 0 8px 20px 8px;

}

.general-form .partation h1 {

    width: 100%;

    font-size: 20px;

    color: #666;

    padding-left: 8px;

    margin-bottom: 15px;

    font-weight: 500;

}

.dashboard .general-form .partation {

    margin-bottom: 10px;

}

.profile-image-hold {

    width: 200px;

    height: 200px;

    margin: 0 auto 30px auto;

    border: 1px solid #c1c1c1;

}

.profile-image-hold img {

    max-width: 100%;

    max-height: 100%;

}

.partation {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -8px;

    margin-bottom: 20px;

}

.contact-section form .partation {

    margin-bottom: 0;

}

.login-right.full-width form .form-group {

    width: 100%;

    margin:0 8px 20px 8px;

}

.captcha-column {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}

.login-right.full-width.full-width .login-data-inner {

    padding: 0 30px;

}

.login-right.full-width.full-width {

    width: 100%;

}

.login-right.full-width form .captcha-column .form-group {

    width: 130px;

}

.login-right.full-width .partation h1 {

    width: 100%;

    font-size: 25px;

    color: #666;

    padding-left: 8px;

}

.login-block-footer.for-registration .login-caption ul li {

    width: 100%;

    /*width: calc(50% - 50px);

    width: -o-calc(50% - 50px);

    width: -ms-calc(50% - 50px);

    width: -moz-calc(50% - 50px);

    width: -webkit-calc(50% - 50px);*/

    padding-right: 20px;

}

.login-block-footer.for-registration .login-caption ul {

    display: flex;

    flex-wrap: wrap;

}

.login-right.full-width .button-block {

    padding-left:8px; 

}

.captcha-column a {

    color: #000000;

    text-decoration: none;

    font-weight: 500;

    position: relative;

    padding-bottom: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    position: relative;

    display: inline-block;

}

.captcha-column a:hover,

.captcha-column a:focus {

    opacity: 0.5;

    outline: none;

}

.gen-forms {

    display: none;

}

.gen-forms.active {

    display: block;

}

.login-right.full-width form .form-group.phone-column select {

    width: 75px;

    border-radius: 6px 0 0 6px;

    position: absolute;

    left: 0;

    top: 0;

}

.login-right.full-width form .form-group.phone-column input {

    margin-left: 74px;

    border-radius: 0 6px 6px 0;

    width: calc(100% - 108px);

    width: -o-calc(100% - 108px);

    width: -ms-calc(100% - 108px);

    width: -moz-calc(100% - 108px);

    width: -webkit-calc(100% - 108px);

}

.login-right.full-width form .form-group.phone-column .phonecode {

    width: 75px;

    border-radius: 6px 0 0 6px;

    position: absolute;

    left: 0;

    top: 0;

    margin: 0;

    box-sizing: border-box;

}

.login-right form .form-group.phone-column label {

    left: 90px;

}

.captcha-column img {

    vertical-align: middle;

    margin: 0 0 0 10px;

}

.captcha-column span {

    margin: 8px 0;

    height: auto;

}

.login-block-footer.for-registration .login-caption {

    min-height: unset;

}

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

.radio-holding-row {

    margin-bottom: 20px;

    width: 100%;

    padding: 0 8px;

    margin-top: 10px;

}

.radio-holding-row strong {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 12px;

    display: block;

    width: 100%;

}

.radio-holding-row > label {

    display: inline-block;

    margin-right: 10px;

    font-size: 16px;

}

/*****************Radio Start*****************/

.radio-holder {

    display: inline-block;

    width: auto;

    position: relative;

    vertical-align: middle;

    margin-right: 11px;

    cursor: pointer;

}

.radio-box {

    width: 18px;

    height: 18px;

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 0 1px #666;

    background-color: #dbdbdb;

    position: relative;

    pointer-events: none;

    border-radius: 50%;

    margin-left: 1px;

}

.radio-holder [type="radio"] {

    width: 18px;

    margin: 0;

    height: 18px;

    top: 0;

    position: absolute;

    left: 0;

    cursor: pointer;

    outline: none !important;

    opacity: 0;

}

.costing {

    color: #626262;

    font-size: 15px;

    font-weight: 500;

}

.radio-holder ~ label {

    vertical-align: middle;

    margin: 0;

    color: #626262;

    cursor: pointer;

    font-size: 15px;

    font-weight: 500;

}

.radio-holder [type="radio"]:checked ~ .radio-box {

    background-image: url(../../../img/apptype/Cubex/mark.png);

    background-size: 13px;

    background-position: center center;

    background-repeat: no-repeat;

    box-shadow: 0 0 0 1px #666;

}



/*****************Radio End*****************/

.flexible-row .label-data-hold {

    margin-right: 15px;

    display: inline-block;

}

.flexible-row {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.flexible-row label {

    margin-right: 21px;

    vertical-align: middle;

}

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

==============login page css end=================--

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

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

==============about page css start=================--

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

.heading-area {

    background-color: #f5f5f5;

}

.heading-area-inner {

    max-width: 1280px;

    padding: 0 15px;

    margin: 0 auto;

    height: 164px;

    display: flex;

    align-items: center;

}

.heading-area h1 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-top: 18px;

}

.about-caption-inner {

    max-width: 1280px;

    padding: 0 15px;

    margin: 0 auto;

    text-align: center;

}

.about-caption {

    padding: 42px 0 40px 0;

}

.about-caption h3 {

    font-size: 30px;

    font-weight: 500;

    color: #000;

    margin-bottom: 15px;

    line-height: 40px;

}

.about-caption p {

    color: #404040;

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 18px;

}

.article-inner {

    max-width: 1280px;

    padding: 0 15px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.article-image {

    padding: 32px;

    background-color: #000;

    z-index: 1;

    position: relative;

}

article {

    margin-bottom: 70px;

}

.article-image-inner {

    width: 570px;

    height: 639px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.article-image:after {

    content: '';

    position: absolute;

    padding-right: 178px;

    border-top: 706px solid #fff;

    right: 0;

    top: 0;

    border-left: 216px solid transparent;

    z-index: -1;

}

.artical-right {

    width: calc(100% - 665px);

    width: -o-calc(100% - 665px);

    width: -ms-calc(100% - 665px);

    width: -moz-calc(100% - 665px);

    width: -webkit-calc(100% - 665px);

    padding-top: 34px;

}

.artical-right h4 {

    font-size: 35px;

    color: #000000;

    font-weight: 500;

    margin-bottom: 28px;

}

.artical-right p {

    color: #404040;

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 28px;

}

.artical-links-row {

    display: flex;

    flex-wrap: wrap;

}

.artical-links-row a {

    font-size: 16px;

    color: #000;

    font-weight: 500;

    text-decoration: none;

    position: relative;

    padding-bottom: 4px;

    display: inline-block;

    margin-right: 65px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    margin-bottom: 15px;

}

.artical-links-row a:hover {

    opacity: 0.5;

}

.artical-links-row a:hover:after {

    right: -10px;

}

.artical-links-row a:after {

    width: auto;

    margin-left: 15px;

    content: '\61';

    font-family: 'icomoon';

    font-size: 12px;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    position: relative;

    right: 0;

    display: inline-block;

    font-size: 12px;

}

.artical-links-row a:hover img {

    right: -10px;

}

.artical-links-row a img {

    width: 14px;

    margin-left: 15px;

    display: inline-block;

    position: relative;

    right: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

article.inverse .article-inner {

    flex-direction: row-reverse;

}

article.inverse .article-image:after {

    padding-right: 178px;

    border-top: 706px solid #fff;

    left: 0;

    right: auto;

    top: 0;

    border-right: 216px solid transparent;

    border-left: none;

}

/*******************contact page etylesheet start**********************/

.contact-inner {

    max-width: 1280px;

    padding: 0 15px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.contact-section h1 {

    font-size: 30px;

    font-weight: 500;

    color: #000;

    padding-top: 0;

    margin-bottom: 19px;

}

.contact-section p {

    color: #404040;

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 20px;

}

.contact-section .form_hold {

    margin-top: 25px;

}

.contact-section form .form-group,

.general-form .form-group {

    position: relative;

    display: block;

    margin-bottom: 20px;

}

.driver-add-vehicle-setting .half-new {

    width: auto !important;

    margin: 0px !important;

}

.contact-section form .form-group input,

.contact-section form .form-group select {

    width: calc(100% - 34px);

    width: -o-calc(100% - 34px);

    width: -ms-calc(100% - 34px);

    width: -moz-calc(100% - 34px);

    width: -webkit-calc(100% - 34px);

    padding: 14px 16px 15px 16px;

    border: 1px solid #c1c1c1;

    border-radius: 6px;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-appearance: none;

}

.contact-section form .form-group select {

    outline: none;

    width: 100%;

    background-image: url(../../../img/apptype/Cubex/select-arrow.jpg);

    background-repeat: no-repeat;

    background-position: right 10px center;

    background-size: 11px;

}

.contact-section form .form-group.error:after {

    position: absolute;

    content: '';

    width: 4px;

    height: 48px;

    right: 0;

    top: 0;

    background-color: #ff0000;

    border-radius: 0 6px 6px 0;

}

.contact-section form .form-group.success:after {

    position: absolute;

    content: '';

    width: 4px;

    height: 48px;

    right: 0;

    top: 0;

    background-color: #6cc700;

    border-radius: 0 6px 6px 0;

}

.contact-section form .form-group input:focus {

    border: 1px solid #c1c1c1;

    outline: none;

}

.contact-section form .form-group label {

    position: absolute;

    left: 16px;

    top: 50%;

    margin-top: -8px;

    pointer-events: none;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    transition: all 150ms ease 0s;

    -webkit-transition: all 150ms ease 0s;

    -moz-transition: all 150ms ease 0s;

    -ms-transition: all 150ms ease 0s;

    -o-transition: all 150ms ease 0s;

}

.contact-section form .form-group.floating label {

    top: 0px;

    background-color: #fff;

    z-index: 1;

    padding: 0 6px;

    transform: scale(0.8) translateX(-25px);

    -webkit-transform: scale(0.8) translateX(-25px);

    -moz-transform: scale(0.8) translateX(-25px);

    -ms-transform: scale(0.8) translateX(-25px);

    -o-transform: scale(0.8) translateX(-25px);

    color: #404040;

}

.contact-left {

    width: 47%;

}

.contact-section {

    padding:45px 0 50px 0;

}

.contact-left strong {

    font-size: 17px;

    color: #404040;

    font-weight: 500;

}

.contact-form {

    margin-top: 45px;

}

.contact-section form .form-group textarea {

    width: calc(100% - 34px);

    width: -o-calc(100% - 34px);

    width: -ms-calc(100% - 34px);

    width: -moz-calc(100% - 34px);

    width: -webkit-calc(100% - 34px);

    padding: 14px 16px 15px 16px;

    border: 1px solid #c1c1c1;

    border-radius: 6px;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-appearance: none;

    height: 107px;

    outline: none;

    resize: vertical;

}

.contact-section form .form-group.textarea label {

    top: 24px;

}

.contact-section form .form-group.textarea.floating label {

    top: 0px;

    background-color: #fff;

    z-index: 1;

    padding: 0 6px;

    transform: scale(0.8) translateX(-25px);

    -webkit-transform: scale(0.8) translateX(-25px);

    -moz-transform: scale(0.8) translateX(-25px);

    -ms-transform: scale(0.8) translateX(-25px);

    -o-transform: scale(0.8) translateX(-25px);

    color: #404040;

}

.cont-det-block strong {

    font-size: 26px;

    color: #000;

    font-weight: 500;

    display: block;

    margin-bottom: 16px;

}

.cont-det-block address {

    font-size: 15px;

    font-weight: 400;

    color: #404040;

    line-height: 26px;

    padding-left: 32px;

    position: relative;

}

.contact-right {

    max-width: 384px;

    margin-right: 71px;

}

.cont-det-block {

    margin-bottom: 37px;

}

.cont-det-block address i {

    position: absolute;

    left: 0;

    top: 2px;

    font-size: 30px;

}

.cont-det-block ul li {

    padding-left: 42px;

    position: relative;

    margin-bottom: 18px;

}

.cont-det-block ul li i {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 23px;

}

.cont-det-block ul li i.fa.fa-envelope {

    font-size: 19px;

}

.cont-det-block ul li a {

    text-decoration: none;

    color: #404040;

    font-weight: 400;

    font-size: 18px;

}

.cont-det-block ul li a:hover,

.cont-det-block ul li a:focus {

    opacity: 0.5;

    outline: none

}

.contact-section form .captcha-column .form-group {

    width: 130px;

    margin-bottom: 0;

}

.contact-section .captcha-column {

    margin-bottom: 20px;

}

.contact-section form .form-group.phone-column select {

    width: 75px;

    border-radius: 6px 0 0 6px;

    position: absolute;

    left: 0;

    top: 0;

}

.contact-section form .form-group.phone-column input {

    margin-left: 74px;

    border-radius: 0 6px 6px 0;

    width: calc(100% - 108px);

    width: -o-calc(100% - 108px);

    width: -ms-calc(100% - 108px);

    width: -moz-calc(100% - 108px);

    width: -webkit-calc(100% - 108px);

}

.contact-section .form-group.phone-column label {

    left: 90px;

}

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

.login-block.for-forgot {

    min-height: 418px;

}

.login-block.for-forgot .member-txt {

    margin-bottom: 50px;

}

.login-block.for-forgot .aternate-login {

    margin-bottom: 30px;

}

/************************taxi app page css start****************************/

.banner-section.taxi-app .banner-back .banner-image {

    display: block !important;

}

.banner-section.taxi-app .banner-section-inner {

    min-height: 487px;

    padding: 0 15px 50px 15px;

    box-sizing: border-box;

}

.banner-section.taxi-app .banner-section-inner:after {

    content: '';

    display: block;

    clear: both;

}

.banner-section.taxi-app ul.tab-row li a {

    display: block;

    font-size: 15px;

    font-weight: 600;

    color: #000;

    text-decoration: none;

    max-height: 57px;

    overflow: hidden;

    padding-bottom: 3px;

    line-height: 19px;

}

.banner-section.taxi-app ul.tab-row {

    display: flex;

    width: auto;

    flex-wrap: wrap;

    justify-content: space-around;

    padding: 0 15px 0 15px;

    background-color: rgba(255,255,255,0.905);

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

    max-width: 1280px;

    margin: 0 auto;

    box-sizing: border-box;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    height: 65px;

    align-items: center;

}

.banner-section.taxi-app .tab-row-holding.sticky ul.tab-row {

    background-color: #fff;

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

    top: 0;

    left: 0;

    right: 0;

    z-index: 2;

    max-width: 100%;

    width: 1920px;

}

.banner-section.taxi-app .tab-row-holding {

    background-color: transparent;

    /* transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s; */

    

}

.banner-section.taxi-app .tab-row-holding.sticky {

    height: 71px;

    z-index: 3;

    position: fixed;

    left: 0;

    right: 0;

}

.banner-section.taxi-app ul.tab-row li:after {

    bottom: 0px;

}

.banner-section.taxi-app .categories-block {

    padding: 54px 44px 52px 44px;

    float: right;

}

.banner-section.taxi-app .categories-caption {

    display: block;

}

/********************* how it works css start ****************************/

/********************* how it works css end ****************************/

.how-it-works-section.taxi-variant .how-it-works-section-inner {

    flex-wrap: wrap;

}

.how-it-works-section.taxi-variant .how-it-works-left {

    max-width: 588px;

    padding: 0;

}

.how-it-works-section.taxi-variant .how-it-works-right {

    width: calc(100% - 588px);

    width: -o-calc(100% - 588px);

    width: -ms-calc(100% - 588px);

    width: -moz-calc(100% - 588px);

    width: -webkit-calc(100% - 588px);

    align-items: center;

}

.how-it-works-section.taxi-variant ul li:before,

.how-it-works-section.taxi-variant ul li:after {

    display: none;

}

.how-it-works-section.taxi-variant h3 {

    margin-bottom: 13px;

}

.how-it-works-section.taxi-variant .how-it-works-left strong {

    color: #404040;

    line-height: 29px;

    font-size: 18px;

    margin-bottom: 42px;

    display: block;

}

.how-it-works-section.taxi-variant .how-it-works-left li strong {

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 4px;

}

.how-it-works-section.taxi-variant ul li {

    padding-top: 0;

    max-width: 420px;

}

.how-it-works-section.taxi-variant ul {

    margin-top: 0;

}

.how-it-works-section.taxi-variant ul li .proc_ico {

    width: 48px;

    position: absolute;

    left: 6px;

    top: 4px;

}

.how-it-works-section.taxi-variant .how-it-works-right img {

    margin:-60px 0 0 0;

    transform: translate3d(845px, 0px, 0px);

    -webkit-transform: translate3d(845px, 0px, 0px);

    -moz-transform: translate3d(845px, 0px, 0px);

    -ms-transform: translate3d(845px, 0px, 0px);

    -o-transform: translate3d(845px, 0px, 0px);

    animation: slideleft 1s normal forwards linear;

	width: 855px;

    max-width: 100%;

}

@keyframes slideleft {

    from {

        transform: translate3d(845px, 0px, 0px);

    }

    to {

        transform: translate3d(0px, 0px, 0px);

    }

}

/****************sefty section css start********************/

.safety-section.taxi-variant .safty-image-hold {

    width: 855px;

    min-height: 455px;

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.safety-section.taxi-variant.for-kiosk {

    background-color: #f6f6f6;

}

form.gen-from .form-group input, form.gen-from .form-group select {

    width: calc(100% - 34px);

    width: -o-calc(100% - 34px);

    width: -ms-calc(100% - 34px);

    width: -moz-calc(100% - 34px);

    width: -webkit-calc(100% - 34px);

    padding: 14px 16px 15px 16px;

    border: 1px solid #c1c1c1;

    border-radius: 6px;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-appearance: none;

}

.safety-section.taxi-variant.for-kiosk  .safty-image-hold {

    min-height: 491px;

    height: 100%;

}

form.gen-from .form-group input:focus {

    border: 1px solid #404040;

    outline: none;

}

form.gen-from .form-group select:focus {

    border: 1px solid #404040;

}

form.gen-from .form-group label {

    position: absolute;

    left: 16px;

    top: 50%;

    margin-top: -8px;

    pointer-events: none;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    transition: all 150ms ease 0s;

    -webkit-transition: all 150ms ease 0s;

    -moz-transition: all 150ms ease 0s;

    -ms-transition: all 150ms ease 0s;

    -o-transition: all 150ms ease 0s;

}

form.gen-from .form-group.floating label {

    top: 0px;

    background-color: #fff;

    z-index: 1;

    padding: 0 6px;

    transform: scale(0.8) translateX(-25px);

    -webkit-transform: scale(0.8) translateX(-25px);

    -moz-transform: scale(0.8) translateX(-25px);

    -ms-transform: scale(0.8) translateX(-25px);

    -o-transform: scale(0.8) translateX(-25px);

    color: #404040;

}

form.gen-from .form-group {

    position: relative;

    display: block;

    margin-bottom: 20px;

}

.safety-section.taxi-variant h3 {

    max-width: unset;

    margin-bottom: 18px;

}

.safety-section.taxi-variant .safety-section-right {

    padding:20px 0 20px 51px;

    background-color: transparent;

    justify-content: flex-start;

    width: 736px;

}

.safety-section.taxi-variant {

    background-color: transparent;

}

.safety-section.taxi-variant p {

    line-height: 30px;

    font-size: 18px;

    color: #404040;

    margin-bottom: 46px;

}

.safety-section.taxi-variant .safety-section-left {

    width: calc(100% - 736px);

    width: -o-calc(100% - 736px);

    width: -ms-calc(100% - 736px);

    width: -moz-calc(100% - 736px);

    width: -webkit-calc(100% - 736px);

}

.safety-section.taxi-variant .safety-section-right form.gen-from {

    max-width: 649px;

    padding-left: 46px;

    box-sizing: border-box;

    padding-right: 15px;

}

.safety-section.taxi-variant .btn-hold input[type="submit"] {

    border-radius: 0;

}

form.gen-from .form-group.pickup-location:before {

    content: '';

    position: absolute;

    width: 50px;

    height: 50px;

    left: -50px;

    top: 0;

    background-image: url(../../../img/apptype/Cubex/marker.svg);

    background-repeat: no-repeat;

    background-position: left top 8px;

    background-size: 18px;

    filter: invert(77%) sepia(0%) saturate(2228%) hue-rotate(4deg) brightness(93%) contrast(78%);

    -webkit-filter: invert(77%) sepia(0%) saturate(2228%) hue-rotate(4deg) brightness(93%) contrast(78%);

}

form.gen-from .form-group.drop-location:before {

    content: '';

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background-color: #a9a9a9;

    position: absolute;

    left: -48px;

    bottom: 4px;

}   

form.gen-from .form-group.drop-location:after {

    content: '';

    width: 2px;

    height: 65px;

    bottom: 20px;

    position: absolute;

    left: -42px;

    background-image: url(../../../img/apptype/Cubex/vertical-line.png);

}

form.gen-from .form-group.error:after {

    position: absolute;

    content: '';

    width: 4px;

    height: 48px;

    right: 0;

    top: 0;

    background-color: #ff0000;

    border-radius: 0 6px 6px 0;

}

form.gen-from .form-group.success:after {

    position: absolute;

    content: '';

    width: 4px;

    height: 48px;

    right: 0;

    top: 0;

    background-color: #6cc700;

    border-radius: 0 6px 6px 0;

}

/************************** services page stylesheet ********************************/

.services {

    background-color: #f6f6f6;

    padding:34px 0 4px 0;

}

.services h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 15px;

}

.services-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.services strong {

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

    color: #3e3e3e;

    display: block;

    margin-bottom: 0;

    max-width: 990px;

    text-align: center;

    margin: 0 auto;

}

.services ul {

    display: flex;

    flex-wrap: wrap;

    margin: 40px -18px 0 -18px;

}

.services ul li {

    padding: 0 18px;

    width: 33.33%;

    text-align: center;

    box-sizing: border-box;

    margin-bottom: 50px;

}

.services ul li .service-block {

    box-shadow: 0 0 0 1px #e3e3e3;

    background-color: #fff;

    text-align: center;

    padding: 30px 28px 53px 28px;

    position: relative;

    z-index: 0;

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

    min-height: 100%;

    box-sizing: border-box;

}

.services ul li .service-block:hover {

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;

    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;

    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;

    -ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06),0 0 0 1px #828282;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

}

.services ul li .service-block:before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 145px;

    background-color: #f2f2f2;

    z-index: -1;

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

}

.services ul li .service-block:hover:before {

    opacity:0;

}

.services ul li .service-block strong {

    font-size: 18px;

    font-weight: 500;

    color: #222;

    line-height: 24px;

    display: block;

    margin: 59px 0 15px 0;

}

.services ul li .service-block i {

    display: inline-block;

    height: 83px;

}

.services ul li .service-block p {

    /* font-size: 14px; */

    font-weight: 400;

    line-height: 22px;

    color: #777777;

}

.services ul li .service-block a img {

    width: 14px;

}

.services ul li .service-block a {

    width: 42px;

    height: 40px;

    display: inline-flex;

    justify-content: center;

    text-align: center;

    background-color: #000;

    border-radius: 50%;

    margin-left: 0px;

    position: absolute;

    bottom: -19px;

    left: 0;

    opacity: 0;

    z-index: 1;

    text-decoration: none;

    pointer-events: none;

    -webkit-transition: all .4s ease-out;

    -moz-transition: all .4s ease-out;

    -ms-transition: all .4s ease-out;

    -o-transition: all .4s ease-out;

    transition: all .4s ease-out;

}

.services ul li .service-block:hover a {

    left: 50%;

    opacity: 1;

    margin-left: -20px;

}

/*****************benefits section css start*******************/

.benefits {

    padding: 39px 0 0px 0;

}

.benefits-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.benefits h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 10px;

    text-align: center;

}

.benefits .benefits-inner > strong {

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

    color: #3e3e3e;

    display: block;

    margin-bottom: 0;

    max-width: 990px;

    text-align: center;

    margin: 0 auto;

}

.benefits-row {

    display: flex;

    flex-wrap: wrap;

    margin-top: 64px;

    width: 100%;

}

.benefits-left {

    width: 34.78%;

    text-align:right;

}

.benefits-right {

    width: 34.78%;

}

.benefits-middle {

    width: 29.55%;

    text-align: center;

    margin-top: -26px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.benefits-middle img {

    max-width: 271px;

}

.benefits-middle.fly-img img {

    max-width: 350px;

}

.benefits-middle.data-middle {

    width: 29.55%;

    text-align: center;

    margin-top: -80px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.benefits ul li strong {

    font-size: 20px;

    color: #424242;

    font-weight: 500;

    display: block;

    margin-bottom: 12px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.benefits ul li p {

    /* font-size: 14px; */

    color: #777777;

    line-height: 22px;

    font-weight: 400;

}

.benefits ul li i {

    width: 80px;

    height: 80px;

    position: absolute;

    right: 0;

    background-color: #757575;

    border-radius: 50%;

    top: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    display: flex;

    justify-content: center;

    align-items:center;

}

.benefits ul li i img {

    max-width: 42px;

}

.benefits ul li {

    position: relative;

}

.benefits-left ul li {

    padding: 4px 97px 0 0;

    margin-bottom: 100px;

}

.benefits-right ul li {

    padding: 4px 0 0 97px;

    margin-bottom: 100px;

}

.benefits .benefits-right  ul li i {

    width: 80px;

    height: 80px;

    position: absolute;

    left: 0;

    right: auto;

    background-color: #757575;

    border-radius: 50%;

    top: 0;

    

}

.benefits ul li:hover strong {

    color: #000;

}

.benefits ul li:hover i {

    background-color: #000;

}

.benefits .horizonatal-title {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 21px;

    width: 100%;

}

.benefits .horizonatal-title h3 {

    width: 326px;

    position: relative;

    margin: 0;

    min-height: 53px;

    padding: 5px 0 0 0;

}

.benefits .horizonatal-title strong {

    width: calc(100% - 364px);

    width: -o-calc(100% - 364px);

    width: -ms-calc(100% - 364px);

    width: -moz-calc(100% - 364px);

    width: -webkit-calc(100% - 364px);

    line-height: 32px;

    color: #404040;

    font-size: 18px;

}

.benefits .horizonatal-title h3:after {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    width: 4px;

    height: 100%;

    background-color: #000;

}

/*****************benefits section css end********************/

/*****************delivery section css start********************/

.delivery {

    padding: 60px 0 0px 0;

}

.delivery .horizonatal-title {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 48px;

    width: 100%;

}

.delivery h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 10px;

}

.delivery .horizonatal-title h3 {

    width: 326px;

    position: relative;

    margin: 0;

    min-height: 53px;

    padding: 5px 0 0 0;

}

.delivery .horizonatal-title strong {

    width: calc(100% - 364px);

    width: -o-calc(100% - 364px);

    width: -ms-calc(100% - 364px);

    width: -moz-calc(100% - 364px);

    width: -webkit-calc(100% - 364px);

    line-height: 32px;

    color: #404040;

    font-size: 18px;

}

.delivery .horizonatal-title h3:after {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    width: 4px;

    height: 100%;

    background-color: #000;

}

.delivery-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.delivery-left .delivery-image-block {

    height: 405px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.delivery-left {

    width: 47.657%;

}

.delivery-right {

    width: 43.2%;

}

.delivery-row {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding-top: 25px;

    position: relative;

    margin-bottom: 20px;

    width: 100%;

}

.delivery-variant.fleet {

    z-index: 1;

}

.delivery-block-caption {

    min-height: 468px;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    padding: 38px 70px 0 0;

    box-sizing: border-box;

}

.delivery-block-caption h4 {

    font-size: 40px;

    font-weight: 500;

    color: #000;

    line-height: 57.88px;

    margin-bottom: 30px;

}

.delivery-block-caption p {

    font-size: 17px;

    color: #404040;

    line-height: 28px;

    margin-bottom: 26px;

}

.delivery-row:after {

    content: '';

    position: absolute;

    right: 0;

    left: 25%;

    height: 100%;

    background-color: #f3f3f3;

    z-index: -1;

    top: 0;

}

.delivery-row.invert {

    flex-direction: row-reverse;

    margin-bottom: 0;

}

.delivery-row.invert::after {

    right: 25%;

    left: 0;

}

.delivery-row.invert .delivery-block-caption {

    padding: 38px 0 0 70px;

}

.delivery-left button {

    outline: none;

    background-color: #000;

    border: none;

    width: 63px;

    height: 63px;

    bottom: 0;

    left: 25%;

    position: absolute;

    margin-left: -63px;

    cursor: pointer;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.delivery-left button:hover {

    background-color: #757575;

}



.delivery-left button img {

    width: 18px;

}

.delivery-row.invert .delivery-left button {

    left: auto;

    right: 25%;

    margin-left: auto;

    margin-right: -63px;

}

/*****************delivery section css end********************/

/*****************howitworks css end********************/

#how-it-works {

    padding: 45px 0 45px 0;

    background-color: #f3f3f3;

}

.howitworks .horizonatal-title {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 21px;

    width: 100%;

}

.howitworks .horizonatal-title h3 {

    width: 326px;

    position: relative;

    margin: 0;

    min-height: 53px;

    padding: 5px 0 0 0;

}

.howitworks-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.howitworks h3 {

    width: 326px;

    position: relative;

    margin: 0;

    min-height: 53px;

    padding: 5px 0 0 0;

}

.howitworks h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 10px;

}

.howitworks .horizonatal-title strong {

    width: calc(100% - 364px);

    width: -o-calc(100% - 364px);

    width: -ms-calc(100% - 364px);

    width: -moz-calc(100% - 364px);

    width: -webkit-calc(100% - 364px);

    line-height: 32px;

    color: #404040;

    font-size: 18px;

}

.howitworks .horizonatal-title h3:after {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    width: 4px;

    height: 100%;

    background-color: #000;

}

.howitworks ul {

    display: flex;

    justify-content: space-between;

    width: 100%;

    position: relative;

    margin-top: 60px;

}

.howitworks ul:before {

    height: 24px;

    position: absolute;

    content: '';

    left: 12%;

    right: 12%;

    top: 134px;

    background-image: url(../../../img/apptype/Cubex/way.png);

    background-repeat: repeat-x;

}

.howitworks ul li {

    max-width: 24.25%;

    text-align: center;

}

.howitworks ul li i {

    display: inline-flex;

    width: 105px;

    height: 105px;

    box-shadow: 0 0 0 1px #e7e7e7 inset, 0 0 5px 0 rgba(0, 0, 0, 0.14);

    border-radius: 50%;

    background-color: #fff;

    justify-content: center;

    align-items: center;

    position: relative;

    z-index: 0;

}

.howitworks ul li i:after {

    content: '';

    position: absolute;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    border: 1px solid #000;

    bottom: -55px;

    left: 50%;

    margin-left: -14px;

    background-color: #fff;

    z-index: 1;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.howitworks ul li:hover i:after {

    background-color: #aaa;

}

.howitworks ul li:nth-child(even) i:after {

    top: -52px;

    bottom: auto;

}

.howitworks ul li i:before {

    content: '';

    width: 6px;

    position: absolute;

    height: 50px;

    background-color: #000;

    bottom: -50px;

    left: 50%;

    margin-left: -3px;

}

.howitworks ul li:nth-child(even) i:before {

    top: -50px;

    bottom: auto;

}

.howitworks ul li strong {

    display: block;

    font-size: 20px;

    font-weight: 600;

    color: #000000;

    margin: 84px 0 14px 0;

    white-space: nowrap;

}

.howitworks ul li i img {

    max-width: 100%;

    width: auto;

}

.howitworks ul li p {

    font-size: 15px;

    font-weight: 400;

    color: #404040;

    line-height: 22px;

    display: block;

    height: 66px;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

}

.howitworks ul li:nth-child(even) {

    display: flex;

    flex-direction: column-reverse;

    align-items: center;

}

.howitworks ul li:nth-child(even) strong {

    margin:0px 0 14px 0;

}

.howitworks ul li:nth-child(even) .works-caption {

    margin-bottom: 84px;

}

.howitworks ul li .works-caption {

    width: 100%;

}

/*****************howitworks css end********************/

/*****************cartype section css start********************/

.cartype h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 15px;

}

.cartype {

    padding: 34px 0 55px 0;

    background-color: #f6f6f6;

}

.cartype.white-bg {

    background-color: #fff;

}

.cartype-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.cartype .cartype-inner > strong , .cartype .cartype-inner > p > strong {

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

    color: #3e3e3e;

    display: block;

    margin-bottom: 0;

    max-width: 990px;

    text-align: center;

    margin: 0 auto;

}

.cartype ul {

    display: flex;

    justify-content: center;

    margin-top: 15px;

    width: 100%;

    flex-wrap: wrap;

}

.cartype ul li {

    width: 25%;

    text-align: center;

}

.cartype ul li img {

    transform-origin: center center;

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    max-width: 90%;

    max-height: 211px;

}

.cartype ul li strong {font-size: 18px;color: #222222;font-weight: 500;margin-top: 10px;display: block;}

.cartype ul li:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}

/*****************cartype section css end********************/

/*****************fleet-section section css start********************/

.fleet h3 {

    font-size: 45px;

    font-weight: 500;

    color: #fff;

    margin-bottom: 15px;

}

.fleet {

    padding:45px 0 50px 0;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

    background-attachment: fixed;

}

.fleet:after {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

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

    z-index: -1;

}

.fleet-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.fleet .fleet-inner > strong {

    font-size: 18px;

    font-weight: 400;

    line-height: 30px;

    color: #ffffff;

    display: block;

    margin-bottom: 0;

    max-width: 990px;

    text-align: center;

    margin: 0 auto;

}

.fleet ul {

    display: flex;

    justify-content: center;

    margin-top: 50px;

    width: 100%;

    flex-wrap: wrap;

}

.fleet ul li {

    width: 16.66%;

    text-align: center;

    padding: 0 15px;

    box-sizing: border-box;

}

.fleet ul li i {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 111px;

    height: 111px;

    border-radius: 50%;

    margin-bottom: 12px;

    transform: translatey(0);

    -webkit-transform: translatey(0);

    -moz-transform: translatey(0);

    -ms-transform: translatey(0);

    -o-transform: translatey(0);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.fleet.delivery-variant ul li i img {

    max-width: 77px;

    max-height: 47px;

    filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));

    -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));

}

.fleet.delivery-variant ul li i {

    background-color: darkgray;

}

.fleet ul li:hover i {

    transform: translatey(-3px);

    -webkit-transform: translatey(-3px);

    -moz-transform: translatey(-3px);

    -ms-transform: translatey(-3px);

    -o-transform: translatey(-3px);

}

.fleet ul li strong {

    font-size: 16px;

    color: #fff;

    font-weight: 400;

    margin-top: 10px;

    display: block;

}

.blue_color {

    background-color: #569ee7;

}

.carrot_color {

    background-color: #f65775;

}

.cyan_color {

    background-color: #2ed5a8;

}

.green_color {

    background-color: #62c052;

}

.purple_color {

    background-color: #d66ae0;

}

.yellow_color {

    background-color: #dcb61e;

}

/*****************fleet-section section css end********************/

/*============= get_app_area css =============*/

.get_app_area {

    background: #000;

    padding: 43px 0 60px 0;

    position: relative;

    z-index: 0;

  }

  

  .get_app_content {

    color: #fff;

    max-width: 636px;

  }

  

  .get_app_content .section_title {

    margin-bottom: 20px;

  }

  

  .get_app_content .section_title h5, .get_app_content .section_title h2 {

    color: #fff;

  }

  

  .get_app_content .section_title h2 {

    font-size: 45px;

    line-height: normal;

  }

  

  .get_app_content p {

    font-size: 18px;

    margin-bottom: 42px;

    line-height: 30px;

    font-weight: 400;

    padding-right: 10px;

  }

  

  .get_app_content ul {

    list-style: none;

    margin-bottom: 40px;

    padding-left: 0px;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: auto;

  }

  

  .get_app_content ul li {

    font-size: 16px;

    line-height: normal;

    font-weight: 400;

    position: relative;

    padding-left: 28px;

    width: calc(47% - 28px);

    width: -o-calc(47% - 28px);

    width: -ms-calc(47% - 28px);

    width: -moz-calc(47% - 28px);

    width: -webkit-calc(47% - 28px);

    margin-bottom: 17px;

  }

  

  .get_app_content ul li:before {

    content: "";

    position: absolute;

    left: 0;

    top: 2px;

    width: 20px;

    height: 20px;

    display: inline-block;

    background-image: url(../../../img/apptype/Cubex/correct.svg);

    background-repeat: no-repeat;

    background-position: center center;

  }

  

  .get_app_content .slider_btn {

    font-size: 24px;

    border: 2px solid #fff;

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

    text-decoration: none;

    vertical-align: top;

  }

  

  .get_app_content .slider_btn img {

    vertical-align: bottom;

    margin-right: 12px;

  }

  

  .get_app_content .slider_btn.app_btn {

    color: #fff;

  }

  

  .get_app_content .slider_btn.app_btn img {

    -webkit-filter: brightness(1000);

    filter: brightness(1000);

  }

  

  .get_app_content .slider_btn.app_btn:hover {

    background: #fff;

    color: #020e27;

  }

  

  .get_app_content .slider_btn.app_btn:hover img {

    -webkit-filter: brightness(0);

    filter: brightness(0);

  }

  

  .get_app_content .slider_btn.app_btn_two {

    color: #020e27;

    margin-left: 20px;

  }

  

  .get_app_content .slider_btn.app_btn_two:before {

    background: #fff;

  }

  

  .get_app_content .slider_btn.app_btn_two img {

    -webkit-filter: brightness(0);

    filter: brightness(0);

  }

  

  .get_app_content .slider_btn.app_btn_two:hover {

    background: transparent;

    color: #fff;

  }

  .get_app_content .slider_btn.app_btn_two:focus {

    background: transparent;

    color: #fff;

  }

  

  .get_app_content .slider_btn.app_btn_two:hover img {

    -webkit-filter: brightness(1000);

    filter: brightness(1000);

  }

  .get_app_content .slider_btn.app_btn_two:focus img {

    -webkit-filter: brightness(1000);

    filter: brightness(1000);

  }

  .app_image {

    position: relative;

  }

  

  .app_image .shadow_bottom {

    content: '';

    position: absolute;

    width: 80%;

    height: 5px;

    border-radius: 50%/5px;

    left: 10%;

    bottom: 0px;

    -webkit-box-shadow: 0px 35px 33px 0 rgba(0, 0, 0, 0.8);

    box-shadow: 0px 35px 33px 0 rgba(0, 0, 0, 0.8);

    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);

    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);

  }

  

  .app_image .image_two {

    position: absolute;

    right: 0;

    top: 0;

    width: 207px;

  }

  .app_image .image_two img {

      max-width: 100%;

  }

  

  .app_image .image_two img {

    -webkit-animation-name: jump;

    animation-name: jump;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-duration: 3.8s;

    animation-duration: 3.8s;

    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);

    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);

  }

  

  .app_image .image_two .shadow_bottom {

    -webkit-animation: shadow 3.8s infinite linear;

    animation: shadow 3.8s infinite linear;

    bottom: 10px;

  }

  

  .app_image .image_first {

    position: absolute;

    left: 60px;

    top: 80px;

    width: 204px;

  }

  .app_image .image_first img {

      max-width: 100%;

  }

  .app_image .image_first img {

    -webkit-animation-name: jump;

    animation-name: jump;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-duration: 2.8s;

    animation-duration: 2.8s;

    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);

    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);

  }

  

  .app_image .image_first .shadow_bottom {

    -webkit-animation: shadow 2.8s infinite linear;

    animation: shadow 2.8s infinite linear;

  }

  .get_app_area-left {

    width: 58.333333%;

  }

.get_app_area-right {

    width: 41.666667%;

}

.get_app_area-inner {

    max-width: 1280px;

    margin: 0 auto;

    padding: 0 15px;

    display: flex;

    flex-wrap: wrap;

}

.slider_btn {

    font: 500 18px/30px "Barlow Condensed", sans-serif;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    padding: 15px 40px;

    color: #fff;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    -webkit-transition-property: color;

    -o-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    border-radius: 0px;

    border: 0px;

    overflow: hidden;

  }

  

  .slider_btn:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    -webkit-transform: scaleY(1);

    -ms-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transform-origin: 50%;

    -ms-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition-property: transform;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

  }

  

  .slider_btn:after {

    background: #fff;

    content: "";

    height: 155px;

    left: -75px;

    opacity: .2;

    position: absolute;

    top: -50px;

    -webkit-transform: rotate(35deg);

    -ms-transform: rotate(35deg);

    transform: rotate(35deg);

    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

    -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

    width: 50px;

    z-index: 0;

  }

  

  .slider_btn:hover, .slider_btn:focus {

    color: #fff;

    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  

  .slider_btn:hover:before, .slider_btn:focus:before {

    -webkit-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

  }

  

  .slider_btn:hover:after, .slider_btn:focus:after {

    left: 120%;

    -webkit-transition: all 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);

    -o-transition: all 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);

    transition: all 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);

  }

  

  .yellow_hover {

    background: #020e27;

  }

  

  .yellow_hover:before {

    background: #ffbb03;

  }

  

  .dark_hover {

    background: #ffbb03;

  }

  

  .dark_hover:before {

    background: #020e27;

  }

  

  @-webkit-keyframes jump {

    0% {

      -webkit-transform: translateY(0);

      transform: translateY(0);

    }

    50% {

      -webkit-transform: translateY(-30px);

      transform: translateY(-30px);

      -webkit-transition: -webkit-transform 1.4s 0.6s linear;

      transition: -webkit-transform 1.4s 0.6s linear;

      -o-transition: transform 1.4s 0.6s linear;

      transition: transform 1.4s 0.6s linear;

      transition: transform 1.4s 0.6s linear, -webkit-transform 1.4s 0.6s linear;

    }

    100% {

      -webkit-transform: translateY(0px);

      transform: translateY(0px);

    }

  }

  

  @keyframes jump {

    0% {

      -webkit-transform: translateY(0);

      transform: translateY(0);

    }

    50% {

      -webkit-transform: translateY(-30px);

      transform: translateY(-30px);

      -webkit-transition: -webkit-transform 1.4s 0.6s linear;

      transition: -webkit-transform 1.4s 0.6s linear;

      -o-transition: transform 1.4s 0.6s linear;

      transition: transform 1.4s 0.6s linear;

      transition: transform 1.4s 0.6s linear, -webkit-transform 1.4s 0.6s linear;

    }

    100% {

      -webkit-transform: translateY(0px);

      transform: translateY(0px);

    }

  }

  

  @-webkit-keyframes shadow {

    0% {

      -webkit-box-shadow: 0px 35px 33px 0 #000;

      box-shadow: 0px 35px 33px 0 #000;

    }

    50% {

      -webkit-box-shadow: 0px 35px 35px -2px #000;

      box-shadow: 0px 35px 35px -2px #000;

      width: 60%;

      left: 20%;

    }

    100% {

      -webkit-box-shadow: 0px 35px 33px 0 #000;

      box-shadow: 0px 35px 33px 0 #000;

    }

  }

  

  @keyframes shadow {

    0% {

      -webkit-box-shadow: 0px 35px 33px 0 #000;

      box-shadow: 0px 35px 33px 0 #000;

    }

    50% {

      -webkit-box-shadow: 0px 35px 35px -2px #000;

      box-shadow: 0px 35px 35px -2px #000;

      width: 60%;

      left: 20%;

    }

    100% {

      -webkit-box-shadow: 0px 35px 33px 0 #000;

      box-shadow: 0px 35px 33px 0 #000;

    }

  }

  

  /*============= get_app_area css =============*/

  /*============= get_app_area css =============*/

.article-row {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-bottom: 50px;

}

.article-mage {

    width: 100%;

    height: 493px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    box-shadow: 1.25rem 1.375rem 4.75rem 0 rgba(0,0,0,.22);

}

.article-row.invert .article-mage {

    box-shadow: -1.25rem 1.375rem 4.75rem 0 rgba(0,0,0,.22);

}

.article-right {

    width: 62.70%;

    min-height: 586px;

    box-shadow: 0 0 0 10px #e0e0e0 inset;

    padding: 30px 40px 30px 25.8%;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.article-left {

    margin-right: -21.15%;

    position: relative;

    width: 58.3%;

}

article.blog-article {

    margin: 0;

    padding: 110px 0 70px 0;

}

.article-right h4 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    line-height: 57.88px;

    margin-bottom: 30px;

}

.article-right p {

    color: #404040;

    font-size: 21px;

    line-height: 36px;

}

.article-row.invert {

    flex-direction: row-reverse;

    margin-bottom: 0;

}

.article-row.invert .article-left {

    margin: 0 0 0 -21.15%;

}

.article-row.invert .article-right {

    padding: 30px 25.8% 30px 40px;

}

  /*============= get_app_area css =============*/

  /*********** call section Start *********/

.call-section.taxi-variant .call-section-image {

    height: 412px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    margin: 0;

}

.call-section.taxi-variant {

    background-size: cover;

    padding:25px 0 25px 0;

    background-color: #fff;

    position: relative;

}

.call-section.taxi-variant:before {

    content: '';

    position: absolute;

    width: 37%;

    height: auto;

    background-color: #e0e0e0;

    top: 0;

    bottom: 0;

}

.call-section-inner {

    max-width: 1280px;

    margin: 0 auto;

    padding: 0 15px;

    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #fff;

    flex-wrap: wrap;

}

.delivery-use {

    padding-top: 200px;

}

.call-section.taxi-variant h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    line-height: 57.88px;

    /*margin-bottom: 31px;*/

    margin-bottom: 13px;

    margin-top: 0;

}

.call-section.taxi-variant strong {

    font-size: 30px;

    font-weight: 500;

    display: block;

    margin-bottom: 22px;

    color: #121212;

}

.call-section.taxi-variant p {

    font-size: 18px;

    line-height: 30px;

    color: #404040;

    margin-bottom: 45px;

    /*max-width: 500px;*/

}

.call-section.taxi-variant b,.call-section.taxi-variant p b {

    color: #000;

    font-weight: 600;

    text-transform: uppercase;

    display: block;

    font-size: 67px;

    margin-bottom: 47px;

    line-height: normal;

}

.call-section.taxi-variant b a, .call-section.taxi-variant p b a {

    font-size: unset;

    background-color: transparent;

    color: #000;

    text-decoration: none;

    padding: 0;

}

.call-section.taxi-variant .call-section-left {

    width: calc(100% - 500px);

    width: -o-calc(100% - 500px);

    width: -ms-calc(100% - 500px);

    width: -moz-calc(100% - 500px);

    width: -webkit-calc(100% - 500px);

    padding-right: 15px;

    box-sizing: border-box;

    padding: 0 0 0 74px;

}

.call-section.taxi-variant .call-section-right {

    width: 500px;

    text-align: center;

}

.call-section.taxi-variant .call-section-right img {

    max-width: 100%;

}



.call-section.taxi-variant .call-section footer {

    margin-top: 0;

}

/*********** call section end *********/

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

========fly page css =======

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

.benefits.fly-variant {

    background-color: #f4f2f1;

}

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

.features {

    padding: 50px 0 0px 0;

    overflow: hidden;

    margin-top: 180px;

    position: relative;

    z-index: 0;

}

.features h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 15px;

    text-align: center;

}

.features-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.features h3 ~ p {

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

    color: #3e3e3e;

    display: block;

    margin-bottom: 0;

    max-width: 990px;

    text-align: center;

    margin: 0 auto;

}

.features ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0px 0 0 0;

    justify-content: space-between;

}

.features ul li i {

    display: inline-block;

}

.features ul li strong {

    font-size: 18px;

    display: block;

    font-weight: 500;

    color: #000;

    margin: 15px 0 8px 0;

}

.features ul li p {

    font-size: 14px;

    font-weight: 400;

    color: #777777;

    line-height: 22px;

}

.features ul li {

    margin-bottom: 79px;

    width: 234px;

}

.features-row {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-top: 65px;

    width: 100%;

}

.features-main-image {

    width: auto;

    height: 735px;

    display: block;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

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

}

.features-left {

    width: 40.24%;

    margin-right: -10%;

    position: relative;

    z-index: 1;

}

.features-right {

    width: calc(100% - 390px);

    width: -o-calc(100% - 390px);

    width: -ms-calc(100% - 390px);

    width: -moz-calc(100% - 390px);

    width: -webkit-calc(100% - 390px);

    box-sizing: border-box;

    background-color: #f4f2f1;

    position: relative;

    padding:74px 86px 0 232px; 

}

.features-right:after {

    content: '';

    position: absolute;

    width: 500px;

    height: 100%;

    background-color: #f4f2f1;

    left: 100%;

    top: 0;

}

.destination {

    padding: 50px 0 4px 0;

}

.destination-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.destination h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 15px;

}

.destination ul {

    display: flex;

    flex-wrap: wrap;

    margin: 28px 0 0 0;

    justify-content: space-between;

    width: calc(100% + 68px);

    width: -o-calc(100% + 68px);

    width: -ms-calc(100% + 68px);

    width: -moz-calc(100% + 68px);

    width: -webkit-calc(100% + 68px);

}

.destination ul li {

    width: calc(33.33% - 68px);

    width: -o-calc(33.33% - 68px);

    width: -ms-calc(33.33% - 68px);

    width: -moz-calc(33.33% - 68px);

    width: -webkit-calc(33.33% - 68px);

    text-align: center;

    box-sizing: content-box;

    margin-bottom: 50px;

    padding: 0 34px;

}

.destination ul li:hover .destination-caption {

    background-color: #000;

    color: #fff;

}

.destination ul li:hover .destination-caption span {

    color: #fff;

}

.destination-image {

    height: 299px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    width: 100%;

    box-shadow: 0 0 13px 0 rgba(0,0,0,0.33);

    position: relative;

}

.destination-caption strong {

    display: block;

    font-size: 22px;

    text-transform: uppercase;

    font-weight: 500;

    text-align: left;

    margin-bottom: 12px;

    line-height: 30px;

}

.destination-caption {

    background-color: #f4f2f1;

    color: #000;

    padding: 27px 18px 27px 18px;

}

.destination-caption {

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.destination-caption span {

    text-align: left;

    display: block;

    font-size: 18px;

    font-weight: 400;

    color: #777777;

    line-height: 22px;

}

/***************** favdest section css start *********************/

.favdest {

    padding: 50px 0;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

}

.favdest-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    padding: 0 15px;

    min-height: 494px;

}

.favdest-caption {

    max-width: 700px;

}

.favdest h3 {

    font-size: 53px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 500;

    margin: 0 0 24px 0;

}

.favdest h3 strong {

    font-size: 32px;

    display: block;

    font-weight: 400;

    margin-bottom: 7px;

}

.favdest p {font-size: 16px;color: #fff;line-height: 26px;font-weight: 400;}

/********************* favdest section css end ***************************/

/********************* charters css start ***************************/

.charters {

    padding: 50px 0 4px 0;

}

.charters-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.charters h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 15px;

}

.charters ul {

    display: flex;

    flex-wrap: wrap;

    margin: 28px 0 0 0;

    justify-content: space-between;

    width: calc(100% + 36px);

    width: -o-calc(100% + 36px);

    width: -ms-calc(100% + 36px);

    width: -moz-calc(100% + 36px);

    width: -webkit-calc(100% + 36px);

}

.charters ul li {

    width: calc(25% - 36px);

    width: -o-calc(25% - 36px);

    width: -ms-calc(25% - 36px);

    width: -moz-calc(25% - 36px);

    width: -webkit-calc(25% - 36px);

    text-align: center;

    box-sizing: content-box;

    margin-bottom: 50px;

    padding: 0 18px;

}

.charters ul li:hover .charters-caption {

    background-color: #000;

    color: #fff;

}

.charters ul li:hover .charters-caption span {

    color: #fff;

}

.charters-image {

    height: 294px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    width: 100%;

    box-shadow: 0 0 13px 0 rgba(0,0,0,0.33);

    position: relative;

}

.charters-caption strong {

    display: block;

    font-size: 22px;

    text-transform: uppercase;

    font-weight: 500;

    text-align: left;

    margin-bottom: 9px;

    line-height: 30px;

}

.charters-caption {

    background-color: #f4f2f1;

    color: #000;

    padding: 22px 18px 22px 18px;

}

.charters-caption {

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.charters-caption span {

    text-align: left;

    display: block;

    font-size: 16px;

    font-weight: 400;

    color: #777777;

    line-height: 26px;

}

/********************* charters css end ***************************/

/********************* solutions css start ***************************/

.solutions {

    padding: 44px 0 57px 0;

    background-color: #f4f2f1;

}

.solutions-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.solutions strong {

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

    color: #3e3e3e;

    display: block;

    max-width: 990px;

    text-align: center;

    margin: 0 auto 40px auto;

}

.solutions h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 15px;

}

.solutions-row {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding-top: 25px;

    position: relative;

    margin-bottom: 20px;

    width: 100%;

}

.solutions-right {

    width: 56%;

}

.solution-image {

    height: 478px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

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

}

.solutions-left {

    width: 44%;

    box-sizing: border-box;

    padding-top: 67px;

    padding:67px 90px 146px 0;

}

.solutions-left h4 {

    font-size: 40px;

    color: #222;

    font-weight: 500;

    margin-bottom: 30px;

}

.solutions-left p {

    font-size: 21px;

    color: #3e3e3e;

    line-height: 36px;

    font-weight: 400;

}

.solutions-row.reverse {

    flex-direction: row-reverse;

    margin-top: -135px;

}

.solutions-row.reverse .solutions-left {

    padding: 146px 0 67px 90px;

}

/********************* solutions css end ***************/

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

   =============corporate ride page css start============

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

.benefits.corporate {

    padding: 39px 0 30px 0;

}

.benefits.corporate h3 {

    margin-bottom: 15px;

}

.benefits ul.listing-style li i {

    width: auto;

    height: auto;

    background-color: transparent;

    border-radius: 0;

    position: relative;

    display:inline-block;

    line-height: normal;

}



.booking-heading select{

    box-shadow: 0 0 0 1px #5c5c5c inset;

    /*opacity: .5;*/

}

.benefits.corporate ul li:hover i {

    background-color: transparent;

}

.benefits ul.listing-style li i img {

    height: 55px;

    max-width: 100%;

    vertical-align: top;

}

.benefits ul.listing-style li strong {

    font-size: 22px;

    font-weight: 500;

    text-transform: uppercase;

    margin: 32px 0 12px 0;

    

}

.benefits ul.listing-style li p {

    color: #777;

    font-size: 16px;

    line-height: 26px;

}

.benefits ul.listing-style {

    width: -o-calc(100% + 63px);

    width: -ms-calc(100% + 63px);

    width: -moz-calc(100% + 63px);

    width: -webkit-calc(100% + 63px);

}

.benefits.corporate ul.listing-style {

    display: flex;

    flex-wrap: wrap;

    width: calc(100% + 30px);

    width: -o-calc(100% + 30px);

    width: -ms-calc(100% + 30px);

    width: -moz-calc(100% + 30px);

    width: -webkit-calc(100% + 30px);

    margin-top: 20px;

}

.benefits.corporate ul.listing-style li {

    padding:15px;

}

.benefits ul.listing-style li {

    width: 25%;

    padding: 0 15px 35px 15px;

    text-align: center;

    box-sizing: border-box;

    border-style: solid;

    border-width: 0 1px 0 0;

    border-color: #e7e7e7;

    margin-bottom: 30px;

}

.benefits ul.listing-style li:last-child {

    /* border-width:0 0 0 0;  */

}

/**************** corporate features section css ***********************/

.features.corporate#how-it-works {

    margin: -30px 0 0 0;

    padding: 0 0 60px 0;

    position: relative;

    overflow: visible;

    background-color: #fff;

    z-index: 1;

}

.features.corporate#how-it-works.zisuue {

    z-index: 0;

}

.features.corporate#why-us {

    margin: -30px 0 0 0;

    padding: 0 0 60px 0;

    position: relative;

    overflow: visible;

    background-color: #fff;

}

.features.corporate .features-right {

    padding: 33px 0 0 52px;

    width: 64.8%;

    background-color: transparent;

}

.features.corporate .features-left {

    margin: -28px 0 0 0;

    width: 35.2%;

}

.features.corporate .features-row {

    align-items: flex-start;

    margin: 0;

}

.features.corporate .features-right:after {

    display: none;

}

.features.corporate h3 {

    text-align: unset;

}

.features.corporate ul {

    margin: 30px -32px 0 -32px;

}

.features.corporate ul li {

    width: calc(50% - 64px);

    width: -o-calc(50% - 64px);

    width: -ms-calc(50% - 64px);

    width: -moz-calc(50% - 64px);

    width: -webkit-calc(50% - 64px);

    padding: 0 0px 0 72px;

    position: relative;

    box-sizing: border-box;

    margin: 0 32px 58px 32px;

}

.features.corporate ul li i img {

    height: 41px;

}

.features.corporate ul li strong {

    font-size: 22px;

    font-weight: 500;

    margin: 0 0 8px 0;

}

.features.corporate ul li p {

    color: #404040;

    font-size: 15px;

}

.features.corporate h3 ~ p {

    text-align: unset;

    color: #404040;

    font-size: 18px;

    line-height: 30px;

    font-weight: 400;

}

.data-block-article p,

.features.corporate .features-right.earn-data p {

    text-align: unset;

    color: #404040;

    font-size: 15px;

    line-height: 26px;

    font-weight: 400;

}

.features.corporate .features-main-image {

    height: 534px;

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

}

.features.corporate ul li i {

    position: absolute;

    left: 0;

    top: 0px;

}

.features.corporate .features-right.earn-data p {

    margin-bottom: 35px;



}

.data-block-article strong {

    font-size: 22px;

    line-height: normal;

    font-weight: 500;

    color: #000000;

    margin-bottom: 6px;

    display: block;

}

/********************** profiletype section css ****************************/

.profiletype-image {

    height: 100%;

    width: 44.7%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    right: 0;

    top: 0;

    display: flex;

    align-items: center;

}

.profiletype-inner {

    min-height: 488px;

    margin: 0 auto;

    max-width: 1280px;

    padding: 0 15px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: flex-start;

}

.profiletype {

    background-color: #f6f6f6;

    position: relative;

}

.profiletype-left {

    width: 58.6%;

}

.profiletype-left p {

    line-height: 36px;

    font-size: 21px;

    font-weight: 400;

    color: #404040;

    max-width: 460px;

    padding: 15px 15px 15px 0;

    text-align: left;

}

.profile-title {

    width: 527px;

    height: 320px;

    background-color: rgba(255,255,255,0.95);

    margin-left: -192px;

    box-shadow: 0 0 18px 0 rgba(0,0,0,0.12);

    display: flex;

    align-items: center;

    justify-content: center;

}

.profile-title h4 {

    font-size: 55px;

    font-weight: 500;

    padding: 0 70px;

    text-align: center;

    line-height: 70px;

}

/*******/

.profiletype.reverse .profiletype-inner {

    flex-direction: row-reverse;

}

.profiletype.reverse  .profiletype-image {

    left: 0;

    right: auto;

    justify-content: flex-end;

}

.profiletype.reverse .profile-title {

    margin: 0 -192px 0 0;

}

.profiletype.reverse .profiletype-left {

    direction: rtl;

}

.profiletype.reverse .profiletype-left p {

    padding: 15px 0 15px 15px;

}



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

.booking-request-inner {

    padding: 0 15px;

    margin: 0 auto;

    display: flex;

    justify-content: flex-start;

    max-width: 1280px;

}

.booking-request {

    padding: 20px 0;

    background-color: #f8f8f8;

    position: relative;

}

.booking-block {

    width: 400px;

    background-color: #f4f2f1;

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

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    position: relative;

}



.booking-heading label {

    font-size: 20px;

    font-weight: 400;

}

.booking-heading {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 0;

    margin-bottom: 15px;

}

.booking-header {

    background-color: #000;

    color: #fff;

    padding: 16px 18px 22px 18px;

}

.booking-heading select {

    font-family: 'poppins';

    font-size: 16px;

    font-weight: 400;

    min-width: 148px;

    height: 41px;

    background-color: transparent;

    outline: none;

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

    color: #fff;

    box-sizing: border-box;

    padding: 0 14px 0 14px;

    border: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    background-image: url(../../../img/apptype/Cubex/down-arrow.svg);

    background-repeat: no-repeat;

    background-size: 10px;

    background-position: right 12px center;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

}

.booking-heading select option {

    background-color:#000;

}

.pick-drop-location input {

    border-style: solid;

    background-color: transparent;

    border-width: 0 0 1px 0;

    border-color: rgba(255,255,255,0.35);

    font-size: 16px;

    font-weight: 500;

    padding: 5px 0 5px 3px;

    outline:none;

    color:#fff;

    box-sizing: border-box;

    width: 100%;

    font-family: 'poppins';

    border-radius: 0px;

}

.pick-drop-location input::placeholder {

    color: rgba(255,255,255,0.5);

    opacity: 1; /* Firefox */

}

.pick-drop-location input:-ms-input-placeholder { /* Internet Explorer 10-11 */

    color: rgba(255,255,255,0.5);

    opacity: 1;

}

.pick-drop-location input::-ms-input-placeholder { /* Microsoft Edge */

    color: rgba(255,255,255,0.5);

    opacity: 1;

}

.pick-drop-location .form-group {

    margin: 0 0 20px 32px;

    position: relative;

}

.pick-drop-location .form-group:last-child {

    margin-bottom: 0;

}

.pick-drop-location .form-group.pickup:before {

    content: '';

    position: absolute;

    background-color: #fff;

    top: 10px;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    left: -30px;

}

.pick-drop-location .form-group.pickup:after {

    content: '';

    position: absolute;

    width: 3px;

    height: 40px;

    background-image: url(../../../img/apptype/Cubex/ver-line.png);

    left: -23px;

    top: 11px;

    background-repeat: no-repeat;

    background-position: top center;

    top: 22px;

}

.pick-drop-location .form-group.dest:before {

    content: '\4c';

    position: absolute;

    top: 10px;

    width: 16px;

    height: 22px;

    border-radius: 50%;

    left: -28px;

    font-family: 'icomoon';

    font-size: 22px;

    color: #fff;

}

.section-block ul li:first-child {

    padding-top: 0;

}

.section-block  ul li {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding: 10px 0;

}

.section-block ul li .veh-left {

    width: calc(100% - 154px);

    width: -o-calc(100% - 154px);

    width: -ms-calc(100% - 154px);

    width: -moz-calc(100% - 154px);

    width: -webkit-calc(100% - 154px);

    align-items: center;

    display: flex;

    flex-wrap: wrap;

}

.section-block ul li span.vehicle-name {

    max-width: calc(100% - 100px);

    max-width: -o-calc(100% - 100px);

    max-width: -ms-calc(100% - 100px);

    max-width: -moz-calc(100% - 100px);

    max-width: -webkit-calc(100% - 100px);

}

.section-block ul li span.vehicle-name small {

    display: block;

    font-size: 12px;

    margin-top: 6px;

}

.section-block ul li i.vehicle-ico {

    display: inline-flex;

    width: 48px;

    height: 48px;

    justify-content: center;

    align-items: center;

    vertical-align: middle;

    background-color: #5c5c5c;

    border-radius: 50%;

    margin: 0 15px;

  /*  cursor: pointer;*/

}

.section-block ul li i.vehicle-ico img {

    max-width: 100%;

    max-height: 100%;

}

.price-caption {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.price-caption i img {

    width: 17px;

    vertical-align: top;

}

.price-caption i {

    cursor: pointer;

    font-size: 17px;

    color: #5B5B5B;

}

.price-caption strong {

    font-size: 16px;

    font-weight: 600;

    margin-right: 12px;

    display: inline-block;

    vertical-align: middle;

}

.section-block ul li span {

    font-size: 16px;

    display: inline-block;

    color: #000;

    font-weight: 400;

    cursor: default;

    /*cursor: pointer;*/

}

.section-block > label {

    display: block;

    font-size: 20px;

    font-weight: 500;

    color: #000;

    padding: 14px 0;

    margin: 0 0px 18px 0px;

    border-bottom: 1px solid #e0e0e0;

}

.section-block {

    padding: 0;

    margin: 4px 20px 0 20px;

    margin: 4px 0 0 0;

    position: relative;

    z-index: 1;

}

.section-block.rider_hide {

    display: none;

}

.section-block ul {

    margin-bottom: 18px;

}

.radio-combo,

.check-combo {

    display: inline-flex;

    flex-wrap: wrap;

    align-items: center;

    padding-right: 15px;

    box-sizing: border-box;

    min-width: 168px;

    margin-bottom: 18px;

}

.radio-combo label {

    margin: 0;

    font-size: 16px;

    display: inline-block;

    color: #000;

    font-weight: 400;

    cursor: pointer;

    width: calc(100% - 36px);

    width: -o-calc(100% - 36px);

    width: -ms-calc(100% - 36px);

    width: -moz-calc(100% - 36px);

    width: -webkit-calc(100% - 36px);

}

.check-combo label {

    margin: 0;

    font-size: 16px;

    display: inline-block;

    color: #000;

    font-weight: 500;

    cursor: pointer;

    width: calc(100% - 36px);

    width: -o-calc(100% - 36px);

    width: -ms-calc(100% - 36px);

    width: -moz-calc(100% - 36px);

    width: -webkit-calc(100% - 36px);

}

.check-combo label a {

    outline: none;

    color: #000;

    text-decoration: none;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.check-combo label a:hover {

    opacity: 0.5;

}

.captcha-column ~ .check-combo {

    padding: 0 8px;

}

.section-block .radio-combo label,

.section-block .check-combo label {

    margin: 0;

    font-size: 16px;

    display: inline-block;

    color: #000;

    font-weight: 400;

    cursor: pointer;

    width: calc(100% - 36px);

    width: -o-calc(100% - 36px);

    width: -ms-calc(100% - 36px);

    width: -moz-calc(100% - 36px);

    width: -webkit-calc(100% - 36px);

}

.radio-combo .radio-main,

.check-combo .check-main {

    margin-right: 14px;

}



.discount-block input {

    border-style: solid;

    background-color: transparent;

    border-width: 0 0 1px 0;

    border-color: #c0c0c0;

    font-size: 16px;

    font-weight: 500;

    padding: 5px 45px 5px 0;

    outline: none;

    color: #000;

    width: 100%;

    box-sizing: border-box;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

}

.discount-block button {

    width: 38px;

    height: 38px;

    display: flex;

    border: none;

    outline: none;

    background-color: #000;

    position: absolute;

    right: 0;

    bottom: 1px;

    justify-content: center;

    align-items: center;

    padding: 0;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    cursor: pointer;

    font-size: 14px;

    color: #fff;

}

.discount-block button:before {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

}

.booking-footer button,

.booking-footer .submitbtn {

    height: 52px;

    display: inline-block;

    border: none;

    outline: none;

    background-color: #000;

    justify-content: center;

    align-items: center;

    padding: 0 15px;

    color: #fff;

    font-size: 17px;

    font-weight: 400;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    cursor: pointer;

    width: 100%;

    box-sizing: border-box;

    text-align: center;

    font-family: 'poppins';

}

.booking-footer {

    display: flex;

    padding: 20px;

    justify-content: center;

    background-color: #f9f9f9;

    box-shadow: 0 -3px 7px 0 rgba(0,0,0,0.13);

    position: relative;

    z-index: 2;

}

.discount-block button:hover,

.booking-footer button:hover,

.booking-footer .submitbtn:hover {

    background-color: #757575;

}

.discount-block {

    position: relative;

    margin-bottom: 18px;

}

.discount-block button img {

    width: 20px;

}

.booking-footer button:after,

.booking-footer .submitbtn:after {

    content: '\61';

    font-family: 'icomoon';

    font-size: 12px;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    position: relative;

    right: 0;

    display: inline-block;

}

.booking-footer button:after,

.booking-footer .submitbtn:after {

    margin-left: 15px;

}

.booking-footer button:hover:after,

.booking-footer .submitbtn:hover:after {

    right: -10px;

}

/************** custom-radio start ******************/

.radio-main {

    display: inline-block;

    position: relative;

    vertical-align: middle;

}

.radio-hold input {

    margin: 0;

    vertical-align: top;

    position: absolute;

    width: 100%;

    height: 100%;

    outline: none;

    border: none;

    opacity: 0;

    cursor: pointer;

}

.radio-hold {

    display: inline-block;

    vertical-align: middle;

    position: relative;

}

.radio-button {

    width: 22px;

    height: 22px;

    box-shadow: 0 0 0 1px #000 inset;

    display: inline-block;

    border-radius: 50%;

    pointer-events: none;

    vertical-align: top;

}

.radio-button:after {

    content: '';

    width: 10px;

    height: 10px;

    background-color: #000;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -5px 0 0 -5px;

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

}

.radio-hold input:checked ~ .radio-button:after {

    opacity: 1;

    visibility: visible;

}



/************** custom-radio end ******************/

/************** custom-check start ******************/

.check-main {

    display: inline-block;

    position: relative;

    vertical-align: middle;

}

.check-hold input {

    margin: 0 !important;

    vertical-align: top;

    position: absolute;

    width: 100%;

    height: 100%;

    outline: none;

    border: none;

    opacity: 0;

    cursor: pointer;

}

.check-hold {

    display: inline-block;

    vertical-align: middle;

    position: relative;

}

.check-button {

    width: 22px;

    height: 22px;

    box-shadow: 0 0 0 1px #000 inset;

    display: block;

    pointer-events: none;

    border-radius: 2px;

}

.check-hold.small .check-button {

    width: 18px;

    height: 18px;

}

.check-hold.small {

    margin-top: 4px;

}

.check-button:after {

    content: '';

    width: 100%;

    height: 100%;

    background-color: #000;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    visibility: hidden;

    background-image: url(../../../img/apptype/Cubex/check-icn.svg);

    background-repeat: no-repeat;

    background-size: 11px;

    background-position: center;

    border-radius: 2px;

}

.check-hold input:checked ~ .check-button:after {

    opacity: 1;

    visibility: visible;

}

.vehicle-details-popup {

    position: absolute;

    z-index: 2;

    background-color: #ececec;

    left: 0;

    top: 0;

    right: 0;

    bottom: 92px;

    display: none;

}

.vehicle-details-popup.active {

    display: block;

}

.vehicle-caption {

    padding: 34px 24px 16px 24px;

    border-bottom: 2px solid #d4d4d4;

    background-color: #fff;

}

.vehicle-caption i {

    display: block;

    text-align: center;

}

.car-identy {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    font-size: 20px;

    font-weight: 500;

    color: #000;

    margin-top: 28px;

}

.ride-info {

    font-size: 14px;

    color: #3e3e3e;

    margin-top: 10px;

}

.ride-info span {

    display: block;

    line-height: normal;

    font-size: 14px;

    font-weight: 400;

}

ul.costlist li {

    display: flex;

    justify-content: space-between;

    margin-bottom: 27px;

}

ul.costlist li strong {

    font-size: 16px;

    font-weight: 400;

    color: #1c1c1c;

    display: inline-block;

}

ul.costlist li span {

    font-size: 16px;

    font-weight: 400;

    color: #656565;

    display: inline-block;

}

ul.costlist.radio-list li .vehicle-name {

    width: calc(100% - 55px);

    width: -o-calc(100% - 55px);

    width: -ms-calc(100% - 55px);

    width: -moz-calc(100% - 55px);

    width: -webkit-calc(100% - 55px);

    margin-left: 15px;

    vertical-align: middle;

}

.vehicle-data {

    padding: 31px 21px 0 21px;

    max-height: calc(100% - 100px);

    max-height: -o-calc(100% - 100px);

    max-height: -ms-calc(100% - 100px);

    max-height: -moz-calc(100% - 100px);

    max-height: -webkit-calc(100% - 100px);

    overflow-y: auto;

}

.vehicle-data p {

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 26px;

}

.vehicle-details-popup .close-icon {

    position: absolute;

    left: 20px;

    top: 18px;

    display: inline-block;

    font-size: 25px;

    cursor: pointer;

}

#booking-map {

    background-image: url(../../../img/apptype/Cubex/map-bg.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    pointer-events: none;

}

/************** custom-check end ******************/

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

========= profile page css start =============

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

.profile-section-inner {

    max-width: 1280px;

    padding: 0 15px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

}

.profile-section {

    padding: 20px 0;

}

.profile-caption {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    margin-bottom:20px;

}

.profile-image {

    width: 104px;

    border-radius: 50%;

    box-shadow: 0 0 0 2px #000;

    height: 104px;

    position: relative;

    margin-right: 30px;

}

.profile-image img {

    max-width: 100%;

    max-height: 100%;

    border-radius: 50%;

}

.profile-image i {

    width: 29px;

    height: 29px;

    position: absolute;

    right: 0;

    bottom: 3px;

    font-size: 14px;

    background-color: #000;

    color: #fff;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.profile-block {

    width: calc(100% - 134px);

    width: -o-calc(100% - 134px);

    width: -ms-calc(100% - 134px);

    width: -moz-calc(100% - 134px);

    width: -webkit-calc(100% - 134px);

}

.profile-caption .page-heading{

    width: 100%;

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #d7d7d7;

}

.profile-caption .page-heading h1 {

    font-size: 22px;

    font-weight: 600;

    margin-top: 0;

    margin-bottom: 0;

}

.profile-block .profile-caption-header {

    margin-top: 14px;

    padding-bottom: 10px;

    border-bottom: 1px solid #d3d3d3;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 12px;

    align-items: center;

}

.profile-block .profile-caption-header label {

    display: block;

    font-size: 19px;

    font-weight: 500;

    font-family: 'poppins';

}

.profile-detail {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.profile-column {

    width: auto;

    padding-right: 40px;

    display: flex;

    flex-wrap: wrap;

    box-sizing: border-box;

    min-width: 260px;

}

.profile-column .data_info {

    width: calc(100% - 70px);

    width: -o-calc(100% - 70px);

    width: -ms-calc(100% - 70px);

    width: -moz-calc(100% - 70px);

    width: -webkit-calc(100% - 70px);

}

.profile-column i {

    font-size: 31px;

    color: #000;

    margin-right: 14px;

}

.profile-column strong {

    font-size: 15px;

    color: #000;

    font-family: 'poppins';

    display: block;

    margin-bottom: 5px;

    font-weight: 500;

}

.profile-column span,.profile-column span a {

    font-size: 15px;

    font-weight: 400;

    color: #404040;

    text-decoration: none;

    white-space: nowrap;

}

.profile-column span a:hover {

    color: #000;

}

.profile-block .profile-caption-header button {

    background-color: #000;

    border: none;

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    font-family: 'poppins';

    padding: 6px 12px;

    outline: none;

    border-radius: 2px;

    cursor: pointer;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

}

.profile-block .profile-caption-header button:hover {

    background-color: #757575;

}

.profile-earning-inner {

    max-width: 1280px;

    padding: 0 15px;

    margin: 0 auto;

    min-height: 280px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.profile-earning {

    padding: 30px 0;

    background-color: #eee;

}

.profile-earning ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -10px;

    width: 100%;

}

.profile-earning ul li {

    width: 33.33%;

    box-sizing: border-box;

    padding: 0 10px;

    margin-bottom: 20px;

}

.profile-req-doc {

    width: 100%;

}

.driver-vehicles-page {

    width: 100%;

}

.earning-block {

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

    color: #fff;

    padding: 22px 20px;

    border-radius: 3px;

    position: relative;

    min-height: 149px;

    box-sizing: border-box;

}

.place-holder-icon {

    position: absolute;

    width: 100%;

    height: 145px;

    top: 0;

    text-align: center;

    color: #fff;

    opacity: 0.1;

    pointer-events: none;

    left: 0;

}

.place-holder-icon img {

    max-height: 100%;

}

.earning-block strong {

    font-size: 17px;

    font-weight: 500;

    display: block;

    color: #fff;

    margin-bottom: 3px;

}

.earning-block .count {

    color: #fff;

    display: block;

    font-size: 85px;

    font-weight: 500;

    word-break: break-all;

}

.general-form .form-group label {

    max-width: 90%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.general-form .form-group label {

    position: absolute;

    left: 16px;

    top: 50%;

    margin-top: -8px;

    pointer-events: none;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    transition: all 150ms ease 0s;

    -webkit-transition: all 150ms ease 0s;

    -moz-transition: all 150ms ease 0s;

    -ms-transition: all 150ms ease 0s;

    -o-transition: all 150ms ease 0s;

    font-family: 'poppins';

}

.general-form .form-group.has-textarea label {

    top: 20px;

}

.general-form .form-group.floating label {

    top: 0px;

    background-color: #fff;

    z-index: 1;

    padding: 0 6px;

    transform: scale(0.8) translateX(-25px);

    -webkit-transform: scale(0.8) translateX(-25px);

    -moz-transform: scale(0.8) translateX(-25px);

    -ms-transform: scale(0.8) translateX(-25px);

    -o-transform: scale(0.8) translateX(-25px);

    color: #404040;

}

.general-form .form-group.phone-column select

.general-form .form-group.phone-column label {

    left: 90px;

}

.general-form .form-group select,

.general-form .form-group input,

.general-form .form-group textarea {

    width: 100%;

    padding: 14px 16px 15px 16px;

    border: 1px solid #c1c1c1;

    border-radius: 4px;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    -webkit-appearance: none;

    box-sizing: border-box;

    outline: none;

    min-height: 54px;

    font-family: 'poppins';

}

.general-form .form-group .date input {

    border-radius: 4px  0 0 4px;

    -webkit-border-radius: 4px  0 0 4px;

    -moz-border-radius: 4px  0 0 4px;

    -ms-border-radius: 4px  0 0 4px;

    -o-border-radius: 4px  0 0 4px;

}

.general-form .form-group textarea {

    resize: vertical;

}

.general-form .form-group select:focus,

.general-form .form-group input:focus {

    border-color: #757575;

}

.general-form .form-group select {

    background-image: url(../../../img/apptype/Cubex/select-arrow.jpg);

    background-repeat: no-repeat;

    background-position: right 10px center;

    background-size: 11px;

    background-color: #fff;

}

.general-form .form-group.phone-column input {

    margin-left: 74px;

    border-radius: 0 6px 6px 0;

    width: calc(100% - 74px);

    width: -o-calc(100% - 74px);

    width: -ms-calc(100% - 74px);

    width: -moz-calc(100% - 74px);

    width: -webkit-calc(100% - 74px);

    top: 0;

    height: min-content;

}

.general-form .form-group.phone-column select,

.general-form .form-group.phone-column input.phonecode {

    width: 75px;

    border-radius: 6px 0 0 6px;

    position: absolute;

    left: 0;

    top: 0;

    margin-left: 0;

    box-sizing: border-box;

    margin: 0;

}

.general-form .form-group.phone-column label {

    left: 90px;

}

.general-form .button-block .btn-hold {

    margin-right: 15px;

}

.general-form .partation {

    margin-bottom: 0;

}

.general-form {

    margin-top: 20px;

    width: 100%;

}

.general-form .btn-hold input[type="submit"] {

    padding: 14px 22px 14px 22px;

}

.partation .slot-label {

    border-bottom: 1px solid #e0e0e0;

    padding: 0 0 15px 0;

    margin: 0 8px 20px 8px;

    font-size: 18px;

    color: #000;

    font-weight: 600;

    width: 100%;

    line-height: normal;

}

.setting-page-map {

    width: 100%;

    min-height: calc(100% - 106px);

    border: 1px solid #c1c1c1;

    border-radius: 4px;

}

.fileUploading {

    position: relative;;

    cursor: pointer;

}

.fileUploading:before {

    content: 'Choose file';

    min-width: 115px;

    position: absolute;

    height: 100%;

    padding: 10px 13px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    background-color: #000;

    border-radius: 4px;

    pointer-events: none;

    color: #fff;

    transition:all 0.5s ease 0s;

    -webkit-transition:all 0.5s ease 0s;

    -moz-transition:all 0.5s ease 0s;

    -ms-transition:all 0.5s ease 0s;

    -o-transition:all 0.5s ease 0s;

}

.fileUploading:hover:before {

    background-color: #757575;

}

.fileupload .newrow.has-error {

    position: relative;

}

.fileupload .newrow.has-error .help-block.error {

    width: 100%;

    text-align: center;

    display: block;

}

.form-group.eDefault:after, .form-group[class*="removeclass"]:after {content: '';clear: both;display: block;}

.general-form .half-column small {

    display: block;

    /* margin-top: -8px; */

    color: #404040;

    font-size: 14px;

    font-weight: 400;

    line-height: 21px;

    margin-bottom: 28px;

    font-family: 'poppins';

}

.general-form .half-column small.notes {

    margin: 0;

}

.panel-body .icon-cancel {

    font-size: 25px;

    cursor: pointer;

}

.center-align {

    padding-top: 16px;

}

.panel-heading .icon-plus-button {

    font-size: 35px;

    vertical-align: middle;

    margin-top: 4px;

    display: inline-block;

    background-color: #000;

    color: #f5f5f5;

    border-radius: 50%;

    padding: 0;

    cursor: pointer;

    box-shadow: 0 0 0 2px #f5f5f5 inset;

}

.profile_edit {

    display: none;

}

.profile_edit .button-block {

    justify-content: flex-start;

}

.profile_edit.active {

    display: block;

}

.earning-block a.go-icon {

    text-decoration: none;

    color: #fff;

    position: absolute;

    right: 20px;

    top: 20px;

    font-size: 25px;

    cursor: pointer;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.earning-block a.go-icon:hover {

    opacity: 0.7;

    right: 15px;

}

.inv-destination-data ul {

    margin: 0;

}

.inv-destination-data ul li {

    width: 100%;

    line-height: normal;

    margin-bottom: 25px;

    position: relative;

    padding: 0 0 0 28px;

    box-sizing: border-box;

}

.inv-destination-data ul li strong {

    font-size: 15px;

    font-weight: 600;

    color: #000;

    display: block;

    font-family: 'poppins';

}

.inv-destination-data ul li p {

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    font-family: 'poppins';

    margin-bottom: 0;

    line-height: 20px;

}

.inv-destination-data {

    background-color: #fff;

    padding: 12px 23px 0px 23px;

    min-height: 100%;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    border-radius: 4px;

    overflow: hidden;

}

.inv-destination-data.flex-start {

    justify-content: flex-start;

    padding-top: 23px;

}

.inv-destination-data ul li i {

    font-size: 22px;

    position: absolute;

    left: 0;

}

.inv-destination-data ul li i.fa.fa-calendar {

    font-size: 18px;

}

.inv-destination-data ul.no-icons li {

    padding: 0;

}

.vehicle-capt .vehicle-avatar {

    padding: 10px;

    border-bottom: 1px solid #e0e0e0;

}

.vehicle-capt {

    border: 1px solid #e0e0e0;

    margin-bottom: 20px;

}

.car-det strong {

    display: block;

    font-size: 15px;

    font-weight: 500;

    padding: 6px 10px;

    background-color: #ddd;

    color: #000;

    line-height: normal;

}

.car-det b {

    display: block;

    line-height: normal;

    padding: 6px 10px;

    background-color: #f8f8f8;

    font-size: 15px;

    color: #000;

}

.profile-data .profile-image {

    width: 70px;

    height: 70px;

    margin: 0 0 0 0;

}

.profile-data .value-listing {

    margin: 0 0 0 20px;

    width: calc(100% - 90px);

    box-sizing: border-box;

}

.profile-data {

    display: flex;

    flex-wrap: wrap;

}

.profile-data .value-listing li {

    margin: 0 0 5px 0 !important;

    padding: 0;

}

.profile-data .value-listing li span {

    text-transform: capitalize;

}

.profile-data .value-listing li:first-child span {

    color: #000;

}

.profile-data .value-listing li a {

    display: block;

    line-height: normal;

    height: 22px;

}

.extra-details h3 {

    padding: 10px 30px 10px 0;

    border-bottom: 1px solid #000;

    margin-bottom: 20px;

    position: relative;

    font-weight: 600;

    cursor: pointer;

}

.extra-details h3:after {

    content: '\44';

    position: absolute;

    right: 0;

    left: auto;

    top: 14px;

    font-family: 'icomoon';

    font-size: 10px;

}

.extra-details h3.active:after {

    content: '\e90e';

    font-size: 16px;

    top: 10px;

}

.inv-destination-data ul.no-icons {

    display: none;

}

#invoice_map {

    height: 303px;

    background-size: cover;

    background-position: center;

    border: 1px solid #e0e1e1;

    border-radius: 3px;

    margin-bottom: 30px;

}

.sub-block-title {

    font-size: 18px;

    display: block;

    font-weight: 600;

    color: #000000;

    margin-bottom: 28px;

}

.invoice-pay-type {

    padding: 20px 15px;

    background-color: #000;

    margin: 0 -23px;

    color: #fff;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    font-size: 17px;

    font-weight: 600;

    margin-top: 25px;

}

.sign-block  b {

    font-size: 15px;

    font-weight: 600;

    font-family: 'poppins';

    display: block;

    color: #000;

    margin-bottom: 13px;

}

.sign-block {

    padding-top: 30px;

}

.sign-block b ~ img {

    width: 120px;

}

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

ul.user-menu {

    position: fixed;

    left: 0;

    bottom: 0;

    top: 0;

    background-color: #000;

    transition: all 0.5s;

    transform: translateX(-280px);

    -webkit-transform: translateX(-280px);

    -moz-transform: translateX(-280px);

    -ms-transform: translateX(-280px);

    -o-transform: translateX(-280px);

    z-index: 10;

}

ul.user-menu li a {

    font-size: 14px;

    font-weight: 400;

    color: #fff;

    text-decoration: none;

    display: inline-block;

    outline: none;

    padding: 17px 22px;

}

ul.user-menu li {

    padding: 0;

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

    width: 280px;

    box-sizing: border-box;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    cursor: pointer;

}

/* ul.user-menu li.logo,

ul.user-menu li.logo:hover {

    background-color:#000;

} */

ul.user-menu li:hover,

ul.user-menu li.active {

    background-color: rgba(0,0,0,.3);

}

ul.user-menu li.logo {

    margin-bottom: 0px;

    border-bottom: none;

}

body.side_menu ul.user-menu {

    transform: translateX(0);

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

}

body.side_menu .mix-content {

    transform: translateX(280px);

    -webkit-transform: translateX(280px);

    -moz-transform: translateX(280px);

    -ms-transform: translateX(280px);

    -o-transform: translateX(280px);

}

body.side_menu {

    overflow-x: hidden;

}

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



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

========= invoice detail page =========

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

ul.overview-detail li {

    width: 25%;

}

ul.overview-detail {

    display: flex;

    width: 100%;

    flex-wrap: wrap;

}

ul.overview-detail li .overview-data {

    padding: 20px 22px;

    border-style: solid;

    border-width: 1px 0 1px 1px;

    border-color: #d7d7d7;

}

ul.overview-detail li strong {

    display: block;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 6px;

    color: #000;

}

ul.overview-detail li span,

ul.overview-detail li span a {

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    display: block;

    text-decoration: none;

}

ul.overview-detail li:last-child .overview-data {

    border-right-width: 1px;

}

.invoice-data-holder .profile-image {

    width: 58px;

    height: 58px;

    display: inline-block;

    vertical-align: top;

    margin-right: 10px;

}

.inv-data {

    width: 360px;

    display: inline-block;

    vertical-align: top;

    padding-top: 24px;

}

.inv-data.profile-image-blank {

    margin-left: 68px;

}

.invoice-data-holder {

    background-color: #fff;

    padding: 20px 23px;

    border-radius: 4px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.inv-data strong {

    font-size: 15px;

    font-weight: 600;

    font-family: 'poppins';

    display: block;

    color: #000;

}

.profile-earning .inv-data ul li {

    width: 100%;

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

    display: flex;

    justify-content: space-between;

    border-top: 1px solid #dfdfdf;

    padding: 6px 0;

}

.profile-earning .inv-data ul {

    margin: 18px 0 0 0;

}

.profile-earning .inv-data ul li span {

    color: #656565;

    display: inline-block;

    width: calc(100% - 100px);

    width: -o-calc(100% - 100px);

    width: -ms-calc(100% - 100px);

    width: -moz-calc(100% - 100px);

    width: -webkit-calc(100% - 100px);

}

.profile-earning .inv-data ul li b {

    font-weight: 500;

    display: inline-block;

    color: #1c1c1c;

}

.profile-earning .inv-data ul li:last-child span,

.profile-earning .inv-data ul li:last-child b {

    font-weight: 600;

    color: #000;

}

.profile-earning .inv-data ul li:first-child {

    border-top: none;

}

.profile-earning .inv-data ul li:last-child {

    border-top: 2px solid #000;

}

.inv-rating {

    display: inline-block;

    margin-left: 25%;

}



.inv-rating-food {

    display: inline-block;

    margin-left: 5%;

	width:45%;

	border-left:1px solid #dfdfdf;

}

.profile-earning .inv-data ul li.no-border {

    border: none;

    padding-top: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}

.inv-rating strong {

    font-size: 15px;

    font-weight: 600;

    font-family: 'poppins';

    display: block;

    color: #000;

    margin-bottom: 13px;

}

.left-right {

    width: 318px;

}

.left-block {

    width: calc(100% - 348px);

    -o-width: calc(100% - 348px);

    -ms-width: calc(100% - 348px);

    -moz-width: calc(100% - 348px);

    -webkit-width: calc(100% - 348px);

}

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

.driverlists #driver_main_list {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}

.driverlists #driver_main_list li {

    width: 100%;

    position: relative;

    margin: 0 0;

    padding: 10px 0 10px 60px;

    min-height: 70px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #e0e0e0;

}

.driverlists #driver_main_list li .map-tab-img {

    width: 50px;

    position: absolute;

    margin: 0;

    left: 0;

    top: 10px;

}

.driverlists #driver_main_list li .map-tab-img img {

    max-width: 100%;

}

.driverlists #driver_main_list li .map-tab-img1 ~ img {

    width: 12px;

    position: absolute;

    right: -6px;

    bottom: 0;

    box-shadow: 0 0 0 2px #fff;

    border-radius: 50%;

}

.driverlists #driver_main_list li [class*=driver_] b {

    display: block;

    line-height: normal;

    color: #000;

    font-weight: 600;

}

.driverlists #driver_main_list li [class*=driver_] {

    color: #666;

    font-size: 14px;

    font-weight: 500;

    width: calc(100% - 140px);

    display: inline-block;

    margin: 0;

}

.driverlists #driver_main_list li a {

    float: right;

}

.driverlists #driver_main_list li:after {

    content: '';

    position: relative;

    clear: both;

    display: block;

}

.autoassignbtn .check-main {

    margin-right: 14px;

}

.autoassignbtn label {

    padding: 0;

    font-weight: 500;

    margin: 0;

    font-size: 16px;

    font-weight: 400;

}

.data-row.autoassignbtn {

    display: block;

    /*padding: 20px 20px;*/

    padding-top: 20px;

}



.driverlists input {

    width: 100%;

    padding: 14px 16px 15px 16px;

    border: 1px solid #c1c1c1;

    border-radius: 6px;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    -webkit-appearance: none;

    box-sizing: border-box;

    outline: none;

}



.driverlists .add-booking1 {

    display: block;

}

.aternate-login._new:before {

    box-shadow: 0 0 0 1px #b7b7b7 inset, 0 0 0 11px #f4f2f1;

    background-color: #f4f2f1;

}

.aternate-login._new {

    margin-top: 20px;

}

.assigned_driver strong {

    font-weight: 600;

    margin-bottom: 8px;

    display: block;

}

.assigned_driver label {

    display: block;

    font-weight: 500;

}

.assigned_driver label b {

    font-weight: 500;

    display: inline-block;

    margin-left: 5px;

    color: #757575;

}

.assigned_driver {

    margin-bottom: 20px;

}

ul.stepper .step .step-content .step-actions {

    padding-bottom: 20px;

}

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

===== food page css start ========

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

#how-it-works.food-variant {

    background-color: #fff;

}

.how-it-works-section.food-variant h3 {

    margin-bottom: 35px;

}

.how-it-works-section.food-variant ul li .proc_ico {

    width: 94px;

    position: absolute;

    left: 0;

    top: 0;

    padding: 10px;

    background: #f2f2f2;

}

.how-it-works-section.food-variant ul li {

    padding-left: 135px;

    min-height: 106px;

}

.how-it-works-section.food-variant .how-it-works-left li strong {

    padding-top:10px;

}

.how-it-works-section.food-variant .how-it-works-right img {

    width: 536px;

    margin: 0;

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    animation: none;

    -webkit-animation: none;

    max-width: 100%;

}

.how-it-works-section.food-variant .how-it-works-right {

    width: 586px;

    align-items: center;

    justify-content: flex-end;

}

.how-it-works-section.food-variant .how-it-works-left {

    width: calc(100% - 586px);

    width: -o-calc(100% - 586px);

    width: -ms-calc(100% - 586px);

    width: -moz-calc(100% - 586px);

    width: -webkit-calc(100% - 586px);

}

.how-it-works-section.food-variant .food-image-block {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}

.how-it-works-section.food-variant .food-image-block a {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    width: 167px;

    height: 167px;

    background-color: #fff;

    border-radius: 50%;

    justify-content: center;

    font-size: 27px;

    align-items: center;

    color: #000;

    text-decoration: none;

    outline: none;

    display: flex;

    text-align: center;

    font-weight: 500;

    text-transform: uppercase;

    line-height: 29px;

    box-shadow: 0 0 0 2px #000;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.how-it-works-section.food-variant .food-image-block a:hover {

    background-color: #000;

    color: #fff;

    box-shadow: 0 0 0 2px #fff;

}



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

.fleet.food-variant {

    background-color: #f6f6f6;

}

.fleet.food-variant:after {

    display: none;

}

.fleet.food-variant h3 {

    color: #000;

}

.fleet.food-variant .fleet-inner > strong {

    color: #3e3e3e;

    margin-bottom: 30px;

}

.fleet.food-variant ul li strong {

    color: #222222;

    font-weight: 500;

    font-size: 18px;

}

.fleet.food-variant ul {

    margin-top: 10px;

    justify-content: space-between;

}

.fleet.food-variant ul li {

    width: auto;

}

.fleet.food-variant ul li i {

    width: auto;

    height: auto;

    background-color:transparent !important;

    margin-bottom: 0;

}

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

.ordernow {

    background-color: #393939;

    color: #fff;

    padding: 37px 0 37px 0;

}

.ordernow-inner {

    max-width: 1280px;

    margin: 0 auto;

    padding: 0 15px;

    display: flex;

    flex-wrap: wrap;

}

.ordernow-caption strong {

    font-size: 33px;

    font-weight: 500;

    font-family: 'poppins';

    color: #ffffff;

    display: block;

    line-height: normal;

    margin-top: 5px;

    margin-bottom: 13px;

}

.ordernow-caption h4,

.ordernow-caption h4 a {

    font-size: 55px;

    color: #fff;

    font-family: 'poppins';

    font-weight: 500;

    margin-bottom: 52px;

    text-decoration: none;

}

.ordernow-left {

    width: 360px;

}

.ordernow-left img {

    width: 277px;

    max-width: 100%;

}

.ordernow-right {

    width: calc(100% - 360px);

}



.ordernow .book-btn {

    padding: 18px 23px 18px 23px;

    background-color: #fff;

    display: inline-flex;

    align-items: center;

    color: #000;

    text-transform: unset;

    white-space: nowrap;

    font-size: 17px;

    font-weight: 400;

    letter-spacing: 0.3px;

    outline: none;

    text-decoration: none;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    box-shadow: 0 0 0 1px #fff inset;

}

.ordernow .book-btn:hover {

    background-color: #333;

    color: #fff;

}

.ordernow .book-btn:after {

    content: '\61';

    font-family: 'icomoon';

    font-size: 14px;

    margin-left: 15px;

    position: relative;

    right: 0;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.ordernow .book-btn:hover:after {

    right: -5px;

}

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

.benefits.food-variant.benefits .benefits-inner > strong {

    margin-bottom: 35px;

}

.benefits.food-variant ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%;

}

.benefits.food-variant ul li i {

    right: auto;

    left: 0;

    width: 128px;

    height: auto;

    background-color: transparent;

    align-items: flex-start;

}

.benefits.food-variant ul li i img {

    max-width: 100%;

    max-height: 128px;

}

.benefits.food-variant ul li {

    min-height: initial;

    padding: 0 0 35px 178px;

    box-sizing: border-box;

    width: 47%;

    margin-bottom: 35px;

    border-bottom: 1px solid #e9e9e9;

}

.benefits.food-variant ul li:nth-last-child(-n+2) {

    border: none;

}

.benefits.food-variant {

    padding: 149px 0 0px 0;

}

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

.contact-article {

    padding-top: 70px;

    overflow: hidden;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

.contact-article-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    justify-content: flex-end;

    align-items: flex-end;

    flex-wrap: wrap;

    min-height: 485px;

    padding: 0 15px;

}

.contact-information {

    background-color: rgba(237, 237, 237, 0.80);

    max-width: 324px;

    min-height: 424px;

    box-sizing: border-box;

    padding: 32px;

    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.80) inset;

    text-align: center;

    margin-bottom: -8px;

}

.contact-inform-block strong {

    line-height: normal;

    display: block;

    text-transform: uppercase;

    font-size: 24px;

    color: #686868;

    font-weight: 500;

}

.contact-inform-block b span {

    font-size: 39px;

    font-weight: 500;

    display: block;

    line-height: normal;

    margin-top: -7px;

}

.contact-inform-block b .tell-info {

    font-size: 31px;

    font-weight: 600;

    color: #000;

    display: block;

    line-height: normal;

    text-decoration: none;

    outline: none;

    margin-top: -5px;

}

.contact-inform-block address {

    display: block;

    font-size: 14px;

    color: #000;

    font-weight: 400;

    font-family: 'poppins';

    padding: 0 20px;

    line-height: 22px;

    margin-top: 8px;

}

.contact-inform-block {

    margin-bottom: 28px;

}

.contact-inform-block:last-child {

    margin-bottom: 0;

}

.contact-inform-block .mail-info {

    font-size: 14px;

    color: #000;

    font-weight: 400;

    font-family: 'poppins';

    text-decoration: none;

    line-height: normal;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}

.contact-inform-block .mail-info:hover {

    opacity: 0.5;

}

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

.restaurant {

    padding: 45px 0;

    background-color: #f6f6f6;

}

.restaurant-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    padding: 0 15px;

    flex-direction: column;

    flex-wrap: wrap;

    align-items: center;

}

.restaurant h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 48px;

}

.restaurant ul {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

}

.restaurant ul li {

    width: 33.33%;

    display: flex;

    box-sizing: border-box;

    flex-direction: column;

}

.restaurant ul li:nth-child(even) {

    flex-direction: column-reverse;

}

.rest-caption strong {

    font-size: 28px;

    color: #121212;

    font-weight: 600;

    font-family: 'poppins';

    line-height: normal;

    display: block;

    margin-bottom: 16px;

    text-transform: uppercase;

}

.rest-caption p {

    font-size: 14px;

    color: #777777;

    line-height: 26px;

    font-weight: 400;

    margin-bottom: 0;

    width: 100%;

}

.rest-caption {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    min-height: 357px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    text-align: center;

    padding: 30px 30px;

    position: relative;

    overflow: hidden;

}

.rest-caption:first-child:hover:after {

    bottom: 0;

}

.rest-caption:after {

    content: "";

    width: 100%;

    height: 100%;

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

    position: absolute;

    bottom: -100%;

    left: 0;

    transition: all 0.3s ease 0s;

}

.rest-caption .box-content {

    color: #fff;

    text-align: left;

    width: 100%;

    padding: 0 30px;

    position: absolute;

    bottom: 15px;

    left: -100%;

    transition: all 0.3s ease 0.2s;

    box-sizing: border-box;

    z-index: 1;

}

.rest-caption .box-content strong,.rest-caption .box-content p {

    color: #fff;

}

.rest-caption:first-child:hover .box-content {

    left: 0;

}

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

============== my trips page css start==============

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

.profile-section.my-trips {

    padding-bottom: 0;

}

.filter-form select,.filter-form input {

    height: 36px;

    border: none;

    box-shadow: 0 0 0 1px #e0e0e0 inset;

    border-radius: 3px;

    -webkit-appearance: none;

    padding: 10px;

    box-sizing: border-box;

    width: 100%;

    outline: none;

}

.filter-form input {

    -webkit-appearance: initial;

}

.filter-form label {

    font-size: 12px;

    font-weight: 500;

    font-family: 'poppins';

    text-transform: uppercase;

    display: block;

    margin-bottom: 10px;

}

.filter-form {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    align-items: flex-end;

}

.filter-form input[type="submit"],

.filter-form button,

.filter-form a.gen-btn {

    background-color: #000;

    outline: none;

    border: none;

    font-size: 15.6px;

    box-shadow: none;

    color: #fff;

    font-weight: 400;

    width: auto;

    display: inline-block;

    min-width: 85px;

    margin: 0 10px 0 0;

    cursor: pointer;

    text-align: center;

    padding: 7px 10px;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    font-family: 'poppins';

    line-height: normal;

}

.filter-form a ,.gen-btn{



    background-color: #000;



}



.filter-form a,.gen-btn:hover{



    background-color: #757575;



}





.filter-form input[type="submit"]:hover,

.filter-form button:hover {

    background-color: #757575;

}

.filters-column {

    margin: 0 10px 20px 0;

    position: relative;

}

.filter-form select {

    min-width: 181px;

    padding: 10px 30px 10px 10px;

    position: relative;

    background-image: url(../../../img/apptype/Cubex/down-arrow_b.svg);

    background-repeat: no-repeat;

    background-position: right 10px center;

    background-size: 12px;

}

.button-block.oppData {

    margin-bottom: 0;

}

.filter-form input {

    width: 119px;

    padding: 10px 32px 10px 10px;

}

.profile-section.my-trips .profile-caption {

    margin-bottom: 0;

}

.filters-column i {

    font-size: 19px;

    position: absolute;

    right: 5px;

    bottom: 9px;

    cursor: initial; /* By HJ On 22-02-2020 FOr SOlved 141 Mantis Bug #3710 */

}

.hasDatepicker {

    cursor: pointer !important;

}

.filters-column i.icon-cal {

    pointer-events: none;

}

/******************** dataTable overwrite ************************/

table.dataTable.custom-table {

    border-style: solid;

    border-color: #dedede;

    border-width: 0 1px;

}

.table-holder {

    width: 100%;

    padding: 24px 20px;

    background-color: #fff;

    box-sizing: border-box;

}

.table-holder ~ .card-block {

    margin-top: 20px;

}

.table-holder ~ .button-block {

    margin-top: 20px;

    align-items: center;

    justify-content: center;

    width: 100%;

}

.table-responsive {

    overflow-x: auto;

    width: 100%;

}

table.dataTable.custom-table tbody td {

    text-align: center;

    font-size: 15px;

    font-weight: 400;

    color: #000;

    border-style: solid;

    padding: 17px 15px;

    border-width: 0 0 1px 0;

    border-color: #dedede;

    font-family: 'poppins';

    vertical-align: middle;

    line-height: normal;

}

table.dataTable.custom-table tbody td[valign="top"] .gen-btn.small-btn{

    vertical-align: top;

    padding: 10px 56px;

    font-size: 14px;

    margin: 0 0 0 13px;

}

table.dataTable.custom-table tbody td[valign="top"] {

    vertical-align: top;

}

table.dataTable.custom-table tbody td .vehicle_name {

    width: 816px;

    display: inline-block;

}

table.dataTable.custom-table tbody td .action-click {

    color: #000;

    text-decoration: none;

    font-size: 25px;

}

table.dataTable.custom-table tbody td .action-click:hover,

table.dataTable.custom-table tbody td i:hover {

    opacity: 0.5;

}

table.dataTable.custom-table tbody td i {

    font-size: 25px;

    color: #000;

    cursor: pointer;

}

table.dataTable.custom-table tbody td i.icon-edit.icon-white {

    color: #fff;

}

table.dataTable.custom-table thead th {

    border-style: solid;

    border-width: 1px 0 1px 0;

    border-color: #dedede;

    padding: 17px 15px;

    background-color: #f6f6f6;

    outline: none;

    font-size: 15px;

    font-weight: 500;

    font-family: 'poppins';

    white-space: nowrap;

    vertical-align: middle;

}

table.dataTable.custom-table thead th .expanding {

    font-size: 25px;

}

.table-holder .dataTables_wrapper .dataTables_info {

    font-size: 15px;

    font-weight: 600;

    color: #000;

    margin: 19px 0 0 0;

}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button {

    background: #fff;

    box-shadow: none;

    outline: none;

    border: none;

    min-width: 28px;

    height: 26px;

    padding: 0 10px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 15px;

    font-weight: 400;

    font-family: 'poppins';

}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    background: #000;

    border: none;

}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.current {

    background: #000;

    border: none;

    color: #fff !important;

}

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,

.table-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

    background-color: transparent;

}

.table-holder .dataTables_wrapper .dataTables_paginate {

    margin-top: 20px;

}

.table-holder .dataTables_length label {

    font-weight: 600;

    font-size: 15px;

    display: block;

}

[data-text="init"],

[data-text="init"].td,

[data-text="init"].th {

    text-align: left !important;

}

.dataTables_wrapper .dataTables_length select {

    min-width: unset;

    padding: 10px 20px 10px 10px;

    position: relative;

    background-image: url(../../../img/apptype/Cubex/down-arrow_b.svg);

    background-repeat: no-repeat;

    background-position: right 10px center;

    background-size: 12px;

    box-shadow: 0 0 0 1px #e0e0e0 inset;

    border: none;

    outline: none;

    margin: 0 10px;

    width: 75px;

    -webkit-appearance: none;

    border-radius: 3px;

}

.table-holder .dataTables_wrapper .dataTables_filter input {

    height: 36px;

    border: none;

    box-shadow: 0 0 0 1px #e0e0e0 inset;

    border-radius: 3px;

    -webkit-appearance: initial;

    padding: 10px 40px 10px 10px;

    box-sizing: border-box;

    width: 100%;

    outline: none;

    font-size: 15px;

    margin: 0;

}

.table-holder .dataTables_wrapper .dataTables_filter label {

    font-size: 0;

    display: inline-block;

    position: relative;

}

.table-holder .dataTables_wrapper .dataTables_filter label:after {

    width: 30px;

    height: 100%;

    content: "\f002";

    position: absolute;

    right: 0;

    top: 0;

    font-family:'FontAwesome';

    font-size: 18px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.table-holder .dataTables_wrapper .dataTables_length,

.table-holder .dataTables_wrapper .dataTables_filter {

    margin-bottom: 20px;

}

table.dataTable tfoot th, table.dataTable tfoot td {

    padding: 10px 18px 6px 18px;

    background-color: #F6F6F6;

    border-style: solid;

    border-color: #dedede;

    border-width: 0 0 1px 0;

    text-align: center;

}

.button-block.justify-left {

    justify-content: flex-start;

    align-items: initial;

}

.button-block.justify-left .gen-btn {

    margin: 0 15px 10px 0;

}

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

.profile-earning ul.value-listing,

ul.value-listing {

    padding: 0;

}

.profile-earning ul.value-listing li,

ul.value-listing li {

    width: 100%;

    margin-bottom: 10px;

}

.profile-earning ul.value-listing li b,

ul.value-listing li b {

    font-weight: 600;

    margin-right: 5px;

    color: #333;

}

[dir="rtl"] .profile-earning ul.value-listing li b,

[dir="rtl"] ul.value-listing li b {

    margin: 0 0 0 5px;

}

.profile-earning ul.value-listing li span,

ul.value-listing li span {

    font-weight: 500;

    color: #757575;

    display: inline-block;

}

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

.doc-image-block img {

    max-width: 90%;

    box-sizing: border-box;

    max-height: 90% !important;

}

.doc-image-block {

    width: auto;

    margin: 20px;

    padding: 0;

    box-sizing: border-box;

    height: 162px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}

.doc-image-block > a {

    line-height: normal !important;

    height: 100%;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: 0;

    width: 100%;

    border: 1px solid #ddd;

}

table.dataTable.custom-table tbody td .filters-column i {

    font-size: 19px;

}

table.dataTable.custom-table tbody td .doc-image-block i {

    position: absolute;

    right: -14px;

    top: -14px;

    width: 28px;

    height: 28px;

    font-size: 11px;

    display: none;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background-color: #000;

    color: #fff;

}

table.dataTable.custom-table tbody td .upload-block.fileupload-exists i {

    display: flex;

}

.upload-block {

    text-align: center;

    background-color: #fff;

    padding-bottom: 20px;

    border: 1px solid #dddddd;

    border-radius: 4px;

    overflow: hidden;

    min-height: 100%;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.upload-block .filter-form {

    justify-content: center;

    padding:0 20px 0px 20px;

    margin-bottom: 0px;

}

.upload-block-inner {

    min-height: 280px;

}

.upload-block .button-block {

    padding: 0 20px;

    margin-bottom: 0;

}

.upload-doc-button .gen-btn {

    width: 100%;

    text-align: center;

    display: block;

}

.upload-block .button-block .gen-btn {

    width: 100%;

    justify-content: center;

}

.upload-block strong {

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    background-color: #000;

    display: block;

    padding: 17px 20px;

}

.upload-doc-button {

    position: relative;

    margin-bottom: 10px;

    width: 100%;

}

.upload-block [data-target="#uiModal"] {

    max-width: -o-calc(100% - 40px);

    max-width: -ms-calc(100% - 40px);

    max-width: -moz-calc(100% - 40px);

    max-width: -webkit-calc(100% - 40px);

    max-width: calc(100% - 40px);

    white-space: normal;

}

.upload-doc-button input[type="file"] {

    position: absolute;

    left: 0;

    width: 100%;

    top: 0;

    opacity: 0;

    height: 100%;

    cursor: pointer;

}

.upload-doc-button input[type="file"]:hover ~ .gen-btn {

    background-color: #757575;

}

.profile-earning ul.doc-upload-listing li {

    width: 33.33%;

}

.fileupload-exists .fileupload-new {

    display: block;

}

.filters-column.exp-date {

    flex-direction: column;

    display: flex;

    margin: 0;

    max-width: 212px;

}

.filters-column.exp-date label {

    font-size: 12px;

    font-weight: 500;

    font-family: 'poppins';

    text-transform: uppercase;

    display: block;

    margin-bottom: 10px;

}

.modal .fileupload .thumbnail {

    margin-bottom: 10px;

    display: block;

}

.custom-modal .fileupload  {

    margin-bottom: 20px;

    display:flex;

    flex-direction: column;

    align-items: center;

}

.custom-modal .model-body .fileupload .thumbnail {

    margin-bottom: 10px;

    max-width: 240px;

    height: 164px;

    display: flex;

}

.fileupload .thumbnail img {

    max-width: 100%;

    max-height: 100%;

}

.fileupload {

    margin: 0;

}

.fileupload .thumbnail {

    line-height: normal !important;

    height: 100%;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: 0;

    width: 100%;

    border: 1px solid #ddd;

}

.fileerror {

    width: 100%;

    display: block;

    font-size: 12px;

    margin-bottom: 15px;

    color: #d23737;

}



/************new-box*******************/

.custom-modal-first-div.active {

    opacity: 1;

    visibility: visible;

}



.custom-modal-first-div {

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

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    visibility: hidden;

    transition:0.3s ease 0s;

    -webkit-transition:0.3s ease 0s;

    -moz-transition:0.3s ease 0s;

    -ms-transition:0.3s ease 0s;

    -o-transition:0.3s ease 0s;

    z-index: 1050;

}



.custom-modal-sec-div {

    width: 580px;

    max-width: calc(100% - 0px);

    max-width: -o-calc(100% - 0px);

    max-width: -ms-calc(100% - 0px);

    max-width: -moz-calc(100% - 0px);

    max-width: -webkit-calc(100% - 0px);

    background-color: #fff;

    border-radius: 4px;

    position: relative;

    top: -50px;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -ms-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

}

h4.custom-modal-title  {

    margin: 0;

    font-size: 18px;

    color: #fff;

    line-height: normal;

}

.custom-modal-first-div.active .custom-modal-sec-div {

    top: 0;

}

.custom-model-header {

    padding: 20px 25px;

    background-color: #239707;

    display: flex;

    justify-content: space-between;

    border-radius: 4px 4px 0 0;

}



.custom-modal-title h4 {

    margin: 0;

    font-size: 18px;

    color: #fff;

    line-height: normal;

}



.icon-close{color: #fff;

    font-size: 15px;

    cursor: pointer;

    width: 25px;

    height: 25px;

    display: flex;

    justify-content: center;

    align-items: center;}



    .custom-model-body {

        padding: 20px 25px;

        line-height: 23px;

        display: block;

    }

    .custom-model-body b {

        font-weight: 600;

    }



    .custom-model-footer {

        padding: 0 25px;

        justify-content: flex-start;

        background-color: transparent;

        border: none;

    }

    .button-block {

        display: flex;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 20px;

        flex-wrap: wrap;

        box-sizing: border-box;

        width: 100%;

    }

    .custom-model-footer .button-block {

        justify-content: flex-start;

    }

    .custom-model-footer .button-block .gen-btn {

        margin:0 10px 0 0;

    }

    .button-block.btn-flex-start {

        justify-content: flex-start;

    }

    .button-block.btn-flex-start .btn {

        margin-right:10px;

    }

    

    .custom-modal-sucbtn,.custom-modal-negbtn,.custom-modal-genbtn {

        padding: 12px 25px 12px 25px;

        background-color:#000;

        display: inline-flex;

        align-items: center;

        color: #fff;

        text-transform: unset;

        text-decoration: none;

        white-space: nowrap;

        font-size: 17px;

        font-weight: 400;

        letter-spacing: 0.3px;

        outline: none;

        text-decoration: none;

        appearance: none;

        -webkit-appearance: none;

        -moz-appearance: none;

        transition: all 0.5s ease 0s;

        -webkit-transition: all 0.5s ease 0s;

        -moz-transition: all 0.5s ease 0s;

        -ms-transition: all 0.5s ease 0s;

        -o-transition: all 0.5s ease 0s;

        border: none;

        border-radius: 4px;

        cursor: pointer;

        text-transform: capitalize;

        font-family: 'poppins';

    }

    .custom-modal-genbtn{

        background-color:#239707;

    }

/************new-box-end*******************/

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

.custom-modal-main {

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

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    visibility: hidden;

    transition:0.3s ease 0s;

    -webkit-transition:0.3s ease 0s;

    -moz-transition:0.3s ease 0s;

    -ms-transition:0.3s ease 0s;

    -o-transition:0.3s ease 0s;

    z-index: 1050;

    padding: 15px;

}

.custom-modal-main.large-modal .model-body {

    overflow-y: auto;

    height: 500px;

}

.custom-modal-main.large-modal {

    align-items: flex-start;

    padding: 50px 0;

    overflow-y: auto;

}

.custom-modal-main.active {

    opacity: 1;

    visibility: visible;

    text-align: center;

}

.custom-modal,.modal-dialog {

    width: 580px;

    max-width: 100%;

    background-color: #fff;

    border-radius: 4px;

    position: relative;

    top: -50px;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -ms-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

}

.bootbox .modal-dialog {

    width: 100%;

    max-width: 100%

}

.intro-new-one {

    overflow: hidden;

}

.custom-modal-main.active .custom-modal {

    top:0;

}

.custom-modal .model-header h4,

.modal .modal-header h4 {

    margin: 0;

    font-size: 18px;

    color: #fff;

    line-height: normal;

}

.custom-modal .model-header i,

.custom-modal .modal-header [data-dismiss="modal"],

.modal .modal-header [data-dismiss="modal"] {

    color: #fff;

    font-size: 15px;

    cursor: pointer;

    width: 25px;

    height: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.custom-modal .model-header,

.custom-modal .modal-header,

.modal .modal-header {

    padding: 20px 25px;

    background-color: #000;

    display: flex;

    justify-content: space-between;

    border-radius: 4px 4px 0 0;

}

.modal .modal-header {

    flex-direction: row-reverse;

}

.custom-modal .model-body,

.modal .modal-body {

    padding: 20px 25px;

    display: flex;

    flex-direction: column;

}

#delivery_pref_modal .custom-modal .model-body {

    padding: 0;

}

.custom-modal .model-body .fileupload-preview.thumbnail {

    height: 150px;

    width: 240px;

    margin-bottom: 20px;

    border: 1px solid #ddd;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}

.custom-modal .model-body .fileupload-preview.thumbnail img {

    max-width: 90%;

    max-height: 95%;

}

.custom-modal .model-footer,

.custom-modal .modal-footer,

.modal .modal-footer {

    padding: 0 25px;

    justify-content: flex-start;

    background-color: transparent;

    border: none;

}

.modal .modal-footer {

    margin-bottom: 20px;

}

.custom-modal .model-footer .button-block,

.custom-modal .modal-footer .button-block {

    justify-content:center;

}

.custom-modal .model-footer .gen-btn,

.custom-modal .modal-footer .gen-btn {

    margin:0 5px 10px 5px;

}

.custom-modal .captcha-column .form-group {

    margin-bottom: 0;

}

.custom-modal .general-form {

    margin-top: 0;

}

#uiModal .custom-modal .model-body {

    align-items: center;

}

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

table.dataTable.custom-table tbody td.accordian-data {

    display: none;

}

table.dataTable tbody tr.accordian-data {

    display: none;

}

table.dataTable tbody tr.accordian-data.active {

    display: table-row;

}

.icon-arrow-down-avigate.active-menu:before {

    content: "\e90e";

}

.upload-block .filter-form .filters-column {

    width: 100%;

    margin: 0;

}

.upload-block .filter-form .filters-column input {

    width: 100%;

    box-sizing: border-box;

}

.custom-modal-main .data-row {

    text-align: initial;

}

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

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

.thanks-holder {

    margin: 70px 0 70px 0;

    padding: 0px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.thanks-holder h2 {

    text-align: center;

    margin: 15px 0 10px;

    padding: 0px;

    font-size: 50px;

    font-weight: 600;

}

.thanks-holder strong {

    font-size: 25px;

    margin: 15px 0;

    line-height: normal;

    font-weight: 500;

    color: #000;

}

.thanks-holder p {

    text-align: center;

    margin: 0px 0 10px 0 ;

    padding: 0px;

    font-size: 20px;

}

.thanks-holder p {

    text-align: center;

    margin: 0px 0 20px 0;

    padding: 0px;

    font-size: 20px;

    font-weight: 500;

    color: #757575;

}

.thanks-holder img {

    width: 190px;

    margin: 0px;

    padding: 0px;

    text-align: center;

}

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

.invoice-data-holder.track-order {

    background-color: #fff;

    padding: 25px 0px 25px 23px;

    border-radius: 4px;

    display: flex;

    align-items: initial;

    flex-wrap: wrap;

}

.invoice-data-holder.track-order .inv-destination-data {

    padding: 23px 0px 0px 0px;

    margin: 0 0 0 23px;

    width: calc(100% - 455px);

    width: -o-calc(100% - 455px);

    width: -ms-calc(100% - 455px);

    width: -moz-calc(100% - 455px);

    width: -webkit-calc(100% - 455px);

    border-left: 1px solid #eee;

    border-radius: 0;

}

.invoice-data-holder .inv-destination-data ul {

    padding: 0 20px;

    box-sizing: border-box;

}

.invoice-data-holder .inv-destination-data ul li:last-child {

    margin-bottom: 0;

}

.invoice-data-holder.track-order .inv-destination-data .invoice-pay-type {

    margin: 0;

}

.track-order-data {

    padding: 23px 23px 0 23px;

    background-color: #fff;

    min-height: 100%;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.track-order-data ul li {

    width: auto;

    padding: 0px 0 0 48px;

    position: relative;

    z-index: 1;

}

.track-order-data ul li:after {

    content: '';

    position: absolute;

    width: 3px;

    height: auto;

    top: 0;

    bottom: -20px;

    background-color: #dddddd;

    z-index: -1;

    left: 16px;

}

.track-order-data ul li:last-child:after {

    display: none;

}

.track-order-data ul li.passed i {

    background-color: #000;

}

.track-order-data ul li.passed i img {

    filter: invert(1);

}

.track-order-data ul li strong {

    font-size: 15px;

    color: #000;

    font-weight: 500;

    display: block;

    margin-bottom: 8px;

    line-height: normal;

}

.track-order-data ul li:before {

    content: attr(date-time);

    position: absolute;

    font-size: 14px;

    left: -45px;

    top: 2px;

    width: 38px;

    text-align: center;

    font-weight: 500;

}

.track-order-data ul li i {

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    position: absolute;

    background-color: #dddddd;

    left: 0;

}

.track-order-data ul li i img {

    width: 15px;

}

.track-order-data ul {

    padding: 0;

    margin: 0 0 0 45px;

    width: calc(100% - 45px);

    width: -o-calc(100% - 45px);

    width: -ms-calc(100% - 45px);

    width: -moz-calc(100% - 45px);

    width: -webkit-calc(100% - 45px);

}

.track-order-data ul li p {

    color: #404040;

    font-size: 12px;

    font-weight: 400;

    line-height: 20px;

    margin-bottom: 0;

}

.rest-name-holder {

    width: 100%;

    line-height: normal;

    margin-bottom: 15px;

    position: relative;

    padding: 0 0 10px 28px;

    box-sizing: border-box;

    border-bottom: 1px solid #e0e0e0;

}

.rest-name-holder i {

    width: 15px;

    position: absolute;

    left: 0;

}

.rest-name-holder i img {

    max-width: 100%;

}

.rest-name-holder strong {

    font-size: 15px;

    font-weight: 600;

    color: #000;

    display: block;

    font-family: 'poppins';

}

.rest-name-holder p {

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    font-family: 'poppins';

    margin-bottom: 0;

    line-height: 20px;

}

.profile-earning .inv-data ul li:first-child span {

    font-weight: 600;

    color: #000;

}

.profile-earning .inv-data ul li.item-list {

    flex-direction: column;

}

.profile-earning .inv-data ul li.item-list .itme-row {

    align-items: flex-start;

    display: flex;

    justify-content: space-between;

    padding-bottom: 20px;

}

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

.gen-cms-page-inner {

    max-width: 1280px;

    padding: 0 15px;

    margin: 0 auto;

}

.gen-cms-page {

    padding: 50px 0;

}

.gen-cms-page h2.header-page {

    font-size: 35px;

    color: #000000;

    font-weight: 500;

    margin-bottom: 28px;

    padding-bottom: 20px;

    border-bottom: 1px solid;

}

.static-page h1,

.static-page h2,

.static-page h3,

.static-page h4,

.static-page h5,

.static-page h6 {

    font-size: 28px;

    color: #757575;

    font-weight: 500;

    margin-bottom: 28px;

}

.gen-cms-page p {

    color: #404040;

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    margin-bottom: 28px;

}

.gen-cms-page ul li {

    font-size: 16px;

    color: #000;

    padding: 0 0 8px 30px;

    position: relative;

    margin-bottom: 8px;

    line-height: normal;

}

.gen-cms-page ul li:before { 

    content: '';

    width: 16px;

    height: 13px;

    background-image: url(../../../img/apptype/Cubex/mark.svg);

    position: absolute;

    left: 0;

    top: 7px;

    background-size: 100% auto;

    background-repeat: no-repeat;

    filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);

    -webkit-filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%); 

}

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

.toggle-combo {

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    margin-top: 4px;

}

.toggle-switch {

    position: relative;

    display: inline-block;

}

.toggle-switch .toggle-base {

    width: 51px;

    height: 30px;

    background-color: #ddd;

    border-radius: 30px;

    display: inline-block;

    pointer-events: none;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -ms-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

}

.toggle-switch input[type="checkbox"],

.toggle-switch input[type="radio"] {

    position: absolute;

    margin: 0;

    width: 100%;

    height: 30px;

    vertical-align: top;

    outline: none;

    border: none;

    background-color: transparent;

    opacity: 0;

    cursor: pointer;

}

.toggle-switch input[type="checkbox"]:checked ~ .toggle-base,

.toggle-switch input[type="radio"]:checked ~ .toggle-base {

    background-color: #6c757d;

}

.toggle-switch input[type="checkbox"]:checked ~ .toggle-base:after,

.toggle-switch input[type="radio"]:checked ~ .toggle-base:after {

    box-shadow: -2px 0 3px rgba(0,0,0,.3);

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

}

.toggle-switch .toggle-base:after {

    top: 2px;

    bottom: 2px;

    left: 2px;

    width: 26px;

    background-color: #fff;

    border-radius: 50%;

    box-shadow: 1px 0 3px rgba(0,0,0,.1);

    content: '';

    position: absolute;

    height: 26px;

    transition: -webkit-transform .15s ease-out;

    transition: transform .15s ease-out;

    transition: all .15s ease-out,-webkit-transform .15s ease-out;

    -webkit-transition: all .15s ease-out,-webkit-transform .15s ease-out;

    -moz-transition: all .15s ease-out,-webkit-transform .15s ease-out;

    -ms-transition: all .15s ease-out,-webkit-transform .15s ease-out;

    -o-transition: all .15s ease-out,-webkit-transform .15s ease-out;

}

.toggle-combo label {

    max-width: calc(100% - 60px);

    max-width: -o-calc(100% - 60px);

    max-width: -ms-calc(100% - 60px);

    max-width: -moz-calc(100% - 60px);

    max-width: -webkit-calc(100% - 60px);

    margin-right: 10px;

    width: auto;

    font-size: 16px;

    display: inline-block;

    color: #000;

    font-weight: 500;

    cursor: pointer;

}

.toggle-combo label small {

    display: block;

    font-size: 12px;

    margin-top: 6px;

    color: #757575;

}

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

.invoice-part-bottom [class*="col-sm-"] h3 {

    font-size: 18px;

    display: block;

    font-weight: 600;

    color: #000000;

    margin-bottom: 28px;

}

.profile-earning ul.recipient_details li {

    width: 100%;

    display: flex;

    justify-content: space-between;

    padding: 15px 0;

    border-top: 1px solid #dfdfdf;

    margin-bottom: 0;

}

.profile-earning ul.recipient_details li:last-child {

    padding-bottom: 0;

}

.profile-earning ul.recipient_details {

    margin: 0;

}

.profile-earning ul.recipient_details li span {

    color: #656565;

    display: inline-block;

    width: calc(100% - 160px);

    width: -o-calc(100% - 160px);

    width: -ms-calc(100% - 160px);

    width: -moz-calc(100% - 160px);

    width: -webkit-calc(100% - 160px);

}



.profile-earning ul.recipient_details li b {

    font-weight: 500;

    display: inline-block;

    color: #1c1c1c;

    text-align: right;

}

.invoice-part-bottom [class*="col-sm-"] {

    width: calc(50% - 15px);

    width: -o-calc(50% - 15px);

    width: -ms-calc(50% - 15px);

    width: -moz-calc(50% - 15px);

    width: -webkit-calc(50% - 15px);

    margin-bottom: 20px;

}

.invoice-part-bottom [class*="col-sm-"]:nth-last-child(-n+2) {

    margin-bottom: 0px;

}

.invoice-part-bottom.invoice-recipient {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



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

.profile-earning ul.setings-list li {

    width: 33.33%;

    text-align: unset;

}

.profile-earning ul.setings-list li .toggle-combo {

    align-items: center;

}

.profile-earning ul.setings-list {

    margin: 0;

}

.card-block {

    background-color: #fff;

    padding: 20px 23px 0 23px;

    border-radius: 4px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin-bottom: 20px;

    width: 100%;

    box-sizing: border-box;

    min-height: 250px;

}

.card-block h1 {

    border-bottom: 1px solid #e0e0e0;

    padding: 0 0 15px 0;

    margin: 0 0 15px 0;

    font-size: 18px;

    color: #000;

    font-weight: 600;

    width: 100%;

    line-height: normal;

}

.card-block .partation {

    width: calc(100% + 16px);

    width: -o-calc(100% + 16px);

    width: -ms-calc(100% + 16px);

    width: -moz-calc(100% + 16px);

    width: -webkit-calc(100% + 16px);

}

.addVehicleCX em.holder{display: none;}

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

/*.......................faq.........................*/



.faq-page { 

    margin:0px 0 0; 

    padding:0px; 

    float:left; 

    width:100%;

}

.faq-top-part { 

    margin:0px; 

    padding:0px; 

    float:left; 

    width:100%;

}

.faq-top-part ul { 

    margin:0px -10px; 

    padding:0px; 

    width: calc(100% + 20px);

    width: -o-calc(100% + 20px);

    width: -ms-calc(100% + 20px);

    width: -moz-calc(100% + 20px);

    width: -webkit-calc(100% + 20px);

    flex-wrap: wrap;

    display: flex;

}

.faq-top-part ul li { 

    margin:0 10px; 

    padding:0px; 

    width:225px;

}

.faq-top-part ul li::before,.faq-bottom-part ul li:before {

    display: none;

}

.faq-bottom-part{ margin:15px 0 0; padding:0px; float:left; width:100%;}

.faq-bottom-part ul{ margin:0px; padding:0px; float:left; width:100%;}

.faq-bottom-part ul li{ margin:0px; padding:20px 0 0px 0; float:left; width:100%;}

.faq-bottom-part ul li:last-child{ border:none;}

.faq-bottom-part ul li b{ 

    margin: 0px 0 0;

    padding: 0px;

    font-family: 'poppins';

    font-size: 25px;

    line-height: normal;

}

.faq-bottom-part ul li span{ 

    margin: 2px 0 0;

    padding: 0px;

    display: flex;

}

.faq-bottom-part ul li span h3{ 

    margin: 0px 0 0 10px;

    padding: 0px;

    font-size: 25px;

    text-transform: none;

    text-shadow: none!important;

    font-weight: 600;

    font-family: 'poppins';

}





.faq-bottom-part ul li span p{ margin:10px 0 10px; padding:0px; float:left; font-size:16px; line-height:21px;}

.faq-bottom-part ul li ul li { 

    margin:10px 0 0; 

    padding:0px; 

    border:none;

}

.faq-bottom-part ul li ul li span{margin: 0; padding: 0; float: left; font-size: 16px; line-height: 27px; width:100%;}

.faq-bottom-part ul li a {

    color: #000;

    text-decoration: none;

    font-family: 'poppins';

    font-weight: 600;

    display: block;

    cursor: pointer;

}

.faq-top-part li a {

    margin: 0px;

    padding: 10px 0;

    float: left;

    font-size: 16px;

    text-align: center;

    font-family: 'poppins';

    text-transform: uppercase;

    font-weight: 500;

    width: 100%;

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

    -moz-transition: all 0.5s ease-in-out;

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

    transition: all 0.5s ease-in-out;

    color: #757575;

    box-shadow: 0 0 0 2px #757575 inset;

    text-decoration: none;

}

.faq-top-part li.Active a {

    color: #000;

    box-shadow: 0 0 0 2px #000 inset;

}

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

.dark-variant.benefits {

    background-color: #1f1f1f;

    padding: 39px 0 0px 0;

    overflow: hidden;

}

.dark-variant.benefits h3 {

    color: #fff;

}

.dark-variant.benefits .benefits-inner > strong {

    color: #fff;

}

.benefits.dark-variant ul.listing-style li {

    border-width: 1px;

    border-color: #3a3a3a;

    border-style: solid;

    box-sizing: border-box;

    margin: 0 19px;

    width: calc(33.33% - 38px);

    width: -o-calc(33.33% - 38px);

    width: -ms-calc(33.33% - 38px);

    width: -moz-calc(33.33% - 38px);

    width: -webkit-calc(33.33% - 38px);

    padding: 0 10px 30px 10px;

    margin-bottom: 75px;

}

/* .benefits.dark-variant ul.listing-style li:nth-last-child(-n+3) {

    margin-bottom: 0px; 

} */

.benefits.dark-variant ul.listing-style li strong {

    color: #fff;

    margin-top: 20px;

    line-height: normal;

}

.benefits.dark-variant ul.listing-style li p {

    color: #d4d4d4;

}

.benefits.dark-variant ul.listing-style li i {

    width: 90px;

    height: 90px;

    box-shadow: 0 0 0 2px rgba(255,255,255,.3) inset;

    border-radius: 50%;

    outline: none;

    display: inline-flex;

    margin-top: -45px;

    background-color: #1f1f1f;

}

.benefits.dark-variant ul.listing-style li i img {

    height: 48px;

}

.benefits.dark-variant ul.listing-style li {

    height: auto !important;

}

.dark-variant.benefits ul.listing-style {

    margin-top: 72px;

    width: calc(100% + 38px);

    width: -o-calc(100% + 38px);

    width: -ms-calc(100% + 38px);

    width: -moz-calc(100% + 38px);

    width: -webkit-calc(100% + 38px);

    display: flex;

    flex-wrap: wrap;

    

}

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

.step-sec {

    padding: 39px 0 18px 0;

    margin-top: 210px;

}

.step-sec-inner {

    margin: 0 auto;

    max-width: 1280px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}

.step-sec ul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    margin: 32px -63px 0 -63px;

}

.step-sec ul li strong {

    font-size: 22px;

    font-weight: 500;

    margin: 29px 0 30px 0;

    display: block;

}

.step-sec ul li p {

    font-size: 15px;

    font-weight: 400;

    color: #404040;

    line-height: 24px;

}

.step-sec ul li {

    width: 33.33%;

    padding: 0 63px;

    box-sizing: border-box;

    margin-bottom: 30px;

}

.step-sec .step-sec-inner > h3 {

    font-size: 45px;

    font-weight: 500;

    color: #000;

    margin-bottom: 10px;

    text-align: center;

}

.step-sec .step-sec-inner > strong {

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

    color: #3e3e3e;

    display: block;

    margin-bottom: 0;

    max-width: 990px;

    text-align: center;

    margin: 0 auto;

}

.step-sec ul li img {

    height: 102px;

}

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

.pickDropAddress label,

.lableCombineData label {

    display: block;

    font-weight: 500;

    margin-bottom: 5px;

}

.pickDropAddress span,

.lableCombineData span {

    display: block;

    margin-bottom: 16px;

    line-height: 22px;

}

table.dataTable.custom-table tbody td.statusType .gen-btn {

    padding: 10px 16px;

    font-size: 14px;

    margin-top: 10px;

}

table.dataTable tbody tr.shown .icon-arrow-down-avigate:before {

    content: '\e90e';

}

.profile-earning ul.actionListing {

    display: flex;

    flex-wrap: wrap;

    margin: 0;

    width: 200px;

    justify-content: center;

}

.profile-earning ul.actionListing li a {

    display: inline-block;

}

.profile-earning ul.actionListing li {

    width: auto;

    padding: 0 5px;

    margin: 0;

}

.profile-earning ul.actionListing li a i {

    font-size: 30px;

    margin: 0;

    vertical-align: middle;

}

.profile-earning ul.actionListing li a {

    text-decoration: none;

    vertical-align: middle;

}

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

.booking-no {

    position: relative;

}

.booking-no:before {

    content: 'delivery';

    display: inline-block;

    font-size: 13px;

    padding: 4px 10px;

    background-color: #000;

    color: #fff;

    border-radius: 3px;

    margin-bottom: 10px;

}

.booking-no:after {

    content: '';

    border-top: 8px solid #000;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    top: 22px;

    position: absolute;

    left: 8px;

}

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

.profile-earning ul.importedTable {

    margin: 0;

}

.profile-earning ul.importedTable li {

    text-align: left;

    width: auto;

    margin: 0 20px 10px 0;

    padding: 0;

}

.profile-earning ul.importedTable li b {

    font-weight: 500;

}

.profile-earning ul.importedTable li span {

    color: #404040;

}

.profile-earning ul.setings-list li .check-combo label {

    font-size: 13px;

    line-height: normal;

}

.profile-earning ul.setings-list li .check-combo {

    align-items: flex-start;

    padding-top: 3px;

}

.profile-earning ul.setings-list li .toggle-combo label {

    font-weight: 500;

    color: #333;

    line-height: normal;

}

.your-requestd {

    width: 100%;

    margin-top: 10px;

}

.toggle-list-inner {

    border: 1px solid #dedede;

    min-height: 100%;

}

.toggle-list-inner .toggle-combo {

    padding: 8px;

    border-bottom: 1px solid #dedede;

    background-color: #f9f9f9;

    margin-top: 0;

    justify-content: space-between;

    align-items: center;

}

.profile-earning ul.setings-list li .toggle-list-inner .check-combo {

    align-items: flex-start;

    padding: 8px 8px 8px 8px;

    margin-bottom: 0;

    box-sizing: border-box;

    width: 100%;

    display: inline-block;

}

[id*='RentalVehicleType_'] {

    width: 100%;

}

.form-group strong {

    font-weight: 600;

    color: #333;

    display: block;

    margin-bottom: 5px;

    margin-top: -3px;

    font-family: poppins;

}

.form-group strong.captcha-signup {

    margin: 0;

}

/* .form-group strong .red,

.form-group label .red {

    display: inline-block;

    color: #d63b3b;

    font-size: 28px;

    vertical-align: top;

    height: 10px;

    position: relative;

    line-height: 27px;

} */

.form-group strong .red,

.form-group label .red {

    display: inline-block;

    color: #d63b3b;

    font-size: 15px;

    vertical-align: top;

    height: 10px;

    position: relative;

    line-height: 20px;

    margin: 0;

}

.profile-earning ul.setings-list.has-four-column li {

    width: 25%;

}

.profile-earning ul.setings-list.middle-data li .check-hold.small {

    margin-top: 0;

}

.profile-earning ul.setings-list.has-background li .toggle-list-inner {

    background-color: #f9f9f9;

}

.profile-earning ul.setings-list.has-background li .check-combo label {

    font-size: 14px;

}

.form-control {

    padding: 10px 10px 9px 10px;

    border: 1px solid #c1c1c1;

    border-radius: 4px;

    font-size: 15px;

    color: #404040;

    font-weight: 400;

    outline: none;

    cursor: pointer;

}

.hatchback-search .form-control {

    margin: 0px 10px 0px 0px;

    width: 70px;

}

.hatchback-search span {

    font-family: 'poppins';

    font-size: 15px;

    color: #404040;

}

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

.demo-warning {

    background-color: #eee;

    padding: 20px;

    border-radius: 4px;

    border: 1px solid #d7d7d7;

}

.demo-warning p {

    line-height: 22px;

    font-size: 15px;

    color: #404040;

    margin-bottom: 8px;

}

.demo-warning p:last-child {

    margin-bottom: 0;

}

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

.bootbox .close {

    float: right;

    font-size: 21px;

    font-weight: bold;

    line-height: 1;

    color: #000000;

    text-shadow: 0 1px 0 #ffffff;

    opacity: 0.2;

    filter: alpha(opacity=20);

  }

.bootbox .close:hover,

.bootbox .close:focus {

    color: #000000;

    text-decoration: none;

    cursor: pointer;

    opacity: 0.5;

    filter: alpha(opacity=50);

}

.bootbox button.close {

    padding: 0;

    cursor: pointer;

    background: transparent;

    border: 0;

    -webkit-appearance: none;

}

  

.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000000;

  }

  .modal-backdrop.fade {

    opacity: 0;

  }

  .modal-backdrop,

  .modal-backdrop.fade.in {

    opacity: 0.8;

    filter: alpha(opacity=80);

  }

.bootbox.modal {

    position: fixed;

    top: 10%;

    left: 50%;

    z-index: 1050;

    width: 560px;

    margin-left: -280px;

    background-color: #ffffff;

    border: 1px solid #999;

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

    *border: 1px solid #999;

    /* IE6-7 */

  

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

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

    -webkit-background-clip: padding-box;

    -moz-background-clip: padding-box;

    background-clip: padding-box;

    outline: none;

}

.bootbox.modal.fade {

    -webkit-transition: opacity .3s linear, top .3s ease-out;

    -moz-transition: opacity .3s linear, top .3s ease-out;

    -o-transition: opacity .3s linear, top .3s ease-out;

    transition: opacity .3s linear, top .3s ease-out;

    top: -25%;

  }

.bootbox.modal.fade.in {

    top: 10%;

  }

.bootbox.modal .modal-header {

    padding: 9px 15px;

    border-bottom: 1px solid #eee;

  }

.bootbox.modal .modal-header .close {

    margin-top: 2px;

  }

.bootbox.modal .modal-header h3 {

    margin: 0;

    line-height: 30px;

  }

.bootbox.modal .modal-body {

    position: relative;

    overflow-y: auto;

    max-height: 400px;

    padding: 15px;

  }

.bootbox.modal  .modal-form {

    margin-bottom: 0;

}

.bootbox.modal .modal-footer {

    padding: 14px 15px 15px;

    margin-bottom: 0;

    text-align: right;

    background-color: #f5f5f5;

    border-top: 1px solid #ddd;

    -webkit-border-radius: 0 0 6px 6px;

    -moz-border-radius: 0 0 6px 6px;

    border-radius: 0 0 6px 6px;

    -webkit-box-shadow: inset 0 1px 0 #ffffff;

    -moz-box-shadow: inset 0 1px 0 #ffffff;

    box-shadow: inset 0 1px 0 #ffffff;

    *zoom: 1;

}

.bootbox.modal .modal-footer:before,

.bootbox.modal .modal-footer:after {

    display: table;

    content: "";

    line-height: 0;

}

.bootbox.modal .modal-footer:after {

    clear: both;

  }

.bootbox.modal .modal-footer .btn + .btn {

    margin-left: 5px;

    margin-bottom: 0;

}

.bootbox.modal .modal-footer .btn-group .btn + .btn {

    margin-left: -1px;

}

.bootbox.modal .modal-footer .btn-block + .btn-block {

    margin-left: 0;

}

  

.bootbox.modal .modal-dialog{

      top: 0px !important; 

}

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

form#resetpassword {

    display: flex;

    width: 100%;

    flex-wrap: wrap;

}

.reset-pass-left {

    width: 165px;

    padding-right: 15px;

    box-sizing: border-box;

}

[dir="rtl"] .reset-pass-left {

    padding: 0 0 0 15px;

}

.reset-pass-right {

    width: calc(100% - 165px);

}

.which-user {

    font-size: 18px;

    font-weight: 500;

    color: #666;

}

.which-user a {

    text-decoration: none;

    color: #000;

    font-size: 14px;

    display: inline-block;

}

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

.panel-heading .row {

    padding: 10px;

    background-color: #f8f8f8;

    border-radius: 4px 4px 0 0;

    border: 1px solid #c1c1c1;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.panel-heading .row b {

    font-weight: 600;

    font-size: 18px;

}

.panel-body {

    padding: 15px;

    border-style: solid;

    border-width: 0 1px 1px 1px;

    border-radius: 0 4px 0 4px;

    border-color: #c1c1c1;

    position: relative;

}

.panel-body .partation {

    position: relative;

}

.panel-body i {

    position: absolute;

    right: -12px;

    top: -10px;

    border-radius: 50%;

    background-color: #fff;

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

}

.relative_ele {

    position: relative;

}

.relative_ele button {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    background-color: transparent;

    border: none;

    outline: none;

    padding: 0 10px;

    border-left: 1px solid #ddd;

    cursor:pointer;

}



.general-form .form-group .relative_ele input {

    padding: 14px 46px 15px 16px;

    text-overflow: ellipsis;

}

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

@media screen and (max-width:1279px) {

    .banner-section.taxi-app .tab-row-holding {

        max-width: 100%;

        overflow-x: auto;

        border-bottom: 1px solid #e0e0e0;

        padding: 0 0;

        box-sizing: content-box;

    }

    .banner-section.taxi-app ul.tab-row {

        display: block;

        max-width: unset;

        white-space: nowrap;

        padding: 0 15px 0 15px;

    }

    ul.tab-row li.tab.mob {

        display: block;

        visibility: hidden;

    }

    .banner-section.taxi-app ul.tab-row li {

        margin: 0 15px;

        width: auto !important;

        min-width: unset;

        display: inline-flex;

    }

    .banner-section.taxi-app ul.tab-row li a {

        white-space: nowrap;

        display: flex;

    }

    .banner-section.taxi-app .tab-row-holding.sticky ul.tab-row {

        flex-wrap: nowrap;

        padding: 0px 15px 0px 15px;

        box-shadow: none;

        max-width: 100%;

        height: 65px;

    }

    .banner-section.taxi-app .tab-row-holding.sticky {

        background-color: #fff;

        width: 100%;

    }

    .banner-section.taxi-app .tab-row-holding.sticky ~ .banner-section-inner {

        margin-top: 70px;

    }

    /***************************trip calculate section responsive*************************************/

    .safety-section.taxi-variant .safety-section-right {

        width: 50%;

    }

    .safety-section.taxi-variant .safety-section-left {

        width: 50%;

    }

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

    .app_image .image_first {

        position: absolute;

        left: 0;

        top: 80px;

    }

    .slider_btn {

        padding: 15px;

    }

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

    .call-section.taxi-variant b,

    .call-section.taxi-variant p b {

        font-size: 60px;

    }

    .call-section.taxi-variant h3 {

        font-size: 40px;

    }

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

    .solution-image {

        height: 37vw;

    }

    .solutions-row.reverse {

        margin-top: -10vw;

    }

    .solutions-left {

        padding: 47px 50px 146px 0;

    }

    .solutions-row.reverse .solutions-left {

        padding: 116px 0 67px 50px;

    }

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

    .features-right {

        padding: 74px 36px 0 170px;

    }

    .features ul li {

        width: 47%;

    }

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

    .profiletype-left {

        text-align: unset;

    }

    .profiletype-left p {

        max-width: 55%;

    }

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

    .inv-rating {

        margin-left: 70px;

    }

    table.dataTable.custom-table tbody td .vehicle_name {

        width: 60vw;

    }

    .categories-block {

        max-width: 100%;

        padding: 56px 48px;

    }

}

@media screen and (max-width:1119px) {

    

    .categories-caption {

        min-height: unset;

    }

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

    ul.tab-row li {

        margin: 0 30px;

    }

    ul.tab-row {

        flex-wrap: nowrap;

        justify-content: flex-start;

    }

    .banner-back {

        position: relative;

        height: 43vw;

    }

    .banner-section-inner {

        min-height: unset;

        padding: 0;

        width: 100%;

    }

    .banner-section {

        display: flex;

        flex-direction: column-reverse;

    }

    .banner-section.taxi-app {

        display: flex;

        flex-direction: column;

    }

    .tab-row-holding {

        max-width: 1119px;

        overflow-x: auto;

        border-bottom: 1px solid #e0e0e0;

    }

    .banner-section.taxi-app .banner-section-inner {

        min-height: unset;

        padding: 0;

    }

    .banner-section.taxi-app .categories-block {

        padding: 30px;

    }

    /***************about page  stylesheet***********************/

    .article-image-inner {

        width: 520px;

        height: 589px;

    }

    .artical-right {

        width: calc(100% - 665px);

        width: -o-calc(100% - 665px);

        width: -ms-calc(100% - 665px);

        width: -moz-calc(100% - 665px);

        width: -webkit-calc(100% - 595px);

    }

    article.inverse .article-image:after {

        padding-right: 178px;

        border-top: 653px solid #fff;

    }

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

    .profile-column {

        width: 50%;

        margin-bottom: 20px;

        min-width: unset;

    }

    .general-form.profile_edit {

        margin-top: 0;

    }

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

    .ordernow-caption strong {

        font-size: 28px;

    }

    .ordernow-caption h4, .ordernow-caption h4 a {

        font-size: 42px;

    }



    table.dataTable.custom-table tbody td .vehicle_name {

        width: 50vw;

    }

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

    .inv-data {width: 280px;}

    .invoice-data-holder.track-order .inv-destination-data {

        width: -webkit-calc(100% - 375px);

    }

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

    .step-sec ul li {

        padding: 0 15px;

    }

    .step-sec ul {

        width: calc(100% + 30px);

        width: -o-calc(100% + 30px);

        width: -ms-calc(100% + 30px);

        width: -moz-calc(100% + 30px);

        width: -webkit-calc(100% + 30px);

    }

    .step-sec ul li strong {

        line-height: normal;

    }

    .signup-block a {

        font-size: 30px;

    }

}

@media screen and (max-width:1024px) {

    ul.user-menu{

        overflow-y: scroll;

        width: 280px;

    }

    .intro-new-one {

        overflow: hidden;

    }

    .signup-block{

        width: 49%;

    }

    .app-screens-block{

        width: 100%;

    }



    .login-tab-switch {

        display: block!important;

        margin: 0 auto;

        overflow: hidden;

    }

    .login-tabholder {

        overflow-x: auto;

        display: block;

        margin: 0 15px;

        overflow: hidden;

        text-align: center;

        width: calc(100% - 30px);

        -webkit-width: calc(100% - 30px);

        -o-width: calc(100% - 30px);

        -moz-width: calc(100% - 30px);

        -ms-width: calc(100% - 30px);

    }



    .banner-section.taxi-app .tab-row-holding {

        transform: translate3d(0,0,0);

        -webkit-transform: translate3d(0,0,0);

        -moz-transform: translate3d(0,0,0);

        -ms-transform: translate3d(0,0,0);

        -o-transform: translate3d(0,0,0);

    }

    .banner-section.taxi-app .tab-row-holding.sticky ~ .banner-section-inner {

        margin-top: 70px;

    }

    html {

        overflow-x: hidden;

    }

    ul.tab-row li {

        width: 98px;

    }

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

    .how-it-works-left {

        padding-right: 50px;

    }

    .how-it-works-right {

        width: 100%;

        justify-content: center;

    }

    .how-it-works-left {

        width: 100%;

        padding-right: 0;

    }

    .how-it-works-section-inner {

        flex-wrap: wrap;

    }

    .how-it-works-right img {

        margin-top: 0;

        max-width: 300px;

    }

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

    .safety-section-left {

        width: 100%;

    }

    .safety-section-right {

        width: 100%;

        padding: 30px;

        margin-bottom: 30px;

    }

    .safety-section-left img {

        max-width: 100%;

    }

    .safety-section-inner {

        padding: 0;

    }

    .safety-section-left img {
        width: 100%;
    }

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

    

    .call-section.taxi-variant.call-section-inner {

        flex-wrap: wrap;

    }

    .call-section.taxi-variant h3 {

        margin-top: 0;

    }

    .call-section.taxi-variant {

        padding: 40px 0 40px 0;

    }

    .call-section.taxi-variant b,

    .call-section.taxi-variant p b {

        font-size: 50px;

    }

    .call-section.taxi-variant h3 {

        font-size: 38px;

    }

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

    .get_app_content .slider_btn {

        font-size: 20px;

        margin-right: 15px;

    }

    .get_app_area-left {

        width: 48.333333%;

    }

    .get_app_area-right {

        width: 49.666667%;

    }

    .get_app_content .slider_btn.app_btn_two {

        margin: 0 8px 0 0;

    }

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

    .favdest {

        background-attachment: unset;

        background-size: cover;

        background-position: center;

    }

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

    .solutions-left {

        padding: 47px 50px 96px 0;

    }

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

    .features-right {

        padding: 74px 0px 0 170px;

    }

    .features ul li strong {

        line-height: 24px;

    }

    .charters ul li {

        width: calc(50% - 36px);

        width: -o-calc(50% - 36px);

        width: -ms-calc(50% - 36px);

        width: -moz-calc(50% - 36px);

        width: -webkit-calc(50% - 36px);

    }

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

    .features.corporate ul li {

        margin: 0 15px 58px 15px;

        width: calc(50% - 64px);

        width: -o-calc(50% - 64px);

        width: -ms-calc(50% - 64px);

        width: -moz-calc(50% - 64px);

        width: -webkit-calc(50% - 30px);

    }

    .features.corporate ul {

        margin: 30px -15px 0 -15px;

    }

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

    .profile-title {

        width: 427px;

        height: 230px;

    }

    .discount-block button {

        bottom: 2px;

    }

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

    .profile-earning ul li,.profile-earning ul.doc-upload-listing li {

        width: 50%;

        margin-bottom: 20px;

    }

    .inv-destination-data ul li {

        width: 100%;

    }

    .profile-earning .inv-data ul li {

        margin-bottom: 0;

    }

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

    .benefits.food-variant ul li i {

        width: 100px;

    }

    .benefits.food-variant ul li {

        padding: 0 0 35px 118px;

    }

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

    .track-order-data ul li {

        width: 100%;

    }

}

@media screen and (max-width:991px) {

    /*****************horizontal title responsive***********************/

    .signup-block{

        width: 49%;

    }

    .app-screens-block{

        width: 100%;

    }

    .benefits .horizonatal-title h3,

    .howitworks .horizonatal-title h3,

    .delivery .horizonatal-title h3 {

        width: auto;

        padding: 0 0 0 0;

        margin-bottom: 20px;

    }

    .benefits .horizonatal-title,

    .howitworks .horizonatal-title,

    .delivery .horizonatal-title {

        flex-direction: column;

        align-items: center;

    }

    .benefits .horizonatal-title h3:after,

    .howitworks .horizonatal-title h3:after,

    .delivery .horizonatal-title h3:after {

        width: 63px;

        height: 4px;

        bottom: 0;

        top: auto;

        left: 50%;

        right: auto;

        transform: translateX(-50%);

    }

    .benefits .horizonatal-title strong,

    .howitworks .horizonatal-title strong,

    .delivery .horizonatal-title strong {

        width: auto;

        text-align: center;

    }

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

    .how-it-works-section h3,

    .categories-caption h2,

    .safety-section h3,

    .download-section h3,

    .call-section h3,

    .benefits h3,

    .article-right h4,

    .call-section h3,

    .get_app_content .section_title h2,

    .call-section.taxi-variant h3,

    .benefits .horizonatal-title h3,

    .howitworks .horizonatal-title h3,

    .delivery .horizonatal-title h3,

    .fleet h3,

    .charters h3,

    .destination h3,

    .features h3,

    .solutions h3,

    .favdest h3 {

        font-size: 35px;

        line-height: normal;

    }

    .profile-title h4 {

        font-size: 20px;

        line-height: normal;

    }

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

    .services ul li {

        width: 50%;

    }

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

    .categories-caption h2 span {

        margin-top: 0;

    }

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

    .header-left .logo {

        margin-right: 0;

        margin-left: 10px;

    }

    .restaurent-detail-banner{

        padding: 0 0 20px 0; 

        margin-top: 40px;

    }

    .header-left ul li {

        margin-right: 10px;

    }

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

    .signup-block a {

        font-size: 30px;

    }

    .signup-block a img {

        margin-left: 58px;

        width: 24px;

    }

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

    .safety-section h3 {

        margin-bottom: 25px;

    }

    

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

                login page css

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

    .login-block-heading {

        flex-direction: column;

        padding: 20px 0 20px 0;

    }

    ul.tab-switch {

        justify-content: center;

    }

    .tabholder {

        height: auto;

        padding: 0;

        background-color: transparent;

    }

    .login-block-heading label {

        display: block;

        margin-bottom: 20px;

        text-align: center;

        width: 100%;

        font-size: 32px;

    }

    .login-block-heading.forget_label label {

        margin-bottom: 0px;

        padding: 25px 0;

    }

    .login-left {

        width: 100%;

    }

    .login-right {

        width: 100%;

    }

    .login-data-inner {

        padding: 0 30px 20px 30px;

    }

    .login-caption {

        padding: 0 30px;

        margin-bottom: 40px;

    }

    .login-right h1 {

        font-size: 32px;

    }

    .login-caption strong {

        font-size: 25px;

    }

    .login-block-footer {

        margin-top: 30px;

    }

    .login-left img {

        display: none;

        margin: 0 auto;

        max-width: 95%;



    }

    /**********about page stylesheet***********/

    .article-inner,article.inverse .article-inner {

        flex-direction: column;

        align-items: center;

    }

    .artical-left {

        display: inline-block;

        width: auto;

    }

    .artical-right {

        width: auto;

    }

    .heading-area h1 {

        font-size: 40px;

    }

    .about-caption h3 {

        font-size: 26px;

    }

    .artical-right h4 {

        font-size: 32px;

        margin-bottom: 20px;

    }

    .heading-area-inner {

        height: 126px;

    }

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

    .contact-inner {

        flex-direction: column;

    }

    .contact-left {

        width: auto;

    }

    .contact-right {

        max-width: 100%;

        margin: 30px 0 0 0;

    }

    /*********************how it works section responsive**********************/

    .how-it-works-section.taxi-variant .how-it-works-left {

        max-width: 100%;

    }

    .how-it-works-section.taxi-variant .how-it-works-right {

        width: 100%;

    }

    .how-it-works-section.taxi-variant .how-it-works-right img {

        margin: 0 0 0px 0;

        max-width: 100%;

    }

    /***************************trip calculate section responsive*************************************/

    .safety-section.taxi-variant .safety-section-right {

        width: 100%;

        padding: 30px;

    }

    .safety-section.taxi-variant .safety-section-left {

        width: 100%;

    }

    .safety-section.taxi-variant .safty-image-hold {

        width: 100%;

        height: 44vw;

    }

    /***************** car type section responsive ******************/

    .cartype ul li {

        width: 50%;

        margin-bottom: 50px;

    }

    .cartype {

        padding: 34px 0 0px 0;

    }

    /***************** benefits section responsive ************************/

    .benefits-middle,

    .benefits-middle.data-middle {

        display: none;

    }

    .benefits-row {

        justify-content: space-between;

    }

    .benefits-left {

        width: calc(50% - 20px);

        width: -o-calc(50% - 20px);

        width: -ms-calc(50% - 20px);

        width: -moz-calc(50% - 20px);

        width: -webkit-calc(50% - 20px);

    }

    .benefits-right {

        width: calc(50% - 20px);

        width: -o-calc(50% - 20px);

        width: -ms-calc(50% - 20px);

        width: -moz-calc(50% - 20px);

        width: -webkit-calc(50% - 20px);

    }

    /*************get app section*********************/

    .get_app_area-left, .get_app_area-right {

        width: 100%;

    }

    .app_image .image_first,.app_image .image_two {

        position: relative;

        margin: 0 15px;

        top: 0;

    }

    .app_image .image_first {

        margin-top: 50px;

    }

    .get_app_area-right {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        margin: 50px 0 0px 0;

    }

    .app_image .image_two img {

        animation: none;

    }

    .app_image .image_first img {

        animation: none;

    }

    .get_app_content {

        width: auto;

        max-width: 100%;

    }

    /***************article section responsive********************/

    .article-right h4 {

        margin-bottom: 20px;

    }

    .article-left,

    .article-row.invert .article-left {

        width: calc(100% - 60px);

        margin: 0 auto -30px auto;

    }

    .article-right,

    .article-row.invert .article-right {

        min-height: unset;

        width: 100%;

        padding: 70px 30px 30px 30px;

    }

    .article-mage {

        height: 48vw;

    }

    /**************** call section responsive ***********************/

    .call-section b {

        font-size: 55px;

    }

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

    .call-section p {

        font-size: 19px;

    }

    .safety-section.taxi-variant p {

        font-size: 16px;

    }

    .call-section p {

        margin-bottom: 30px;

    }

    .call-section-left,

    .call-section.taxi-variant .call-section-left {

        width: 100%;

        margin-top: 0;

        margin-bottom: 0;

        padding: 0;

    }

    .call-section h3 {

        max-width: unset;

        margin-top: 0;

    }

    .call-section.taxi-variant:before {

        display: none;

    }

    .call-section.taxi-variant .call-section-image {height: 70vw;}

    .delivery-use {

        padding-top: 50px;

    }

    .gotop {

        right: 15px;

    }

    .gotop.active {

        bottom: 10px;

    }

    .call-section-right {

        max-width: 100%;

        width: 100%;

        margin-top: 30px;

    }

    .call-section.taxi-variant .call-section-right {

        max-width: 100%;

        width: 100%;

        margin-top: 0;

    }

    /***************** fleet section responsive *********************/

    .fleet ul li {

        width: 33.33%;

        margin-bottom: 50px;

    }

    .fleet {

        padding-bottom: 20px;

    }

    /*************** howitworks section responsive ***************/

    .howitworks ul li {

        max-width: unset;

        margin-bottom: 50px;

    }

    .howitworks ul {

        flex-direction: column;

        margin-top: 30px;

    }

    .howitworks ul li i:before {

        display: none;

    }

    .howitworks ul li i:after {

        display: none;

    }

    .howitworks ul:before {

        display: none;

    }

    .howitworks ul li strong,

    .howitworks ul li:nth-child(even) strong {

        margin: 25px 0 15px 0;

        white-space: normal;

    }

    .howitworks ul li:nth-child(even) {

        flex-direction: column;

    }

    .howitworks ul li p {

        margin-bottom: 0;

        height: auto;

    }

    .howitworks ul li:last-child, .howitworks ul li:nth-child(even) .works-caption {

        margin-bottom: 0;

    }

    .delivery-row {

        flex-direction: column;

        margin-bottom: 50px;

    }

    .delivery-right {

        width: 100%;

    }

    .delivery-left {

        width: calc(100% - 30px);

        margin: 0 auto;

    }

    .delivery-row:after,

    .delivery-row.invert::after {

        right: 0;

        left: 0;

        top: 25%;

        bottom: 0;

        height: auto;

    }

    .delivery-block-caption,

    .delivery-row.invert .delivery-block-caption {

        padding: 30px 30px 30px 30px;

        min-height: unset;

        text-align: center;

    }

    .delivery-left button,

    .delivery-row.invert .delivery-left button {

        left: 50%;

        margin: 0;

        transform: translateX(-50%);

        -webkit-transform: translateX(-50%);

        -moz-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        -o-transform: translateX(-50%);

    }

    .delivery-left .delivery-image-block {

        height: 60vw;

    }

    .delivery-left button {

        display: none;

    }

    .delivery-block-caption h4 {

        font-size: 30px;

        line-height: normal;

        margin-bottom: 10px;

    }

    .delivery-block-caption p:last-child {

        margin-bottom: 0;

    }

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

    .solutions-left {

        width: 100%;

        padding: 0;

        margin-bottom: 50px;

    }

    .solutions-right {

        width: 100%;

        padding: 0;

    }

    .solutions-row.reverse .solutions-left {

        padding: 0;

    }

    .solutions-row.reverse {

        margin: 0;

    }

    .solutions-row {

        margin: 0 0 50px 0;

    }

    .solutions-left h4 {

        font-size: 30px;

    }

    .solutions-left p {

        font-size: 18px;

        line-height: 30px;

    }

    .solution-image {

        height: 67vw;

    }

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

    .features {

        padding: 50px 0 0px 0;

        overflow: hidden;

        margin-top: 0;

    }

    .features-left {

        width: calc(100% - 60px);

        margin: 0 auto -50px auto;

    }

    .features-right {

        padding: 110px 30px 0 30px;

        width: auto;

    }

    .features ul {

        width: 100%;

    }

    .features-main-image {

        height: 130vw;

    }

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

    .destination ul li {

        width: calc(50% - 30px);

        width: -o-calc(50% - 30px);

        width: -ms-calc(50% - 30px);

        width: -moz-calc(50% - 30px);

        width: -webkit-calc(50% - 30px);

        padding: 0 15px;

    }

    .destination ul {

        justify-content: flex-start;

        width: auto;

    }

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

    .charters ul li {

        width: calc(50% - 30px);

        width: -o-calc(50% - 30px);

        width: -ms-calc(50% - 30px);

        width: -moz-calc(50% - 30px);

        width: -webkit-calc(50% - 30px);

        padding: 0 15px;

    }

    .destination ul,

    .charters ul {

        justify-content: flex-start;

        width: auto;

    }

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

    ========== corporate page css ========

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

    .benefits ul.listing-style li {

        width: 50%;

        border-style:none;

    }

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

    .features.corporate .features-left {

        width: 100%;

        margin: 0;

    }

    .features.corporate#how-it-works {

        padding: 60px 0 50px 0;

    }

    .features.corporate .features-main-image {

        height: 120vw;

    }

    .features.corporate .features-right {

        width: 100%;

        padding: 35px 0 0 0;

    }

	

	



	

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

    .profiletype-inner {

        flex-direction: column;

        min-height: unset;

    }

    .profiletype-image {

        position: relative;

        width: 100%;

        height: 60vw;

    }

    .profiletype {

        display: flex;

        flex-direction: column-reverse;

        padding-bottom: 0;

    }

    .profiletype-left {

        width: 100%;

    }

    .profile-title {

        margin: 0 auto 30px auto;

        height: auto;

        padding: 20px 40px;

        width: calc(100% - 60px);

        width: -o-calc(100% - 60px);

        width: -ms-calc(100% - 60px);

        width: -moz-calc(100% - 60px);

        width: -webkit-calc(100% - 60px);

        box-sizing: border-box;

    }

    .profiletype-image {

        align-items: flex-end;

    }

    .profile-title h4 {

        padding: 0;

    }

    .profiletype-left p {

        width: 100%;

        padding: 15px 0;

    }

    .profiletype.reverse .profile-title {

        margin: 0 auto 30px auto;

        width: auto;

        width: calc(100% - 60px);

        width: -o-calc(100% - 60px);

        width: -ms-calc(100% - 60px);

        width: -moz-calc(100% - 60px);

        width: -webkit-calc(100% - 60px);

    }

    .profiletype.reverse .profiletype-left {

        direction: unset;

    }

    .profiletype-left p {

        width: 100%;

    }

    section.profiletype.reverse {

        margin-top: 50px;

    }

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

    .profiletype-left {

        text-align: center;

    }

    .profiletype-left p,

    .profiletype.reverse .profiletype-left p {

        max-width: 100%;

        padding: 15px 5px;

    }

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

    .left-block {

        width: 100%;

    }

    .left-right {

        width: 100%;

        margin-top: 20px;

    }

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

    .how-it-works-section.food-variant .how-it-works-left {

        max-width: 100%;

        width: 100%;

    }

    .how-it-works-section.food-variant .how-it-works-right {

        justify-content:center;

    }

    .how-it-works-section.food-variant ul li {

        max-width: 100%;

    }

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

    .fleet.food-variant ul li {

        width: 50%;

        margin-bottom: 50px;

    }

    .ordernow-left {

        width: 100%;

        margin-bottom: 10px;

        text-align: center;

    }

    .ordernow-right {

        width: 100%;

        text-align: center;

    }

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

    .benefits.food-variant ul li {

        width: 100%;

        min-height: initial;

    }

    .benefits.food-variant {

        padding: 50px 0 10px 0;

    }

    .benefits.food-variant ul li:nth-last-child(-n+2) {

        border-bottom: 1px solid #e9e9e9;

    }

    .benefits.food-variant ul li:last-child {

        border-bottom: none;

    }

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

    .restaurant ul {

        margin: 0 -15px;

        width: auto;

    }

    .restaurant ul li {

        width: 50%;

        padding: 0 15px;

    }

    .restaurant ul li:nth-child(even) {

        flex-direction: column;

    }

    .restaurant ul li .rest-caption:last-child {

        min-height: initial;

        padding: 30px 0 50px 0;

    }

    .rest-caption strong {

        margin-bottom: 5px;

    }

    .rest-caption strong {

        font-size: 22px;

    }



    table.dataTable.custom-table tbody td .vehicle_name {

        width: 30vw;

    }

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

    .step-sec ul li {

        width: 100%;

        margin-bottom: 40px;

        text-align: center;

    }

    .step-sec {

        padding: 39px 0 0px 0;

    }

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

    .dark-variant.benefits ul.listing-style li {

        width: calc(50% - 38px);

        box-sizing: border-box;

        margin-bottom: 75px;

    }

    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+4) {

        margin-bottom: 75px;

    }

    .dark-variant.benefits ul.listing-style {

        flex-wrap: wrap;

        margin-left: 0;

        margin-right: 0;

        width: 100%;

    }

    .step-sec {

        margin-top: 0;

    }

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

    .profile-earning ul.setings-list li {

        width: 50%;

    }

    .profile-earning ul.setings-list.has-four-column li {

        width: 33.33%;

    }

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

    .gen-cms-page .faq-top-part ul li {

        width: calc(25% - 20px);

        width: -o-calc(25% - 20px);

        width: -ms-calc(25% - 20px);

        width: -moz-calc(25% - 20px);

        width: -webkit-calc(25% - 20px);

    }

    .faq-bottom-part ul li {

        padding: 10px 0 10px 0;

    }

    .article-image:after {

        border-top: 654px solid #fff;

    }

}



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

   

    .signup-block{

        width: 49%;

    }

    .app-screens-block{

        width: 100%;

    }

    ul.user-menu li.for_mob {

        display: none;

    }

    .intro-new-one {

        overflow: hidden;

    }

}

@media screen and (max-width:767px) {

    .custom-modal-main {

        align-items: flex-start;

        overflow-y: auto;

    }

    body {

        overflow-x: hidden;

    }

    .banner-section.taxi-app .tab-row-holding.sticky ~ .banner-section-inner {

        margin-top: 53px;

    }

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

    .how-it-works-section h3, .categories-caption h2, .safety-section h3, .download-section h3, .call-section h3,.step-sec .step-sec-inner > h3 {

        font-size: 28px;

        line-height: normal;

    }

    .safety-section h3 {

        margin-bottom: 20px;

    }

    .how-it-works-section.taxi-variant .how-it-works-left li strong {

        font-size: 18px;

    }

    .how-it-works-section.taxi-variant ul li .proc_ico {

        width: 38px;

    }

    .how-it-works-section.taxi-variant ul li {

        padding-left: 60px;

    }

    .how-it-works-section.taxi-variant .how-it-works-left strong {

        font-size: 16px;

    }

    .how-it-works-section ul li span {

        font-size: 14px;

    }

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

    .menu-icoholder {

        display: flex;

    }

    header ul li a img.cart {

        display: block;

        width: 20px;

    }

    header ul li a {

        font-size: 14px;

        height: 50px;

    }

    ul.navmenu-links {

        width: 100%;

        background-color: #fff;

        left: 0;

        top: 100px;

        overflow-y: auto;

        z-index: 1;

        flex-direction: column;

        align-items: flex-start;

        opacity:0;

        pointer-events: none;

        margin-top: 0;

        top: auto;

        position: absolute;

        transition: all 0.5s ease 0s;

        -webkit-transition: all 0.5s ease 0s;

        -moz-transition: all 0.5s ease 0s;

        -ms-transition: all 0.5s ease 0s;

        -o-transition: all 0.5s ease 0s;

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

    }

    .dashboard ul.navmenu-links,

    ul.user-menu ul.navmenu-links.active {

        display: none !important;

    }

    ul.navmenu-links.active {

        top: 53px;

        opacity: 1;

        pointer-events: unset;

    }

    ul.navmenu-links li {

        display: block;

        width: 100%;

        height: auto;

        margin: 0;

        border-bottom: 1px solid #e0e0e0;

    }

    ul.navmenu-links li a {

        color: #666;

        height: auto;

        margin: 0;

        padding: 20px 15px;

        font-size: 16px;

        display: block;

        text-decoration: none;

        outline: none;

    }

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

    ul.tab-row li {

        margin: 0 25px;

        min-width: unset;

        width: 85px;

        min-width: 85px;

    }

    ul.tab-row li img {

        max-height: 20px;

        margin-bottom: 9px;

    }

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

    .categories-block {

        padding: 30px 24px;

    }

    .categories-caption h2 {

        margin-bottom: 20px;

    }

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

    .download-section {

        background-size: cover;

        padding: 32px 0 40px 0;

    }

    .download-links a {

        margin-bottom: 15px;

    }

    .download-section strong {

        font-size: 15px;

        margin-bottom: 20px;

    }

    .download-section p strong {

        font-size: 18px;

    }

    /* .download-section p {

        font-size: 16px;

    } */

    .download-section h3 {

        margin-bottom: 0;

    }

    

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

    .signup-block {

        width: 100%;

        justify-content: center;

        min-height: 90px;

    }

    .signup-row-inner {

        flex-wrap: wrap;

    }

    .signup-block.rider {

        justify-content: center;

    }

    .signup-block.driver:after {

        left: 0;

        height: 1px;

        width: 100%;

        top: auto;

        bottom: 0;

    }

    .signup-block a {

        font-size: 25px;

        width: 100%;

        justify-content: space-between;

    }

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

    .safety-section-right {

        padding: 15px;

        text-align: center;

    }

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

    .footer-column {

        width: 100%;

        margin-bottom: 30px;

    }

    .footer-top {

        padding-bottom: 0;

    }

    .footer-bottom .footer-inner ul.quicklinks {

        width: 100%;

        text-align: center;

        margin-top: 25px;

    }

    .footer-bottom .footer-inner span {

        text-align: center;

    }

    .footer-bottom .footer-inner {

        justify-content: center;

    }

    ul.social-media-list {

        border: none;

        margin-top: 0;

    }

    .footer-bottom ul.quicklinks li:nth-child(2) {

        margin: 0 20px;

    }

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

                login page css

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

    .login-data-inner {

        padding: 0 20px 20px 20px;

    }

    .login-right.full-width.full-width .login-data-inner {

        padding: 0 20px;

    }

    .login-caption {

        padding: 0 20px;

    }

    .login-block-footer.for-registration .login-caption {

        padding: 20px;

        margin-bottom: 0;

    }

    ul.tab-switch {

        display: block;

        margin: 0 auto;

        overflow: hidden;

    }

    .slick-track {

        display: block;

    }

    ul.tab-switch li a {

        display: block;

        line-height: 38px;

        text-align: center;

        outline: none;

    }

    ul.tab-switch li {

        display: inline-block;

    }

    .tabholder {

        overflow-x: auto;

        display: block;

        margin: 0 15px;

        overflow: hidden;

        text-align: center;

        width: calc(100% - 30px);

        -webkit-width: calc(100% - 30px);

        -o-width: calc(100% - 30px);

        -moz-width: calc(100% - 30px);

        -ms-width: calc(100% - 30px);

    }

    .login-block {

        border:none;

    }

    ul.tab-switch button {

        border: none;

        background-color: #000;

        border-radius: 4px;

        font-size: 0;

        width: 40px;

        height: 40px;

        outline: none;

        background-size: 16px;

        background-position: center;

        background-repeat: no-repeat;

    }

    ul.tab-switch button.slick-prev {

        position: absolute;

        left: 0;

        top: 0;

        background-image: url(../../../img/apptype/Cubex/left-arrow.svg);

    }

    ul.tab-switch button.slick-next {

        right: 0;

        left: auto;

        position: absolute;

        top: 0;

        background-image: url(../../../img/apptype/Cubex/right-arrow_.svg);

    }

    ul.tab-switch li {

        display: block;

    }

    .login-right h1 {

        font-size: 28px;

        margin-bottom: 22px;

    }

    .form-err p {

        padding: 7px 25px 7px 10px;

        line-height: 22px;

    }

    /************resgiter page cust css*******************/

    .login-right.full-width form .form-group.onethird {

        width: calc(50% - 16px);

        width: -o-calc(50% - 16px);

        width: -ms-calc(50% - 16px);

        width: -moz-calc(50% - 16px);

        width: -webkit-calc(50% - 16px);

    }

    .login-right.full-width form .form-group.half,

    .contact-section form .form-group.half,

    .general-form .form-group.half {

        width: calc(50% - 16px);

        width: -o-calc(50% - 16px);

        width: -ms-calc(50% - 16px);

        width: -moz-calc(50% - 16px);

        width: -webkit-calc(50% - 16px);

    }

    .general-form .half-column {

        width: calc(50% - 16px);

        width: -o-calc(50% - 16px);

        width: -ms-calc(50% - 16px);

        width: -moz-calc(50% - 16px);

        width: -webkit-calc(50% - 16px);

    }

    .general-form .form-group.onethird {

        width: calc(33.33% - 16px);

        width: -o-calc(33.33% - 16px);

        width: -ms-calc(33.33% - 16px);

        width: -moz-calc(33.33% - 16px);

        width: -webkit-calc(33.33% - 16px);

    }

    .login-block-footer.for-registration .login-caption ul li{

        width: calc(100% - 50px);

        width: -o-calc(100% - 50px);

        width: -ms-calc(100% - 50px);

        width: -moz-calc(100% - 50px);

        width: -webkit-calc(100% - 50px);

    }

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

    .artical-links-row a {

        margin-right: 35px;

    }

    article.blog-article {

        padding: 50px 0 30px 0;

    }

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

    ========taxi app page css =======

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

    .services strong,

    .benefits .benefits-inner > strong,

    .cartype .cartype-inner > strong, .cartype .cartype-inner > p > strong,

    .benefits .benefits-inner > strong,

    .fleet .fleet-inner > strong,

    .delivery .horizonatal-title strong {

        font-size: 16px;

        font-weight: 500;

        line-height: 25px;

    }

    .services h3,

    .benefits h3,

    .cartype h3,

    .benefits h3,

    .article-right h4,

    .call-section h3,

    .get_app_content .section_title h2,

    .benefits .horizonatal-title h3,

    .howitworks .horizonatal-title h3,

    .delivery .horizonatal-title h3,

    .fleet h3,

    .charters h3,

    .destination h3,

    .features h3,

    .solutions h3,

    .favdest h3,

    .thanks-holder h2,

    .restaurant h3,

    .step-sec .step-sec-inner > h3 {

        font-size: 32px;

    }

    /**************benefits dsection responsive***********************/ 

    .benefits-left {

        width: 100%;

    }

    .benefits-right {

        width: 100%;

    }

    .benefits-left ul li,

    .benefits-right ul li {

        padding: 4px 0 0 0;

        text-align: center;

        margin-bottom: 50px;

        height: auto !important;

    }

    .benefits ul li i,

    .benefits .benefits-right ul li i {

        position: relative;

        display: inline-flex;

        margin-bottom: 25px;

    }

    .dark-variant.benefits ul.listing-style li i {

        margin-bottom: 0;

    }

    .benefits.corporate ul li i {

        margin-bottom: 0px;

    }

    /**************** call section responsive ***********************/

    .call-section b {

        font-size: 38px;

    }

    /*************** fare section responsive ****************************/

    .safety-section.taxi-variant .safety-section-right {

        padding: 15px;

    }

    .safety-section.taxi-variant .safty-image-hold {

        width: 100%;

        height: 74vw;

    }

    /**************get app section responsive****************************/

    .get_app_content .slider_btn {

        font-size: 18px;

        padding: 10px 18px;

        margin-bottom: 20px;

        min-width: 204px;

        text-align: center;

    }

    .get_app_content .slider_btn img {

        width: 25px;

    }

    .get_app_content .slider_btn.app_btn_two {

        margin-left: 10px;

    }

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

    .article-right p {

        color: #404040;

        font-size: 19px;

        line-height: 30px;

    }

    .get_app_content ul li {

        width: 100%;

        display: block;

    }

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

    .services ul li .service-block {

        padding: 20px 15px;

    }

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

    .delivery-block-caption,

    .delivery-row.invert .delivery-block-caption {

        padding: 30px 15px 15px 15px;

        min-height: unset;

    }

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

    .solutions-left h4 {

        font-size: 25px;

    }

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

    .destination ul li {

        width: 100%;

        padding: 0;

    }

    .destination-caption strong {

        font-size: 19px;

    }

    .destination-caption span {

        font-size: 15px;

    }

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

    .charters ul li {

        width: 100%;

        padding: 0;

    }

    .charters-caption strong {

        font-size: 19px;

    }

    .charters-caption span {

        font-size: 15px;

    }

    .profiletype-left p {

        width: 100%;

        font-size: 15px;

        line-height: 26px;

    }

    .profile-title {

        padding: 15px;

    }

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

    #booking-map {

        position: fixed;

        height: 350px;

        top: 0;

        width: 100%;

    }

    .booking-request {

        padding: 0;

    }

    .booking-block {

        width: 100%;

    }

    .booking-request-inner {

        padding: 0;

        margin-top: 0;

        width: 100%;

    }

    

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

    .invoice-data-holder {

        flex-direction: column;

    }

    .inv-rating {

        margin-top: 20px;

        margin-left: 0;

        margin-right: 0;

    }

    ul.overview-detail li {

        width: 50%;

    }

    ul.overview-detail li .overview-data {

        border-width: 0 1px 1px 0;

    }

    ul.overview-detail {

        border-style: solid;

        border-width: 1px 0 0 1px;

        border-color: #d7d7d7;

    }

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

    .how-it-works-section.food-variant ul li .proc_ico {

        width: 70px;

    }

    .how-it-works-section.taxi-variant ul li {

        padding:0 0 0 55px;

    }

    .how-it-works-section.food-variant ul li .proc_ico {

        padding: 5px;

    }

    .how-it-works-section.taxi-variant .how-it-works-left li strong {

        padding-top: 0;

    }

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

    .ordernow-caption strong {

        font-size: 25px;

    }

    .ordernow-caption h4,

    .ordernow-caption h4 a {

        font-size: 38px;

        line-height: normal;

        margin-bottom: 20px;

    }

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

    .benefits.food-variant ul li {

        padding: 0 0 35px 0;

        text-align: center;

    }

    

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

    .restaurant ul li {

        width: 100%;

        padding: 0 15px;

    }

    .rest-caption {

        min-height: 80vw;

    }

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

    .contact-information {

        padding: 25px;

    }

    .contact-inform-block strong {

        font-size: 22px;

    }

    .contact-inform-block b span {

        font-size: 35px;

    }

    .contact-inform-block b .tell-info {

        font-size: 28px;

    }

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

    .invoice-data-holder .inv-destination-data ul {

        padding: 0;

    }

    .inv-data {

        width: calc(100% - 115px);

        width: -o-calc(100% - 115px);

        width: -ms-calc(100% - 115px);

        width: -moz-calc(100% - 115px);

        width: -webkit-calc(100% - 115px);

    }

    .invoice-data-holder.track-order .inv-destination-data {

        width: 100%;

        box-sizing: border-box;

        margin: 30px 0 0 0;

        padding: 0;

        border-style: solid;

        border-color: #eee;

        border-width: 1px 0 0 0;

        padding-top: 30px;

    }

    .invoice-data-holder.track-order {

        padding: 25px 20px 25px 20px;

    }

    .inv-data {

        width: 100%;

    }

    .inv-data.profile-image-blank {

        margin: 0;

    }

    .thanks-holder img {

        width: 150px;

    }

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

    .invoice-part-bottom [class*="col-sm-"] {

        width: 100%;

        margin-bottom: 20px;

    }

    .invoice-part-bottom [class*="col-sm-"]:nth-last-child(-n+2) {

        margin-bottom: 20px;

    }

    .invoice-part-bottom [class*="col-sm-"]:last-child {

        margin-bottom: 0;

    }

    .profile-earning ul.recipient_details li:last-child {

        padding-bottom: 15px;

    }

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

    .dark-variant.benefits ul.listing-style li {

        width: 100%;

        padding: 0 15px 25px 15px;

        height: auto !important;

        margin: 0 0 75px 0;

    }

    .dark-variant.benefits ul.listing-style li:nth-last-child(-n+2) {

        margin: 0 0 75px 0;

    }

    .step-sec ul li strong {

        margin: 10px 0;

    }

    .card-block .partation {

        width: 100%;

        margin: 0;

    }

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

    .bootbox.modal {

        position: fixed;

        top: 20px;

        left: 20px;

        right: 20px;

        width: auto;

        margin: 0;

    }

    .bootbox.modal.fade {

        top: -100px;

    }

    .bootbox.modal.fade.in {

        top: 20px;

    }

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

    .gen-cms-page .faq-top-part ul li {

        width: calc(50% - 20px);

        width: -o-calc(50% - 20px);

        width: -ms-calc(50% - 20px);

        width: -moz-calc(50% - 20px);

        width: -webkit-calc(50% - 20px);

        margin-bottom: 15px;

    }

    .faq-bottom-part ul li span h3,

    .faq-bottom-part ul li b {

        font-size: 18px;

    }

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

    .reset-pass-left,

    .reset-pass-right {

        width: 100%;

        padding: 0;

    }

   

    .reset-pass-right {

        padding: 30px 0 0 0;

    }

    

    .lc-1h3odyr {

        width: 50px;

    }



    #map-canvas {

        position: relative !important;

        height: calc(100vh - 54px) !important;

        height: -o-calc(100vh - 54px) !important;

        height: -ms-calc(100vh - 54px) !important;

        height: -moz-calc(100vh - 54px) !important;

        height: -webkit-calc(100vh - 54px) !important;

    }

    ul.stepper.linear, .booking-block.userfare ul.stepper.linear {

        height: auto;

    }

}



@media screen and (max-width:630px) {

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

    .services ul li {

        width: 100%;

    }

    .services h3,

    .benefits h3 {

        font-size: 30px;

    } 

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

    .article-image-inner {

        width: 100%;

        height: 100vw;

    }

    .article-image:after {

        display: none;

    }

    .article-image {

        padding: 20px;

    }

    article {

        margin-bottom: 30px;

    }

    .artical-left {

        width: 100%;

    }

    /********************contact page stylesheet***********************/

    .cont-det-block ul li a {

        font-size: 15px;

    }

    .cont-det-block ul li {

        margin-bottom: 15px;

    }

    /***************** car type section responsive ******************/

    .cartype ul li {

        width: 100%;

    }

    /***************** fleet section responsive *********************/

    .fleet ul li {

        width: 50%;

        margin-bottom: 30px;

    }

    .fleet {

        padding-bottom: 20px;

    }

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

    .features ul li {

        width: 100%;

        margin-bottom: 45px;

    }

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

    ========== corporate page css ========

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

    .benefits ul.listing-style li {

        width: 100%;

        border-style:none;

        height: auto !important;

    }

    .features.corporate ul {

        margin: 35px 0 0 0;

    }

    .features.corporate ul li {

        margin: 0 0 40px 0;

        width: 100%;

    }

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

    .profiletype.reverse .profile-title,

    .profile-title {

        margin: 0 auto 15px auto;

        width: auto;

        width: calc(100% - 30px);

        width: -o-calc(100% - 30px);

        width: -ms-calc(100% - 30px);

        width: -moz-calc(100% - 30px);

        width: -webkit-calc(100% - 30px);

    }

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

    .profile-column {

        width: 100%;

    }

    .profile-block .profile-caption-header {

        flex-direction: column;

        align-items: flex-start;

        justify-content: flex-start;

    }

    .profile-block .profile-caption-header label {

        margin-bottom: 10px;

    }

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

    .profile-earning ul.setings-list li {

        width: 100%;

    }

    .profile-earning ul.setings-list.has-four-column li {

        width: 50%;

        padding: 0 10px;

    }

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

}



@media screen and (max-width:530px) {

    /************resgiter page cust css*******************/

    .login-right.full-width form .form-group {

        width: 100%;

        padding: 0;

    }

    .login-right.full-width form .form-group.onethird,

    .login-right.full-width form .form-group.half,

    .contact-section form .form-group.half,

    .general-form .form-group.half,

    .general-form .half-column {

        width: 100%;

        padding: 0;

    }

    .general-form .half-column {

        margin-bottom: 20px;

    }

    .get_app_area-right {

        display: none;

    }

    .get_app_content .slider_btn.app_btn_two {

        margin-left: 0;

    }

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

    .profile-block {

        width: 100%;

    }

    .profile-image,

    [dir="rtl"] .profile-image {

        margin: 0 auto;

    }

    .profile-earning ul li,

    .profile-earning ul.doc-upload-listing li {

        text-align: center;

        width: 100%;

        padding: 0;

    }

    .profile-earning ul {

        margin: 0;

    }

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

    .inv-data {

        width: calc(100% - 72px);

        width: -o-calc(100% - 72px);

        width: -ms-calc(100% - 72px);

        width: -moz-calc(100% - 72px);

        width: -webkit-calc(100% - 72px);

    }

    .inv-destination-data ul li {

        text-align: unset;

        padding: 0 0 0 28px;

    }

    ul.overview-detail li {

        width: 100%;

    }

    ul.overview-detail li .overview-data {

        border-width: 0 1px 1px 0;

    }

    ul.overview-detail {

        border-style: solid;

        border-width: 1px 0 0 1px;

        border-color: #d7d7d7;

    }

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

    .fleet.food-variant ul li {

        width: 100%;

    }

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

    .track-order-data ul li {

        text-align: initial;

        padding: 0px 0 0 48px;

    }

    .track-order-data ul {

        margin: 0 0 0 45px;

    }

    .invoice-data-holder.track-order {

        padding: 25px 20px 25px 20px;

    }

    .profile-earning .inv-data ul li span {

        text-align: initial;

    }

    .profile-earning ul.recipient_details li span {

        text-align: initial;

    }

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

    .reset-pass-left .newrow.reset-password-img {

        text-align: center;

    }

    .reset-pass-right .button-block {

        justify-content: center;

    }

    [dir="rtl"] .reset-pass-left {

        padding: 0 0 0 0;

    }

}

@media screen and (max-width:480px) {

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

    .safety-section h3 {

        margin-bottom: 15px;

    }

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

    .call-section h3,.call-section.taxi-variant h3 {

        margin-bottom: 15px;

    }

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

    .how-it-works-section h3 {

        margin-bottom: 25px;

    }

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

    .how-it-works-right img {

        margin-top: 0;

        max-width: 260px;

    }

    .signup-block a {

        font-size: 20px;

    }

    .signup-block a img {

        width: 20px;

    }

    .safety-section p,.call-section p,.categories-caption p,

    .call-section.taxi-variant p {

        line-height: normal;

        font-size: 17px;

    }



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

                login page css

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

    .soc-login-row {

        flex-direction: column;

        margin-top: 20px;

    }

    .soc-login-row label {

        margin-bottom: 15px;

    }

    .captcha-column span {

        font-size: 12px;

    }

    .captcha-column img {

        width: 80px;

    }

    /*************call section********************/

    

    .call-section.taxi-variant b,

    .call-section.taxi-variant p b {

        font-size: 35px;

        margin-bottom: 30px;

    }

    .call-section.taxi-variant h3 {

        font-size: 27px;

    }

    /***************** fleet section responsive *********************/

    .fleet ul li {

        width: 100%;

        margin-bottom: 50px;

        padding: 0;

    }

    .fleet {

        padding-bottom: 20px;

    }

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

    .booking-heading {

        flex-direction: column;

        align-items: flex-start;

    }

    .booking-heading label {

        display: block;

        margin-bottom: 20px;

        width: 100%;

    }

    .booking-heading select {

        min-width: unset;

        width: 100%;

        padding: 0 28px 0 14px;

    }

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

    .inv-data {

        width: 100%;

    }

    .inv-rating {

        margin-left: 0;

    }

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

    .profile-earning ul.setings-list.has-four-column li {

        width: 100%;

        padding: 0 10px;

    }

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

    .filters-column.mobile-full {

        width: 100%;

        margin: 0 0 20px 0;

    }

    .filters-column.mobile-half {

        margin: 0 0 20px 0;

        width: calc(50% - 10px);

    }

    .filter-form {

        justify-content: space-between;

    }

    .filter-form input {

        width: 100%;

    }

    .button-block.oppData ul.value-listing {

        width: 100%;

        margin-bottom: 10px;

    }

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

    .faq-top-part ul {

        width: 100%;

        margin: 0;

    }

    .gen-cms-page .faq-top-part ul li {

        width: 100%;

        margin:0 0 15px 0;

    }

}

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

    #wrapper.dashboard {

        max-width: 1920px;

        margin: 0 auto;

        position: relative;

        overflow: hidden;

        background-color: #fff;

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

    }

}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {

    .services ul {

        width: calc(100% + 30px);

        width: -o-calc(100% + 30px);

        width: -ms-calc(100% + 30px);

        width: -moz-calc(100% + 30px);

        width: -webkit-calc(100% + 30px);

    }

}



.login-caption1 ul li {

    font-size: 16px;

    color: #000;

    padding: 0 0 8px 30px;

    position: relative;

    margin-bottom: 8px;

    line-height: normal;

}

.login-caption1 ul li:before {

    content: '';

    width: 16px;

    height: 13px;

    background-image: url(../../../img/apptype/Cubex/mark.svg);

    position: absolute;

    left: 0;

    top: 7px;

    background-size: 100% auto;

    background-repeat: no-repeat;

    filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);

    -webkit-filter: invert(62%) sepia(70%) saturate(2319%) hue-rotate(48deg) brightness(94%) contrast(102%);

}







/*CSS By PJ */

.reqDocs .profile-earning-inner h2{

    font-size: 1.5em;

    margin: 10px 0 35px 0;

}



.page-contant-inner.address-holder{

    background: #dfdfdf;

    padding: 1%;

} 

.page-contant-inner.address-holder a {

    color: #222;

}   

.page-contant-inner.address-holder select{    padding: 5px;

    margin-right: 5px;}

/* End CSS By PJ */



.gen-btn.xs-small-btn {

    font-size: 13px;

    padding: 10px 15px;

}



.booking-request .general-form .form-group select {

    padding: 14px 26px 15px 16px;

}

/************new-box*******************/

.custom-modal-first-div.active {

    opacity: 1;

    visibility: visible;

}



.custom-modal-first-div {

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

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    visibility: hidden;

    transition:0.3s ease 0s;

    -webkit-transition:0.3s ease 0s;

    -moz-transition:0.3s ease 0s;

    -ms-transition:0.3s ease 0s;

    -o-transition:0.3s ease 0s;

    z-index: 1050;

    padding: 15px;

}



.custom-modal-sec-div {

    width: 580px;

    max-width: calc(100% - 0px);

    max-width: -o-calc(100% - 0px);

    max-width: -ms-calc(100% - 0px);

    max-width: -moz-calc(100% - 0px);

    max-width: -webkit-calc(100% - 0px);

    background-color: #fff;

    border-radius: 4px;

    position: relative;

    top: -50px;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -ms-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

}

h4.custom-modal-title  {

    margin: 0;

    font-size: 18px;

    color: #fff;

    line-height: normal;

}

.custom-modal-first-div.active .custom-modal-sec-div {

    top: 0;

}

.custom-model-header {

    padding: 20px 25px;

    background-color: #000;

    display: flex;

    justify-content: space-between;

    border-radius: 4px 4px 0 0;

}



.custom-modal-title h4 {

    margin: 0;

    font-size: 18px;

    color: #fff;

    line-height: normal;

}



.icon-close{color: #fff;

    font-size: 15px;

    cursor: pointer;

    width: 25px;

    height: 25px;

    display: flex;

    justify-content: center;

    align-items: center;}



.custom-model-body {

    padding: 20px 25px;

}



.custom-model-footer {

    padding: 0 25px;

    justify-content: flex-start;

    background-color: transparent;

    border: none;

}

.button-block {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;

    flex-wrap: wrap;

    box-sizing: border-box;

    width: 100%;

}



.button-block.btn-flex-start {

    justify-content: flex-start;

}

.button-block.btn-flex-start .btn {

    margin-right:10px;

}



.custom-modal-sucbtn,.custom-modal-negbtn,.custom-modal-genbtn {

    padding: 12px 25px 12px 25px;

    background-color:#000;

    display: inline-flex;

    align-items: center;

    color: #fff;

    text-transform: unset;

    text-decoration: none;

    white-space: nowrap;

    font-size: 17px;

    font-weight: 400;

    letter-spacing: 0.3px;

    outline: none;

    text-decoration: none;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    text-transform: capitalize;

    font-family: 'poppins';

}

.custom-modal-genbtn{

    background-color:#000;

}

/************new-box-end*******************/

.clearfix {

    width: 100%;

    display: block;

    clear: both;

}