@font-face {
    font-family: gt-america;
    src: url(../fonts/GT-America-Standard-Regular.html) format("woff2"), url(../fonts/GT-America-Standard-Regular.woff) format("woff");
    font-style: normal;
    font-weight: 400
}
a{
    text-decoration: none !important;
}

@font-face {
    font-family: gt-america;
    src: url(../fonts/GT-America-Standard-Regular-Italic.html) format("woff2"), url(../fonts/GT-America-Standard-Regular-Italic.woff) format("woff");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: gt-america;
    src: url(../fonts/GT-America-Standard-Medium.html) format("woff2"), url(../fonts/GT-America-Standard-Medium.woff) format("woff");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: gt-america;
    src: url(../fonts/GT-America-Standard-Bold.html) format("woff2"), url(../fonts/GT-America-Standard-Bold.woff) format("woff");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: gt-america-ext;
    src: url(../fonts/GT-America-Extended-Bold.html) format("woff2"), url(../fonts/GT-America-Extended-Bold.woff) format("woff");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: gt-america-con;
    src: url(../fonts/GT-America-Condensed-Bold.html) format("woff2"), url(../fonts/GT-America-Condensed-Bold.woff) format("woff");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: gt-america-mono;
    src: url(../fonts/GT-America-Mono-Regular.html) format("woff2"), url(../fonts/GT-America-Mono-Regular.woff) format("woff");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: gt-america-mono;
    src: url(../fonts/GT-America-Mono-Medium.html) format("woff2"), url(../fonts/GT-America-Mono-Medium-2.html) format("woff");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: roboto;
    src: url(../fonts/roboto-medium.html) format("woff2"), url(../fonts/roboto-medium.woff) format("woff");
    font-style: normal;
    font-weight: 500
}

:root {
    --width: 1588px
}

@media (max-width:1719px) {
    :root {
        --width: 1552px
    }
}

@media (max-width:1679px) {
    :root {
        --width: 1312px
    }
}

@media (max-width:1439px) {
    :root {
        --width: 1088px
    }
}

@media (max-width:1439px) {
    :root {
        --width: 1088px
    }
}

@media (max-width:1199px) {
    :root {
        --width: 704px
    }
}

@media (max-width:767px) {
    :root {
        --width: 240px
    }
}

:root {
    --col: 6.48615%
}

@media (max-width:1719px) {
    :root {
        --col: 6.44329%
    }
}

@media (max-width:1679px) {
    :root {
        --col: 6.09756%
    }
}

@media (max-width:1439px) {
    :root {
        --col: 7.35294%
    }
}

@media (max-width:1199px) {
    :root {
        --col: 12.92614%
    }
}

@media (max-width:767px) {
    :root {
        --col: 20.58824%
    }
}

:root {
    --space: 32px
}

@media (max-width:767px) {
    :root {
        --space: 16px
    }
}

@media (max-width:1199px) {
    :root {
        --side-padding: 32px
    }
}

@media (max-width:767px) {
    :root {
        --side-padding: 24px
    }
}

:root {
    --addedNumbForColWidth: 0px
}

button,
input {
    border: none
}

button:focus,
input:focus {
    outline: 0
}

button {
    cursor: pointer
}

.touchevents a,
.touchevents button,
.touchevents input[type=checkbox],
.touchevents input[type=radio],
.touchevents label {
    touch-action: manipulation
}

input[type=checkbox],
input[type=file],
input[type=radio] {
    display: none
}

a {
    text-decoration: none
}

p {
    margin: 0
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.clearfix:after {
    content: "";
    display: table;
    width: 100%;
    font-size: 0;
    line-height: 0;
    clear: both
}

html {
    font-size: 16px
}

@media all and (max-width:320px) {

    body,
    html {
        min-width: 320px
    }
}

body {
    position: relative;
    max-width: 100%;
    max-width: 100vw;
    padding-top: 56px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: gt-america
}

@media (max-width:767px) {
    body {
        padding-top: 45px
    }
}

body.is-thread {
    padding-top: 0
}

body.overlay-open,
html.overlay-open {
    overflow: hidden;
    height: var(--app-height)
}

.touchevents,
.touchevents * {
    -webkit-tap-highlight-color: transparent
}

table {
    border-collapse: collapse
}

.grecaptcha-badge {
    display: none
}

::-webkit-input-placeholder {
    font-size: 15px;
    color: #8e949a
}

::-moz-placeholder {
    font-size: 15px;
    color: #8e949a
}

::-ms-input-placeholder {
    font-size: 15px;
    color: #8e949a
}

:-ms-input-placeholder {
    font-size: 15px;
    color: #8e949a
}

::placeholder {
    font-size: 15px;
    color: #8e949a
}

:focus::-webkit-input-placeholder {
    color: transparent !important
}

:focus::-moz-placeholder {
    color: transparent !important
}

:focus::-ms-input-placeholder {
    color: transparent !important
}

:focus:-ms-input-placeholder {
    color: transparent !important
}

:focus::placeholder {
    color: transparent !important
}

.accord {
    position: relative;
    border-top: 1px solid #484c51
}

.accord:first-child {
    border-top: none
}

.accord:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 22px;
    width: 100%;
    background-color: #fff
}

.accord--filters {
    border-top-color: #dee0e2
}

.mdl .accord--type-1:last-child {
    margin-bottom: -22px
}

.accord__head {
    position: relative;
    cursor: pointer;
    z-index: 10
}

.accord__head:before {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    width: 22px;
    height: 11px;
    background-size: contain;
    background: url(../images/icon-accord-arrow.svg) 0 0 no-repeat;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:1199px) {
    .accord__head:before {
        right: 0
    }
}

.accord__head.active:before {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.accord--type-1 .accord__head {
    padding-top: 22px;
    padding-bottom: 22px;
    -webkit-transition: padding-bottom .3s;
    transition: padding-bottom .3s
}

.accord--type-1 .accord__head.active {
    padding-bottom: 14px
}

.accord--type-1 .accord__head:before {
    right: 10px;
    top: 32px
}

.accord__body {
    display: none
}

.accord--filters .accord__body {
    position: relative;
    padding-bottom: 32px
}

.accord--type-1 .accord__body {
    padding-bottom: 22px
}

.accord.active .accord__body {
    display: block
}

.added-photos {
    position: relative;
    margin-right: -8px;
    margin-bottom: -8px;
    width: calc(100% + 8px);
    padding-left: calc(49.7348% + 8px);
    font-size: 0;
    line-height: 0
}

@media (max-width:1919px) {
    .added-photos {
        padding-left: calc(48.7069% + 12px)
    }
}

@media (max-width:1679px) {
    .added-photos {
        padding-left: calc(48.55% + 11px)
    }
}

@media (max-width:1439px) {
    .added-photos {
        padding-left: calc(48.1707% + 11px)
    }
}

@media (max-width:1199px) {
    .added-photos {
        padding-left: calc(48.1967% + 11px)
    }
}

@media (max-width:767px) {
    .added-photos {
        margin-top: -8px;
        margin-right: -8px;
        margin-left: -8px;
        width: calc(100% + 48px);
        padding-left: 0
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .no-touchevents .added-photos {
        padding-left: calc(48.1967% + 11px)
    }
}

.added-photos__img-wrap {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.added-photos__img-wrap::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.added-photos__img-wrap img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:767px) {
    .added-photos__img-wrap {
        width: calc(50% - 16px) !important
    }

    .added-photos__img-wrap:nth-child(5) {
        display: none
    }
}

.added-photos__img-wrap--big {
    position: absolute !important;
    left: 0;
    top: 8px;
    width: 49.2647%
}

@media (max-width:1919px) and (min-width:1680px) {
    .added-photos__img-wrap--big {
        width: 48.7069%;
        position: relative
    }

    .added-photos__img-wrap--big::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(302 / 452 * 100%)
    }

    .added-photos__img-wrap--big img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

@media (max-width:1679px) and (min-width:1440px) {
    .added-photos__img-wrap--big {
        width: 48.4375%;
        position: relative
    }

    .added-photos__img-wrap--big::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(248 / 372 * 100%)
    }

    .added-photos__img-wrap--big img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

@media (max-width:1439px) and (min-width:1200px) {
    .added-photos__img-wrap--big {
        width: 48.1707%;
        position: relative
    }

    .added-photos__img-wrap--big::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(214 / 316 * 100%)
    }

    .added-photos__img-wrap--big img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .added-photos__img-wrap--big {
        width: 48.1967%;
        position: relative
    }

    .added-photos__img-wrap--big::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(200 / 294 * 100%)
    }

    .added-photos__img-wrap--big img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

@media (max-width:767px) {
    .added-photos__img-wrap--big {
        position: relative !important;
        top: 0;
        margin: 8px
    }
}

.added-photos__img-wrap--small {
    margin: 8px;
    width: 222px;
    width: 46.6244%
}

@media (max-width:1919px) and (min-width:1680px) {
    .added-photos__img-wrap--small {
        width: 46.55%;
        position: relative
    }

    .added-photos__img-wrap--small::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(143 / 218 * 100%)
    }

    .added-photos__img-wrap--small img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

@media (max-width:1679px) and (min-width:1440px) {
    .added-photos__img-wrap--small {
        width: 45.8%;
        position: relative
    }

    .added-photos__img-wrap--small::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(116 / 178 * 100%)
    }

    .added-photos__img-wrap--small img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

@media (max-width:1439px) and (min-width:1200px) {
    .added-photos__img-wrap--small {
        width: 45.1807%;
        position: relative
    }

    .added-photos__img-wrap--small::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(99 / 150 * 100%)
    }

    .added-photos__img-wrap--small img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .added-photos__img-wrap--small {
        width: 44.6602%;
        position: relative
    }

    .added-photos__img-wrap--small::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(92 / 138 * 100%)
    }

    .added-photos__img-wrap--small img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

@media (max-width:1439px) and (min-width:1200px) {
    .no-touchevents .added-photos__img-wrap--small {
        width: 45.1%
    }
}

.added-photos__img {
    display: block
}

.added-photos__numbs {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    color: #fff
}

@media (max-width:1199px) {
    .added-photos__numbs {
        font-size: 36px;
        line-height: 44px
    }
}

@media (max-width:767px) {
    .added-photos__numbs {
        font-size: 34px;
        line-height: 42px
    }
}

.additional-details {
    padding: 28px 16px;
    border-radius: 5px;
    background-color: #f4f6f8;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .additional-details {
        display: table;
        width: 100%;
        padding: 0
    }
}

.additional-details__item {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width:767px) {
    .additional-details__item {
        display: table-row
    }
}

@media (max-width:767px) {
    .additional-details__item:first-child {
        padding-top: 20px
    }
}

@media (max-width:767px) {
    .additional-details__item:last-child {
        padding-bottom: 32px
    }
}

.additional-details__label {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media (max-width:767px) {
    .additional-details__label {
        display: table-cell;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width:767px) {
    .additional-details__label {
        padding-left: 24px
    }
}

.additional-details__value {
    font-size: 20px;
    line-height: 32px;
    color: #484c51
}

@media (max-width:767px) {
    .additional-details__value {
        display: table-cell;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width:767px) {
    .additional-details__value {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:767px) {

    .additional-details__item:first-child .additional-details__label,
    .additional-details__item:first-child .additional-details__value {
        padding-top: 20px
    }
}

@media (max-width:767px) {

    .additional-details__item:last-child .additional-details__label,
    .additional-details__item:last-child .additional-details__value {
        padding-bottom: 32px
    }
}

.additional-photos-numbs {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    color: #fff
}

.additional-photos-numbs--over {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0
}

.additional-photos-numbs--review {
    font-size: 32px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .25)), to(rgba(0, 0, 0, .25)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25))
}

.airport-list {
    position: relative
}

.alert-dot {
    display: none;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #00d3a1
}

.alert-dot.is-alert {
    display: block
}

.available-to-members {
    cursor: pointer;
    padding: 14px 32px 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid #c8cacb;
    border-radius: 5px
}

@media (max-width:1919px) {
    .available-to-members {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:1199px) {
    .available-to-members {
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .available-to-members {
        padding: 0;
        border: none;
        -webkit-box-pack: start;
        justify-content: flex-start
    }
}

.available-to-members__label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #090a0b
}

.available-to-members__clubs-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .available-to-members__clubs-wrap {
        margin-left: 16px
    }
}

.available-to-members__club {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .22);
    box-shadow: 0 0 8px rgba(0, 0, 0, .22)
}

.available-to-members__club.active {
    display: -webkit-box;
    display: flex
}

.available-to-members__club~.available-to-members__club {
    margin-left: 8px
}

.available-to-members__club--more {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    background-color: #010101;
    color: #fff
}

.badge {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 4px 8px 5px;
    font-family: gt-america-mono;
    font-size: 16px;
    line-height: 20px;
    border-radius: 3px;
    color: #fff;
    background-color: #090a0b
}

.badge--neutral {
    background-color: #8e949a
}

.badge--warning {
    color: #090a0b;
    background-color: #fffdb8
}

.badge--pending {
    color: #090a0b;
    background-color: #fdfaba
}

.badge--success {
    color: #fff;
    background-color: #0c9
}

.badge--edit-car-top {
    margin-right: 32px
}

.badge--car-img {
    z-index: 20;
    position: absolute;
    bottom: 16px;
    left: 16px;
    padding-top: 3px;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 2px
}

@media (max-width:767px) {
    .badge--car-img {
        bottom: 8px;
        left: 8px
    }
}

.badge--light-dot {
    background-color: #fff;
    color: #090a0b
}

.badge--light-dot:before {
    content: "";
    display: block;
    margin-right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d10000
}

.badge--slide-note {
    opacity: 0;
    pointer-events: none;
    cursor: auto;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    top: 64px;
    bottom: auto;
    left: 0
}

@media (max-width:1919px) {
    .badge--slide-note {
        left: 64px
    }
}

@media (max-width:1199px) {
    .badge--slide-note {
        top: 24px;
        left: 24px
    }
}

.badge--slide-note.active {
    opacity: 1;
    pointer-events: initial;
    cursor: pointer
}

.edit-img-small__img-wrap .badge,
.review__img .badge {
    display: none
}

.edit-img-small__img-wrap:first-child .badge,
.review__img:first-child .badge {
    display: block
}

.banner {
    display: none;
    position: relative;
    min-height: 72px;
    padding: 21px 24px 21px 56px;
    -webkit-box-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    border-radius: 8px
}

.banner.active {
    display: -webkit-box;
    display: flex
}

@media (max-width:767px) {
    .banner {
        min-height: 0;
        padding: 16px 16px 16px 48px
    }
}

.banner--alert {
    background-color: #ffe2e0
}

.banner--complete {
    color: #090a0b;
    background: #d6fff5
}

.banner--complete--color-success {
    color: #0c9
}

.banner--notify {
    background-color: #d6f5ff
}

.banner--neutral {
    background-color: #f4f6f8
}

.banner--warning {
    background-color: #fffdb8
}

.banner--warning-2 {
    background-color: #fdfaba
}

.banner--btn-cross,
.banner--btn-cross-icon {
    padding-right: 80px
}

@media (max-width:767px) {

    .banner--btn-cross,
    .banner--btn-cross-icon {
        padding-right: 48px
    }
}

@media (max-width:767px) {
    .banner--s-no-icon {
        padding-left: 16px
    }
}

.banner--btn {
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .banner--btn {
        min-height: 64px;
        padding-top: 4px;
        padding-bottom: 4px
    }
}

@media (max-width:1199px) {
    .banner--m-btn {
        min-height: 64px;
        padding-top: 12px;
        padding-bottom: 12px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .banner--m-btn {
        padding-top: 8px;
        padding-bottom: 16px
    }
}

.banner--my-garage-edit {
    margin-top: 32px
}

@media (max-width:1919px) {
    .banner--my-garage-edit {
        margin-top: 40px
    }
}

@media (max-width:767px) {
    .banner--my-garage-edit {
        margin-top: 32px
    }
}

.banner--before-trip-approval {
    max-width: 748px
}

@media (max-width:1439px) {
    .banner--before-trip-approval {
        max-width: 700px
    }
}

@media (max-width:1199px) {
    .banner--before-trip-approval {
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

@media (max-width:767px) {
    .banner--before-trip-approval {
        max-width: none;
        width: 100%
    }
}

.banner span {
    display: inline-block
}

.banner span:not(:last-child) {
    margin-right: 16px
}

.banner strong {
    font-weight: 500
}

.banner--invitation-to-drive {
    margin-top: 64px;
    margin-bottom: 56px
}

.banner__icon,
.banner__icon-wrap {
    position: absolute;
    top: 24px;
    left: 24px
}

@media (max-width:767px) {

    .banner__icon,
    .banner__icon-wrap {
        top: 16px;
        left: 16px
    }
}

@media (max-width:767px) {

    .banner--s-no-icon .banner__icon,
    .banner--s-no-icon .banner__icon-wrap {
        display: none
    }
}

@media (max-width:767px) {

    .banner--btn .banner__icon,
    .banner--btn .banner__icon-wrap {
        top: 20px
    }
}

@media (max-width:1199px) {

    .banner--m-btn .banner__icon,
    .banner--m-btn .banner__icon-wrap {
        top: 20px
    }
}

@media (max-width:767px) {

    .banner--m-btn .banner__icon,
    .banner--m-btn .banner__icon-wrap {
        top: 16px
    }
}

.banner__btn {
    padding: 0;
    text-decoration: underline;
    background-color: transparent;
    color: currentColor
}

.banner__cross {
    position: absolute;
    top: 20px;
    right: 24px;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #090a0b;
    background-color: transparent
}

@media (max-width:767px) {
    .banner__cross {
        top: 14px;
        right: 8px
    }
}

.banner__cross:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    background: url(../images/icon-close-16.html)
}

.banner--btn-cross-icon .banner__cross {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .banner--btn-cross-icon .banner__cross {
        top: 8px;
        right: 8px
    }
}

.banner--btn-cross-icon .banner__cross:after,
.banner--btn-cross-icon .banner__cross:before {
    display: none
}

@media (max-width:767px) {
    .banner--btn .banner__cross {
        top: 8px
    }
}

.banner--btn .banner__txt {
    margin-right: 32px;
    padding-top: 16px;
    padding-bottom: 8px
}

@media (max-width:767px) {
    .banner--btn .banner__txt {
        padding-top: 12px
    }
}

@media (max-width:1199px) {
    .banner--m-btn .banner__txt {
        margin-right: 32px;
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media (max-width:767px) {
    .banner--m-btn .banner__txt {
        margin-right: 16px
    }
}

.banner__txt-strong {
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 24px
}

.banner__txt-strong strong {
    display: inline-block
}

.banner__btn-group {
    margin: 0 -8px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.banner--notify .banner__icon-wrap {
    color: #007bb3
}

.banner--notify .banner__icon-wrap .icon {
    fill: #007bb3
}

.banner--alert .banner__icon-wrap {
    color: #d10000
}

.banner--alert .banner__icon-wrap .icon {
    fill: #d10000
}

.banner-list--book-top {
    margin-top: -24px;
    padding-bottom: 32px
}

@media (max-width:1199px) {
    .banner-list--book-top {
        margin-top: 0
    }
}

.banner-list__item+.banner-list__item {
    margin-top: 8px
}

.book-gift-card-info__balance-row {
    padding-left: 36px
}

.book-info {
    position: relative;
    padding: 24px;
    border: 1px solid #dee0e2;
    border-radius: 5px
}

@media (max-width:1199px) {
    .book-info {
        padding-bottom: 32px
    }
}

@media (max-width:767px) {
    .book-info {
        padding: 15px 15px 32px
    }
}

.book-info--primary-driver-empty {
    padding-bottom: 0 !important
}

.book-info--complete {
    padding-left: 32px;
    padding-right: 32px
}

@media (max-width:1199px) {
    .book-info--complete {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 24px
    }
}

@media (max-width:767px) {
    .book-info--complete {
        padding: 15px
    }
}

.book-info+.book-info {
    margin-top: 16px
}

.book-top-info+.book-info {
    margin-top: 24px
}

.book-info__title {
    font-family: gt-america;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

@media (max-width:1199px) {
    .book-info__title {
        font-size: 18px;
        line-height: 26px
    }
}

.book-info__txt {
    padding-top: 8px
}

.book-info__txt p+p {
    padding-top: 8px
}

.book-info__btn {
    position: absolute;
    right: 16px;
    top: 16px;
    padding: 8px !important
}

@media (max-width:767px) {
    .book-info__btn {
        top: 12px;
        right: 8px
    }
}

.book-info__user-promo {
    margin-top: -24px;
    margin-left: -24px;
    margin-right: -24px;
    padding: 21px 23px;
    border-radius: 5px 5px 0 0;
    background-color: #f4f6f8
}

@media (max-width:767px) {
    .book-info__user-promo {
        margin-top: -15px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 17px 15px
    }
}

.book-location {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

.book-location__location {
    width: 100%
}

.book-location__location-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.book-location__location-type {
    margin-top: 4px;
    font-size: 16px;
    line-height: 26px
}

.book-location__price {
    margin-left: 32px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    white-space: nowrap
}

.book-location__field-choice {
    margin-top: 20px;
    width: 81.749%
}

@media (max-width:767px) {
    .book-location__field-choice {
        width: 100%
    }
}

.book-location__field-btn {
    display: block
}

.book-location__field-choice {
    display: none !important
}

.book-location-list__item.active .book-location__field-btn {
    display: none
}

.book-location-list__item.active .book-location__field-choice {
    display: block !important
}

.book-location-list__item {
    cursor: pointer;
    padding-top: 23px;
    padding-bottom: 23px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.book-location-list__item+.book-location-list__item {
    border-top: 1px solid #dee0e2
}

.book-location-list__item.disabled {
    pointer-events: none;
    cursor: auto
}

.book-location-list--edit-vehicle .book-location-list__item {
    -webkit-box-align: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px
}

.book-location-list__item-info {
    margin-left: 16px;
    width: 100%
}

.book-location-list--edit-vehicle .book-location-list__item-info {
    margin-left: 24px
}

@media (max-width:767px) {
    .book-location-list--edit-vehicle .book-location-list__item-info {
        margin-left: 16px
    }
}

.book-location-list .book-location-list__item.disabled .book-location-list__item-info {
    margin-left: 48px
}

@media (max-width:767px) {
    .book-location-list .book-location-list__item.disabled .book-location-list__item-info {
        margin-left: 40px
    }
}

.book-location-list--edit-vehicle .book-location-list__item-info {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .book-location-list--edit-vehicle .book-location-list__item-info {
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .book-location-list--edit-vehicle .book-location-list__item__description {
        display: contents
    }
}

.book-location-list--edit-vehicle .book-location-list__item__img-wrap {
    margin-right: 24px;
    margin-top: 8px;
    margin-bottom: 8px;
    max-width: 110px;
    min-width: 110px;
    height: 82px;
    position: relative
}

.book-location-list--edit-vehicle .book-location-list__item__img-wrap::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(82 / 110 * 100%)
}

.book-location-list--edit-vehicle .book-location-list__item__img-wrap img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:767px) {
    .book-location-list--edit-vehicle .book-location-list__item__img-wrap {
        margin-right: 16px
    }
}

.book-location-list--edit-vehicle .book-location-list__item__img-wrap img {
    border-radius: 5px
}

.book-location-list--edit-vehicle .book-location-list__item__title {
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    word-break: break-word
}

@media (max-width:767px) {
    .book-location-list--edit-vehicle .book-location-list__item__title {
        max-width: calc(100% - 126px);
        min-height: 96px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center
    }
}

.book-location-list--edit-vehicle .book-location-list__item__txt {
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:767px) {
    .book-location-list--edit-vehicle .book-location-list__item__txt {
        width: 100%;
        padding-bottom: 0
    }
}

.book-price-table {
    overflow: hidden;
    padding: calc(8px + 16px);
    border-radius: 5px;
    background-color: #eaf9ff
}

@media (max-width:767px) {
    .book-price-table {
        padding: 16px
    }
}

.book-price-table table {
    width: 100%
}

.book-price-table table td {
    padding-bottom: 0
}

.book-price-table table td:last-child {
    text-align: right
}

.book-price-table table tr:not(:first-child):not(.book-price-table__top-line-row):not(.book-price-table__row-accent) td {
    padding-top: 4px
}

.book-price-table table tr.book-price-table__row-accent td,
.book-price-table table tr.book-price-table__row-accent+tr:not(.book-price-table__top-line-row) td {
    padding-top: 8px !important
}

.book-price-table__top-line-row td {
    position: relative;
    padding-top: 28px
}

.book-price-table__top-line-row td:before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dee0e2
}

.book-top-info {
    position: relative;
    min-height: 92px;
    padding-left: calc(137px + 16px)
}

@media (max-width:767px) {
    .book-top-info {
        padding-left: 0
    }
}

@media (min-width:768px) {
    .book-top-info__img {
        position: absolute !important;
        left: 0;
        top: 0
    }
}

.book-top-info__img {
    min-width: 137px;
    width: 137px;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width:767px) {
    .book-top-info__img {
        min-width: 80px;
        width: 80px
    }
}

.book-top-info__data {
    padding-top: 8px
}

@media (max-width:767px) {
    .book-top-info__data {
        margin-top: 16px;
        padding-top: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .book-top-info__data__top {
        margin-left: 12px;
        width: calc(100% - 80px - 12px)
    }
}

.book-top-info__data__bottom {
    padding-top: 8px
}

@media (min-width:768px) {
    .book-top-info__data__bottom {
        display: block !important
    }
}

@media (max-width:767px) {
    .book-top-info__data__bottom {
        display: none;
        margin-top: 4px;
        width: 100%;
        padding-top: 0;
        padding-bottom: 4px
    }
}

.book-top-info__data p+p {
    padding-top: 8px
}

@media (max-width:767px) {
    .book-top-info__data p+p {
        padding-top: 0
    }
}

[class^=btn] {
    font-family: gt-america
}

.btn {
    position: relative;
    font-family: gt-america;
    font-weight: 500
}

.btn--state-line {
    margin-left: 24px
}

@media (max-width:1199px) {
    .btn--state-line {
        margin-left: 20px
    }
}

@media (max-width:767px) {
    .btn--state-line {
        margin-left: 32px
    }
}

.btn__icon-wrap:first-child {
    margin-right: 8px
}

.btn__icon-wrap:last-child {
    margin-left: 8px
}

.btn__icon-wrap:only-child {
    margin-left: 0;
    margin-right: 0
}

.btn-primary {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    justify-self: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    min-height: 48px;
    padding: 11px 22px;
    font-size: 15px;
    line-height: 22px;
    border: 2px solid #007bb3;
    border-radius: 24px;
    background-color: #007bb3;
    color: #fff;
    font-weight: 500;
    -webkit-transition: all .2s;
    transition: all .2s
}

.btn-primary:hover {
    border-color: #0089c7;
    background-color: #0089c7
}

.btn-primary.disabled,
.btn-primary:disabled {
    pointer-events: none;
    cursor: auto;
    border-color: #c8cacb !important;
    background-color: #c8cacb !important
}

.btn-primary--small {
    min-height: 40px;
    padding: 5px 16px;
    font-size: 14px;
    line-height: 22px
}

.btn-primary--medium {
    min-height: 56px;
    padding: 15px 30px;
    border-radius: 28px;
    font-size: 16px
}

@media (max-width:767px) {
    .btn-primary--medium {
        min-height: 48px;
        padding: 11px 22px;
        font-size: 15px;
        line-height: 22px
    }
}

.btn-primary--large {
    min-height: 64px;
    padding: 18px 30px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 24px
}

@media (max-width:767px) {
    .btn-primary--large {
        min-height: 48px;
        padding: 10px 24px;
        border-radius: 24px
    }
}

@media (max-width:767px) {
    .btn-primary--s-default {
        min-height: 48px;
        padding: 11px 22px;
        font-size: 15px;
        line-height: 22px
    }
}

@media all and (max-width:1199px) {
    .btn-primary--m-small {
        min-height: 40px;
        padding: 5px 16px;
        font-size: 14px;
        line-height: 22px
    }
}

@media all and (max-width:767px) {
    .btn-primary--s-small {
        min-height: 40px;
        padding: 5px 16px;
        font-size: 14px;
        line-height: 22px
    }
}

@media all and (max-width:767px) {
    .btn-primary--s-medium {
        min-height: 56px;
        padding: 15px 30px;
        border-radius: 28px
    }
}

.btn-primary--outline {
    border-color: #007bb3;
    color: #007bb3;
    background-color: #fff
}

.btn-primary--outline:hover {
    border-color: #007bb3;
    color: #fff;
    background-color: #007bb3
}

.btn-primary--tertiary {
    border-color: #dee0e2;
    color: #090a0b;
    font-weight: 500;
    background-color: transparent
}

.btn-primary--tertiary:hover {
    border-color: #dee0e2;
    color: #090a0b;
    background-color: transparent
}

.btn-primary--neutral {
    border-color: #f4f6f8;
    background-color: #f4f6f8;
    color: #090a0b
}

.btn-primary--neutral:hover {
    border-color: #dee0e2;
    background-color: #dee0e2
}

.btn-primary--transparent {
    border-color: transparent;
    background-color: transparent;
    color: #090a0b
}

.btn-primary--transparent:hover {
    border-color: transparent;
    background-color: transparent
}

.btn-primary--light {
    border-color: #fff !important;
    background-color: #fff;
    color: #007bb3
}

.btn-primary--light:hover {
    border-color: #fff;
    background-color: #007bb3;
    color: #fff
}

.btn-primary--alert {
    border-color: #bd2d00;
    background-color: #bd2d00
}

.btn-primary--alert:hover {
    border-color: #ca5733;
    background-color: #ca5733
}

.btn-primary--dark {
    background-color: #090a0b !important;
    border-color: #090a0b !important
}

.btn-primary--dark:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)) !important;
    background: linear-gradient(to top, #fff 0, #fff 100%) !important;
    background-color: #fff !important;
    color: #090a0b
}

.btn-primary--dark--gray:hover {
    border-color: #484c51 !important;
    background: #484c51 !important;
    color: #fff
}

.btn-primary--outline-dark {
    background-color: transparent;
    color: #090a0b;
    border-color: #090a0b
}

.btn-primary--outline-dark:hover {
    border-color: #090a0b;
    background: #090a0b;
    color: #fff
}

.btn-primary--white {
    background-color: #fff;
    color: #090a0b;
    border-color: #090a0b
}

.btn-primary--white:hover {
    color: #fff;
    background-color: #090a0b;
    border-color: #090a0b
}

@media (max-width:1199px) {
    .btn-primary--m-txt {
        padding: 8px;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        border: none;
        color: #484c51;
        background-color: transparent
    }

    .btn-primary--m-txt.disabled,
    .btn-primary--m-txt:disabled {
        pointer-events: none;
        color: #8e949a
    }

    .btn-primary--m-txt:hover {
        background-color: transparent
    }
}

@media (max-width:767px) {
    .btn-primary--s-txt {
        padding: 8px;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        border: none;
        color: #484c51;
        background-color: transparent
    }

    .btn-primary--s-txt.disabled,
    .btn-primary--s-txt:disabled {
        pointer-events: none;
        color: #8e949a
    }

    .btn-primary--s-txt:hover {
        background-color: transparent
    }
}

@media (max-width:1199px) {
    .btn-primary--m-popup-bottom-fixed {
        margin-left: -8px
    }
}

@media (max-width:1199px) {
    .btn-primary--s-popup-bottom-fixed {
        margin-left: -8px
    }
}

.btn-primary--my-trips-filter {
    padding: 8px 15px;
    min-height: 40px;
    border-color: #b1b5b9 !important;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #484c51;
    border-radius: 5px;
    border-width: 1px;
    background-color: transparent !important
}

.btn-primary--main-search {
    margin-left: 16px
}

@media (max-width:1199px) {
    .btn-primary--main-search {
        margin-left: 8px
    }
}

@media (max-width:767px) {
    .btn-primary--main-search {
        display: none
    }
}

.btn-secondary {
    padding: 5px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    border: none;
    color: #007bb3;
    background-color: transparent;
    -webkit-transition: color .2s;
    transition: color .2s;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.btn-secondary:active,
.btn-secondary:hover {
    color: #0089c7
}

.btn-secondary--large {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 19px;
    line-height: 24px
}

@media all and (max-width:767px) {
    .btn-secondary--large {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        line-height: 22px
    }
}

.btn-secondary--form-item {
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 500;
    white-space: nowrap
}

.btn-secondary--light {
    color: #c8cacb
}

.btn-secondary--light:hover {
    color: #c8cacb
}

.btn-secondary--top-line {
    padding-right: 18px;
    padding-left: 18px;
    color: #090a0b
}

.btn-secondary--top-line:hover {
    color: #090a0b
}

@media (max-width:767px) {
    .btn-secondary--s-small {
        font-size: 15px
    }
}

.btn-secondary--my-review-complete {
    margin-top: -5px;
    margin-bottom: -5px;
    white-space: nowrap
}

.btn-tertiary {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    justify-self: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    min-height: 42px;
    padding: 9px 19px;
    font-size: 15px;
    line-height: 22px;
    border: 1px solid #c8cacb;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(9, 10, 11, .05);
    box-shadow: 0 1px 1px rgba(9, 10, 11, .05);
    color: #090a0b;
    font-weight: 500;
    -webkit-transition: all .2s;
    transition: all .2s
}

.btn-tertiary.disabled,
.btn-tertiary:disabled {
    pointer-events: none;
    cursor: auto;
    border-color: #c8cacb !important;
    background-color: #c8cacb !important
}

.btn-tertiary--brand {
    border-color: #007bb3;
    background-color: #007bb3;
    color: #fff;
    font-weight: 500
}

.btn-tertiary--brand:hover {
    border-color: #0089c7;
    background-color: #0089c7
}

.btn-specialized {
    padding: 4px 0;
    font-size: 14px;
    line-height: 23px;
    border: none;
    color: #007bb3;
    background-color: transparent
}

.btn-specialized:hover {
    color: #0089c7
}

.btn-no-bg {
    display: -webkit-inline-box;
    display: inline-flex;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: start;
    background: 0 0;
    color: #090a0b
}

.btn-no-bg:hover {
    color: #007bb3
}

.btn-no-bg--head {
    display: -webkit-box;
    display: flex;
    padding: 17px 16px 17px;
    color: #090a0b
}

@media (max-width:767px) {
    .btn-no-bg--head {
        padding: 0 10px
    }
}

.btn-no-bg__notification-alert-dot {
    z-index: 10;
    position: absolute;
    top: 3px;
    right: 4px
}

.btn-no-bg__user-alert-dot {
    z-index: 10;
    position: absolute;
    top: -2px;
    right: 8px
}

@media (min-width:768px) {
    .btn-no-bg__user-alert-dot {
        display: none !important
    }
}

.btn--last-in-row {
    margin-left: auto;
    margin-bottom: 16px
}

.ie-edge-11 .btn {
    overflow: visible
}

.btn--share-social-mdl {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    color: #090a0b
}

.btn--share-social-mdl:hover {
    color: #007bb3
}

.btn--airport {
    margin-top: auto;
    margin-bottom: 16px;
    margin-left: 24px;
    min-width: 78px
}

.btn--main-header-search {
    margin-left: 24px
}

@media (max-width:1199px) {
    .btn--main-header-search {
        margin-left: 16px
    }
}

@media (max-width:767px) {
    .btn--main-header-search {
        margin-left: 8px
    }
}

.btn--notification {
    position: relative;
    display: -webkit-box;
    display: flex;
    width: 32px;
    height: 32px;
    background: url(../images/icon-notification-full.svg) 50% 50% no-repeat
}

.btn--message {
    position: relative;
    display: -webkit-box;
    display: flex;
    width: 32px;
    height: 32px;
    background: url(../images/icon-inbox.svg) 50% 50% no-repeat
}

.btn--signup-1-0 {
    margin-left: 32px
}

@media (max-width:767px) {
    .btn--signup-1-0 {
        margin-left: 0
    }
}

.btn--redeem-gc {
    margin-left: 24px
}

@media (max-width:767px) {
    .btn--redeem-gc {
        margin-left: 0
    }
}

.btn--edit {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: transparent
}

.btn--edit:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22rgba(177, 181, 185, 1)%22%3E %3Cpath d=%22M17.643 1.92a3.138 3.138 0 114.438 4.437L7.102 21.336 1 23l1.664-6.102L17.643 1.919z%22 stroke=%22%22 stroke-width=%221.95%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");
    background-size: contain
}

.btn--viewing-my-vehicle-availability {
    margin-top: 16px;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center
}

.btn--reserve-a-car {
    margin-top: 48px;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff
}

@media (max-width:767px) {
    .btn--s-icon-message {
        width: 66px;
        height: 48px;
        font-size: 0;
        line-height: 0;
        border: none;
        border-radius: 32px;
        background-image: url(../images/icon-message.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 24px
    }
}

@media (max-width:767px) {
    .btn--public-vehicle-message {
        position: absolute;
        right: 0;
        top: 42px
    }
}

.btn--timepicker-cancel {
    display: none
}

@media (min-width:768px) {
    .btn--timepicker-cancel {
        padding-right: 16px;
        padding-left: 16px;
        border: none;
        background-color: transparent !important;
        color: #484c51
    }
}

@media (max-width:767px) {
    .btn--timepicker-cancel {
        display: -webkit-inline-box;
        display: inline-flex;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        margin-left: 8px;
        margin-right: 8px
    }
}

.btn--timepicker-cancel.active {
    display: -webkit-inline-box;
    display: inline-flex
}

@media (max-width:767px) {
    .btn--timepicker-cancel.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }
}

.btn--timepicker-set {
    margin-left: auto
}

@media (max-width:767px) {
    .btn--timepicker-set {
        margin-left: 8px;
        margin-right: 8px
    }
}

@media (max-width:1199px) {
    .btn--check-availability {
        display: none
    }
}

@media (max-width:767px) {
    .btn--check-availability {
        margin-top: 40px
    }
}

@media (max-width:1199px) {
    .btn--check-availability.active {
        display: -webkit-inline-box;
        display: inline-flex
    }
}

.btn--banner {
    margin: 8px;
    min-height: 40px;
    padding: 7px 20px;
    font-size: 14px;
    white-space: nowrap
}

.user-promo__dropdown .btn-primary {
    width: 100%;
    padding: 12px 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    border: none;
    color: #090a0b;
    background-color: transparent
}

.btn--main-header-search-toggle-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btn-share {
    padding: 0;
    font-family: gt-america;
    font-size: 20px;
    line-height: 32px;
    color: #090a0b;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.btn-share--edit-car-top {
    margin-right: 38px
}

.btn-delete {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    font-size: 17px;
    line-height: 27px;
    color: #484c51;
    background-color: transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.btn-delete--edit-car {
    padding-left: 20px
}

@media (max-width:1199px) {
    .btn-delete--edit-car {
        padding-left: 0
    }
}

.btn-icon {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent
}

.btn-icon--checkbox {
    margin-left: 16px
}

@media (max-width:1199px) {
    .btn-icon--checkbox {
        margin-left: 8px
    }
}

.btn-icon--tabs {
    right: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

.btn-icon--rental-types {
    display: none
}

@media (max-width:767px) {
    .btn-icon--rental-types {
        display: block;
        margin-left: 27px
    }
}

.btn-expand {
    position: relative;
    padding: 4px 24px 4px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #007bb3;
    background-color: transparent
}

.btn-expand--specific-trip-history {
    margin-top: 24px;
    margin-bottom: 8px
}

@media (max-width:1199px) {
    .btn-expand--specific-trip-history {
        margin-top: 20px;
        margin-bottom: 4px
    }
}

.btn-expand__icon {
    position: absolute;
    top: 8px;
    right: 0;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.btn-expand.active .btn-expand__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-expand__show-on-active {
    display: none
}

.btn-expand.active .btn-expand__show-on-active {
    display: inline
}

.btn-expand__hide-on-active {
    display: inline
}

.btn-expand.active .btn-expand__hide-on-active {
    display: none
}

.btn-expand>span {
    display: block
}

.btn-ellipsis {
    width: 32px;
    height: 32px;
    background: url(../images/ellipsis.svg) 0 0 no-repeat;
    border: none;
    outline: 0;
    border-radius: 50%
}

.btn-ellipsis--edit-airport {
    width: 40px;
    height: 40px
}

.btn-ellipsis--thread-user-mobile {
    background-color: #fff
}

.btn-txt-arrow {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 500;
    color: #007bb3
}

@media (max-width:767px) {
    .btn-txt-arrow {
        font-size: 15px
    }
}

.btn-txt-arrow:hover {
    color: #0089c7
}

.btn-txt-arrow .icon:first-child {
    margin-right: 8px
}

.btn-txt-arrow .icon:last-child {
    margin-left: 8px
}

.btn-txt-arrow--c-dark-2 {
    color: #484c51
}

.btn-txt-arrow--c-dark-2:hover {
    color: #090a0b
}

@media (max-width:1199px) {
    .btn-txt-arrow--m-small {
        font-size: 15px
    }
}

.btn-txt-arrow--book-top-info {
    margin-left: auto;
    margin-right: -6px;
    margin-top: 12px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 15px;
    line-height: 24px;
    background-color: transparent
}

.btn-txt-arrow--back-to-chats {
    padding: 8px 0;
    color: #484c51;
    background-color: transparent
}

@media (max-width:1199px) {
    .btn-txt-arrow--back-to-chats {
        display: none
    }
}

.btn-txt-arrow--back-to-chats:hover {
    color: #090a0b
}

.btn-show__default {
    display: block
}

.btn-show.active .btn-show__default {
    display: none
}

.btn-show__active {
    display: none
}

.btn-show.active .btn-show__active {
    display: block
}

.btn-show__icon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.btn-show.active .btn-show__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-group {
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .btn-group--under-checkbox:not(.btn-group--tb-s) {
        margin-top: -8px
    }
}

.btn-group--tb-s {
    padding-top: 8px;
    padding-bottom: 8px
}

.btn-group--center {
    -webkit-box-pack: center;
    justify-content: center
}

.btn-group--end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.btn-group--full-w {
    width: 100%
}

@media (max-width:1199px) {
    .btn-group--m-center {
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .btn-group--s-center {
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .btn-group--s-left {
        -webkit-box-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:567px) {
    .btn-group--xs-left {
        -webkit-box-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:567px) {
    .btn-group--xs-column-center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center
    }
}

@media (max-width:1199px) {
    .btn-group--m-popup-bottom-fixed {
        z-index: 100;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        padding: 8px 32px;
        border-top: 1px solid #dee0e2;
        background-color: #fff;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center
    }
}

@media (max-width:767px) {
    .btn-group--m-popup-bottom-fixed {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:767px) {
    .btn-group--s-popup-bottom-fixed {
        z-index: 100;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        padding: 8px 24px;
        border-top: 1px solid #dee0e2;
        background-color: #fff;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center
    }
}

.form--neg-outer>.btn-group {
    margin-left: 8px
}

.form--neg-outer.form--big>.btn-group {
    margin-left: 16px
}

.btn-group__item {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 32px
}

@media (max-width:767px) {
    .btn-group__item {
        margin-right: 24px
    }
}

.btn-group__item:last-child {
    margin-right: 0
}

.btn-group--space-m .btn-group__item {
    margin-right: 16px
}

.btn-group--space-m .btn-group__item:last-child {
    margin-right: 0
}

@media (max-width:767px) {
    .btn-group--s-center .btn-group__item {
        margin-left: 8px !important;
        margin-right: 8px !important
    }
}

@media (max-width:767px) {
    .btn-group--s-space-m .btn-group__item {
        margin-right: 16px
    }
}

@media (max-width:767px) {
    .btn-group--s-space-m .btn-group__item:last-child {
        margin-right: 0
    }
}

.btn-group__item--share-social-mdl {
    margin-right: 0;
    width: 50%;
    padding-top: 12px;
    padding-bottom: 12px
}

@media (max-width:567px) {
    .btn-group__item--share-social-mdl {
        width: 100%
    }
}

@media (max-width:567px) {
    .btn-group--xs-column-center .btn-group__item {
        margin-right: 0
    }
}

.user-promo__dropdown .btn-group {
    display: block;
    padding: 0
}

.user-promo__dropdown .btn-group__item {
    margin-right: 0;
    padding: 0
}

.user-promo__controls .btn-group {
    flex-wrap: nowrap
}

.btn-show-more {
    position: relative;
    padding: 4px 24px 4px 0;
    padding-right: 24px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #007bb3;
    background-color: transparent
}

.btn-show-more:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.btn-show-more__more {
    display: block
}

.btn-show-more__less {
    display: none
}

.btn-show-more .icon {
    position: absolute;
    right: 0;
    top: 8px;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.btn-show-more.active .btn-show-more__more {
    display: none
}

.btn-show-more.active .btn-show-more__less {
    display: block
}

.btn-show-more.active .icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.btn-show-more.invisible {
    display: none !important
}

.btn-txt {
    display: -webkit-inline-box;
    display: inline-flex;
    padding: 8px;
    font-size: 14px;
    line-height: 22px;
    font-family: gt-america, Arial, Helvetica, sans-serif;
    border: none;
    color: #484c51;
    background-color: transparent
}

.btn-txt.disabled,
.btn-txt:disabled {
    pointer-events: none;
    color: #8e949a
}

.btn-txt--filter-dropdown {
    margin-left: -8px
}

.btn-txt--filter-dropdown.disabled {
    pointer-events: all;
    color: #8e949a;
    cursor: auto
}

.btn-txt--filter-clear-mobile {
    display: none;
    position: absolute;
    padding: 8px;
    z-index: 12;
    top: 0;
    right: 48px;
    height: 64px
}

@media (min-width:768px) {
    .btn-txt--filter-clear-mobile {
        display: none !important
    }
}

.accord--filters.active .btn-txt--filter-clear-mobile {
    display: block
}

.btn-txt--m-popup-bottom-fixed {
    margin-left: -8px
}

.btn-txt--main-header-search-clear {
    margin-left: 24px
}

@media (max-width:1199px) {
    .btn-txt--main-header-search-clear {
        margin-left: 16px
    }
}

@media (max-width:767px) {
    .btn-txt--main-header-search-clear {
        margin-left: 8px
    }
}

.card {
    padding-bottom: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background-color: #fff
}

.card__data-events-icon:hover .card__tooltip {
    opacity: 1
}

.card__img {
    position: relative
}

.card__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.card__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.card__img img {
    overflow: hidden;
    border-radius: 5px
}

.card__icon-drag-dots {
    opacity: 0;
    cursor: move;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 10;
    width: 11px;
    height: 18px;
    color: #b1b5b9
}

.card:hover .card__icon-drag-dots {
    opacity: 1
}

.card__badge {
    z-index: 10;
    display: none;
    position: absolute;
    bottom: 12px;
    left: 12px;
    padding: 3px 8px 4px;
    font-size: 14px;
    line-height: 17px;
    font-family: gt-america-mono;
    border-radius: 2px;
    background-color: #090a0b;
    color: #fff
}

.card__badge.active {
    display: block
}

.card__badge--success {
    background-color: #00ad82
}

.card__badge--warning {
    color: #090a0b;
    background-color: #fffdb8
}

.card__badge--pending {
    color: #090a0b;
    background-color: #fdfaba
}

.card__badge--neutral {
    background-color: #8e949a
}

.card__icon-favorite {
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 48px;
    height: 48px;
    color: #090a0b;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.card__icon-favorite:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .8)
}

.card__icon-favorite .icon {
    position: relative
}

.card:not(.favorite) .card__icon-favorite .icon {
    fill: none !important
}

.card__clubs {
    position: absolute;
    z-index: 10;
    right: 12px;
    bottom: 12px;
    margin-left: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.card__clubs__item {
    overflow: hidden;
    position: relative;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .22);
    box-shadow: 0 0 8px rgba(0, 0, 0, .22);
    color: #fff;
    font-size: 12px;
    line-height: 24px
}

.card__clubs__item--num {
    background-color: #090a0b
}

.card__clubs__item+.card__clubs__item {
    margin-left: -17px
}

.card__clubs__item img {
    position: static;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: contain; object-position: center center"
}

.card__name {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #090a0b
}

.card__data {
    position: relative;
    margin-top: auto;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.card__data-location-large {
    margin-bottom: auto;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

.card__data-location {
    padding-right: 16px;
    font-size: 16px;
    line-height: 20px;
    font-family: gt-america-mono;
    color: #484c51;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.card__data-location-icon {
    margin-top: 2px;
    margin-right: 4px;
    fill: #484c51
}

.card__data-location span {
    display: block
}

.card__data-rating {
    margin-top: 20px;
    margin-left:280px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media(max-width:600px)
{
    .card__data-rating{
        margin-left:64px;    
    }
}

.card__data-rating-votes {
    margin-left: 14px;
    font-size: 18px;
    line-height: 28px;
    color: #090a0b
}

.card__data-events {
    position: absolute;
    right: 16px;
    bottom: -4px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.card__data-events-type {
    z-index: 10;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.card__data-events-icon {
    position: relative;
    display: none
}

.card__data-events-icon.active {
    display: block
}

.card__data-events-icon.active~.card__data-events-icon {
    margin-left: 24px
}

@media (max-width:1919px) {
    .card__data-events-icon.active~.card__data-events-icon {
        margin-left: 16px
    }
}

.card__data-price {
    margin-left: 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1919px) {
    .card__data-price {
        margin-left: auto
    }
}

@media (max-width:767px) {
    .card__data-price {
        margin-left: 24px
    }
}

.card__data-price-numb {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #090a0b
}

.card__data-price-period {
    margin-left: 8px;
    font-size: 20px;
    line-height: 32px;
    white-space: nowrap;
    color: #484c51
}

.card.favorite .card__icon-favorite,
.card:hover .card__icon-favorite {
    opacity: 1
}

.touchevents .card__icon-favorite {
    opacity: 1
}

@media (max-width:767px) {
    .card {
        padding-bottom: 32px
    }
}

.card--my-garage {
    cursor: pointer
}

.card--my-garage .card__name {
    font-size: 26px;
    line-height: 34px
}

.card--my-garage .card__data-location {
    font-size: 16px;
    line-height: 20px
}

.card--my-garage .card__data-location-icon {
    margin-top: 2px
}

.card--my-garage .card__data-rating {
    margin-top: 16px
}

.card--my-garage .card__data-price-numb {
    font-size: 22px;
    line-height: 30px
}

.card--my-garage .card__data-price-period {
    font-size: 18px;
    line-height: 28px
}

@media (max-width:767px) {
    .card--my-garage--upload-mobile {
        margin-top: 24px;
        padding-bottom: 0
    }
}

.card--large .card__name {
    font-size: 34px;
    line-height: 42px
}

.card--large .card__badge {
    left: 16px;
    bottom: 16px
}

.card--large .card__icon-favorite {
    top: 8px;
    right: 8px
}

.card--large .card__clubs {
    right: 16px;
    bottom: 16px
}

.card--small {
    padding-bottom: 16px
}

@media (max-width:767px) {
    .card--small {
        padding-bottom: 32px
    }
}

.card--small .card__name {
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width:767px) {
    .card--small .card__name {
        padding-left: 0;
        padding-right: 0
    }
}

.card--small .card__clubs__item {
    width: 32px;
    height: 32px
}

.card--small .card__clubs__item+.card--small .card__clubs__item {
    margin-left: -16px
}

.card--small .card__data {
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width:767px) {
    .card--small .card__data {
        padding-left: 0;
        padding-right: 0
    }
}

.card--small .card__data-location-icon {
    margin-top: 2px
}

.card--small .card__data-location span {
    display: inline
}

.card--small .card__data-rating {
    margin-top: 16px
}

.card--small .card__data-price {
    margin-left: auto
}

.card--small .card__data-price-numb {
    font-size: 22px;
    line-height: 30px
}

.card--small .card__data-price-period {
    font-size: 18px;
    line-height: 28px
}

.card--small .card__data-events {
    position: static;
    margin-top: 16px;
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.card--small .card__data-events-type {
    padding-top: 0
}

.card--small .card__data-events-icon {
    display: none
}

.card--small .card__data-events-icon.active {
    display: block
}

.card--small .card__data-events-icon.active~.card__data-events-icon {
    margin-left: 16px
}

.card--map {
    width: 100% !important
}

@media (max-width:767px) {
    .card--map {
        padding-bottom: 16px
    }
}

@media (max-width:767px) {
    .card--map .card__img {
        position: static
    }
}

@media (max-width:767px) {
    .card--map .card__img:before {
        display: none
    }
}

@media (max-width:767px) {
    .card--map .card__img img {
        display: none
    }
}

@media (max-width:767px) {
    .card--map .card__badge {
        display: none
    }
}

@media (max-width:767px) {
    .card--map .card__clubs {
        right: 24px;
        bottom: 114px
    }
}

@media (max-width:767px) {
    .card--map .card__clubs img {
        display: block
    }
}

@media (max-width:767px) {
    .card--map .card__icon-favorite {
        left: 0;
        top: 0;
        width: 48px;
        height: 48px
    }
}

@media (max-width:1199px) {
    .card--map .card__name {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:767px) {
    .card--map .card__name {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width:1199px) {
    .card--map .card__data {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:767px) {
    .card--map .card__data-location {
        padding-right: 0;
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width:767px) {
    .card--map .card__data-location-icon {
        display: none
    }
}

@media (max-width:767px) {
    .card--map .card__data-rating {
        margin-top: 12px
    }
}

@media (max-width:767px) {
    .card--map .card__data-rating-votes {
        font-size: 16px;
        line-height: 26px
    }
}

.card--map .card__data-price {
    margin-left: auto
}

.card--map .card__data-price-numb {
    font-size: 20px;
    line-height: 28px
}

@media (max-width:767px) {
    .card--map .card__data-price-period {
        font-size: 14px;
        line-height: 18px
    }
}

.card--map .card__data-price-period br {
    display: none
}

@media (max-width:767px) {
    .card--map .card__data-price-period br {
        display: block
    }
}

@media (max-width:767px) {
    .card--inactive {
        padding-bottom: 16px
    }
}

.card--inactive .card__data-location {
    padding-top: 8px;
    font-size: 20px;
    line-height: 32px;
    font-family: gt-america
}

.search-page--list .card {
    width: calc((100% - 4 * 32px)/ 4)
}

@media (max-width:1679px) {
    .search-page--list .card {
        width: calc((100% - 3 * 32px)/ 3)
    }
}

@media (max-width:1199px) {
    .search-page--list .card {
        width: calc((100% - 2 * 32px)/ 2)
    }
}

@media (max-width:767px) {
    .search-page--list .card {
        width: 100%;
        min-width: 100%
    }
}

.search-page--mixed .card {
    width: calc((100% - 2 * 32px)/ 2)
}

.search-results .card {
    display: none
}

.search-results .card.active {
    display: -webkit-box;
    display: flex
}

.card-on-map {
    z-index: 100;
    position: absolute;
    top: 50%;
    right: calc((100vw - var(--sw) - 1588px)/ 2);
    right: calc((100vw - var(--sw) - var(--width))/ 2);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    position: absolute;
    width: 100%;
    max-width: 422px;
    max-height: calc(100% - 48px);
    overflow-y: auto;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 17px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 17px 25px rgba(9, 10, 11, .1)
}

@media (max-width:1719px) {
    .card-on-map {
        right: 64px;
        max-width: 385px
    }
}

@media (max-width:1439px) {
    .card-on-map {
        right: 56px
    }
}

@media (max-width:1199px) {
    .card-on-map {
        right: 32px;
        max-width: 320px
    }
}

@media (max-width:767px) {
    .card-on-map {
        top: auto !important;
        left: 50%;
        bottom: 16px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 420px
    }
}

@media (max-width:451px) {
    .card-on-map {
        max-width: calc(100vw - 32px)
    }
}

.card-on-map::-webkit-scrollbar {
    width: 0
}

.card-on-map {
    scrollbar-color: #c7cbce #e2e5e8;
    scrollbar-width: thin
}

.card-on-map.active {
    display: block;
    opacity: 1
}

.card-on-map.hidden {
    display: none
}

.card-on-map__top {
    min-height: 60px;
    padding-right: 64px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 18px;
    line-height: 28px
}

@media (max-width:1199px) {
    .card-on-map__top {
        min-height: 58px;
        font-size: 16px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .card-on-map__top {
        min-height: 56px;
        font-size: 0;
        line-height: 0
    }
}

.card-on-map__btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background-color: transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.card-on-map__controls {
    margin-top: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-top: 1px solid #dee0e2
}

@media (max-width:767px) {
    .card-on-map__controls {
        margin-top: 0;
        margin-left: -24px;
        margin-right: -24px;
        padding-top: 0;
        padding-bottom: 0
    }
}

.card-on-map__controls__num {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 26px
}

.card-on-map__controls__arrow {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent
}

.card-on-map__controls__arrow--next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:767px) {
    .card-on-map .card__badge {
        display: none !important
    }
}

.search-page--mixed .card-on-map {
    top: auto;
    bottom: 64px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cards {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    flex-wrap: wrap
}

@media (max-width:1919px) and (min-width:768px) {
    .cards--public-vehicle-collection .cards__item:nth-child(3) {
        display: none
    }
}

.cards-preset {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.cards-preset__btn {
    margin-top: 4px
}

@media (max-width:1199px) {
    .cards-preset__btn {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .cards-preset__btn {
        margin-left: auto
    }
}

.cards-preset__set {
    width: 100%;
    /*height:340px;*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 32px;
}

@media (max-width:1199px) {
    .cards-preset__set {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:767px) {
    .cards-preset__set {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px;
        width: 100vw;
        overflow-x: auto;
        grid-template-columns: min-content;
        grid-auto-flow: column;
    }

    .cards-preset__set::-webkit-scrollbar {
        height: 0
    }

    .cards-preset__set {
        scrollbar-color: #c7cbce #e2e5e8;
        scrollbar-width: thin
    }
}

.cards-preset__set__item {
    margin-top: -45px
}

@media (max-width:767px) {
    .cards-preset__set__item {
        margin-top: 16px;
        width: 272px
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .cards-preset__set__item:nth-child(2n+1):last-child {
        display: none
    }
}

.cards-preset--custom-cards .cards-preset__set {
    padding-top: 32px;
    padding-bottom: 32px;
    grid-row-gap: 32px
}

@media (max-width:767px) {
    .cards-preset--custom-cards .cards-preset__set {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.cards-preset--custom-cards .cards-preset__set__item {
    margin-top: 16px;
    margin-bottom: 16px
}

@media (max-width:767px) {
    .cards-preset--custom-cards .cards-preset__set__item {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.cards-preset__title {
    margin-right: 32px;
    padding-bottom: 8px
}

@media (max-width:767px) {
    .cards-preset__title {
        margin-right: 16px;
        max-width: 65.75%
    }
}

@media (max-width:1199px) {
    .iOS .cards-preset__set:after {
        content: "";
        display: block;
        width: 1px
    }
}

.center {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.center--signup-1 {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 6) + 32px * (6 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 6) + var(--space) * (6 - 1))
}

@media (max-width:1439px) {
    .center--signup-1 {
        width: calc((((100% - 9 * 32px)/ 10) * 6) + 32px * (6 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:1199px) {
    .center--signup-1 {
        width: calc((((100% - 5 * 32px)/ 6) * 6) + 32px * (6 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:767px) {
    .center--signup-1 {
        width: calc((((100% - 3 * 32px)/ 4) * 6) + (32px * (6 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 6) + (var(--space) * (6 - 1)))
    }
}

@media (max-width:1719px) {
    .center--signup-1 {
        min-width: 760px
    }
}

@media (max-width:1199px) {
    .center--signup-1 {
        min-width: 0;
        width: auto
    }
}

@media (max-width:1679px) {
    .center-xl {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:1439px) {
    .center-l {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:1199px) {
    .center-m {
        margin-left: auto;
        margin-right: auto
    }
}

.change-trip-details {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.change-trip-details--before-trip-approval {
    -webkit-box-pack: start;
    justify-content: flex-start
}

@media (max-width:1199px) {
    .change-trip-details--before-trip-approval {
        width: 100%;
        flex-wrap: nowrap
    }
}

.change-trip-details__item {
    min-width: 326px;
    max-width: 326px
}

@media (max-width:1199px) {
    .change-trip-details__item {
        min-width: 0;
        max-width: none;
        width: 100%
    }
}

.change-trip-details__item--rental-fee-before-approval {
    margin-left: 96px;
    padding-top: 40px
}

@media (max-width:1439px) {
    .change-trip-details__item--rental-fee-before-approval {
        margin-left: 48px
    }
}

@media (max-width:1199px) {
    .change-trip-details__item--rental-fee-before-approval {
        margin-left: 32px;
        width: calc((100% - 32px)/ 2)
    }
}

@media (max-width:767px) {
    .change-trip-details__item--rental-fee-before-approval {
        display: none
    }
}

.change-trip-details__item--rental-fee {
    margin-left: 96px;
    padding-top: 40px
}

@media (max-width:1439px) {
    .change-trip-details__item--rental-fee {
        margin-left: 48px;
        min-width: 281px;
        max-width: 281px
    }
}

@media (max-width:1199px) {
    .change-trip-details__item--rental-fee {
        display: none
    }
}

.change-trip-details__item--rental-fee--edit {
    padding-top: 26px
}

@media (max-width:1199px) {
    .change-trip-details--before-trip-approval .change-trip-details__item:first-child {
        width: calc((100% - 32px)/ 2)
    }
}

@media (max-width:767px) {
    .change-trip-details--before-trip-approval .change-trip-details__item:first-child {
        width: 100%
    }
}

.change-trip-details__controls {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 0
}

@media (max-width:1199px) {
    .change-trip-details__controls {
        display: none
    }
}

.chats {
    position: relative;
    flex-wrap: wrap
}

.chats--list {
    margin-top: 32px;
    padding-bottom: 192px
}

@media (max-width:1439px) {
    .chats--list {
        padding-bottom: 128px
    }
}

@media (max-width:1199px) {
    .chats--list {
        margin-top: 16px
    }
}

@media (max-width:767px) {
    .chats--list {
        margin-top: 8px;
        padding-bottom: 64px
    }
}

.chats__search form {
    width: 100%
}

.chats__list {
    display: none;
    margin-top: 34px;
    width: 100%
}

.chats__list.active {
    display: block
}

.chats__list__item.active~.chats__list__item:not(.active)~.chats__list__item,
.chats__list__item~.chats__list__item {
    border-top: 1px solid #dee0e2
}

.chats__list__item:not(.active)~.chats__list__item {
    border-top: none
}

.chats__visibility-controls {
    display: none;
    margin-left: auto
}

@media (max-width:767px) {
    .chats__visibility-controls {
        margin-left: 0;
        margin-top: 16px;
        width: 100%
    }
}

.chats__visibility-controls.active {
    display: block
}

.chats__visibility-controls__btn {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    height: 48px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 24px;
    background-color: transparent
}

@media (max-width:767px) {
    .chats__visibility-controls__btn {
        margin-bottom: -16px
    }
}

.chats__visibility-controls__btn.active {
    display: -webkit-box;
    display: flex
}

.chats__visibility-controls__btn *~* {
    margin-left: 8px
}

.chats__block-btn {
    z-index: 1000;
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    -webkit-box-align: center;
    align-items: center;
    justify-items: flex-start;
    min-width: 228px;
    padding: 20px 24px;
    border: 1px solid #dee0e2;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.5em;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 10px 25px rgba(9, 10, 11, .1)
}

.chats__block-btn.active {
    display: -webkit-box;
    display: flex
}

.chats__block-btn *~* {
    margin-left: 16px
}

.chats-item {
    min-height: 113px;
    cursor: pointer;
    position: relative;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: [start first-start] auto [first-end second-start] 1fr [second-end third-start] auto [third-end end];
    grid-template-rows: [start first-start] auto [first-end second-start] auto [second-end third-start] 1fr [third-end end];
    padding: 24px;
    background-color: transparent;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

@media (max-width:767px) {
    .chats-item {
        min-height: 91px;
        padding: 16px 0;
        grid-column-gap: 12px
    }
}

.chats-item:hover {
    background-color: #f4f6f8
}

@media (max-width:1199px) {
    .chats-item:hover {
        background-color: transparent
    }
}

.chats-item__img-wrap {
    position: relative;
    grid-column: first;
    grid-row: first/span 3;
    align-self: start;
    width: 64px;
    height: 64px
}

@media (max-width:767px) {
    .chats-item__img-wrap {
        width: 48px;
        height: 48px
    }
}

.chats-item__img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    border-radius: 50%;
    background-color: #f4f6f8;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.chats-item:hover .chats-item__img {
    background-color: #fff
}

.chats-item__user-status {
    position: absolute;
    bottom: 0;
    right: 0
}

.chats-item__name {
    grid-column: second;
    grid-row: first;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px
}

@media (max-width:767px) {
    .chats-item__name {
        font-size: 16px
    }
}

.chats-item__text {
    grid-column: second;
    grid-row: second;
    max-width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden
}

.chats-item__trips {
    grid-column: second/end;
    grid-row: third;
    padding-top: 4px
}

@media (max-width:767px) {
    .chats-item__trips {
        padding-top: 0
    }
}

.chats-item__trips__additional {
    display: none
}

.chats-item__trips__btn {
    margin-top: 4px
}

.chats-item__trip {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    align-items: flex-end
}

@media (max-width:767px) {
    .chats-item__trip {
        flex-wrap: wrap
    }
}

.chats-item__trip__car {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500
}

@media (max-width:767px) {
    .chats-item__trip__car {
        width: 100%;
        padding-top: 8px
    }
}

.chats-item__trip__date {
    padding-left: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 1.5em
}

@media (max-width:767px) {
    .chats-item__trip__date {
        padding-left: 0;
        font-size: 14px;
        line-height: 20px
    }
}

.chats-item__trip__status {
    padding-left: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media (max-width:767px) {
    .chats-item__trip__status {
        margin-left: auto
    }
}

.chats-item__data {
    grid-column: third;
    grid-row: first/span 3;
    align-self: start;
    min-width: 108px;
    text-align: right
}

.chats-item__data__time {
    font-size: 16px;
    line-height: 24px;
    color: #6f757c
}

@media (max-width:767px) {
    .chats-item__data__time {
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 14px;
        line-height: 20px
    }
}

.chats-item__data__num {
    display: inline-block;
    margin-top: 4px;
    min-width: 24px;
    text-align: center;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 12px;
    background-color: #090a0b;
    color: #fff
}

.chats-item__unblocked-btn {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 4px;
    height: 48px;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    background-color: transparent;
    color: #484c51
}

@media (max-width:767px) {
    .chats-item__unblocked-btn {
        -webkit-box-align: start;
        align-items: flex-start;
        height: 40px;
        padding-top: 4px;
        font-weight: 500;
        font-size: 14px
    }
}

.chats-item__unblocked-btn:hover {
    color: #090a0b
}

.chats-item__unblocked-btn * {
    margin-right: 8px
}

.chats-item__unblocked-btn :last-child {
    margin-right: 0
}

@media (max-width:767px) {
    .chats-item__unblocked-btn .icon {
        display: none
    }
}

.check-list-table--under-vin {
    padding-top: 32px
}

.check-list-table--under-block {
    padding-top: 48px
}

@media (max-width:767px) {
    .check-list-table--under-block {
        padding-top: 32px
    }
}

.check-list-table__body {
    padding-top: 32px
}

@media (max-width:767px) {
    .check-list-table__body {
        padding-top: 1px
    }
}

.check-list-table__row {
    cursor: pointer;
    border-bottom: 1px solid #dee0e2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .check-list-table__row {
        display: block;
        padding-top: 27px;
        padding-bottom: 26px
    }
}

.check-list-table__row--head {
    cursor: auto
}

@media (max-width:767px) {
    .check-list-table__row--head {
        display: none
    }
}

.check-list-table__td {
    position: relative;
    padding-right: 32px
}

@media (max-width:767px) {
    .check-list-table__td {
        padding-left: 40px;
        padding-right: 0
    }
}

@media (max-width:767px) {
    .check-list-table__td~.check-list-table__td {
        padding-top: 4px
    }
}

.check-list-table__td--first,
.check-list-table__td--second {
    width: calc((((100% - (6 - 1) * 32px)/ 6 * 2) + 32px * 2));
    width: calc((((100% - (6 - 1) * var(--space))/ 6 * 2) + var(--space) * 2))
}

@media (max-width:767px) {

    .check-list-table__td--first,
    .check-list-table__td--second {
        width: auto
    }
}

.check-list-table__td--head {
    padding-bottom: 24px;
    font-size: 14px;
    line-height: 16px;
    color: #6f757c
}

.check-list-table__td--body {
    padding-top: 25px;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:767px) {
    .check-list-table__td--body {
        padding-top: 4px;
        padding-bottom: 0;
        line-height: 22px
    }
}

@media (max-width:767px) {
    .check-list-table__td--body.check-list-table__td--first {
        padding-top: 0
    }
}

.check-list-table__td:last-child {
    padding-right: 0;
    width: calc(((100% - (6 - 1) * 32px)/ 6 * 2) + 32px * (2 - 1));
    width: calc(((100% - (6 - 1) * var(--space))/ 6 * 2) + var(--space) * (2 - 1))
}

@media (max-width:767px) {
    .check-list-table__td:last-child {
        width: auto
    }
}

.check-list-table__td--body.check-list-table__td--first {
    padding-left: 48px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media (max-width:767px) {
    .check-list-table__td--body.check-list-table__td--first {
        padding-left: 40px
    }
}

.check-list-table__td--body.check-list-table__td--first:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #c8cacb
}

@media (max-width:767px) {
    .check-list-table__td--body.check-list-table__td--first:before {
        top: 0
    }
}

input:checked~.check-list-table__td--body.check-list-table__td--first:before {
    border: none;
    background: url(../images/icon-check-blue.svg) 0 0 no-repeat
}

.checkbox-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .checkbox-group--s-block {
        display: block
    }
}

.checkbox-wrap {
    padding-top: 8px;
    padding-bottom: 8px
}

.checkbox-wrap--edit-availability {
    padding-top: 16px;
    padding-bottom: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .checkbox-wrap--edit-availability {
        position: relative;
        padding-top: 8px;
        padding-bottom: 8px;
        min-height: 32px
    }
}

@media (max-width:767px) {
    .checkbox-wrap--edit-availability.disabled {
        padding-bottom: 0
    }
}

.checkbox-wrap--under-form-item-sign {
    margin-top: 41px
}

@media (max-width:767px) {
    .checkbox-wrap--under-form-item-sign {
        margin-top: 32px
    }
}

.checkbox-wrap--under-form-cell {
    margin-top: 24px
}

@media (max-width:767px) {
    .checkbox-wrap--under-form-cell {
        margin-top: 16px
    }
}

.checkbox-wrap--invitation-to-drive {
    margin-top: 48px
}

@media (max-width:767px) {
    .checkbox-wrap--invitation-to-drive {
        margin-top: 32px
    }
}

.invitation-license-info--unverified .checkbox-wrap--invitation-to-drive {
    margin-top: 36px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    min-width: 20px;
    min-height: 20px;
    padding: 0;
    background-color: transparent
}

.checkbox--paddings,
.radio--paddings {
    padding-top: 8px;
    padding-bottom: 8px
}

.checkbox--outer-gutter,
.radio--outer-gutter {
    margin-top: 9px;
    margin-bottom: 9px
}

.checkbox--prev-btn,
.radio--prev-btn {
    margin-right: 32px
}

.checkbox--prev-btn-start,
.radio--prev-btn-start {
    margin-top: 13px
}

.checkbox--under-checkbox,
.radio--under-checkbox {
    margin-top: 15px
}

.checkbox--under-checkbox:first-child,
.checkbox--under-checkbox:first-of-type,
.radio--under-checkbox:first-child,
.radio--under-checkbox:first-of-type {
    margin-top: 0
}

@media (max-width:767px) {

    .checkbox--edit-availability,
    .radio--edit-availability {
        min-height: 32px
    }
}

.checkbox--dropdown-check-list,
.radio--dropdown-check-list {
    padding: 12px 24px
}

.checkbox-group .checkbox,
.checkbox-group .radio {
    margin-right: 24px
}

.checkbox-group .checkbox:last-child,
.checkbox-group .radio:last-child {
    margin-right: 0
}

.filter-list-wrap-modal .dropdown__check-list-wrap--mobile-static .checkbox--dropdown-check-list,
.filter-list-wrap-modal .dropdown__check-list-wrap--mobile-static .radio--dropdown-check-list {
    padding-right: 36px;
    padding-left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.checkbox__pseudo-check,
.radio__pseudo-check {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #b1b5b9;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.checkbox--paddings .checkbox__pseudo-check,
.checkbox--paddings .radio__pseudo-check,
.radio--paddings .checkbox__pseudo-check,
.radio--paddings .radio__pseudo-check {
    top: 10px
}

.checkbox--dropdown-check-list:hover,
.radio--dropdown-check-list:hover {
    background: #f4f6f8
}

.checkbox--dropdown-check-list .checkbox__pseudo-check,
.checkbox--dropdown-check-list .radio__pseudo-check,
.radio--dropdown-check-list .checkbox__pseudo-check,
.radio--dropdown-check-list .radio__pseudo-check {
    top: 14px;
    left: 24px
}

.filter-list-wrap-modal .checkbox--dropdown-check-list:hover,
.filter-list-wrap-modal .radio--dropdown-check-list:hover {
    background: 0 0
}

@media (max-width:767px) {

    .filter-list-wrap-modal .checkbox--dropdown-check-list .checkbox__pseudo-check,
    .filter-list-wrap-modal .checkbox--dropdown-check-list .radio__pseudo-check,
    .filter-list-wrap-modal .radio--dropdown-check-list .checkbox__pseudo-check,
    .filter-list-wrap-modal .radio--dropdown-check-list .radio__pseudo-check {
        left: auto;
        right: 0
    }
}

.radio--tab .radio__pseudo-check {
    top: 2px
}

.checkbox.error .checkbox__pseudo-check,
.checkbox.error .radio__pseudo-check,
.radio.error .checkbox__pseudo-check,
.radio.error .radio__pseudo-check {
    border-color: #d10000
}

.radio__pseudo-check {
    border-radius: 50%
}

.no-touchevents .checkbox__pseudo-check:hover,
.no-touchevents .radio__pseudo-check:hover,
.no-touchevents label.checkbox:hover .checkbox__pseudo-check,
.no-touchevents label.radio:hover .radio__pseudo-check {
    border-color: #007bb3
}

label.checkbox--dropdown-check-list:hover .checkbox__pseudo-check,
label.radio--dropdown-check-list:hover .radio__pseudo-check {
    border-color: #090a0b
}

.checkbox--dropdown-check-list .checkbox__pseudo-check:hover,
.checkbox--dropdown-check-list .radio__pseudo-check:hover,
.radio--dropdown-check-list .checkbox__pseudo-check:hover,
.radio--dropdown-check-list .radio__pseudo-check:hover {
    border-color: #090a0b
}

.radio.active .radio__pseudo-check,
input[type=checkbox]:checked+.checkbox__pseudo-check,
input[type=radio]:checked+.radio__pseudo-check {
    border: 2px solid #007bb3;
    background-color: #007bb3
}

.checkbox--dropdown-check-list input[type=checkbox]:checked~.checkbox__pseudo-check {
    border-color: #090a0b;
    background-color: #090a0b
}

.checkbox .checkbox__pseudo-check:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5.71429px;
    height: 9.14286px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s
}

@media (max-width:767px) {
    .checkbox .checkbox__pseudo-check--edit-availability {
        display: block;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        min-width: 60px;
        height: 32px;
        padding: 0;
        border: none !important;
        border-radius: 16px;
        color: #c8cacb;
        background-color: currentColor;
        -webkit-transition: all .3s cubic-bezier(.78, .14, .15, .86);
        transition: all .3s cubic-bezier(.78, .14, .15, .86)
    }
}

@media (max-width:767px) {
    .checkbox .checkbox__pseudo-check--edit-availability:before {
        opacity: 1;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 32px;
        height: 100%;
        border: 4px solid #c8cacb;
        border-radius: 50%;
        background: #fff;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all .3s cubic-bezier(.78, .14, .15, .86) !important;
        transition: all .3s cubic-bezier(.78, .14, .15, .86) !important
    }
}

.checkbox input:checked+.checkbox__pseudo-check:before {
    border-color: #fff;
    opacity: 1;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    -webkit-transition: all .3s cubic-bezier(.12, .4, .29, 1.46);
    transition: all .3s cubic-bezier(.12, .4, .29, 1.46)
}

@media (max-width:767px) {
    .checkbox input:checked+.checkbox__pseudo-check--edit-availability:before {
        border-color: #007bb3;
        -webkit-transform: translateX(28px);
        transform: translateX(28px)
    }
}

@media (max-width:767px) {
    .no-touchevents .checkbox .checkbox__pseudo-check--edit-availability:hover:before {
        border-color: #007bb3
    }
}

.radio input:checked+.radio__pseudo-check:before,
.radio.active .radio__pseudo-check:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff
}

.radio--dropdown-check-list .radio__pseudo-check {
    top: 0;
    left: 0;
    border: none !important;
    border-radius: 0;
    width: 100%;
    height: 100%;
    background-color: transparent !important
}

.radio--dropdown-check-list .radio__pseudo-check:before {
    display: none !important
}

.radio--dropdown-check-list input[type=radio]:checked~.radio__pseudo-check {
    background-color: #f4f6f8 !important
}

.radio--dropdown-check-list input[type=radio]:checked~.radio__pseudo-check:before {
    display: none
}

input:disabled+.checkbox__pseudo-check {
    background-color: transparent !important;
    border-color: #c8cacb !important;
    cursor: auto
}

input:disabled+.checkbox__pseudo-check:before {
    border-left-color: #fff !important;
    border-bottom-color: #fff !important
}

input:disabled+.radio__pseudo-check {
    background-color: #fff !important;
    border-color: #c8cacb !important;
    cursor: auto
}

input:disabled+.radio__pseudo-check:before {
    background-color: #fff !important
}

.checkbox__txt,
.radio__txt {
    cursor: pointer;
    display: block;
    padding-left: 36px;
    padding-top: 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #090a0b;
    font-family: gt-america
}

@media (max-width:767px) {

    .checkbox__txt--edit-availability,
    .radio__txt--edit-availability {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center;
        min-height: 32px;
        padding-left: 76px;
        font-weight: 500
    }
}

.filter-list-wrap-modal .checkbox__txt,
.filter-list-wrap-modal .radio__txt {
    -webkit-box-ordinal-group: 3;
    order: 2;
    padding-left: 0;
    text-align: left
}

.filter-list-wrap-modal .checkbox__img~.checkbox__txt,
.filter-list-wrap-modal .checkbox__img~.radio__txt {
    padding-left: 16px
}

.radio--tab .radio__txt {
    padding-left: 28px;
    line-height: 24px;
    font-weight: 500
}

.form-item-wrap--group .checkbox__txt,
.form-item-wrap--group .radio__txt {
    padding-right: 6px;
    color: #090a0b
}

.radio--dropdown-check-list .radio__txt {
    z-index: 10;
    position: relative;
    padding-left: 0
}

.radio.active .checkbox__txt,
input:disabled~.checkbox__txt,
input:disabled~.radio__txt,
label+.checkbox__txt,
label+.radio__txt {
    cursor: auto
}

.checkbox-group__link-wrap {
    padding-top: 14px;
    padding-left: 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.checkbox-group__link {
    font-size: 16px;
    line-height: 26px;
    color: #007bb3
}

.checkbox-group__link:hover {
    color: #0089c7
}

.checkbox-group__link+.checkbox-group__link {
    margin-top: 10px
}

.checkbox__img {
    display: block;
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: contain; object-position: center center"
}

.checkbox__img--dropdown {
    -webkit-box-ordinal-group: 3;
    order: 2;
    position: static;
    margin-left: auto;
    margin-top: -4px;
    margin-bottom: -4px;
    width: 32px;
    height: 32px
}

.checkbox__img--svg {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.filter-list-wrap-modal .checkbox__img--dropdown {
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-left: 0
}

@media (max-width:1199px) {
    .edit-license-info__form:not(.active)~.checkbox-wrap {
        margin-top: 16px
    }
}

.clubs-wrap-mdl {
    z-index: 300;
    position: relative;
    padding-left: calc(8px + 32px);
    padding-right: calc(8px + 32px);
    padding-top: calc(16px + 32px);
    padding-bottom: calc(16px + 32px)
}

@media (max-width:767px) {
    .clubs-wrap-mdl {
        padding-top: 40px;
        padding-left: 0;
        padding-right: 0
    }
}

.clubs-wrap-mdl:after {
    content: "";
    display: block;
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 48px;
    height: 1px;
    background-color: #dee0e2
}

@media (max-width:767px) {
    .clubs-wrap-mdl:after {
        left: 0;
        right: 0
    }
}

@media (max-width:1199px) {
    .mdl-wrap--m-full-screen .clubs-wrap-mdl {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1199px) {
    .mdl-wrap--m-full-screen .clubs-wrap-mdl:after {
        left: 0;
        right: 0
    }
}

.txt-lead-3+.clubs-wrap-mdl {
    padding-top: 24px
}

.club {
    position: relative;
    padding-top: 16px;
    padding-bottom: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #dee0e2
}

@media (max-width:1199px) and (min-width:768px) {
    .club:not(.club--mdl):not(.club--my-account) {
        padding: 23px;
        border: 1px solid #dee0e2;
        border-radius: 5px
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .club+.club {
        margin-top: 16px
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .club--mdl+.club--mdl {
        margin-top: 0
    }
}

.club:first-child {
    border-top: 1px solid #dee0e2
}

@media (max-width:767px) {
    .club--has-status {
        padding-bottom: 60px
    }
}

.club--mdl {
    border-top: 1px solid #dee0e2;
    border-bottom: none
}

.club--my-account+.club--my-account {
    margin-top: 0
}

.club--my-account:first-child {
    border-top: none
}

@media (min-width:768px) {
    .club--my-account:last-child {
        border-bottom: none
    }
}

.club__left {
    position: relative;
    min-height: 64px;
    padding-left: 80px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width:767px) {
    .club__left {
        min-height: 48px;
        padding-left: 64px
    }
}

.club__icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: contain; object-position: center center";
    background-color: #f4f6f8
}

@media (max-width:767px) {
    .club__icon {
        width: 48px;
        height: 48px
    }
}

.club__name {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

@media (max-width:767px) {
    .club__name {
        font-size: 16px;
        line-height: 1.5em
    }
}

@media (max-width:767px) {
    .club--my-account .club__name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100vw - 160px)
    }
}

.club__controls {
    padding-top: 2px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .club__controls {
        display: none
    }
}

.club__controls-item {
    position: relative;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 22px
}

@media (max-width:1199px) {
    .club__controls-item {
        min-height: 0;
        width: 100%;
        padding: 12px 24px !important;
        border: none;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #090a0b !important;
        background-color: transparent !important
    }
}

@media (max-width:1199px) {
    .club__controls-item:before {
        display: none
    }
}

.club__controls-item+.club__controls-item {
    padding-left: 26px
}

.club__controls-item+.club__controls-item:before {
    content: "|";
    color: #6f757c;
    position: absolute;
    left: 12px;
    top: 0
}

.club__right {
    z-index: 10;
    position: relative;
    margin-left: 32px;
    height: 64px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .club__right {
        margin-left: 24px;
        height: 48px
    }
}

@media (max-width:1919px) and (min-width:768px) {
    .club--mdl .club__right {
        height: auto;
        min-height: 64px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        justify-content: center
    }
}

.club__right-item {
    position: relative
}

@media (max-width:767px) {
    .club__right-item--status {
        margin-top: 0;
        position: absolute;
        bottom: 15px;
        right: 0
    }
}

.club__right-item+.club__right-item {
    margin-left: 32px
}

@media (max-width:1199px) {
    .club__right-item+.club__right-item {
        margin-left: 24px
    }
}

@media (max-width:1199px) {
    .club__right-item.dn-m+.club__right-item {
        margin-left: 0
    }
}

@media (max-width:1199px) {
    .club--mdl .club__right-item--status {
        margin-top: 20px
    }
}

@media (max-width:1919px) and (min-width:768px) {
    .club--mdl .club__right-item--status:nth-last-child(n+3) {
        margin-top: 20px
    }
}

@media (max-width:1199px) {
    .club__button {
        min-height: 0;
        width: 100%;
        padding: 12px 24px !important;
        border: none;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #090a0b !important;
        background-color: transparent !important
    }
}

@media (max-width:1199px) {
    .club__button:before {
        display: none
    }
}

.club__button {
    white-space: nowrap
}

.club__ellipsis {
    display: none
}

@media (max-width:1199px) {
    .club__ellipsis {
        display: block;
        height: 32px;
        width: 32px;
        background: url(../images/ellipsis.svg) 0 0 no-repeat
    }
}

@media (max-width:767px) {
    .club__ellipsis {
        width: 24px;
        height: 24px;
        background-position: center center;
        background-size: 32px
    }
}

.club__dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: -8px;
    width: 226px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #dee0e2;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    background-color: #fff
}

@media (max-width:767px) {
    .club__dropdown {
        top: calc(100% + 8px);
        right: 0
    }
}

@media (max-width:1199px) {
    .club__dropdown.active {
        display: -webkit-box;
        display: flex
    }
}

.confirmed-trip-details {
    display: block
}

.confirmed-trip-details__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.confirmed-trip-details__title__icon {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.confirmed-trip-details.active .confirmed-trip-details__title__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cross {
    position: relative;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: transparent
}

.cross:after,
.cross:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 16px;
    height: 2px;
    background-color: #090a0b
}

.cross:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cross:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cross:hover {
    background-color: rgba(9, 10, 11, .05)
}

.cross--redeem-gc {
    margin-left: 12px;
    margin-bottom: 8px;
    border-radius: 50%;
    background-color: rgba(9, 10, 11, .05)
}

.cta {
    position: relative;
    padding-top: 128px;
    padding-bottom: 128px;
    background-color: #f7f9fa
}

@media (max-width:1199px) {
    .cta {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 256px
    }
}

@media (max-width:767px) {
    .cta {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 64px;
        padding-bottom: 152px
    }
}

.cta:after,
.cta:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: calc((100vw - 100% - var(--sw))/ 2);
    background-color: #f7f9fa
}

.cta:before {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.cta:after {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cta__inner {
    margin-left: auto;
    margin-right: auto;
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 10) + 32px * (10 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 10) + var(--space) * (10 - 1))
}

@media (max-width:1439px) {
    .cta__inner {
        width: calc((((100% - 9 * 32px)/ 10) * 10) + 32px * (10 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 10) + var(--space) * (10 - 1))
    }
}

@media (max-width:1199px) {
    .cta__inner {
        width: calc((((100% - 5 * 32px)/ 6) * 10) + 32px * (10 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 10) + var(--space) * (10 - 1))
    }
}

@media (max-width:767px) {
    .cta__inner {
        width: calc((((100% - 3 * 32px)/ 4) * 10) + (32px * (10 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 10) + (var(--space) * (10 - 1)))
    }
}

.cta__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .cta__inner {
        display: block;
        width: 100%
    }
}

.cta__left {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 3) + 32px * (3 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 3) + var(--space) * (3 - 1))
}

@media (max-width:1199px) {
    .cta__left {
        width: auto
    }
}

.cta__right {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 6) + 32px * (6 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 6) + var(--space) * (6 - 1))
}

@media (max-width:1199px) {
    .cta__right {
        padding-top: 64px;
        width: auto
    }
}

@media (max-width:767px) {
    .cta__right {
        display: block;
        padding-top: 32px
    }
}

.cta__title {
    padding-top: 16px;
    padding-bottom: 8px;
    font-family: gt-america-ext;
    font-size: 64px;
    line-height: 72px;
    font-weight: 700;
    color: #090a0b
}

@media all and (max-width:999px) {
    .cta__title {
        font-size: 48px;
        line-height: 56px
    }
}

.cta__btn {
    margin-top: 32px;
    margin-bottom: 32px
}

@media (max-width:1199px) {
    .cta__btn {
        position: absolute;
        bottom: 160px;
        left: 32px;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .cta__btn {
        bottom: 80px;
        left: 24px
    }
}

.cta__label {
    display: inline-block;
    position: relative;
    padding-right: 24px;
    font-size: 24px;
    line-height: 34px
}

@media (max-width:1199px) {
    .cta__label {
        font-size: 22px;
        line-height: 32px
    }
}

.cta__label sup {
    position: absolute;
    top: -5px;
    right: -6px
}

@media (max-width:1199px) {
    .cta__label sup {
        top: -4px;
        right: -3px;
        font-size: 18px
    }
}

.cta__info {
    width: calc(((100% - (6 - 1) * 32px)/ 6 * 3) + 32px * (3 - 1));
    width: calc(((100% - (6 - 1) * var(--space))/ 6 * 3) + var(--space) * (3 - 1))
}

@media (max-width:1199px) {
    .cta__info {
        width: calc((100% - 32px)/ 2)
    }
}

@media (max-width:767px) {
    .cta__info {
        width: auto
    }
}

.cta__info__title {
    padding-top: 16px;
    padding-bottom: 8px;
    color: #090a0b
}

@media all and (max-width:767px) {
    .cta__info__title {
        padding-top: 8px;
        padding-bottom: 4px
    }
}

.cta__info__txt {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 14px
}

@media (max-width:1719px) {
    .cta__info__txt {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .cta__info__txt {
        padding-top: 4px;
        padding-bottom: 4px
    }
}

@media (max-width:767px) {
    .cta__info~.cta__info {
        padding-top: 32px
    }
}

.cta__info-line {
    margin-top: 32px;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px
}

@media (max-width:767px) {
    .cta__info-line {
        margin-top: 16px;
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.cta__icon {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    fill: #090a0b
}

.cta__icon__dollar {
    position: absolute;
    overflow: hidden;
    width: 48px;
    height: 30px;
    background-color: #fff
}

.cta__icon__dollar:nth-child(2) {
    top: 16px;
    left: 0
}

.cta__icon__dollar:first-child {
    top: 10px;
    right: 0
}

.cta a:not(.btn) {
    color: #007bb3
}

.cta a:not(.btn):hover {
    color: #0089c7
}

.custom-cards {
    padding-top: 64px;
    padding-bottom: 64px;
    background-color: #fff
}

@media (max-width:767px) {
    .custom-cards {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.custom-map {
    padding-top: 32px;
    padding-bottom: 32px
}

@media (max-width:767px) {
    .custom-map {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.custom-hero-shot {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: calc((var(--vh) * 100) - 56px);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.custom-hero-shot::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(-24.37%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) -24.37%, rgba(0, 0, 0, .8) 100%)
}

@media (max-width:1199px) {
    .custom-hero-shot {
        min-height: 0
    }
}

.custom-hero-shot__content-wrapper {
    width: 100%
}

@media (max-width:1199px) {
    .custom-hero-shot__content-wrapper__content {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }
}

.custom-hero-shot__content-wrapper__content__title {
    color: #fff
}

.custom-hero-shot__content-wrapper__content__text {
    color: #fff
}

.custom-hero-shot--adaptiv-height {
    min-height: 500px
}

@media (max-width:767px) {
    .custom-hero-shot--adaptiv-height {
        min-height: 500px
    }
}

.custom-text-with-img__wrapper__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

.custom-text-with-img__wrapper__content__img {
    position: relative
}

.custom-text-with-img__wrapper__content__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(1 / 1 * 100%)
}

.custom-text-with-img__wrapper__content__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.custom-text-with-img__wrapper__content__content__title {
    color: #090a0b
}

.custom-text-with-img__wrapper__content__content__text {
    color: #484c51
}

.custom-text-with-img--reverse .custom-text-with-img__wrapper__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.faq-cke.faq-cke--custom-pages h1 {
    display: none
}

.faq-cke.faq-cke--custom-pages h2 {
    font-family: gt-america-ext;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 32px
}

@media all and (max-width:999px) {
    .faq-cke.faq-cke--custom-pages h2 {
        font-size: 30px;
        line-height: 38px
    }
}

@media (max-width:499px) {
    .faq-cke.faq-cke--custom-pages h2 {
        font-size: 22px;
        line-height: 30px
    }
}

.faq-cke.faq-cke--custom-pages h2 h3 {
    font-family: gt-america;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700
}

@media all and (max-width:999px) {
    .faq-cke.faq-cke--custom-pages h2 h3 {
        font-size: 22px;
        line-height: 30px
    }
}

.faq-cke.faq-cke--with-bg {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.faq-cke.faq-cke--with-bg h1,
.faq-cke.faq-cke--with-bg h2,
.faq-cke.faq-cke--with-bg h3,
.faq-cke.faq-cke--with-bg h4,
.faq-cke.faq-cke--with-bg h5,
.faq-cke.faq-cke--with-bg h6,
.faq-cke.faq-cke--with-bg li,
.faq-cke.faq-cke--with-bg p {
    color: #fff
}

.faq-cke.faq-cke--with-bg {
    padding-bottom: 64px
}

@media all and (max-width:1439px) {
    .faq-cke.faq-cke--with-bg {
        padding-bottom: 0
    }
}

.faq-cke.faq-cke--with-bg::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6)
}

.custom-pages-selling-points__wrapper {
    counter-reset: section
}

.custom-pages-selling-points__wrapper__title {
    width: 100%
}

.custom-pages-selling-points__wrapper__row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: calc(100% + 80px);
    margin-right: -40px;
    margin-left: -40px
}

@media (min-width:1200px) and (max-width:1439px) {
    .custom-pages-selling-points__wrapper__row {
        width: calc(100% + 64px);
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .custom-pages-selling-points__wrapper__row {
        width: calc(100% + 32px);
        margin-right: -16px;
        margin-left: -16px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .custom-pages-selling-points__wrapper__row {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.custom-pages-selling-points__wrapper__row__item {
    width: calc((100% - 3 * 80px)/ 3);
    margin-right: 40px;
    margin-left: 40px
}

@media (min-width:1200px) and (max-width:1439px) {
    .custom-pages-selling-points__wrapper__row__item {
        margin-right: 32px;
        margin-left: 32px;
        width: calc((100% - 3 * 64px)/ 3)
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .custom-pages-selling-points__wrapper__row__item {
        width: calc((100% - 2 * 32px)/ 2);
        margin-right: 16px;
        margin-left: 16px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .custom-pages-selling-points__wrapper__row__item {
        margin-right: 0;
        margin-left: 0;
        width: 100%
    }
}

.custom-pages-selling-points__wrapper__row__item__counter {
    display: -webkit-box;
    display: flex
}

.custom-pages-selling-points__wrapper__row__item__counter__count {
    width: 56px;
    height: 56px;
    background: rgba(9, 10, 11, .1);
    border-radius: 50%;
    position: relative
}

@media all and (max-width:1199px) {
    .custom-pages-selling-points__wrapper__row__item__counter__count {
        width: 48px;
        height: 48px
    }
}

.custom-pages-selling-points__wrapper__row__item__counter__count::before {
    counter-increment: section;
    font-family: gt-america;
    position: absolute;
    content: counter(section);
    color: #484c51;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    top: calc(50% - 17px)
}

@media all and (max-width:1199px) {
    .custom-pages-selling-points__wrapper__row__item__counter__count::before {
        width: 48px;
        height: 48px;
        font-size: 22px;
        line-height: 30px;
        top: calc(50% - 15px)
    }
}

.custom-pages-selling-points__wrapper__row__item__img {
    width: 100%
}

.custom-pages-selling-points__wrapper__row__item__img img {
    width: 64px;
    height: 64px;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain
}

.custom-pages-selling-points__wrapper__btn {
    width: 100%
}

.custom-pages-selling-points--center .custom-pages-selling-points__wrapper__title {
    text-align: center
}

.custom-pages-selling-points--center .custom-pages-selling-points__wrapper__row {
    -webkit-box-pack: center;
    justify-content: center
}

.custom-pages-selling-points--center .custom-pages-selling-points__wrapper__row__item__counter {
    -webkit-box-pack: center;
    justify-content: center
}

.custom-pages-selling-points--center .custom-pages-selling-points__wrapper__row__item__title {
    text-align: center
}

.custom-pages-selling-points--center .custom-pages-selling-points__wrapper__row__item__text {
    text-align: center
}

.custom-pages-selling-points--center .custom-pages-selling-points__wrapper__btn {
    text-align: center
}

.custom-pages-selling-points--center .custom-pages-selling-points__wrapper__row__item__img img {
    margin: 0 auto
}

.custom-pages-selling-points--col-4 .custom-pages-selling-points__wrapper__row {
    width: calc(100% + 64px);
    margin-right: -32px;
    margin-left: -32px
}

@media (min-width:1200px) and (max-width:1439px) {
    .custom-pages-selling-points--col-4 .custom-pages-selling-points__wrapper__row {
        width: calc(100% + 48px);
        margin-right: -24px;
        margin-left: -24px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .custom-pages-selling-points--col-4 .custom-pages-selling-points__wrapper__row {
        width: calc(100% + 32px);
        margin-right: -16px;
        margin-left: -16px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .custom-pages-selling-points--col-4 .custom-pages-selling-points__wrapper__row {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.custom-pages-selling-points--col-4 .custom-pages-selling-points__wrapper__row__item {
    margin-right: 32px;
    margin-left: 32px;
    width: calc((100% - 4 * 64px)/ 4)
}

@media (min-width:1200px) and (max-width:1439px) {
    .custom-pages-selling-points--col-4 .custom-pages-selling-points__wrapper__row__item {
        margin-right: 24px;
        margin-left: 24px;
        width: calc((100% - 4 * 48px)/ 4)
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .custom-pages-selling-points--col-4 .custom-pages-selling-points__wrapper__row__item {
        width: calc((100% - 2 * 32px)/ 2);
        margin-right: 16px;
        margin-left: 16px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .custom-pages-selling-points--col-4 .custom-pages-selling-points__wrapper__row__item {
        margin-right: 0;
        margin-left: 0;
        width: 100%
    }
}

.custom-pages-selling-points--col-5 .custom-pages-selling-points__wrapper__row {
    width: calc(100% + 52px);
    margin-right: -26px;
    margin-left: -26px
}

@media (min-width:1200px) and (max-width:1439px) {
    .custom-pages-selling-points--col-5 .custom-pages-selling-points__wrapper__row {
        width: calc(100% + 64px);
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .custom-pages-selling-points--col-5 .custom-pages-selling-points__wrapper__row {
        width: calc(100% + 32px);
        margin-right: -16px;
        margin-left: -16px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .custom-pages-selling-points--col-5 .custom-pages-selling-points__wrapper__row {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.custom-pages-selling-points--col-5 .custom-pages-selling-points__wrapper__row__item {
    margin-right: 26px;
    margin-left: 26px;
    width: calc((100% - 5 * 52px)/ 5)
}

@media (min-width:1200px) and (max-width:1439px) {
    .custom-pages-selling-points--col-5 .custom-pages-selling-points__wrapper__row__item {
        margin-right: 32px;
        margin-left: 32px;
        width: calc((100% - 3 * 64px)/ 3)
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .custom-pages-selling-points--col-5 .custom-pages-selling-points__wrapper__row__item {
        width: calc((100% - 2 * 32px)/ 2);
        margin-right: 16px;
        margin-left: 16px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .custom-pages-selling-points--col-5 .custom-pages-selling-points__wrapper__row__item {
        margin-right: 0;
        margin-left: 0;
        width: 100%
    }
}

.custom-pages-slider__container__wrapper__slider {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s opacity, .3s visibility;
    transition: .3s opacity, .3s visibility;
    height: 400px
}

.custom-pages-slider__container__wrapper__slider.loaded {
    height: auto;
    opacity: 1;
    visibility: visible
}

.custom-pages-slider__container__wrapper__slider__slides {
    width: calc(1588px + (100vw - 1588px - var(--sw))/ 2);
    max-width: 100vw
}

@media (max-width:1719px) {
    .custom-pages-slider__container__wrapper__slider__slides {
        width: calc(100vw - var(--sw) - 64px)
    }
}

@media (max-width:1439px) {
    .custom-pages-slider__container__wrapper__slider__slides {
        width: calc(100vw - var(--sw) - 56px)
    }
}

@media (max-width:1199px) {
    .custom-pages-slider__container__wrapper__slider__slides {
        width: calc(100vw - var(--sw) - 31px)
    }
}

@media (max-width:767px) {
    .custom-pages-slider__container__wrapper__slider__slides {
        width: calc(100vw - var(--sw) - 24px)
    }
}

.custom-pages-slider__container__wrapper__slider__slides .slick-list {
    margin-left: calc(0px + (100vw - 1588px - var(--sw))/ -2)
}

@media (max-width:1719px) {
    .custom-pages-slider__container__wrapper__slider__slides .slick-list {
        margin-left: -64px
    }
}

@media (max-width:1439px) {
    .custom-pages-slider__container__wrapper__slider__slides .slick-list {
        margin-left: -56px
    }
}

@media (max-width:1199px) {
    .custom-pages-slider__container__wrapper__slider__slides .slick-list {
        margin-left: -31px
    }
}

@media (max-width:767px) {
    .custom-pages-slider__container__wrapper__slider__slides .slick-list {
        margin-left: -24px
    }
}

.custom-pages-slider__container__wrapper__slider__slides__item {
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-right: 8px
}

.custom-pages-slider__container__wrapper__slider__slides__item:first-child {
    padding-left: calc(0px + (100vw - 1588px - var(--sw))/ 2)
}

@media (max-width:1719px) {
    .custom-pages-slider__container__wrapper__slider__slides__item:first-child {
        padding-left: 64px
    }
}

@media (max-width:1439px) {
    .custom-pages-slider__container__wrapper__slider__slides__item:first-child {
        padding-left: 56px
    }
}

@media (max-width:1199px) {
    .custom-pages-slider__container__wrapper__slider__slides__item:first-child {
        padding-left: 31px
    }
}

@media (max-width:767px) {
    .custom-pages-slider__container__wrapper__slider__slides__item:first-child {
        padding-left: 24px
    }
}

.custom-pages-slider__container__wrapper__slider__slides__item__img {
    cursor: pointer;
    position: relative;
    height: 490px;
    width: 490px
}

@media (max-width:1199px) {
    .custom-pages-slider__container__wrapper__slider__slides__item__img {
        height: 360px;
        width: 360px
    }
}

@media (max-width:767px) {
    .custom-pages-slider__container__wrapper__slider__slides__item__img {
        height: 205px;
        width: 205px
    }
}

.custom-pages-slider__container__wrapper__slider__slides__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.custom-pages-slider__container__wrapper__slider__slides__item__text {
    font-size: 13px;
    line-height: 20px;
    width: 490px
}

@media (max-width:1199px) {
    .custom-pages-slider__container__wrapper__slider__slides__item__text {
        width: 360px
    }
}

@media (max-width:767px) {
    .custom-pages-slider__container__wrapper__slider__slides__item__text {
        width: 205px
    }
}

.custom-pages-slider__container__wrapper__slider__nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap
}

.custom-pages-slider__container__wrapper__slider__nav__dots {
    margin-left: auto
}

@media (max-width:767px) {
    .custom-pages-slider__container__wrapper__slider__nav__dots .custom-reviews__arrow {
        width: 40px;
        height: 40px
    }
}

.custom-pages-slider-sec {
    width: 100vw;
    height: calc(var(--vh) * 100);
    z-index: 2001;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #090a0b;
    display: none
}

.custom-pages-slider-sec.active {
    display: block
}

.custom-pages-slider-sec__wrapper {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.custom-pages-slider-sec__wrapper__top-nav {
    width: 100vw;
    position: relative
}

.custom-pages-slider-sec__wrapper__top-nav__count {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    width: 100%;
    height: 72px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:768px) {
    .custom-pages-slider-sec__wrapper__top-nav__count {
        height: 64px
    }
}

.custom-pages-slider-sec__wrapper__top-nav__close {
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px;
    height: 40px;
    width: 40px;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 50%
}

.custom-pages-slider-sec__wrapper__top-nav__close svg path {
    -webkit-transition: all .2s;
    transition: all .2s
}

@media (max-width:1200px) {
    .custom-pages-slider-sec__wrapper__top-nav__close {
        top: 18px;
        right: 18px
    }
}

@media (max-width:768px) {
    .custom-pages-slider-sec__wrapper__top-nav__close {
        top: 16px;
        right: 16px;
        height: 32px;
        width: 32px
    }

    .custom-pages-slider-sec__wrapper__top-nav__close svg {
        height: 32px;
        width: 32px
    }
}

.custom-pages-slider-sec__wrapper__top-nav__close:hover {
    background-color: #fff
}

.custom-pages-slider-sec__wrapper__top-nav__close:hover svg path {
    fill: #090a0b
}

.custom-pages-slider-sec__wrapper__content {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1200px) {
    .custom-pages-slider-sec__wrapper__content {
        padding: 0 !important
    }
}

.custom-pages-slider-sec__wrapper__content .slick-track {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.custom-pages-slider-sec__wrapper__content__item {
    width: 100%
}

.custom-pages-slider-sec__wrapper__content__item img {
    max-height: calc((var(--vh) * 100) - 68px - 72px);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.custom-pages-slider-sec__wrapper__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    height: auto;
    font-size: 13px;
    line-height: 20px;
    padding-top: 24px;
    padding-bottom: 24px
}

@media (max-width:768px) {
    .custom-pages-slider-sec__wrapper__text {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.custom-pages-slider-sec__wrapper__prev {
    position: absolute;
    left: 0;
    top: calc(50% - 24px);
    height: 48px;
    width: 48px;
    padding: 0;
    -webkit-box-align: center;
    align-items: center;
    background-color: unset;
    z-index: 1
}

.custom-pages-slider-sec__wrapper__prev::before {
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    width: 48px;
    height: 48px;
    background-image: url(../images/slider-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.custom-pages-slider-sec__wrapper__next {
    position: absolute;
    right: 0;
    top: calc(50% - 24px);
    height: 48px;
    width: 48px;
    padding: 0;
    -webkit-box-align: center;
    align-items: center;
    background-color: unset;
    z-index: 1
}

.custom-pages-slider-sec__wrapper__next::before {
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    width: 48px;
    height: 48px;
    background-image: url(../images/slider-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.custom-pages-img__wrapper__img {
    position: relative;
    width: 100vw;
    max-width: calc(100vw - var(--sw))
}

.custom-pages-img__wrapper__img img {
    width: 100%;
    height: auto
}

.custom-pages-img__wrapper__content__text {
    font-size: 13px;
    line-height: 20px
}

.cuspom-pages-video__wrapper__video {
    position: relative
}

.cuspom-pages-video__wrapper__video::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(100% / 16 * 9)
}

.cuspom-pages-video__wrapper__video iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.cuspom-pages-video__wrapper__video video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.custom-reviews {
    position: relative;
    padding-top: 64px;
    padding-bottom: 64px
}

@media (max-width:767px) {
    .custom-reviews {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.custom-reviews__title {
    padding-right: 144px
}

@media (max-width:767px) {
    .custom-reviews__title {
        padding-right: 104px
    }
}

.custom-reviews__controls {
    position: absolute;
    top: 40px;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1719px) {
    .custom-reviews__controls {
        right: 64px
    }
}

@media (max-width:1439px) {
    .custom-reviews__controls {
        right: 56px
    }
}

@media (max-width:1199px) {
    .custom-reviews__controls {
        top: 32px;
        right: 31px
    }
}

@media (max-width:767px) {
    .custom-reviews__controls {
        top: 16px;
        right: 24px
    }
}

.custom-reviews__controls__frontier {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%
}

.custom-reviews__arrow {
    opacity: 1;
    position: relative;
    height: 40px;
    width: 40px;
    padding: 0;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

@media (max-width:767px) {
    .custom-reviews__arrow {
        width: 32px;
        height: 32px
    }
}

.custom-reviews__arrow:hover {
    background-color: #f4f6f8
}

.custom-reviews__arrow:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../images/reviews-slider-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (max-width:767px) {
    .custom-reviews__arrow:after {
        content: "";
        display: block;
        position: absolute;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 48px;
        height: 48px
    }
}

.custom-reviews__arrow--prev:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.custom-reviews__arrow--next {
    margin-left: 32px
}

@media (max-width:767px) {
    .custom-reviews__arrow--next {
        margin-left: 16px
    }
}

@media (max-width:767px) {
    .custom-reviews__carousel-outer {
        margin-left: -24px;
        margin-right: -24px;
        overflow: hidden
    }
}

.custom-reviews__carousel {
    margin-top: 48px;
    margin-bottom: 48px
}

@media (max-width:767px) {
    .custom-reviews__carousel {
        margin-top: 26px;
        margin-bottom: 24px;
        margin-left: calc(((136px + 24px) - 50vw) * 2);
        width: calc(100vw + (50vw - (136px + 24px)) * 2)
    }
}

@media (max-width:767px) {
    .custom-reviews__carousel .slick-track {
        padding-left: 24px
    }
}

.ui-datepicker {
    z-index: 4000 !important;
    width: 324px;
    padding: 0;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 #f4f4f4;
    box-shadow: 0 1px 0 #f4f4f4
}

@media all and (max-width:767px) {
    .ui-datepicker {
        width: 288px
    }
}

.form-item-wrap--date .ui-datepicker {
    position: absolute !important;
    top: calc(100% + 4px) !important
}

.form-item-wrap--date--public-vehicle .ui-datepicker,
.form-item-wrap--date--within .ui-datepicker {
    left: 0 !important;
    right: auto !important
}

.form-item-wrap--driver-verification-date .ui-datepicker {
    right: 0 !important;
    left: auto !important
}

.ui-datepicker .ui-datepicker-header {
    height: 88px;
    padding: 0;
    border: none;
    border-radius: 5px 5px 0 0;
    background-color: #fff
}

@media all and (max-width:767px) {
    .ui-datepicker .ui-datepicker-header {
        height: 56px
    }
}

.ui-datepicker .ui-datepicker-title {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 208px
}

@media all and (max-width:767px) {
    .ui-datepicker .ui-datepicker-title {
        margin-top: 10px;
        width: 170px
    }
}

.ui-datepicker .ui-datepicker-title:after {
    content: "";
    display: block;
    position: absolute;
    position: static;
    display: table;
    width: 100%;
    font-size: 0;
    line-height: 0;
    clear: both
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
    position: absolute;
    top: 20px !important;
    bottom: auto !important;
    margin: auto;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {

    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        top: 8px !important
    }
}

.ui-datepicker .ui-datepicker-next:not(.ui-state-disabled):hover,
.ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled):hover {
    background-color: #f4f6f8
}

.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px;
    background-image: url(../images/datepicker-arrow-1x.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {

    .ui-datepicker .ui-datepicker-next:before,
    .ui-datepicker .ui-datepicker-prev:before {
        background-image: url(../images/datepicker-arrow-2x.png)
    }
}

.ui-datepicker .ui-datepicker-prev {
    left: 8px
}

.ui-datepicker .ui-datepicker-next {
    right: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
    opacity: .5
}

.ui-datepicker-calendar {
    margin: 0 !important;
    overflow: hidden
}

.ui-datepicker-calendar body {
    padding: 10px
}

.ui-datepicker-calendar td:first-child,
.ui-datepicker-calendar th:first-child {
    padding-left: 8px
}

@media all and (max-width:767px) {

    .ui-datepicker-calendar td:first-child,
    .ui-datepicker-calendar th:first-child {
        padding-left: 5px
    }
}

.ui-datepicker-calendar td:last-child,
.ui-datepicker-calendar th:last-child {
    padding-right: 8px
}

@media all and (max-width:767px) {

    .ui-datepicker-calendar td:last-child,
    .ui-datepicker-calendar th:last-child {
        padding-right: 5px
    }
}

@media all and (max-width:767px) {

    .ui-datepicker-calendar td,
    .ui-datepicker-calendar th {
        padding: 4px
    }
}

.ui-datepicker-calendar th {
    padding: 0 5px;
    background-color: transparent
}

.ui-datepicker-calendar td {
    padding: 0
}

.ui-datepicker-calendar th span {
    width: 40px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    font-family: gt-america;
    font-weight: 500;
    color: #090a0b
}

@media all and (max-width:767px) {
    .ui-datepicker-calendar th span {
        width: 30px
    }
}

.ui-datepicker-calendar tr:last-child td {
    padding-bottom: 8px
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none !important;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400 !important;
    font-family: gt-america;
    text-align: center;
    border-radius: 50%
}

@media all and (max-width:767px) {

    .ui-datepicker-calendar td a,
    .ui-datepicker-calendar td span {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px
    }
}

.ui-datepicker-calendar td .ui-state-default {
    color: #090a0b;
    background-color: transparent;
    font-weight: 400 !important
}

.ui-datepicker-calendar td .ui-state-default:hover {
    background-color: #eaf9ff
}

.ui-datepicker-calendar td.ui-state-disabled {
    opacity: 1
}

.ui-datepicker-calendar td.ui-state-disabled span {
    color: #8e949a !important;
    background-color: transparent !important;
    font-weight: 400 !important
}

.ui-datepicker-calendar td a.ui-state-highlight {
    color: #007bb3
}

.ui-datepicker-calendar td .ui-state-active {
    color: #fff !important;
    background-color: #090a0b !important
}

.ui-datepicker-calendar td.booked-day span {
    color: #536169 !important;
    background-color: #d3d8db !important
}

.jq-selectbox.ui-datepicker-month,
.jq-selectbox.ui-datepicker-year {
    width: 96px;
    height: 48px;
    border: none
}

@media all and (max-width:767px) {

    .jq-selectbox.ui-datepicker-month,
    .jq-selectbox.ui-datepicker-year {
        width: 80px;
        height: 36px
    }
}

.jq-selectbox.ui-datepicker-month {
    float: left
}

.jq-selectbox.ui-datepicker-year {
    float: right
}

.ui-datepicker-month:not(.jqselect),
.ui-datepicker-year:not(.jqselect) {
    display: inline-block;
    padding-top: 7px;
    font-size: 18px;
    line-height: 24px;
    font-family: montserrat;
    font-weight: 500;
    color: #536169;
    text-transform: none
}

@media all and (max-width:767px) {

    .ui-datepicker-month:not(.jqselect),
    .ui-datepicker-year:not(.jqselect) {
        padding-top: 6px;
        font-size: 16px
    }
}

.devider {
    height: 1px;
    min-width: 100%;
    background-color: #c8cacb
}

.devider--rental-price-table {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgba(9, 10, 11, .1)
}

@media (max-width:1199px) {
    .devider--inspection-data-top {
        margin-top: 54px
    }
}

@media (max-width:767px) {
    .devider--inspection-data-top {
        margin-top: 24px
    }
}

.dropdown {
    z-index: 100;
    position: absolute;
    /* display: none; */
    flex-wrap: wrap
}

.dropdown.active {
    display: -webkit-box;
    display: flex
}

.dropdown.under {
    top: calc(100% + 8px)
}

.dropdown.above {
    bottom: calc(100% + 8px)
}

.dropdown.left {
    right: 0;
    left: auto
}

.dropdown.right {
    left: 0;
    right: auto
}

.dropdown>* {
    width: 100%
}

.btn-group .dropdown.under {
    left: 0
}

.btn-group .dropdown.above {
    right: 0
}

.dropdown-1,
.dropdown-tick {
    padding: 8px 0;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 10px 25px rgba(9, 10, 11, .1)
}

.dropdown-1--head,
.dropdown-tick--head {
    top: calc(100% + 1px)
}

.dropdown-1--head--notifications,
.dropdown-tick--head--notifications {
    width: 180px
}

.dropdown-1--head--menu,
.dropdown-tick--head--menu {
    right: 0;
    width: 180px
}

.dropdown-1--border,
.dropdown-tick--border {
    border: 1px solid #dee0e2
}

.dropdown-1__item,
.dropdown-tick__item {
    margin-left: 0 !important
}

.dropdown-1__link,
.dropdown-tick__link {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    min-height: 48px;
    width: 100%;
    padding: 12px 24px 13px;
    font-size: 15px;
    line-height: 23px;
    color: #090a0b;
    background-color: transparent
}

.dropdown-1__item:hover .dropdown-1__link,
.dropdown-1__item:hover .dropdown-tick__link,
.dropdown-tick__item:hover .dropdown-1__link,
.dropdown-tick__item:hover .dropdown-tick__link {
    background: #eaf9ff
}

.dropdown-tick__link {
    padding-right: 56px
}

.dropdown-tick__item.active .dropdown-tick__link:after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 16px;
    right: 24px;
    background: url(../images/icon-tick.svg) 0 0 no-repeat
}

.dropdown-1__pill {
    position: absolute;
    right: 24px;
    top: 13px;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border-radius: 50%;
    color: #fff;
    background: #0c9
}

.dropdown__check-list-wrap {
    border-top: 1px solid #dee0e2
}

@media (max-width:1199px) {
    .dropdown__check-list-wrap {
        border-top: none
    }
}

.dropdown__check-list-wrap:first-child {
    border-top: none
}

.dropdown__check-list-wrap.empty .dropdown__check-list-empty {
    display: block
}

@media (max-width:767px) {
    .filter-list-wrap-modal .dropdown__check-list-wrap--mobile-absolute {
        position: absolute;
        left: 0;
        top: 53px;
        width: 100%;
        padding-top: 4px;
        padding-bottom: 4px;
        border-radius: 5px;
        -webkit-box-shadow: 0 10px 24px rgba(9, 10, 11, .1);
        box-shadow: 0 10px 24px rgba(9, 10, 11, .1);
        background-color: #fff
    }
}

.dropdown__switch-wrap {
    padding: 12px 24px
}

@media (max-width:767px) {
    .filter-list-wrap-modal .dropdown__switch-wrap {
        padding: 6px 0 0
    }
}

.dropdown__check-list-empty,
.dropdown__check-list-make-empty {
    display: none;
    padding: 4px 24px 16px;
    font-size: 16px;
    line-height: 24px;
    color: #484c51
}

@media (max-width:767px) {

    .filter-list-wrap-modal .dropdown__check-list-empty,
    .filter-list-wrap-modal .dropdown__check-list-make-empty {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.dropdown__check-list {
    max-height: 452px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 4px;
    padding-bottom: 8px
}

.dropdown__check-list::-webkit-scrollbar {
    width: 4px;
    cursor: pointer
}

.dropdown__check-list::-webkit-scrollbar-track {
    background-color: #dee0e2;
    border-radius: 0
}

.dropdown__check-list::-webkit-scrollbar-thumb {
    background-color: #00a6eb;
    border-radius: 0
}

.dropdown__check-list {
    scrollbar-color: #00a6eb #dee0e2;
    scrollbar-width: thin
}

.filter-list-wrap-modal .dropdown__check-list-wrap--mobile-absolute {
    display: none
}

.filter-list-wrap-modal .dropdown__check-list-wrap--mobile-absolute.active {
    display: block
}

@media (max-width:767px) {
    .filter-list-wrap-modal .dropdown__check-list-wrap--mobile-absolute .dropdown__check-list {
        max-height: none !important;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal .dropdown__check-list-wrap--mobile-static .dropdown__check-list {
        padding-top: 1px;
        padding-bottom: 8px
    }
}

.dropdown__controls {
    padding: 16px 16px 16px 24px;
    border-top: 1px solid #dee0e2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .filter-list-wrap-modal .dropdown__controls {
        display: none
    }
}

.dropdown--filter {
    width: 280px;
    border: 1px solid #dee0e2;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 10px 25px rgba(9, 10, 11, .1)
}

.dropdown--filter--slider {
    width: 408px
}

@media (max-width:767px) {
    .dropdown--filter--slider {
        right: auto !important;
        width: 272px
    }
}

.dropdown__filter-form {
    position: relative;
    padding: 16px 24px 64px
}

@media (max-width:767px) {
    .dropdown__filter-form {
        margin-top: -8px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }
}

.user-promo__controls-ellipsis .dropdown {
    top: 100%;
    right: 0;
    left: auto
}

.edit-airport {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.edit-airport:first-child {
    margin-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.edit-airport:hover {
    background-color: #eaf9ff
}

@media (max-width:1199px) {
    .edit-airport:hover {
        background-color: transparent
    }
}

.edit-airport__data {
    position: relative;
    display: none;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    min-height: 74px;
    padding: 16px
}

@media (max-width:767px) {
    .edit-airport__data {
        padding: 24px 40px 24px 0;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

.edit-airport__data.active {
    display: -webkit-box;
    display: flex
}

.edit-airport__edit {
    display: none;
    min-height: 74px;
    padding: 16px 16px 16px 0
}

@media (max-width:767px) {
    .edit-airport__edit {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: calc(1vh * 100);
        height: calc(var(--vh, 1vh) * 100)
    }
}

.edit-airport__edit.active {
    display: block
}

@media (max-width:767px) {
    .edit-airport__edit.active {
        z-index: 3000 !important;
        padding-right: 0;
        font-size: 0;
        line-height: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: center;
        background-color: rgba(9, 10, 11, .5)
    }
}

@media (max-width:767px) {
    .edit-airport__edit.active:before {
        content: "";
        display: block;
        position: absolute;
        display: inline-block;
        position: static;
        height: calc((1vh * 100));
        height: calc((var(--vh, 1vh) * 100));
        width: 0;
        vertical-align: middle
    }
}

.edit-airport__edit-inner {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .edit-airport__edit-inner {
        z-index: 10;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: left;
        background-color: #fff;
        -webkit-box-shadow: 0 17px 25px rgba(9, 10, 11, .1);
        box-shadow: 0 17px 25px rgba(9, 10, 11, .1);
        border-radius: 5px;
        max-width: calc(100vw - 48px);
        padding: 56px 24px 48px
    }
}

.edit-airport__title-mobile {
    display: none
}

@media (max-width:767px) {
    .edit-airport__title-mobile {
        display: block;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0;
        font-size: 26px;
        line-height: 34px;
        font-weight: 700;
        color: #090a0b
    }
}

.edit-airport__name {
    width: 100%;
    padding-right: 32px;
    font-family: gt-america;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media (max-width:767px) {
    .edit-airport__name {
        padding-right: 24px
    }
}

.edit-airport__price {
    width: 100%;
    max-width: 157px;
    padding-left: 58px;
    font-family: gt-america;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media (max-width:1919px) {
    .edit-airport__price {
        max-width: 152px
    }
}

@media (max-width:1439px) {
    .edit-airport__price {
        max-width: 148px
    }
}

@media (max-width:767px) {
    .edit-airport__price {
        max-width: 60px;
        padding-left: 0
    }
}

.edit-airport__controls {
    position: relative;
    display: -webkit-box;
    display: flex;
    margin-left: 16px
}

@media (max-width:767px) {
    .edit-airport__controls {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .edit-airport__controls--data {
        position: absolute;
        top: 16px;
        right: 0
    }
}

@media (max-width:767px) {
    .edit-airport__controls--edit {
        padding-top: 8px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse
    }
}

.edit-airport__data .edit-airport__controls {
    display: none;
    display: block
}

@media (max-width:1199px) {
    .edit-airport__data .edit-airport__controls {
        display: block
    }
}

.edit-airport__data:hover .edit-airport__controls {
    display: block
}

.edit-airport__dropdown {
    display: none;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: start
}

@media (min-width:768px) {
    .edit-airport__dropdown {
        display: -webkit-box !important;
        display: flex !important
    }
}

@media (max-width:767px) {
    .edit-airport__dropdown {
        position: absolute;
        right: 0;
        top: calc(100% + 8px);
        display: block;
        width: 128px;
        padding-top: 8px;
        padding-bottom: 8px;
        border: 1px solid #dee0e2;
        border-radius: 5px;
        -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
        box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
        background-color: #fff
    }
}

.edit-airport__dropdown.active {
    display: -webkit-box;
    display: flex
}

@media (max-width:767px) {
    .edit-airport__dropdown.active {
        display: block !important
    }
}

.edit-airport__btn {
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff
}

@media (max-width:767px) {
    .edit-airport__btn {
        display: block;
        width: auto;
        height: auto;
        padding: 12px 24px;
        font-size: 16px;
        line-height: 24px;
        border-radius: 0
    }
}

.edit-airport__btn+.edit-airport__btn {
    margin-left: 16px
}

@media (max-width:767px) {
    .edit-airport__btn+.edit-airport__btn {
        margin-left: 0
    }
}

@media (max-width:767px) {

    .edit-airport__btn--primary,
    .edit-airport__btn--secondary {
        margin-top: 8px;
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
        border-radius: 32px
    }
}

@media (max-width:767px) {
    .edit-airport__btn--primary {
        margin-right: auto;
        margin-left: 16px;
        color: #fff;
        background-color: #007bb3
    }
}

@media (max-width:767px) {
    .edit-airport__btn--secondary {
        color: #090a0b;
        background-color: #f4f6f8
    }
}

.edit-airport__close-popup-btn {
    display: none
}

@media (max-width:767px) {
    .edit-airport__close-popup-btn {
        display: block;
        z-index: 20;
        position: absolute;
        top: 0;
        right: 0;
        width: 48px;
        height: 48px;
        background: url(../images/close-48-dark.svg) 0 0 no-repeat;
        background-color: transparent;
        cursor: pointer
    }
}

.edit-car {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch
}

@media (max-width:1199px) {
    .edit-car {
        display: block
    }
}

.edit-car__delete-car {
    margin-top: 32px;
    padding-top: 23px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width:1199px) {
    .edit-car__delete-car {
        margin-top: 48px
    }
}

@media (max-width:767px) {
    .edit-car__delete-car {
        margin-top: 32px
    }
}

@media (max-width:767px) {
    .edit-car__sidebar {
        width: 460px !important;
        max-width: 100%
    }
}

.edit-car-list-btn-wrap-mobile {
    z-index: 100;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 0 0 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.edit-car-results {
    position: relative;
    overflow: hidden;
    padding: 15px 24px 0 31px;
    border: 1px solid #c8cacb;
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width:1919px) {
    .edit-car-results {
        padding-left: 24px
    }
}

@media (max-width:1439px) {
    .edit-car-results {
        flex-wrap: wrap;
        padding-left: 31px;
        padding-right: 31px
    }
}

@media (max-width:1199px) {
    .edit-car-results {
        padding-top: 24px;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:767px) {
    .edit-car-results {
        padding-top: 16px
    }
}

.edit-car-results--offsets {
    margin-top: 56px;
    margin-bottom: 78px
}

@media (max-width:1199px) {
    .edit-car-results--offsets {
        margin-top: 40px;
        margin-bottom: 62px
    }
}

@media (max-width:767px) {
    .edit-car-results--offsets {
        margin-top: 24px;
        margin-bottom: 96px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }
}

.edit-car-results__total {
    padding-right: 32px;
    white-space: nowrap
}

@media (max-width:1199px) {
    .edit-car-results__total {
        -webkit-box-align: center;
        align-items: center
    }
}

@media (max-width:767px) {
    .edit-car-results__total {
        padding-left: 23px;
        padding-right: 23px
    }
}

.edit-car-results__total__label {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #6f757c
}

.edit-car-results__total__numbs {
    width: 100%;
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    color: #090a0b
}

@media (max-width:1439px) {
    .edit-car-results__total__numbs {
        width: auto
    }
}

@media (max-width:1199px) {
    .edit-car-results__total__numbs {
        font-size: 26px;
        line-height: 34px
    }
}

.edit-car-results__total__badge {
    margin-top: 8px
}

.edit-car-results__total__btn {
    margin-top: 8px;
    margin-left: 16px;
    height: 29px;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    color: #007bb3;
    background-color: transparent
}

@media (max-width:1439px) {
    .edit-car-results__total__btn {
        margin-bottom: 8px
    }
}

@media (max-width:1199px) {
    .edit-car-results__total__btn {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .edit-car-results__total__btn {
        display: none
    }
}

.edit-car-results__total__btn:hover {
    color: #0089c7
}

.edit-car-results__data {
    margin-left: auto
}

@media (min-width:768px) {
    .edit-car-results__data {
        display: -webkit-box !important;
        display: flex !important;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

@media (max-width:767px) {
    .edit-car-results__data {
        display: none;
        margin-top: -4px;
        width: 100%;
        padding-top: 0;
        flex-wrap: wrap;
        font-size: 0;
        line-height: 0
    }
}

.edit-car-results__data__item {
    margin-right: 96px;
    text-align: center
}

@media (max-width:1919px) {
    .edit-car-results__data__item {
        margin-right: 64px
    }
}

@media (max-width:1439px) {
    .edit-car-results__data__item {
        margin-right: 40px
    }
}

@media (max-width:767px) {
    .edit-car-results__data__item {
        display: inline-block;
        margin-right: 0;
        width: 50%;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 24px
    }
}

.edit-car-results__data__item:last-child {
    margin-right: 0
}

@media (max-width:767px) {
    .edit-car-results__data__item--views {
        margin-top: -4px;
        width: 100%;
        padding: 15px 23px;
        border-top: 1px solid #c8cacb;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
        text-align: left
    }
}

.edit-car-results__data__numb {
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
    color: #007bb3
}

@media (max-width:1199px) {
    .edit-car-results__data__numb {
        font-size: 24px;
        line-height: 32px
    }
}

@media (max-width:767px) {
    .edit-car-results__data__numb {
        font-size: 16px;
        line-height: 24px
    }
}

.edit-car-results__data__numb--views {
    color: #090a0b
}

@media (max-width:767px) {
    .edit-car-results__data__numb--views {
        margin-right: 16px;
        line-height: 26px
    }
}

.edit-car-results__data__label {
    word-wrap: break-word;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #6f757c
}

@media (max-width:1439px) {
    .edit-car-results__data__label {
        padding-top: 4px
    }
}

@media (max-width:767px) {
    .edit-car-results__data__label {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 0;
        font-size: 16px;
        line-height: 26px
    }
}

.edit-car-results__data__label *+* {
    margin-left: 8px
}

@media (min-width:768px) {
    .edit-car-results__btn-accord {
        display: none
    }
}

@media (max-width:767px) {
    .edit-car-results__btn-accord {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 48px;
        height: 48px;
        padding: 0
    }
}

@media (max-width:767px) {
    .edit-car-results__btn-accord .icon {
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }
}

.edit-car-results__btn-accord:before {
    display: none
}

.edit-car-results__btn-calendar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 24px -24px 0 -31px;
    width: calc(100% + 24px + 31px);
    padding: 24px 0 26px;
    font-size: 19px;
    line-height: 22px;
    color: #484c51;
    background-color: #f4f6f8
}

@media (max-width:1919px) {
    .edit-car-results__btn-calendar {
        margin-left: -24px;
        width: calc(100% + 24px + 24px)
    }
}

@media (max-width:1439px) {
    .edit-car-results__btn-calendar {
        margin-top: 32px;
        margin-left: -31px;
        margin-right: -31px;
        width: calc(100% + 31px + 31px)
    }
}

@media (max-width:1199px) {
    .edit-car-results__btn-calendar {
        margin-top: 28px;
        padding-top: 20px;
        padding-bottom: 22px
    }
}

@media (max-width:767px) {
    .edit-car-results__btn-calendar {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
        width: calc(100% + 24px + 24px);
        height: 48px;
        font-size: 15px
    }
}

.edit-car-results__btn-calendar__icon {
    margin-right: 12px
}

@media (max-width:767px) {
    .edit-car-results__btn-calendar__icon {
        width: 16px !important;
        height: 16px !important
    }
}

.edit-car-results--no-views .edit-car-results__data__numbs {
    color: #090a0b
}

.edit-car {
    padding-bottom: 192px
}

@media (max-width:1439px) {
    .edit-car {
        padding-bottom: 128px
    }
}

@media (max-width:767px) {
    .edit-car {
        padding-bottom: 64px
    }
}

@media (max-width:1199px) {
    .edit-car__sidebar {
        margin-left: auto;
        margin-right: auto;
        margin-top: 64px
    }
}

.edit-car-top+.edit-car-section {
    margin-top: 54px
}

@media (max-width:767px) {
    .edit-car-top+.edit-car-section {
        margin-top: 26px
    }
}

.edit-car-section {
    margin-top: 62px
}

@media (max-width:767px) {
    .edit-car-section {
        margin-top: 34px
    }
}

.edit-car-section--my-garage-edit {
    margin-top: 54px
}

@media (max-width:1199px) {
    .edit-car-section--my-garage-edit {
        margin-top: 62px
    }
}

@media (max-width:767px) {
    .edit-car-section--my-garage-edit {
        margin-top: 34px
    }
}

@media (max-width:1919px) {
    .edit-car-section--my-garage-edit+.edit-car-section--my-garage-edit {
        margin-top: 62px
    }
}

@media (max-width:767px) {
    .edit-car-section--my-garage-edit+.edit-car-section--my-garage-edit {
        margin-top: 34px
    }
}

.edit-car-section--my-account {
    margin-top: 32px
}

@media (max-width:1199px) {
    .edit-car-section--my-account {
        margin-top: 22px
    }
}

@media (max-width:767px) {
    .edit-car-section--my-account {
        margin-top: -30px
    }
}

.edit-car-section__top {
    padding-bottom: 21px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
    border-bottom: 1px solid #000
}

@media (max-width:767px) {
    .edit-car-section__top {
        padding-bottom: 15px;
        -webkit-box-align: center;
        align-items: center
    }
}

.edit-car-section__title {
    font-family: gt-america;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

@media (max-width:767px) {
    .edit-car-section__title {
        font-size: 18px;
        line-height: 26px
    }
}

.edit-car-section__progress-status {
    color: #6f757c
}

.edit-car-section__item {
    cursor: pointer;
    position: relative;
    padding: 33px 24px 30px 80px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width:1199px) {
    .edit-car-section__item {
        padding-top: 32px;
        padding-bottom: 33px
    }
}

@media (max-width:767px) {
    .edit-car-section__item {
        padding: 24px 32px 24px 40px
    }
}

.edit-car-section__item:hover {
    background-color: #eaf9ff
}

.edit-car-section__item:before {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    left: 24px;
    width: 32px;
    height: 32px;
    background: url(../images/icon-check-incomplete.svg) 0 0 no-repeat;
    background-size: contain;
    border-radius: 50%
}

@media (max-width:767px) {
    .edit-car-section__item:before {
        top: 24px;
        left: 0;
        height: 24px;
        width: 24px
    }
}

.edit-car-section__item.complete:before {
    background-image: url(../images/icon-check-complete-outline.svg)
}

.edit-car-section__item.no-border {
    border-bottom: none
}

.edit-car-section__item.required:before {
    background-image: url(../images/icon-state-error.svg)
}

.edit-car-section__item:not(.edit-car-section__item--no-edit):hover:before {
    border-radius: 50%;
    background-color: #090a0b;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22rgba(255, 255, 255, 1)%22%3E %3Cpath d=%22M17.643 1.92a3.138 3.138 0 114.438 4.437L7.102 21.336 1 23l1.664-6.102L17.643 1.919z%22 stroke=%22%22 stroke-width=%221.95%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");
    background-size: 14px 14px
}

.edit-car-section__item--specific-trip {
    padding: 16px 0 0;
    border-bottom: none
}

.edit-car-section__item--specific-trip:hover {
    background-color: transparent
}

.edit-car-section__item--specific-trip:before {
    display: none
}

.edit-car-section__item--specific-trip:after {
    display: none !important
}

.edit-car-section__item--no-edit-specific-trip:after {
    display: none !important
}

@media (max-width:1199px) {
    .edit-car-section__item:after {
        content: "";
        display: block;
        position: absolute;
        top: 35px;
        right: 24px;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22rgba(177, 181, 185, 1)%22%3E %3Cpath d=%22M17.643 1.92a3.138 3.138 0 114.438 4.437L7.102 21.336 1 23l1.664-6.102L17.643 1.919z%22 stroke=%22%22 stroke-width=%221.95%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");
        background-size: contain
    }
}

@media (max-width:767px) {
    .edit-car-section__item:after {
        right: 0;
        top: 28px;
        width: 16px;
        height: 16px
    }
}

.edit-car-section--my-account--notifications .edit-car-section__item {
    padding: 40px 0 24px
}

.edit-car-section--my-account--notifications .edit-car-section__item:hover {
    cursor: auto;
    background-color: transparent
}

.edit-car-section--my-account--notifications .edit-car-section__item:last-child {
    border-bottom: none
}

.edit-car-section--my-account--notifications .edit-car-section__item:after,
.edit-car-section--my-account--notifications .edit-car-section__item:before {
    display: none
}

.edit-car-section--my-account--notifications .edit-car-section__item~.edit-car-section__item {
    padding-top: 24px
}

.edit-car-section__item-title {
    font-family: gt-america;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700
}

@media all and (max-width:999px) {
    .edit-car-section__item-title {
        font-size: 22px;
        line-height: 30px
    }
}

@media (max-width:767px) {
    .edit-car-section__item-title {
        font-size: 18px;
        line-height: 26px
    }
}

.edit-car-section--my-account--notifications .edit-car-section__item-title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.edit-car-section__item-content {
    display: none;
    padding-top: 16px;
    font-size: 18px;
    line-height: 28px;
    color: #484c51;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (max-width:1199px) {
    .edit-car-section__item-content {
        margin-bottom: -2px
    }
}

@media (max-width:767px) {
    .edit-car-section__item-content {
        margin-left: -40px;
        margin-right: -32px;
        font-size: 16px;
        line-height: 24px
    }
}

.edit-car-section__item-content.active {
    display: -webkit-box;
    display: flex
}

.edit-car-section__item-content__rating {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .edit-car-section__item-content__rating {
        display: block;
        padding-top: 8px
    }
}

.edit-car-section__item-content__rating__right {
    margin-left: 40px
}

@media (max-width:767px) {
    .edit-car-section__item-content__rating__right {
        margin-left: 0;
        padding-top: 16px
    }
}

.edit-car-section__item.required .edit-car-section__item-content {
    color: #d10000 !important
}

@media (max-width:767px) {
    .edit-car-section--my-account .edit-car-section__item-content {
        padding-top: 8px
    }
}

@media (max-width:767px) {
    .edit-car-section--my-account--notifications .edit-car-section__item-content {
        margin-left: 0;
        margin-right: 0;
        padding-top: 16px
    }
}

.edit-car-section__txt-row {
    margin-top: -8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .edit-car-section__txt-row {
        display: block;
        margin-top: 0
    }
}

.edit-car-section__txt-cell {
    padding-top: 8px;
    padding-right: 32px
}

@media (max-width:767px) {
    .edit-car-section__txt-cell {
        padding-top: 0;
        padding-right: 16px
    }
}

.edit-car-section__txt-cell:last-child {
    padding-right: 0
}

.edit-car-section__txt-block p~p {
    padding-top: 8px
}

.edit-car-section__cover-img {
    position: relative;
    width: 471px;
    height: 235px
}

@media (max-width:767px) {
    .edit-car-section__cover-img {
        width: 100%;
        height: auto
    }
}

@media (max-width:767px) {
    .edit-car-section__cover-img:before {
        content: "";
        display: block;
        padding-top: 50%;
        width: 100%
    }
}

.edit-car-section__cover-img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:767px) {
    .edit-car-section__cover-img img {
        position: absolute;
        top: 0;
        left: 0
    }
}

.edit-car-section__clubs {
    padding-top: 32px
}

.edit-car-top {
    position: relative;
    min-height: 120px;
    padding: 6px;
    padding-left: 212px
}

@media (max-width:1199px) {
    .edit-car-top {
        padding-top: 14px
    }
}

@media (max-width:767px) {
    .edit-car-top {
        padding: 0
    }
}

.edit-car-top__preview-img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 180px;
    height: 120px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:767px) {
    .edit-car-top__preview-img {
        position: static;
        width: 100%;
        height: calc(52.5vw)
    }
}

@media (max-width:767px) {
    .edit-car-top__title {
        margin-top: 32px
    }
}

@media (max-width:499px) {
    .edit-car-top__title {
        font-size: 28px !important;
        line-height: 36px !important
    }
}

.edit-car-top__data {
    padding-top: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .edit-car-top__data {
        padding-top: 4px
    }
}

@media (max-width:767px) {
    .edit-car-top__data__item {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.edit-car-top__rating-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.edit-car-top__rating-count {
    margin-left: 13px;
    height: 32px;
    padding-top: 2px;
    font-size: 20px;
    line-height: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.edit-date-controls {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.edit-date-controls__arrow {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f4f6f8
}

.edit-date-controls__arrow:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 16px;
    width: 12px;
    height: 12px;
    border-left: 2px solid #090a0b;
    border-bottom: 2px solid #090a0b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.edit-date-controls__arrow.disabled {
    opacity: .5;
    pointer-events: none
}

.edit-date-controls__arrow--flip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media (min-width:768px) {
    .edit-date-controls__date-mobile {
        display: none
    }
}

.edit-date-controls__date-mobile {
    font-size: 16px;
    line-height: 22px;
    color: #090a0b
}

.edit-date-controls__select-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.edit-date {
    font-size: 0;
    line-height: 0
}

.edit-date--dates {
    border-radius: 5px
}

.edit-date__day {
    display: inline-block;
    width: calc(100% / 7);
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #484c51;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:1199px) {
    .edit-date__day {
        font-size: 14px;
        line-height: 16px
    }
}

.edit-date__item {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin: 0;
    width: calc(100% / 7);
    height: 122px;
    border-left: 1px solid #c8cacb;
    border-bottom: 1px solid #c8cacb;
    border-color: #c8cacb;
    border-top: none;
    border-right: none;
    background-color: transparent
}

@media (max-width:1679px) {
    .edit-date__item {
        height: 110px
    }
}

@media (max-width:1439px) {
    .edit-date__item {
        height: 100px
    }
}

@media (max-width:1199px) {
    .edit-date__item {
        height: calc((100vw - 64px)/ 7)
    }
}

@media (max-width:767px) {
    .edit-date__item {
        display: -webkit-inline-box;
        display: inline-flex;
        height: calc((100vw - 48px)/ 7)
    }
}

.edit-date__item:first-child,
.edit-date__item:nth-child(2),
.edit-date__item:nth-child(3),
.edit-date__item:nth-child(4),
.edit-date__item:nth-child(5),
.edit-date__item:nth-child(6),
.edit-date__item:nth-child(7) {
    border-top: 1px solid #c8cacb
}

.edit-date__item:nth-child(7n) {
    border-right: 1px solid #c8cacb
}

.edit-date__item:nth-child(7) {
    border-top-right-radius: 5px
}

.edit-date__item:first-child {
    border-top-left-radius: 5px
}

.edit-date__item:last-child {
    border-bottom-right-radius: 5px
}

.edit-date__item:nth-last-child(7) {
    border-bottom-left-radius: 5px
}

.edit-date__item:not(.edit-date__item--disabled):not(.edit-date__item--not-available):hover {
    background-color: #eaf9ff
}

.edit-date__item--hovered,
.edit-date__item--selected,
.edit-date__item.ui-selected,
.edit-date__item.ui-selecting {
    border-color: #007bb3;
    background-color: #eaf9ff
}

.edit-date__item--hovered:nth-child(7),
.edit-date__item--selected:nth-child(7),
.edit-date__item.ui-selected:nth-child(7),
.edit-date__item.ui-selecting:nth-child(7) {
    border-top-color: #007bb3
}

.edit-date__item--hovered:nth-child(7n),
.edit-date__item--selected:nth-child(7n),
.edit-date__item.ui-selected:nth-child(7n),
.edit-date__item.ui-selecting:nth-child(7n) {
    border-right-color: #007bb3
}

.edit-date__item--hovered+.edit-date__item:not(.edit-date__item--hovered):not(:nth-child(7n+1)),
.edit-date__item--selected+.edit-date__item:not(.edit-date__item--selected):not(:nth-child(7n+1)),
.edit-date__item.ui-selected+.edit-date__item:not(.ui-selected):not(:nth-child(7n+1)),
.edit-date__item.ui-selecting+.edit-date__item:not(.ui-selecting):not(:nth-child(7n+1)) {
    border-left-color: #007bb3
}

.edit-date__item--hovered+.edit-date__item--hovered,
.edit-date__item--selected+.edit-date__item--selected,
.edit-date__item.ui-selected+.edit-date__item.ui-selected,
.edit-date__item.ui-selecting+.edit-date__item.ui-selecting {
    border-left-color: transparent
}

.edit-date__item--hovered+.edit-date__item--hovered:before,
.edit-date__item--selected+.edit-date__item--selected:before,
.edit-date__item.ui-selected+.edit-date__item.ui-selected:before,
.edit-date__item.ui-selecting+.edit-date__item.ui-selecting:before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #007bb3
}

.edit-date__item--disabled {
    cursor: auto
}

.edit-date__item__spacer {
    display: none
}

.edit-date__item--hovered.edit-date__item:nth-child(7n+1),
.edit-date__item--selected.edit-date__item:nth-child(7n+1),
.edit-date__item.ui-selected.edit-date__item:nth-child(7n+1),
.edit-date__item.ui-selecting.edit-date__item:nth-child(7n+1) {
    border-color: #007bb3 !important
}

.edit-date__item--hovered.edit-date__item:nth-child(7n+1):before,
.edit-date__item--selected.edit-date__item:nth-child(7n+1):before,
.edit-date__item.ui-selected.edit-date__item:nth-child(7n+1):before,
.edit-date__item.ui-selecting.edit-date__item:nth-child(7n+1):before {
    display: none
}

.view-mode .edit-date__item {
    cursor: auto
}

@media (max-width:767px) {
    .view-mode .edit-date__item {
        cursor: pointer
    }
}

.view-mode .edit-date__item:not(.edit-date__item--not-available):hover {
    background-color: transparent
}

@media (max-width:767px) {
    .view-mode .edit-date__item.mobileFocused {
        z-index: 100 !important
    }
}

@media (max-width:767px) {
    .view-mode .edit-date__item.mobileFocused:after {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        border: 2px solid #090a0b
    }
}

.edit-date__item-border {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: 1px;
    background-color: transparent
}

.edit-date__item--hovered .edit-date__item-border,
.edit-date__item--selected .edit-date__item-border,
.edit-date__item.ui-selected .edit-date__item-border,
.edit-date__item.ui-selecting .edit-date__item-border {
    background-color: #007bb3
}

.edit-date__item:first-child .edit-date__item-border,
.edit-date__item:nth-child(7) .edit-date__item-border {
    background-color: transparent !important
}

.edit-date__top-value {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:1439px) {
    .edit-date__top-value {
        top: 8px;
        left: 12px
    }
}

@media (max-width:1199px) {
    .edit-date__top-value {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .edit-date__top-value {
        z-index: 10;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        font-size: 14px;
        line-height: 16px
    }
}

.edit-date__bottom-value {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-align: right;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #484c51
}

@media (max-width:1439px) {
    .edit-date__bottom-value {
        right: 8px;
        bottom: 8px
    }
}

@media (max-width:1199px) {
    .edit-date__bottom-value {
        font-size: 14px;
        line-height: 16px
    }
}

@media (max-width:767px) {
    .edit-date__bottom-value {
        display: none
    }
}

.edit-date__bottom-value--custom {
    color: #fff;
    background-color: #090a0b
}

.view-mode .edit-date__bottom-value {
    display: none
}

.edit-date__item--disabled .edit-date__top-value {
    color: #c8cacb
}

.edit-date__item--not-available {
    background-color: #e8eaeb
}

.edit-date__item--booked-confirmed:after {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    background: url(../images/icon-check-complete.svg)
}

@media (max-width:1719px) {
    .edit-date__item--booked-confirmed:after {
        top: 8px;
        right: 8px
    }
}

@media (max-width:1439px) {
    .edit-date__item--booked-confirmed:after {
        width: 24px;
        height: 24px
    }
}

@media (max-width:767px) {
    .edit-date__item--booked-confirmed:after {
        width: 32px;
        height: 32px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: none;
        background-color: #0c9;
        border-radius: 50%
    }
}

.edit-date__icon {
    position: absolute;
    top: 16px;
    right: 16px
}

.edit-date__filled-area {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #e8eaeb
}

.edit-date__filled-area--end {
    right: 0;
    left: auto
}

.edit-date-pipeline {
    z-index: 2;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    min-width: 32px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 16px
}

.edit-date-pipeline[data-confirmed=false][data-current=false] {
    z-index: 0
}

@media (max-width:767px) {
    .edit-date-pipeline {
        left: auto !important;
        right: 3px;
        top: 3px;
        bottom: auto;
        min-width: 0;
        width: 6px !important;
        height: 6px !important;
        padding: 0;
        border-radius: 50% !important
    }
}

.edit-date-pipeline:after {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    border: 2px solid #fff;
    border-radius: 18px
}

@media (max-width:767px) {
    .edit-date-pipeline:after {
        display: none
    }
}

@media (max-width:767px) {
    .edit-date-pipeline.c-pipe-success {
        z-index: 10
    }
}

.edit-date-pipeline.start:after {
    border-right: none;
    border-radius: 18px 0 0 18px
}

.edit-date-pipeline.end:after {
    border-left: none;
    border-radius: 0 18px 18px 0
}

.edit-date-pipeline.middle:after {
    border-left: none;
    border-right: none;
    border-radius: 0
}

.edit-date-pipeline.await {
    padding-left: 36px
}

@media (max-width:767px) {
    .edit-date-pipeline.await {
        padding-left: 0
    }
}

.edit-date-pipeline.start {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.edit-date-pipeline.end {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.edit-date-pipeline.end.c-pipe-success {
    border-right: 2px solid #fff
}

@media (max-width:767px) {
    .edit-date-pipeline.end.c-pipe-success {
        border-right: none
    }
}

.edit-date-pipeline.middle {
    border-radius: 0
}

.edit-date-pipeline.shifted {
    right: 0 !important;
    left: auto !important
}

.edit-date-pipeline.c-pipe-success {
    background-color: #07ecb5
}

@media (max-width:767px) {
    .edit-date-pipeline.c-pipe-success {
        background-color: #0c9
    }
}

.edit-date-pipeline.c-pipe-default {
    background-color: #bed7ed
}

@media (max-width:767px) {
    .edit-date-pipeline.c-pipe-default {
        background-color: #484c51
    }
}

.edit-date-pipeline.end:before,
.edit-date-pipeline.middle:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -2px;
    height: 100%;
    width: 3px
}

@media (max-width:767px) {

    .edit-date-pipeline.end:before,
    .edit-date-pipeline.middle:before {
        display: none
    }
}

.edit-date-pipeline.c-pipe-success:before {
    background-color: #07ecb5
}

.edit-date-pipeline.c-pipe-default:before {
    background-color: #bed7ed
}

.edit-date-pipeline__short-name {
    opacity: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 32px;
    height: 100%;
    border-radius: 50%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #090a0b;
    background-color: rgba(9, 10, 11, .1)
}

@media (max-width:767px) {
    .edit-date-pipeline__short-name {
        display: none !important
    }
}

.edit-date-pipeline.short .edit-date-pipeline__short-name {
    opacity: 1
}

.edit-date-pipeline.empty .edit-date-pipeline__short-name {
    opacity: 0 !important;
    pointer-events: none
}

.edit-date-pipeline.await:not(.middle):not(.end) .edit-date-pipeline__short-name {
    opacity: 1 !important;
    font-size: 0;
    line-height: 0;
    background-color: transparent;
    background-image: radial-gradient(50% 50% at 50%, at 50%, #fff 0, rgba(255, 255, 255, 0) 100%);
    background-image: radial-gradient(50% 50% at 50% 50%, #fff 0, rgba(255, 255, 255, 0) 100%)
}

@media (max-width:767px) {
    .edit-date-pipeline.await:not(.middle):not(.end) .edit-date-pipeline__short-name {
        display: none !important
    }
}

.edit-date-pipeline.await:not(.middle):not(.end) .edit-date-pipeline__short-name:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    background: url(../images/icon-state-error.svg) 0 0 no-repeat
}

@media (max-width:767px) {
    .edit-date-pipeline.await:not(.middle):not(.end) .edit-date-pipeline__short-name:before {
        display: none
    }
}

.edit-date-pipeline__full-name {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    font-size: 14px;
    line-height: 20px
}

@media (max-width:767px) {
    .edit-date-pipeline__full-name {
        display: none !important
    }
}

.edit-date-pipeline.c-pipe-success .edit-date-pipeline__full-name {
    background-color: #07ecb5
}

.edit-date-pipeline.c-pipe-default .edit-date-pipeline__full-name {
    background-color: #bed7ed
}

.edit-date-pipeline.empty .edit-date-pipeline__full-name,
.edit-date-pipeline.short .edit-date-pipeline__full-name {
    opacity: 0 !important;
    pointer-events: none
}

.edit-date-pipeline__price {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    padding-left: 12px;
    font-size: 14px;
    line-height: 20px
}

@media (max-width:767px) {
    .edit-date-pipeline__price {
        display: none !important
    }
}

.edit-date-pipeline.c-pipe-success .edit-date-pipeline__price {
    background-color: #07ecb5
}

.edit-date-pipeline.c-pipe-default .edit-date-pipeline__price {
    background-color: #bed7ed
}

.edit-date-pipeline.empty .edit-date-pipeline__price,
.edit-date-pipeline.name .edit-date-pipeline__price,
.edit-date-pipeline.short .edit-date-pipeline__price {
    opacity: 0 !important;
    pointer-events: none
}

.edit-mode .edit-date-pipeline {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.edit-mode .edit-date-pipeline__full-name,
.edit-mode .edit-date-pipeline__price,
.edit-mode .edit-date-pipeline__short-name {
    display: none !important
}

.edit-date-space {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start
}

.edit-date-space__switch-back-btn {
    display: none;
    margin: -76px 0 38px -6px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    background-color: transparent
}

@media (max-width:1719px) {
    .edit-date-space__switch-back-btn {
        margin-top: -48px
    }
}

@media (max-width:767px) {
    .edit-date-space__switch-back-btn {
        margin-top: -20px;
        margin-bottom: 22px
    }
}

.edit-date-space__switch-back-btn.active {
    display: -webkit-box;
    display: flex
}

.edit-date-space__switch-mode-btn {
    margin-left: auto;
    margin-top: 8px;
    padding: 8px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #007bb3;
    background-color: transparent
}

@media (max-width:1199px) {
    .edit-date-space__switch-mode-btn {
        margin-top: 5px
    }
}

@media (max-width:767px) {
    .edit-date-space__switch-mode-btn {
        margin-top: 8px;
        margin-left: 0;
        font-size: 15px
    }
}

.edit-date-space__switch-mode-btn:hover {
    color: #0089c7
}

@media (max-width:767px) {
    .edit-date-space__title {
        width: 100%
    }
}

.edit-date-space__tooltip-mobile-wrap {
    display: none
}

@media (max-width:767px) {
    .edit-date-space__tooltip-mobile-wrap {
        display: block;
        margin-top: -8px;
        margin-bottom: -8px;
        width: 100%
    }
}

.edit-date-space__tabs {
    position: relative
}

.edit-date-space__tabs__item {
    display: none;
    font-size: 16px;
    line-height: 1.5em
}

.edit-date-space__tabs__item.active {
    display: block
}

.edit-date-space__tabs__min {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #484c51
}

@media (max-width:767px) {
    .edit-date-space__tabs__min {
        position: relative;
        padding-left: 28px;
        font-size: 14px
    }
}

@media (max-width:767px) {
    .edit-date-space__tabs__item~.edit-date-space__tabs__min {
        padding-left: 0;
        padding-top: 4px
    }
}

.edit-date-space__event-section {
    position: relative;
    display: none;
    margin-top: calc(8px + 32px);
    width: 100%
}

@media (max-width:1199px) {
    .edit-date-space__event-section {
        padding-bottom: 40px
    }
}

@media (max-width:767px) {
    .edit-date-space__event-section {
        margin-top: 32px;
        padding-bottom: 24px
    }
}

.edit-date-space__event-section.active {
    display: block
}

.view-mode .edit-date-space__event-section {
    margin-top: 24px
}

@media (max-width:1199px) {
    .view-mode .edit-date-space__event-section {
        margin-top: 16px
    }
}

@media (max-width:767px) {
    .view-mode .edit-date-space__event-section {
        margin-top: 10px
    }
}

.edit-date-tooltip {
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    display: -webkit-box;
    display: flex;
    position: fixed;
    width: 360px;
    padding: 12px 40px 12px 16px;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    border-radius: 5px;
    color: #fff;
    background-color: #090a0b;
    -webkit-transition: opacity .25s, z-index .25s;
    transition: opacity .25s, z-index .25s
}

.edit-date-tooltip.mobile,
.edit-date-tooltip.popup {
    pointer-events: all;
    z-index: auto;
    opacity: 1;
    position: static;
    width: 100%;
    padding: 24px 0;
    border-radius: 0;
    color: #090a0b;
    background-color: transparent
}

.edit-date-tooltip.mobile~.edit-date-tooltip.mobile,
.edit-date-tooltip.popup~.edit-date-tooltip.popup {
    border-top: 1px solid #dee0e2
}

.edit-date-tooltip.active {
    pointer-events: all;
    z-index: 100;
    opacity: 1
}

.edit-date-tooltip__img-wrap {
    position: relative;
    width: 32px;
    height: 32px
}

.edit-date-tooltip.mobile .edit-date-tooltip__img-wrap,
.edit-date-tooltip.popup .edit-date-tooltip__img-wrap {
    width: 40px;
    height: 40px
}

.edit-date-tooltip__img {
    display: block;
    height: 100%;
    width: 100%;
    border: none;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    background-color: #f4f6f8
}

.edit-date-tooltip__status {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 7px;
    height: 7px;
    border: 1px solid #090a0b;
    border-radius: 50%;
    background-color: #00ad82
}

.edit-date-tooltip.mobile .edit-date-tooltip__status,
.edit-date-tooltip.popup .edit-date-tooltip__status {
    height: 9px;
    width: 9px;
    border-color: #fff
}

.edit-date-tooltip__name {
    padding: 4px 0 4px 12px;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500
}

.edit-date-tooltip.mobile .edit-date-tooltip__name,
.edit-date-tooltip.popup .edit-date-tooltip__name {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 24px
}

.edit-date-tooltip__data {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px
}

.edit-date-tooltip__data__item {
    font-size: 14px;
    line-height: 20px
}

.edit-date-tooltip__data__item~.edit-date-tooltip__data__item {
    padding-top: 4px
}

.edit-date-tooltip__data__item p+p {
    padding-top: 8px
}

.edit-date-tooltip.mobile .edit-date-tooltip__data,
.edit-date-tooltip.popup .edit-date-tooltip__data {
    padding-top: 4px
}

.edit-date-tooltip.popup .edit-date-tooltip__data__item {
    font-size: 16px;
    line-height: 26px
}

.edit-date-tooltip__cross {
    z-index: 10;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transition: background-color .15s;
    transition: background-color .15s
}

.edit-date-tooltip__cross:hover {
    background-color: #0089c7
}

.edit-date-tooltip__cross:after,
.edit-date-tooltip__cross:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 2px;
    background-color: #fff
}

.edit-date-tooltip__cross:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.edit-date-tooltip__cross:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.edit-date-tooltip__btn-wrap {
    margin-left: -8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.edit-date-tooltip.mobile .edit-date-tooltip__btn-wrap,
.edit-date-tooltip.popup .edit-date-tooltip__btn-wrap {
    margin-left: -12px
}

.edit-date-tooltip__await {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #090a0b
}

.edit-date-tooltip.mobile .edit-date-tooltip__await {
    padding-top: 0;
    font-size: 14px;
    line-height: 20px
}

.edit-date-tooltip__btn {
    position: relative;
    padding: 0 8px;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.edit-date-tooltip__btn span {
    position: relative;
    z-index: 2
}

.edit-date-tooltip__btn:after {
    z-index: 1;
    content: "";
    position: absolute;
    bottom: 0;
    left: 7px;
    right: 7px;
    height: 2px;
    background-color: #00a6eb;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.edit-date-tooltip__btn:hover:after {
    -webkit-transform: scaleY(1000%);
    transform: scaleY(1000%)
}

.edit-date-tooltip.mobile .edit-date-tooltip__btn,
.edit-date-tooltip.popup .edit-date-tooltip__btn {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    line-height: 26px;
    color: #007bb3
}

.edit-date-tooltip.mobile .edit-date-tooltip__btn:after,
.edit-date-tooltip.popup .edit-date-tooltip__btn:after {
    display: none
}

.edit-date-tooltip__arrow {
    position: fixed;
    width: 12px;
    height: 6px;
    border-top: 6px solid #090a0b;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.edit-date-tooltip.bottom .edit-date-tooltip__arrow {
    bottom: auto;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.edit-img-dropzone {
    position: relative;
    min-height: 540px;
    padding: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center
}

@media (max-width:1199px) {
    .edit-img-dropzone {
        min-height: 374px
    }
}

@media (max-width:767px) {
    .edit-img-dropzone {
        min-height: 302px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.edit-img-dropzone:hover {
    border-color: #007bb3
}

.edit-img-dropzone--my-review {
    display: none;
    margin-top: 32px
}

.edit-img-dropzone--my-review.active {
    display: -webkit-box;
    display: flex
}

.edit-img-dropzone--added {
    min-height: 160px;
    padding-top: 27px;
    padding-bottom: 27px
}

@media (max-width:767px) {
    .edit-img-dropzone--added {
        min-height: 188px
    }
}

.edit-img-dropzone--my-garage-cover-img {
    min-height: 390px
}

@media (max-width:1919px) {
    .edit-img-dropzone--my-garage-cover-img {
        min-height: 540px
    }
}

@media (max-width:1199px) {
    .edit-img-dropzone--my-garage-cover-img {
        min-height: 374px
    }
}

@media (max-width:767px) {
    .edit-img-dropzone--my-garage-cover-img {
        min-height: 302px
    }
}

.edit-img-dropzone--my-garage-profile-photo {
    min-height: 520px;
    padding: 10px;
    border-radius: 5px;
    background-color: rgba(9, 10, 11, .05)
}

@media (max-width:1199px) {
    .edit-img-dropzone--my-garage-profile-photo {
        padding: 0;
        min-height: 0
    }
}

.edit-img-dropzone__circle {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: #fff
}

@media (max-width:1199px) {
    .edit-img-dropzone__circle {
        display: block;
        width: 100%;
        max-width: 706px;
        height: auto
    }
}

@media (max-width:1199px) {
    .edit-img-dropzone__circle:before {
        content: "";
        display: block;
        padding-top: 100%
    }
}

.edit-img-dropzone__circle__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width:1199px) {
    .edit-img-dropzone__circle__content {
        position: absolute !important;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 100%
    }
}

@media (max-width:1199px) {
    .edit-img-dropzone__circle__content__text {
        width: 75%
    }
}

@media (max-width:767px) {
    .edit-img-dropzone__circle__content__text {
        width: 50%
    }
}

.edit-img-dropzone__touch-label {
    display: none;
    position: absolute !important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20 !important
}

.touchevents .edit-img-dropzone__touch-label {
    display: block
}

.edit-img-dropzone :not(.edit-img-dropzone__border):not(.edit-img-dropzone__allowed-files) {
    position: relative;
    z-index: 10
}

.edit-img-dropzone__border {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    stroke: rgba(9, 10, 11, .4)
}

.edit-img-dropzone:hover .edit-img-dropzone__border {
    stroke: #007bb3
}

.edit-img-dropzone__allowed-files {
    position: absolute;
    top: 32px;
    left: 32px;
    text-align: left
}

@media (max-width:767px) {
    .edit-img-dropzone__allowed-files {
        display: none
    }
}

.edit-img-dropzone__allowed-files-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.edit-img-dropzone__allowed-files-types {
    padding-top: 3px;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #6f757c
}

.edit-img-dropzone__added-txt {
    position: relative;
    z-index: 10;
    padding-top: 4px;
    font-size: 16px;
    line-height: 24px
}

.edit-img-dropzone__added-txt>* {
    padding-top: 4px
}

.edit-img-main {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    position: relative
}

.edit-img-main::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(520 / 780 * 100%)
}

.edit-img-main img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:767px) {
    .edit-img-main:before {
        padding-top: 63.97%
    }
}

.edit-img-main--garage-cover:before {
    padding-top: 50%
}

.edit-img-main--garage-profile-photo {
    margin-top: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(9, 10, 11, .05);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1199px) {
    .edit-img-main--garage-profile-photo {
        padding-top: 0;
        padding-bottom: 0
    }
}

.edit-img-main--garage-profile-photo:before {
    display: none
}

.edit-img-main__garage-profile-photo {
    position: relative;
    width: 500px;
    height: 500px
}

@media (max-width:1199px) {
    .edit-img-main__garage-profile-photo {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 706px;
        height: auto
    }
}

@media (max-width:1199px) {
    .edit-img-main__garage-profile-photo:before {
        content: "";
        display: block;
        padding-top: 100%
    }
}

.edit-img-main__img {
    display: block
}

.edit-img-main__garage-profile-photo .edit-img-main__img {
    border-radius: 50%
}

.edit-img-main__controls {
    opacity: 0;
    z-index: 10;
    position: absolute;
    top: 16px;
    right: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.edit-img-main:hover .edit-img-main__controls {
    opacity: 1
}

.touchevents .edit-img-main__controls {
    opacity: 1
}

.edit-img-main__controls-item {
    position: relative;
    width: 56px;
    height: 56px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .9);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.edit-img-main__controls-item+.edit-img-main__controls-item {
    margin-left: 12px
}

@media (max-width:1199px) {
    .edit-img-main__controls-item+.edit-img-main__controls-item {
        margin-left: 16px
    }
}

@media (max-width:767px) {
    .edit-img-main__controls-item {
        width: 24px;
        height: 24px
    }
}

@media (max-width:767px) {
    .edit-img-main__controls-item:before {
        content: "";
        display: block;
        position: absolute;
        left: -8px;
        top: -8px;
        width: calc(100% + 16px);
        height: calc(100% + 16px)
    }
}

.edit-img-small {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.edit-img-small__img-wrap {
    cursor: move;
    position: relative;
    margin-top: 16px;
    margin-bottom: 16px;
    position: relative
}

.edit-img-small__img-wrap::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(159 / 239 * 100%)
}

.edit-img-small__img-wrap img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.edit-img-small__img-wrap {
    border-radius: 5px
}

@media (max-width:767px) {
    .edit-img-small__img-wrap {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.edit-img-small__img-wrap:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0)
}

.sortable-placeholder {
    cursor: move;
    position: relative;
    margin-top: 16px;
    margin-bottom: 16px;
    position: relative
}

.sortable-placeholder::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(159 / 239 * 100%)
}

.sortable-placeholder img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:767px) {
    .sortable-placeholder {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.sortable-placeholder:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.no-touchevents .edit-img-small__img-wrap:hover:after {
    background-color: rgba(0, 0, 0, .25)
}

.edit-img-small__img {
    display: block;
    border-radius: 5px
}

.edit-img-small__controls {
    opacity: 0;
    z-index: 10;
    position: absolute;
    top: 8px;
    right: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.edit-img-small__img-wrap:hover .edit-img-small__controls {
    opacity: 1
}

.touchevents .edit-img-small__controls {
    opacity: 1
}

.edit-img-small__controls-item {
    position: relative;
    cursor: pointer;
    pointer-events: initial;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .9);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.edit-img-small__controls-item+.edit-img-small__controls-item {
    margin-left: 16px
}

@media (max-width:767px) {
    .edit-img-small__controls-item {
        width: 24px;
        height: 24px
    }
}

.edit-img-small__controls-item:before {
    content: "";
    display: block;
    position: absolute;
    left: -8px;
    top: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px)
}

.edit-license-info__form {
    padding-bottom: 16px;
    padding-left: 36px
}

@media (max-width:767px) {
    .edit-license-info__form {
        padding-left: 0;
        padding-bottom: 0
    }
}

.edit-rental-price {
    position: relative;
    padding: 8px 24px 8px 158px;
    border-radius: 5px;
    background-color: #f4f6f8
}

.edit-rental-price~.edit-rental-price {
    margin-top: 16px
}

.edit-rental-price__title {
    position: absolute;
    top: 16px;
    left: 24px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

.error-page {
    padding-top: 96px;
    padding-bottom: 192px;
    text-align: center
}

@media (max-width:1439px) {
    .error-page {
        padding-top: 64px;
        padding-bottom: 128px
    }
}

@media (max-width:767px) {
    .error-page {
        padding-top: 48px;
        padding-bottom: 64px
    }
}

.error-page--no-image {
    padding-top: 192px
}

@media (max-width:1439px) {
    .error-page--no-image {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

@media (max-width:567px) {
    .error-page--no-image {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.error-page__img {
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 550px
}

@media (max-width:1439px) {
    .error-page__img {
        width: 416px
    }
}

@media (max-width:767px) {
    .error-page__img {
        width: 272px
    }
}

.error-page__btn-group {
    padding-top: 24px;
    padding-bottom: 24px
}

@media (max-width:767px) {
    .error-page__btn-group {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.faq-cke-indentation {
    padding-bottom: 192px
}

@media (max-width:1440px) {
    .faq-cke-indentation {
        padding-top: 0 !important;
        padding-bottom: 128px
    }
}

@media (max-width:768px) {
    .faq-cke-indentation {
        padding-bottom: 64px
    }
}

.faq-cke {
    font-family: gt-america, "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

.faq-cke__title {
    margin-bottom: 64px
}

@media (max-width:768px) {
    .faq-cke__title {
        margin-bottom: 32px
    }
}

.faq-cke p {
    font-family: gt-america, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #484c51;
    padding-top: 8px;
    padding-bottom: 8px
}

@media (max-width:768px) {
    .faq-cke p {
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.faq-cke li {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #484c51;
    padding-left: 8px;
    font-size: 18px;
    line-height: 28px
}

@media (max-width:768px) {
    .faq-cke li {
        padding-left: 4px
    }
}

.faq-cke li::marker {
    font-family: gt-america
}

.faq-cke ul {
    padding-top: 8px;
    padding-bottom: 8px;
    list-style: inherit;
    padding-left: 40px
}

.faq-cke ul ul {
    padding-top: 0;
    padding-bottom: 0;
    list-style-type: circle;
    padding-left: 32px
}

@media (max-width:768px) {
    .faq-cke ul ul {
        padding-left: 28px
    }
}

.faq-cke ul ul ul {
    list-style-type: square;
    padding-left: 28px
}

@media (max-width:768px) {
    .faq-cke ul ul ul {
        padding-left: 26px
    }
}

.faq-cke ol>li>ul {
    list-style-type: circle
}

.faq-cke ol ul ul {
    list-style-type: square
}

.faq-cke ol {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px
}

@media (max-width:767px) {
    .faq-cke ol {
        padding-left: 36px
    }
}

.faq-cke ol ol {
    list-style-type: lower-alpha;
    padding-left: 32px;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width:767px) {
    .faq-cke ol ol {
        padding-left: 22px
    }
}

.faq-cke a {
    color: #007bb3 !important
}

@media (max-width:768px) {
    .faq-cke a {
        word-wrap: break-word
    }
}

.faq-cke a:hover {
    color: #0089c7 !important
}

.faq-cke [dir=ltr] h1,
.faq-cke [dir=ltr] h2,
.faq-cke [dir=ltr] h3,
.faq-cke [dir=ltr] h4,
.faq-cke [dir=ltr] h5,
.faq-cke [dir=ltr] h6 {
    margin-left: 0
}

.faq-cke [dir=rtl] h1,
.faq-cke [dir=rtl] h2,
.faq-cke [dir=rtl] h3,
.faq-cke [dir=rtl] h4,
.faq-cke [dir=rtl] h5,
.faq-cke [dir=rtl] h6 {
    margin-right: 0
}

.faq-cke [dir=ltr] h1,
.faq-cke [dir=ltr] h2,
.faq-cke [dir=ltr] h3,
.faq-cke [dir=ltr] h4,
.faq-cke [dir=ltr] h5,
.faq-cke [dir=ltr] h6 {
    margin-right: 0
}

.faq-cke [dir=rtl] h1,
.faq-cke [dir=rtl] h2,
.faq-cke [dir=rtl] h3,
.faq-cke [dir=rtl] h4,
.faq-cke [dir=rtl] h5,
.faq-cke [dir=rtl] h6 {
    margin-left: 0
}

.faq-cke h1,
.faq-cke h2,
.faq-cke h3,
.faq-cke h4,
.faq-cke h5,
.faq-cke h6 {
    margin-top: 0;
    margin-bottom: 0
}

.faq-cke h1 {
    font-size: 48px;
    line-height: 56px;
    font-family: gt-america, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding-top: 64px;
    padding-bottom: 8px;
    margin-top: 64px;
    margin-bottom: 24px;
    color: #090a0b
}

@media (max-width:1199px) {
    .faq-cke h1 {
        margin-top: 32px;
        padding-top: 32px;
        margin-bottom: 24px;
        font-size: 36px;
        line-height: 44px
    }
}

@media (max-width:767px) {
    .faq-cke h1 {
        margin-top: 32px;
        padding-top: 16px;
        margin-bottom: 16px;
        font-size: 36px;
        line-height: 44px;
        padding-bottom: 4px
    }
}

.faq-cke h2 {
    font-size: 48px;
    line-height: 56px;
    font-family: gt-america, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding-top: 64px;
    padding-bottom: 8px;
    margin-top: 64px;
    margin-bottom: 24px;
    color: #090a0b
}

@media (max-width:1199px) {
    .faq-cke h2 {
        margin-top: 32px;
        padding-top: 32px;
        margin-bottom: 24px;
        font-size: 36px;
        line-height: 44px
    }
}

@media (max-width:767px) {
    .faq-cke h2 {
        margin-top: 32px;
        padding-top: 16px;
        margin-bottom: 16px;
        font-size: 36px;
        line-height: 44px;
        padding-bottom: 4px
    }
}

.faq-cke h3 {
    font-family: gt-america, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 34px;
    color: #090a0b;
    padding-top: 32px;
    padding-bottom: 8px;
    margin-bottom: 16px
}

@media (max-width:1199px) {
    .faq-cke h3 {
        font-size: 22px;
        line-height: 30px
    }
}

@media (max-width:767px) {
    .faq-cke h3 {
        padding-bottom: 4px;
        padding-top: 32px;
        margin-bottom: 16px
    }
}

.faq-cke h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    padding-top: 16px;
    padding-bottom: 8px;
    margin-bottom: 16px
}

@media (max-width:767px) {
    .faq-cke h4 {
        margin-bottom: 8px
    }
}

.faq-cke h5 {
    color: #484c51;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin-top: 8px
}

.faq-cke h6 {
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #090a0b;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 32px;
    margin-bottom: 0
}

.faq-cke p strong {
    font-weight: 700
}

.faq-cke img {
    width: 100% !important;
    height: auto !important;
    margin-top: 16px;
    margin-bottom: 16px
}

.acordion-show-more {
    display: none
}

.faq-renter {
    padding-bottom: 192px
}

@media (max-width:1201px) {
    .faq-renter {
        padding-bottom: 128px
    }
}

@media (max-width:767px) {
    .faq-renter {
        padding-bottom: 64px
    }
}

.faq-renter__block__title {
    margin-bottom: 32px
}

@media (max-width:1199px) {
    .faq-renter__block__title {
        margin-bottom: 24px
    }
}

@media (max-width:767px) {
    .faq-renter__block__title {
        margin-bottom: 0
    }
}

.faq-renter__block__item {
    margin-bottom: 8px
}

@media (max-width:767px) {
    .faq-renter__block__item {
        margin-top: 16px
    }
}

.faq-renter__block__item__title {
    cursor: pointer;
    color: #484c51;
    padding-right: 38px;
    display: -webkit-box;
    display: flex;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #dee0e2;
    padding-bottom: 32px;
    -webkit-transition: all .4s cubic-bezier(.39, .575, .565, 1);
    transition: all .4s cubic-bezier(.39, .575, .565, 1)
}

@media (max-width:767px) {
    .faq-renter__block__item__title {
        padding-bottom: 24px;
        padding-right: 44px
    }
}

.faq-renter__block__item__title__icon {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 14px;
    -webkit-transition: all .4s cubic-bezier(.39, .575, .565, 1);
    transition: all .4s cubic-bezier(.39, .575, .565, 1)
}

.faq-renter__block__item__title.active {
    border-color: #090a0b;
    color: #090a0b
}

.faq-renter__block__item__title.active .faq-renter__block__item__title__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-renter__block__item__title.active .faq-renter__block__item__title__icon svg path {
    stroke: #090a0b
}

.faq-renter__block__item__body {
    display: none;
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #dee0e2
}

@media (max-width:767px) {
    .faq-renter__block__item__body {
        padding-bottom: 16px;
        padding-top: 16px
    }
}

.faq-renter__block__more {
    display: -webkit-box;
    display: flex;
    padding-top: 16px;
    padding-bottom: 18px;
    cursor: pointer
}

@media (max-width:767px) {
    .faq-renter__block__more {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.faq-renter__block__more__text {
    -webkit-transition: all .4s cubic-bezier(.39, .575, .565, 1);
    transition: all .4s cubic-bezier(.39, .575, .565, 1);
    color: #6f757c;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    padding-right: 8px
}

@media (max-width:767px) {
    .faq-renter__block__more__text {
        font-size: 15px;
        line-height: 22px
    }
}

.faq-renter__block__more__text__expand {
    display: block
}

.faq-renter__block__more__text__collapse {
    display: none
}

.faq-renter__block__more__text.active .faq-renter__block__more__text__expand {
    display: none
}

.faq-renter__block__more__text.active .faq-renter__block__more__text__collapse {
    display: block
}

.faq-renter__block__more__text.active {
    color: #090a0b
}

.faq-renter__block__more__icon {
    margin-top: -2px
}

.faq-renter__block__more__icon svg {
    -webkit-transition: all .4s cubic-bezier(.39, .575, .565, 1);
    transition: all .4s cubic-bezier(.39, .575, .565, 1)
}

.faq-renter__block__more__icon.active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-renter__block__more__icon.active svg path {
    stroke: #090a0b
}

.feat-coll {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 32px;
    grid-row-gap: 48px
}

@media (max-width:1199px) {
    .feat-coll {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:767px) {
    .feat-coll {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px;
        width: 100vw;
        overflow-x: auto;
        grid-template-columns: auto;
        grid-auto-flow: column
    }

    .feat-coll::-webkit-scrollbar {
        height: 0
    }

    .feat-coll {
        scrollbar-color: #c7cbce #e2e5e8;
        scrollbar-width: thin
    }
}

.feat-coll--custom-page {
    padding-top: 32px;
    padding-bottom: 32px;
    grid-row-gap: 16px
}

@media (max-width:767px) {
    .feat-coll--custom-page {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.feat-coll--custom-page .feat-coll__item {
    margin-top: 16px;
    margin-bottom: 16px
}

@media (max-width:767px) {
    .feat-coll--custom-page .feat-coll__item {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

@media (max-width:767px) {
    .iOS .feat-coll:after {
        content: "";
        display: block;
        width: 1px
    }
}

.fileupload {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    position: relative;
    min-height: 24px;
    padding-right: 23px
}

.fileupload--in-progress .fileupload__file-name,
.fileupload--in-progress .fileupload__input,
.fileupload--in-progress .fileupload__label {
    display: none
}

.fileupload--in-progress .fileupload__bar-outer,
.fileupload--in-progress .fileupload__btn-remove {
    display: block
}

.fileupload--complete .fileupload__input,
.fileupload--complete .fileupload__label {
    display: none
}

.fileupload--complete .fileupload__btn-remove,
.fileupload--complete .fileupload__file-name {
    display: block
}

.fileupload__input {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fileupload__file-name,
.fileupload__label {
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    line-height: 22px
}

.fileupload__file-name:before,
.fileupload__label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/icon_paper_clip_x2.html)
}

.fileupload__label {
    display: block;
    cursor: pointer;
    color: red
}

.fileupload__label:hover {
    color: red
}

.fileupload__file-name {
    display: none;
    color: #a9a9a9
}

.fileupload__bar-outer {
    display: none;
    position: relative;
    width: 158px;
    height: 5px;
    background-color: #fff
}

.fileupload__bar-inner {
    display: block;
    width: 0;
    height: 100%;
    background-color: red
}

.fileupload__btn-remove {
    display: none;
    position: absolute;
    top: 6px;
    right: -1px;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: transparent
}

.fileupload__btn-remove:after,
.fileupload__btn-remove:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: gray
}

.fileupload__btn-remove:before {
    width: 100%;
    height: 2px
}

.fileupload__btn-remove:after {
    width: 2px;
    height: 100%
}

.fileupload__btn-remove:hover:after,
.fileupload__btn-remove:hover:before {
    background-color: red
}

.fileupload-card {
    cursor: pointer;
    position: relative;
    display: block;
    padding: 0;
    background: 0 0
}

.fileupload-card--my-garage:after {
    content: "";
    display: block;
    padding-top: 66.5354%
}

.fileupload-card--my-garage--upload-mobile:after {
    padding-top: 56px
}

.fileupload-card:hover:before {
    border-width: 1px;
    border-color: #007bb3
}

.fileupload-card__border {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    stroke: rgba(9, 10, 11, .4)
}

.fileupload-card:hover .fileupload-card__border {
    stroke: #007bb3
}

.filter-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px
}

@media (max-width:1199px) {
    .filter-list {
        margin: 0
    }
}

.filter-list__section {
    width: 305px;
    margin-right: 16px;
    margin-left: 16px;
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

@media (max-width:1199px) {
    .filter-list__section {
        width: 100%;
        margin: 0;
        margin-top: 34px
    }

    .filter-list__section:first-of-type {
        margin-top: 0
    }
}

@media (max-width:1199px) {
    .filter-list__section {
        margin-top: 24px
    }
}

.filter-list__section--fixed-width {
    -webkit-box-flex: 0;
    flex: 0 0 auto
}

@media (max-width:1199px) {
    .filter-list__section--fixed-width {
        width: 305px
    }
}

@media (max-width:767px) {
    .filter-list__section--fixed-width {
        width: 100%
    }
}

.filter-list__items-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: flex-start;
    margin-top: 26px;
    margin-left: -16px;
    margin-right: -16px
}

@media (max-width:1199px) {
    .filter-list__items-wrap {
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (max-width:767px) {
    .filter-list__items-wrap {
        margin-top: 2px;
        margin-left: 0;
        margin-right: 0;
        max-height: none !important
    }
}

.filter-list__item {
    width: 305px;
    margin-left: 16px;
    margin-right: 16px
}

@media (max-width:1199px) {
    .filter-list__item {
        margin-right: 32px;
        margin-left: 32px
    }
}

@media (max-width:767px) {
    .filter-list__item {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal {
        width: 100%
    }
}

.filter-select {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: -4px
}

@media (max-width:767px) {
    .filter-select {
        margin: 0
    }
}

.filter-select__items-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.filter-select__item {
    position: relative;
    margin: 4px
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__item {
        margin: 0
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__item:after {
        display: none
    }
}

.filter-select__value {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 16px;
    border: 1px solid #b1b5b9;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(9, 10, 11, .05);
    box-shadow: 0 1px 1px rgba(9, 10, 11, .05);
    cursor: pointer;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.filter-select__value:before {
    z-index: 10;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.filter-select__value.active {
    background-color: #f4f6f8
}

.filter-select__value.active:before {
    border: 2px solid #090a0b;
    border-radius: 5px
}

.filter-select__value.checked:before {
    border: 2px solid #090a0b;
    border-radius: 5px
}

.filter-select__value--styler {
    height: 40px;
    padding-left: 0;
    padding-right: 16px
}

@media (max-width:767px) {
    .filter-select__value--styler {
        height: auto
    }
}

.filter-select__value__label {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px 0;
    font-size: 15px;
    line-height: 22px;
    color: #484c51;
    -webkit-transition: color .2s;
    transition: color .2s
}

.filter-select__value.active .filter-select__value__label {
    color: #090a0b
}

.filter-select__value__remove {
    display: none;
    position: relative;
    z-index: 11;
    height: 100%;
    margin-left: 6px;
    color: #b1b5b9;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s
}

.filter-select__value__remove:hover {
    color: #090a0b
}

.checked .filter-select__value__remove {
    display: block
}

.filter-list-wrap-modal .checked .filter-select__value__remove {
    display: none
}

.filter-select__value__num {
    display: none;
    margin-left: 6px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 12px;
    border-radius: 50%;
    color: #484c51;
    background-color: #dee0e2
}

.filter-select__value__num.active {
    display: -webkit-box;
    display: flex
}

@media (max-width:767px) {
    .accord--filters .filter-select__value__num {
        width: auto;
        height: auto;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        background-color: transparent;
        color: #090a0b
    }
}

@media (max-width:767px) {
    .accord--filters.active .filter-select__value__num.active {
        display: none
    }
}

.filter-select__value__txt--mobile-expand {
    display: none
}

@media (max-width:767px) {
    .accord--filters.active .filter-select__value__txt--mobile-collapsed {
        display: none
    }
}

.accord--filters.active .filter-select__value__txt--mobile-expand {
    display: block
}

.filter-list-wrap-modal .filter-select__value {
    border: none;
    background-color: transparent !important;
    color: #c8cacb;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value {
        padding: 21px 0 19px
    }
}

.filter-list-wrap-modal .filter-select__value.active {
    color: #8e949a
}

.filter-list-wrap-modal .filter-select__value:before {
    display: none
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value__label {
        padding: 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: #090a0b
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value__txt {
        -webkit-box-ordinal-group: 3;
        order: 2
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value__num {
        -webkit-box-ordinal-group: 2;
        order: 1;
        margin-left: 0;
        margin-right: 6px
    }
}

.filter-select__value--selected {
    border-width: 2px;
    border-color: #090a0b;
    cursor: default
}

.filter-select__value--selected .filter-select__value__label {
    padding: 6px 0 8px
}

@media (min-width:768px) {
    .filter-select__velue-header-mobile {
        display: none
    }
}

.filter-select__velue-header-mobile {
    position: absolute;
    top: 22px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #484c51
}

.filter-select__item.active .filter-select__velue-header-mobile {
    color: #090a0b
}

.filter-select__item__btn-accord-arrow {
    display: none;
    position: absolute;
    right: 0;
    top: 16px;
    width: 32px;
    height: 32px;
    padding: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    color: #090a0b;
    background-color: transparent;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .filter-select__items-wrap .filter-select__item {
        display: none !important
    }
}

.filter-list-wrap-modal .filter-select__item__btn-accord-arrow {
    display: -webkit-box;
    display: flex
}

.accord--filters.active .filter-select__item__btn-accord-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer {
    border-radius: 5px 5px 0 0;
    background-color: #000;
    -webkit-box-shadow: 0 -1px 0 rgba(9, 10, 11, .1);
    box-shadow: 0 -1px 0 rgba(9, 10, 11, .1)
}

@media (max-width:767px) {
    .search-page--map~.footer {
        display: none
    }
}

.footer__center {
    padding-top: 40px;
    padding-bottom: 56px
}

.footer__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .footer__top {
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.footer__col {
    width: calc((((100% - (12 - 1) * 32px)/ 12 * 2) + 32px * 2));
    width: calc((((100% - (6 - 1) * var(--space))/ 12 * 2) + var(--space) * 2));
    padding-right: 32px;
    padding-right: var(--space)
}

@media (max-width:1439px) {
    .footer__col {
        margin-right: 32px;
        margin-right: var(--space);
        width: calc((100% - (4 - 1) * 32px)/ 4);
        width: calc((100% - (4 - 1) * var(--space))/ 4);
        padding-right: 0
    }
}

@media (max-width:1199px) {
    .footer__col {
        margin-right: 0;
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 3) + 32px * (3 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 3) + var(--space) * (3 - 1));
        padding-bottom: 32px
    }
}

@media (max-width:567px) {
    .footer__col {
        width: 100%;
        padding-bottom: 64px
    }
}

@media (max-width:1439px) {
    .footer__col:last-child {
        margin-right: 0
    }
}

.footer__col-title {
    font-size: 20px;
    line-height: 18px;
    font-weight: 400
}
.footer__col-title b {
    color: #e09c17;
}

.footer__list {
    margin-top: 20px;
    padding-left:0px !important;
}

.footer__list-item+.footer__list-item {
    padding-top: 20px
}

.footer__list-link {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    background-color: transparent
}

.footer__message {
    padding-top: 72px
}

@media (max-width:1199px) {
    .footer__message {
        padding-top: 56px
    }
}

@media (max-width:767px) {
    .footer__message {
        padding-top: 48px
    }
}

.footer__social {
    padding-top: 88px
}

@media (max-width:1439px) {
    .footer__social {
        position: relative
    }
}

@media (max-width:1199px) {
    .footer__social {
        padding-top: 56px
    }
}

@media (max-width:567px) {
    .footer__social {
        padding-top: 24px
    }
}

.footer__social-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.footer__social-list {
    padding-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.footer__social-list-item+.footer__social-list-item {
    margin-left: 32px
}

.footer__social-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #090a0b
}

.footer__list-bottom {
    padding-top: 64px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (max-width:1199px) {
    .footer__list-bottom {
        padding-top: 48px
    }
}

.footer__list-bottom-item {
    margin-right: 20px
}

.footer__list-bottom-item:last-child {
    margin-right: 0
}

.footer__list-bottom-link {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    color: #090a0b;
    background-color: transparent
}

.footer__app-store {
    position: absolute;
    top: 56px;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (max-width:1719px) {
    .footer__app-store {
        right: 64px
    }
}

@media (max-width:1439px) {
    .footer__app-store {
        right: 0;
        top: 102px
    }
}

@media (max-width:1199px) {
    .footer__app-store {
        top: 70px
    }
}

@media (max-width:767px) {
    .footer__app-store {
        position: static;
        margin-top: 48px
    }
}

.footer__app-store__item {
    margin-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px
}

.footer__app-store__item:last-child {
    margin-right: 0
}

.form {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.form--neg-outer {
    margin-left: -8px;
    margin-right: -8px
}

.form--big.form--neg-outer {
    margin-left: -16px;
    margin-right: -16px
}

@media (max-width:767px) {
    .form--signup {
        display: block
    }
}

.form--signup.form--neg-outer {
    margin-left: -16px;
    margin-right: -16px
}

.form--signup-congrats {
    z-index: 10
}

.form-cell {
    position: relative;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 0
}

.form-cell--half {
    width: 50%
}

.form-cell--quarter {
    width: 25%
}

.form-cell--auto {
    width: auto
}

.form-cell--full {
    width: 100%
}

.form-cell--mdl {
    padding-top: 8px;
    padding-bottom: 8px
}

@media (max-width:1199px) {
    .form-cell--m-half {
        width: 50%
    }
}

@media (max-width:1199px) {
    .form-cell--m-quarter {
        width: 25%
    }
}

.form-cell--bundle-checkbox {
    padding-left: 36px
}

@media (max-width:767px) {
    .form-cell--bundle-checkbox {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .form-cell--s-half {
        width: 50%
    }
}

@media (max-width:767px) {
    .form-cell--text {
        padding: 0
    }
}

.form--neg-outer .form-cell {
    padding-left: 8px;
    padding-right: 8px
}

.form--neg-outer.form--big .form-cell {
    padding-left: 16px;
    padding-right: 16px
}

.form--neg-outer.form--signup .form-cell {
    padding-left: 16px;
    padding-right: 16px
}

.form-row--btn .form-cell+.form-cell {
    margin-left: 32px
}

.form-cell__slash {
    display: inline-block;
    vertical-align: top;
    margin: 10px 12px 0;
    font-size: 17px;
    line-height: 27px;
    color: #000
}

@media all and (max-width:1439px) {
    .form-cell__slash {
        margin: 8px 11px 0 11px;
        font-size: 16px;
        line-height: 26px
    }
}

@media all and (max-width:639px) {
    .form-cell__slash {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        margin: auto;
        font-size: 15px;
        line-height: 22px
    }
}

.form-cell__dash {
    margin: 0 8px 40px;
    width: 8px;
    height: 2px;
    background-color: #090a0b
}

.form-cell--share-social-mdl {
    padding-top: 4px
}

.form-cell--signup-1-0 {
    -webkit-box-flex: 1;
    flex: 1 1 33.33%
}

.form-cell__switch-item {
    position: relative
}

.form-cell__switch-button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    color: #007bb3;
    background-color: transparent
}

.form-cell__switch-button:hover {
    color: #0089c7
}

.form-cell__icon-tooltip {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    background-color: transparent;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.form-cell--viewing-my-vehicle-date {
    width: calc((100% - 16px)/ 2)
}

@media (max-width:1199px) {
    .form-cell--viewing-my-vehicle-date {
        z-index: auto !important
    }
}

.form-cell--viewing-my-vehicle-time {
    width: calc((100% - 16px)/ 2)
}

@media (max-width:1199px) {
    .form-cell--viewing-my-vehicle-time {
        z-index: auto !important
    }
}

.form-cell--edit-license-info {
    width: calc((100% - 2 * 16px)/ 2)
}

@media (max-width:1199px) {
    .form-cell--edit-license-info {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (max-width:767px) {
    .form-cell--edit-license-info {
        width: 100%
    }
}

.form-cell--signup-2-0-phone {
    width: 374px
}

@media (max-width:1199px) {
    .form-cell--signup-2-0-phone {
        width: 100%
    }
}

.form-cell--step-2-1-vefification-code {
    width: 239px
}

@media (max-width:767px) {
    .form-cell--step-2-1-vefification-code {
        width: 272px;
        max-width: calc(100vw - 48px)
    }
}

.form--delivery-options .form-cell+.form-cell {
    margin-left: 16px
}

@media (max-width:767px) {
    .form-row--add-airport .form-cell+.form-cell {
        margin-left: 0
    }
}

.form-cell--delivery-fees-per-mind,
.form-cell--min-delivery-fees {
    width: auto
}

@media (max-width:567px) {

    .form-cell--delivery-fees-per-mind,
    .form-cell--min-delivery-fees {
        width: 128px
    }
}

.form-cell--airport {
    width: 100%
}

@media (min-width:768px) {
    .form-cell--edit-airport {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .form-cell--edit-airport {
        margin-left: 0 !important
    }
}

.form-cell--edit-airport-name {
    width: 100%
}

.form-cell--filter-price-max,
.form-cell--filter-price-min {
    width: 168px
}

@media (max-width:767px) {
    .form-cell--my-acc-general-setting-phone {
        width: 100%;
        max-width: 368px
    }
}

@media (max-width:1719px) and (min-width:1200px) {
    .form-cell--book-redeem-gift-card {
        -webkit-box-flex: 1;
        flex-grow: 1
    }
}

.form-item-bg-sign {
    display: none;
    max-width: calc(100vw - 48px);
    padding: 5px 8px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 5px;
    color: #090a0b;
    word-wrap: break-word
}

.form-item-bg-sign.active {
    display: inline-block
}

.form-item-bg-sign--absolute {
    position: absolute;
    top: calc(100% - 16px);
    left: 0
}

.form-item-bg-sign--error {
    margin-top: 3px;
    background-color: #ffe2e0
}

.form-item-bg-sign--error--checkbox {
    margin-top: 8px;
    margin-left: 36px
}

.form-item-bg-sign--delivery-slider {
    position: absolute;
    bottom: 16px;
    left: 0
}

.form-item-bg-sign--specific-trip-sidebar-table {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0;
    -webkit-transform: translateY(calc(100% + 3px));
    transform: translateY(calc(100% + 3px));
    white-space: nowrap
}

.form.form--neg-outer .form-item-bg-sign--absolute {
    left: 8px
}

.form--big.form--neg-outer .form-item-bg-sign--absolute,
.form--signup.form--neg-outer .form-item-bg-sign--absolute {
    left: 16px
}

.checkbox.error .form-item-bg-sign--error--checkbox {
    display: inline-block
}

.form-item {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 15px;
    font-family: gt-america;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #090a0b;
    background-color: transparent;
    border-radius: 5px;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-item--bg {
    background-color: #fff
}

.form-item input::-webkit-input-placeholder {
    color: #8e949a
}

.form-item input::-moz-placeholder {
    color: #8e949a
}

.form-item input::-ms-input-placeholder {
    color: #8e949a
}

.form-item input:-ms-input-placeholder {
    color: #8e949a
}

.form-item input::placeholder {
    color: #8e949a
}

.form-item:disabled {
    background-color: #f4f6f8
}

.form-item:disabled::-webkit-input-placeholder {
    color: #8e949a
}

.form-item:disabled::-moz-placeholder {
    color: #8e949a
}

.form-item:disabled::-ms-input-placeholder {
    color: #8e949a
}

.form-item:disabled:-ms-input-placeholder {
    color: #8e949a
}

.form-item:disabled::placeholder {
    color: #8e949a
}

.form-item.filled input::-webkit-input-placeholder {
    color: transparent
}

.form-item.filled input::-moz-placeholder {
    color: transparent
}

.form-item.filled input::-ms-input-placeholder {
    color: transparent
}

.form-item.filled input:-ms-input-placeholder {
    color: transparent
}

.form-item.filled input::placeholder {
    color: transparent
}

.form-item.styler {
    padding-left: 0;
    padding-right: 0;
    border: none
}

.form-item--btn {
    position: relative;
    padding-right: 48px
}

@media all and (max-width:1679px) {
    .form-item--btn {
        padding-right: 40px
    }
}

.form-item--date {
    cursor: pointer;
    position: relative;
    padding-right: 48px
}

@media all and (max-width:1679px) {
    .form-item--date {
        padding-right: 40px
    }
}

.form--big .form-item {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 20px;
    line-height: 32px
}

@media (max-width:767px) {
    .form--big .form-item {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 15px;
        line-height: 23px
    }
}

.form--big .form-item::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 32px
}

.form--big .form-item:-moz-placeholder,
.form--big .form-item:-ms-input-placeholder,
.form--big .form-item::-moz-placeholder,
.form--big .form-item::-ms-input-placeholder,
.form--big .form-item::-webkit-input-placeholder,
.form--big .form-item::placeholder {
    font-size: 20px;
    line-height: 32px
}

@media (max-width:767px) {
    .form--big .form-item::-webkit-input-placeholder {
        font-size: 15px;
        line-height: 23px
    }

    .form--big .form-item:-moz-placeholder,
    .form--big .form-item:-ms-input-placeholder,
    .form--big .form-item::-moz-placeholder,
    .form--big .form-item::-ms-input-placeholder,
    .form--big .form-item::-webkit-input-placeholder,
    .form--big .form-item::placeholder {
        font-size: 15px;
        line-height: 23px
    }
}

.form-item-wrap--group .form-item {
    width: auto
}

.form-item-wrap--date .form-item--date {
    height: calc(100% + 1px);
    padding-bottom: 3px !important
}

.form-item-wrap--time .form-item {
    cursor: pointer;
    position: relative;
    height: 100%
}

.form-item--date.form-item--date-ym {
    margin-left: -1px
}

.form-item--textarea {
    padding-right: 10px;
    font-size: 16px;
    line-height: 22px;
    resize: none;
    height: auto
}

.form-item--textarea::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 22px
}

.form-item--textarea:-moz-placeholder,
.form-item--textarea:-ms-input-placeholder,
.form-item--textarea::-moz-placeholder,
.form-item--textarea::-ms-input-placeholder,
.form-item--textarea::-webkit-input-placeholder,
.form-item--textarea::placeholder {
    font-size: 16px;
    line-height: 22px
}

.form-item--textarea.scroll-custom {
    padding-right: 10px
}

.form-item--textarea--suggest-a-change {
    font-size: 15px
}

.form-item--textarea--suggest-a-change::-webkit-input-placeholder {
    font-size: 15px
}

.form-item--textarea--suggest-a-change:-moz-placeholder,
.form-item--textarea--suggest-a-change:-ms-input-placeholder,
.form-item--textarea--suggest-a-change::-moz-placeholder,
.form-item--textarea--suggest-a-change::-ms-input-placeholder,
.form-item--textarea--suggest-a-change::-webkit-input-placeholder,
.form-item--textarea--suggest-a-change::placeholder {
    font-size: 15px
}

.form-item--resize {
    resize: vertical
}

.form-item-wrap--contact-box .form-item {
    padding-left: 24px;
    padding-right: 10px
}

.form-item-wrap--contact-box.focused .form-item {
    padding-left: 23px;
    padding-right: 9px
}

.form-item--share-social-mdl {
    width: 100%;
    padding-right: 0
}

.form-item-wrap--mdl-textarea-resize-big .form-item {
    min-height: 52px;
    height: 52px
}

.form-item-wrap--mdl-textarea-resize-small .form-item {
    height: 29px;
    min-height: 29px
}

.form-item-wrap--mdl-textarea-message .form-item {
    height: 62px;
    min-height: 62px
}

@media (max-width:767px) {
    .form-item-wrap--mdl-textarea-message .form-item {
        height: 52px;
        min-height: 52px
    }
}

.form-item-wrap--review .form-item {
    min-height: 304px
}

.form-item--main-header-search {
    padding: 0 !important;
    font-size: 18px;
    line-height: 24px;
    background-color: transparent
}

@media (max-width:767px) {
    .form-item--main-header-search {
        font-size: 16px
    }
}

.form-item--main-header-search::-webkit-input-placeholder {
    font-size: 18px;
    color: #b1b5b9
}

.form-item--main-header-search:-moz-placeholder,
.form-item--main-header-search:-ms-input-placeholder,
.form-item--main-header-search::-moz-placeholder,
.form-item--main-header-search::-ms-input-placeholder,
.form-item--main-header-search::-webkit-input-placeholder,
.form-item--main-header-search::placeholder {
    font-size: 18px;
    color: #b1b5b9
}

@media (max-width:767px) {
    .form-item--main-header-search::-webkit-input-placeholder {
        font-size: 16px
    }

    .form-item--main-header-search:-moz-placeholder,
    .form-item--main-header-search:-ms-input-placeholder,
    .form-item--main-header-search::-moz-placeholder,
    .form-item--main-header-search::-ms-input-placeholder,
    .form-item--main-header-search::-webkit-input-placeholder,
    .form-item--main-header-search::placeholder {
        font-size: 16px
    }
}

.form-item--main-header-search:focus::-webkit-input-placeholder {
    color: transparent !important
}

.form-item--main-header-search:focus:-moz-placeholder,
.form-item--main-header-search:focus:-ms-input-placeholder,
.form-item--main-header-search:focus::-moz-placeholder,
.form-item--main-header-search:focus::-ms-input-placeholder,
.form-item--main-header-search:focus::-webkit-input-placeholder,
.form-item--main-header-search:focus::placeholder {
    color: transparent !important
}

.form-item--password {
    padding-right: 48px
}

.form-item--card-number {
    padding-right: 85px
}

.form-item-wrap--book-message-to-owner .form-item {
    height: 67px;
    min-height: 67px
}

.form-item-wrap--pickup-instructions .form-item {
    min-height: 121px;
    height: 121px
}

@media (max-width:767px) {
    .form-item-wrap--pickup-instructions .form-item {
        min-height: 167px;
        height: 167px
    }
}

.form-item-wrap--mdl-edit-car-description .form-item {
    min-height: 304px
}

@media (max-width:1199px) {
    .form-item-wrap--mdl-edit-car-description .form-item {
        min-height: 272px
    }
}

@media (max-width:767px) {
    .form-item-wrap--mdl-edit-car-description .form-item {
        min-height: 200px
    }
}

.form-item--btn-car-location {
    text-align: left
}

.form-item-wrap--mdl-textarea-my-story .form-item {
    min-height: 482px
}

@media (max-width:1919px) {
    .form-item-wrap--mdl-textarea-my-story .form-item {
        min-height: 390px
    }
}

@media (max-width:1199px) {
    .form-item-wrap--mdl-textarea-my-story .form-item {
        min-height: 434px
    }
}

@media (max-width:767px) {
    .form-item-wrap--mdl-textarea-my-story .form-item {
        min-height: 306px
    }
}

.edit-airport__edit .form-item {
    background-color: #fff
}

@media (min-width:768px) {
    .form-item--mdl-edit-mileage-select {
        min-width: 134px !important;
        max-width: 134px !important
    }
}

@media (max-width:767px) {
    .form-item--mdl-edit-mileage-select {
        min-width: 128px !important;
        max-width: 128px !important
    }
}

.form-item-wrap--main-search .form-item {
    padding-left: 70px;
    padding-right: 200px;
    font-size: 24px;
    line-height: 34px
}

@media (max-width:1199px) {
    .form-item-wrap--main-search .form-item {
        padding-left: 48px;
        padding-right: 160px;
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:767px) {
    .form-item-wrap--main-search .form-item {
        padding-left: 56px;
        padding-right: 64px
    }
}

.form-item-wrap--main-search .form-item::-webkit-input-placeholder {
    font-size: 24px;
    line-height: 34px
}

.form-item-wrap--main-search .form-item:-moz-placeholder,
.form-item-wrap--main-search .form-item:-ms-input-placeholder,
.form-item-wrap--main-search .form-item::-moz-placeholder,
.form-item-wrap--main-search .form-item::-ms-input-placeholder,
.form-item-wrap--main-search .form-item::-webkit-input-placeholder,
.form-item-wrap--main-search .form-item::placeholder {
    font-size: 24px;
    line-height: 34px
}

@media (max-width:1199px) {
    .form-item-wrap--main-search .form-item::-webkit-input-placeholder {
        font-size: 16px;
        line-height: 24px
    }

    .form-item-wrap--main-search .form-item:-moz-placeholder,
    .form-item-wrap--main-search .form-item:-ms-input-placeholder,
    .form-item-wrap--main-search .form-item::-moz-placeholder,
    .form-item-wrap--main-search .form-item::-ms-input-placeholder,
    .form-item-wrap--main-search .form-item::-webkit-input-placeholder,
    .form-item-wrap--main-search .form-item::placeholder {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:767px) {
    .form-item-wrap--main-search--home .form-item {
        padding-left: 44px
    }
}

.form-item-wrap--search-filter .form-item {
    padding-left: 24px;
    padding-right: 64px
}

@media (max-width:767px) {
    .form-item-wrap--search-filter .form-item {
        padding-left: 16px
    }
}

.form-item-wrap--event-location .form-item {
    padding-left: 24px;
    padding-right: 64px
}

.form-item-wrap--chats-list .form-item {
    padding-right: 48px
}

.form-item-wrap__chats-search-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #8e949a
}

.form-item-wrap--chats-textarea .form-item {
    max-height: 88px
}

@media (max-width:767px) {
    .form-item-wrap--chats-textarea .form-item {
        padding-left: 24px
    }
}

.subscription__form-item-wrap .form-item {
    padding-left: 22px;
    padding-right: 136px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 28px
}

.subscription__form-item-wrap .form-item::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 24px
}

.subscription__form-item-wrap .form-item:-moz-placeholder,
.subscription__form-item-wrap .form-item:-ms-input-placeholder,
.subscription__form-item-wrap .form-item::-moz-placeholder,
.subscription__form-item-wrap .form-item::-ms-input-placeholder,
.subscription__form-item-wrap .form-item::-webkit-input-placeholder,
.subscription__form-item-wrap .form-item::placeholder {
    font-size: 18px;
    line-height: 24px
}

@media (max-width:767px) {
    .subscription__form-item-wrap .form-item::-webkit-input-placeholder {
        font-size: 16px
    }

    .subscription__form-item-wrap .form-item:-moz-placeholder,
    .subscription__form-item-wrap .form-item:-ms-input-placeholder,
    .subscription__form-item-wrap .form-item::-moz-placeholder,
    .subscription__form-item-wrap .form-item::-ms-input-placeholder,
    .subscription__form-item-wrap .form-item::-webkit-input-placeholder,
    .subscription__form-item-wrap .form-item::placeholder {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .subscription__form-item-wrap .form-item {
        padding-left: 19px;
        padding-right: 116px;
        font-size: 16px;
        border-radius: 24px
    }
}

.form-item--mdl-edit-min-trip-duration-input {
    width: 108px
}

.form-item--mdl-edit-min-trip-duration-select {
    width: 104px !important
}

.form-item-dropdown {
    display: none;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #c8cacb
}

.form-item-dropdown.active {
    display: block
}

.form-item-dropdown__inner {
    max-height: 336px;
    overflow-y: auto
}

.form-item-dropdown__item {
    display: none;
    cursor: pointer;
    padding: 13px 16px;
    font-size: 16px;
    line-height: 22px
}

.form-item-dropdown__item:hover {
    background-color: #eaf9ff
}

.form-item-dropdown__item.active {
    display: block
}

.form-item-dropdown__item.hidden {
    display: none
}

.form-item-sign {
    font-size: 12px;
    line-height: 14px
}

.form-item-sign--t-s {
    padding-top: 8px
}

.form-item-sign--big {
    padding-top: 8px;
    font-size: 16px;
    line-height: 26px;
    color: #6f757c
}

.form-item-sign--big--above-btn {
    padding-bottom: 16px
}

.form-item-sign--inner {
    z-index: 100;
    position: absolute;
    top: calc(100% + 4px)
}

.form-item-sign--state-line-controls {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width:767px) {
    .form-item-sign--state-line-controls {
        right: auto;
        left: 0;
        -webkit-transform: none;
        transform: none;
        top: calc(100% + 8px)
    }
}

.form-item-sign--separate-from-field {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 18px;
    line-height: 28px;
    color: #484c51
}

@media (max-width:767px) {
    .form-item-sign--separate-from-field {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.form-item-sign--under-btn {
    margin-top: 32px
}

:is(.form-cell) .form-item-sign--big {
    padding-top: 16px
}

@media (max-width:767px) {
    :is(.form-cell) .form-item-sign--big {
        padding-top: 8px
    }
}

.form-item-bg-sign.active~.form-item-sign--big {
    padding-top: 8px
}

.form-item-unit {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    white-space: nowrap;
    background-color: #fff
}

.form-item-unit:first-child {
    border-right: 1px solid #b1b5b9;
    border-radius: 5px 0 0 5px
}

.form-item-unit:last-child {
    border-left: 1px solid #b1b5b9;
    border-radius: 0 5px 5px 0
}

.hovered .form-item-unit:first-child {
    border-right-color: #007bb3
}

.hovered .form-item-unit:last-child {
    border-left-color: #007bb3
}

.focused .form-item-unit:first-child {
    border-right-color: #090a0b
}

.focused .form-item-unit:last-child {
    border-left-color: #090a0b
}

.disabled .form-item-unit {
    background-color: #f4f6f8
}

.disabled .form-item-unit:first-child {
    border-right-color: #b1b5b9
}

.disabled .form-item-unit:last-child {
    border-left-color: #b1b5b9
}

.form-item-wrap {
    position: relative;
    display: -webkit-box;
    display: flex;
    height: 48px;
    border-width: 1px;
    border-style: solid;
    border-color: #b1b5b9;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(9, 10, 11, .05);
    box-shadow: 0 1px 1px rgba(9, 10, 11, .05)
}

.form-item-wrap.focused {
    border-color: #090a0b !important;
    -webkit-box-shadow: 0 0 0 3px rgba(222, 224, 226, .3);
    box-shadow: 0 0 0 3px rgba(222, 224, 226, .3)
}

.form-item-wrap.hovered {
    border-color: #007bb3
}

.form-item-wrap.disabled {
    border-color: #c8cacb
}

.form-item-wrap.error {
    border-color: #d10000
}

.form-item-wrap.error-sign {
    margin-bottom: 19px
}

.form-item-wrap.warning {
    border-color: #ffb805
}

.form-item-wrap.success {
    border-color: green
}

.form-item-wrap--no-border {
    border: none
}

.form-item-wrap--no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-item-wrap--textarea {
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 6px
}

.form-item-wrap--resize {
    height: auto
}

.form-item-wrap--text {
    padding-left: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .form-item-wrap--text {
        padding-left: 0;
        height: auto
    }
}

.form-item-wrap--chats-list {
    width: 100%;
    max-width: 372px
}

.form-item-wrap--group {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch
}

.form-item-wrap--next-to-item {
    margin-left: 20px
}

.form-item-wrap--under-title-1 {
    margin-top: 24px
}

@media all and (max-width:1199px) {
    .form-item-wrap--under-title-1 {
        margin-top: 14px
    }
}

.form-item-wrap--v-center {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-item-wrap--date:before,
.form-item-wrap--time:before {
    cursor: pointer;
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

@media all and (max-width:959px) {

    .form-item-wrap--date:before,
    .form-item-wrap--time:before {
        width: 24px;
        height: 24px
    }
}

.form-item-wrap--date:before {
    background-image: url(../images/icon-date.svg)
}

.form-item-wrap--date.focused:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 2px);
    height: 1px;
    bottom: -1px;
    left: -1px
}

.form-item-wrap--time:before {
    background-image: url(../images/icon-time.svg)
}

.form-item-wrap--timepicker {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: 72px
}

@media all and (max-width:639px) {
    .form-item-wrap--timepicker {
        width: 90px;
        height: 60px
    }
}

.form--big .form-item-wrap {
    height: 64px
}

@media (max-width:767px) {
    .form--big .form-item-wrap {
        height: 48px
    }
}

.form-item-wrap__btn {
    display: none;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    background-color: transparent;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #6f757c
}

.form-item-wrap__btn.active {
    display: -webkit-box;
    display: flex
}

.form-item-wrap__btn-password {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 16px;
    height: 16px;
    width: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0
}

.form-item-wrap__btn-password.show {
    background-image: url(../images/icon-password-show.svg)
}

.form-item-wrap__btn-password.hide {
    background-image: url(../images/icon-password-hide.svg)
}

.form-item-wrap__card {
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 65px;
    height: 40px;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.form-item-wrap--mdl-w-half {
    width: 183px
}

.form-item-wrap--edit-car-clubs {
    display: none;
    margin-top: 24px
}

@media (max-width:1919px) {
    .form-item-wrap--edit-car-clubs {
        margin-top: 16px;
        width: 228px
    }
}

@media (max-width:1199px) {
    .form-item-wrap--edit-car-clubs {
        margin-top: 24px;
        width: 100%
    }
}

@media (max-width:767px) {
    .form-item-wrap--edit-car-clubs {
        margin-top: 16px;
        margin-right: -76px;
        width: calc(100% + 76px)
    }
}

.form-item-wrap--edit-car-clubs.active {
    display: block
}

.form-item-wrap--mdl-edit-engine {
    height: 76px
}

.form-item-wrap--pickup-instructions {
    min-height: 155px
}

@media (max-width:767px) {
    .form-item-wrap--pickup-instructions {
        min-height: 201px
    }
}

.form-item-wrap--free-delivery {
    width: 183px
}

@media (max-width:1919px) {
    .form-item-wrap--free-delivery {
        width: 178px
    }
}

@media (max-width:1679px) {
    .form-item-wrap--free-delivery {
        width: 148px
    }
}

@media (max-width:1199px) {
    .form-item-wrap--free-delivery {
        width: 183px
    }
}

@media (max-width:567px) {
    .form-item-wrap--free-delivery {
        width: 128px
    }
}

.form-item-wrap--paid-delivery {
    width: 183px
}

@media (max-width:1919px) {
    .form-item-wrap--paid-delivery {
        width: 178px
    }
}

@media (max-width:1679px) {
    .form-item-wrap--paid-delivery {
        width: 148px
    }
}

@media (max-width:1199px) {
    .form-item-wrap--paid-delivery {
        width: 183px
    }
}

@media (max-width:567px) {
    .form-item-wrap--paid-delivery {
        width: 128px
    }
}

.form-item-wrap--delivery-fees-per-mind {
    width: 183px
}

@media (max-width:1919px) {
    .form-item-wrap--delivery-fees-per-mind {
        width: 178px
    }
}

@media (max-width:1679px) {
    .form-item-wrap--delivery-fees-per-mind {
        width: 148px
    }
}

@media (max-width:1199px) {
    .form-item-wrap--delivery-fees-per-mind {
        width: 160px
    }
}

@media (max-width:567px) {
    .form-item-wrap--delivery-fees-per-mind {
        width: 100%
    }
}

.form-item-wrap--min-delivery-fees {
    width: 183px
}

@media (max-width:1919px) {
    .form-item-wrap--min-delivery-fees {
        width: 178px
    }
}

@media (max-width:1679px) {
    .form-item-wrap--min-delivery-fees {
        width: 148px
    }
}

@media (max-width:1199px) {
    .form-item-wrap--min-delivery-fees {
        width: 160px
    }
}

@media (max-width:567px) {
    .form-item-wrap--min-delivery-fees {
        width: 100%
    }
}

.form-item-wrap--delivery-fee {
    width: 183px
}

@media (max-width:1919px) {
    .form-item-wrap--delivery-fee {
        width: 178px
    }
}

@media (max-width:1439px) {
    .form-item-wrap--delivery-fee {
        width: 175px
    }
}

@media (max-width:767px) {
    .form-item-wrap--delivery-fee {
        width: 170px
    }
}

.form-item-wrap--edit-airport-delivery-fee {
    width: 157px
}

@media (max-width:1919px) {
    .form-item-wrap--edit-airport-delivery-fee {
        width: 152px
    }
}

@media (max-width:1439px) {
    .form-item-wrap--edit-airport-delivery-fee {
        width: 148px
    }
}

.form-item-wrap--state-line {
    margin-left: 24px;
    width: 183px
}

@media (max-width:1439px) {
    .form-item-wrap--state-line {
        margin-left: 16px;
        width: 131px
    }
}

@media (max-width:767px) {
    .form-item-wrap--state-line {
        margin-left: 0;
        width: auto
    }
}

.form-item-wrap--airport {
    z-index: 100
}

.form-item-wrap--main-header-search {
    position: static;
    width: 100%;
    height: 48px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important
}

.form-item-wrap--pass-recovery {
    width: calc(6.48615% * 4 + 32px * 3);
    width: calc(var(--col) * 4 + var(--space) * 3)
}

.form-item-wrap--book-redeem-gift-card {
    width: 330px
}

@media (max-width:1199px) {
    .form-item-wrap--book-redeem-gift-card {
        width: 370px
    }
}

@media (max-width:767px) {
    .form-item-wrap--book-redeem-gift-card {
        width: 100%
    }
}

.form-item-wrap--edit-date-availability {
    width: 179px
}

@media (max-width:767px) {
    .form-item-wrap--edit-date-availability {
        display: none
    }
}

.form-item-wrap--edit-date-availability~.form-item-wrap--edit-date-availability {
    margin-left: 16px
}

.form-item-wrap--mdl-textarea-resize-big {
    padding-bottom: 16px
}

.form-item-wrap--available-period-price-per-day {
    width: 192px
}

.form-item-wrap--car-location:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 19px;
    height: 10px;
    width: 6px;
    border-left: 6px solid #090a0b;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.form-item-wrap--not-form-item {
    height: auto;
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.form-item-wrap--specific-trip-sidebar {
    display: none;
    width: 135px
}

.form-item-wrap--specific-trip-sidebar.active {
    display: -webkit-box;
    display: flex
}

.form-item-wrap--main-search {
    position: relative;
    height: 72px;
    border: none;
    border-radius: 63px;
    background-color: #f4f6f8;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media (max-width:1199px) {
    .form-item-wrap--main-search {
        height: 56px;
        margin-right: 60px
    }
}

@media (max-width:767px) {
    .form-item-wrap--main-search {
        margin-left: -24px;
        margin-right: -24px;
        height: 57px;
        width: calc(100vw);
        border-bottom: 1px solid #dee0e2;
        border-radius: 0;
        background-color: transparent
    }
}

@media (max-width:767px) {

    .form-item-wrap--main-search.focused,
    .form-item-wrap--main-search.hovered {
        border-bottom-color: #dee0e2 !important
    }
}

@media (max-width:1199px) {
    .search-filter--home .form-item-wrap--main-search {
        margin-right: 0
    }
}

@media (max-width:767px) {
    :is(.search-filter__main-search) .form-item-wrap--main-search {
        display: none
    }
}

.form-item-wrap__icon-main-search {
    position: absolute;
    top: 24px;
    left: 30px;
    height: 24px;
    width: 24px
}

@media (max-width:1199px) {
    .form-item-wrap__icon-main-search {
        left: 20px;
        top: 20px;
        width: 16px;
        height: 16px
    }
}

@media (max-width:767px) {
    .form-item-wrap__icon-main-search {
        left: 24px;
        top: 20px
    }
}

@media (max-width:767px) {
    .form-item-wrap__icon-main-search--home {
        top: 16px;
        left: 16px
    }
}

.form-item-wrap--search-field {
    border: 0;
    height: auto;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.search-filter__field .form-item-wrap {
    height: 72px;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width:1439px) {
    .search-filter__field .form-item-wrap {
        height: 56px
    }
}

@media (max-width:1199px) {
    .search-filter__field .form-item-wrap {
        height: 48px
    }
}

.form-item-wrap--search-filter {
    height: 54px;
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media (max-width:767px) {
    .form-item-wrap--search-filter {
        width: 100%;
        height: 48px;
        border: 1px solid #b1b5b9;
        border-radius: 5px
    }
}

.form-item-wrap--actions {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.form-item-wrap--actions .form-item-wrap {
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.form-item-wrap__icon-search {
    cursor: pointer;
    display: none;
    right: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 32px;
    height: 32px;
    padding: 0;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.form-item-wrap__icon-search.active {
    display: -webkit-box;
    display: flex
}

.form-item-wrap__icon-search .icon {
    fill: #6f757c
}

.form-item-wrap__btn-clear {
    display: none;
    right: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 32px;
    height: 32px;
    padding: 0;
    background-color: transparent;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.form-item-wrap__btn-clear.active {
    display: -webkit-box;
    display: flex
}

.form-item-wrap__main-search-controls {
    position: absolute;
    right: 28px;
    top: 12px;
    height: 48px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1199px) {
    .form-item-wrap__main-search-controls {
        top: 4px;
        right: 12px
    }
}

@media (max-width:767px) {
    .form-item-wrap__main-search-controls--home {
        top: 0;
        right: 4px
    }
}

.form-item-wrap__main-search-clear-btn {
    cursor: pointer;
    display: none;
    width: 48px;
    height: 48px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: transparent
}

@media (max-width:767px) {
    .form-item-wrap__main-search-clear-btn {
        margin-right: -4px
    }
}

.form-item-wrap__main-search-clear-btn.active {
    display: -webkit-box;
    display: flex
}

@media (max-width:767px) {
    .form-item-wrap__main-search-clear-btn--home {
        margin-right: 0
    }
}

.form-item-wrap--chats-textarea {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 24px
}

@media (max-width:767px) {
    .form-item-wrap--chats-textarea {
        padding-top: 13px;
        padding-bottom: 13px;
        padding-right: 0;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}

.form-item-wrap--phone-number-verification-code {
    width: 239px
}

@media (max-width:1719px) and (min-width:1200px) {
    .form-item-wrap--book-redeem-gift-card {
        width: 100%;
        max-width: 330px
    }
}

.form-item-wrap--default-price-per-day {
    width: 156px
}

.form-item-wrap--mdl-edit-min-trip-duration {
    display: -webkit-inline-box;
    display: inline-flex
}

.form-item-wrap--mdl-edit-min-trip-duration .jq-selectbox__dropdown {
    width: 130px
}

.form-label {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-align: left;
    text-transform: none;
    color: #090a0b
}

.form-label.disabled {
    color: #8e949a
}

.form-label--inline {
    display: inline
}

.form-label--next-to-item {
    margin-left: 20px
}

.form-label--nowrap {
    white-space: nowrap
}

.form-label--absolute-right {
    position: absolute;
    right: 0;
    top: 0
}

.touchevents .form-label--date {
    cursor: pointer;
    z-index: 10;
    position: relative;
    width: 100%
}

.touchevents .form-label--date:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 72px;
    top: 0;
    left: 0
}

.form--big .form-label {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px
}

@media (max-width:767px) {
    .form--big .form-label {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 18px
    }
}


.ui-datepicker-title .jq-selectbox__select {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 30px;
    font-size: 16px;
    font-family: gt-america;
    font-weight: 400;
    border: 1px solid #b1b5b9;
    border-radius: 5px;
    color: #090a0b;
    background-color: transparent
}

@media all and (max-width:959px) {
    .ui-datepicker-title .jq-selectbox__select {
        font-size: 15px;
        padding-left: 12px
    }
}

.form-item-wrap.disabled .jq-selectbox__select {
    border-color: #c8cacb;
    background-color: #f4f6f8;
    cursor: auto
}

.ui-multiselect {
    font-size: 16px;
    font-family: gt-america;
    font-weight: 400;
    color: #090a0b
}

button.ui-multiselect>span {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}



.sc-filter:not(.bottom) .form-item.styler option span {
    display: none
}

.form-item-wrap .jq-selectbox li:hover,
.ui-datepicker-title .jq-selectbox li:hover {
    background-color: #eaf9ff
}

.ui-datepicker-title .jq-selectbox li.sel,
.ui-datepicker-title .jq-selectbox li.selected {
    color: #090a0b;
    background: #eaf9ff
}

.form-item-wrap .jq-selectbox li.sel:after,
.form-item-wrap .jq-selectbox li.selected:after {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    right: 20px;
    width: 15px;
    height: 7px;
    border-left: 2px solid #007bb3;
    border-bottom: 2px solid #007bb3;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.jq-selectbox.form-item--next-to-input li.sel:after,
.jq-selectbox.form-item--next-to-input li.selected:after {
    border-left-color: #090a0b;
    border-bottom-color: #090a0b
}

@media all and (max-width:767px) {
    .ui-datepicker-title .jq-selectbox__select {
        padding-left: 13px;
        font-size: 15px
    }
}

.ui-datepicker-title .jq-selectbox li {
    padding-right: 24px;
    font-size: 16px;
    font-family: gt-america;
    font-weight: 400
}

@media all and (max-width:767px) {
    .ui-datepicker-title .jq-selectbox li {
        font-size: 15px
    }
}

.ui-datepicker-title .jq-selectbox li:after {
    display: none !important
}

.ui-datepicker-title .jq-selectbox__dropdown {
    width: 100% !important;
    overflow: hidden
}

.ui-multiselect {
    width: 100% !important
}

.ui-multiselect-header {
    display: none
}

.ui-multiselect-menu {
    display: none;
    z-index: 3001;
    padding: 20px
}

.ui-multiselect-checkboxes {
    height: auto !important;
    overflow-y: visible
}

.ui-multiselect-checkboxes li label {
    display: block;
    border: none !important;
    background-color: transparent !important
}

.ui-multiselect-checkboxes li label span {
    cursor: pointer;
    position: relative !important;
    display: block;
    padding: 13px 16px 13px 52px;
    font-size: 16px;
    line-height: 22px;
    font-family: gt-america;
    font-weight: 400;
    color: #090a0b
}

.ui-multiselect-checkboxes li label span:hover {
    background-color: #eaf9ff
}

.ui-multiselect-checkboxes li label span:after,
.ui-multiselect-checkboxes li label span:before {
    content: "";
    display: block;
    position: absolute
}

.ui-multiselect-checkboxes li label span:before {
    top: 14px;
    left: 16px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 2px solid #b1b5b9;
    border-radius: 3px
}

.ui-multiselect-checkboxes li label:hover span:before {
    border-color: #007bb3;
    background: 0 0
}

.ui-multiselect-checkboxes li label input:checked+span:before {
    border-color: #007bb3;
    background: #007bb3
}

.ui-multiselect-checkboxes li label span:after {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    left: 22px;
    width: 7px;
    height: 11px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s
}

.ui-multiselect-checkboxes li label input:checked+span:after {
    opacity: 1;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    -webkit-transition: all .3s cubic-bezier(.12, .4, .29, 1.46);
    transition: all .3s cubic-bezier(.12, .4, .29, 1.46)
}

.jq-selectbox__search {
    display: block !important;
    padding: 8px 24px 16px
}

.jq-selectbox__search input {
    height: 48px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid #b1b5b9;
    border-radius: 5px;
    font-size: 15px;
    line-height: 24px;
    color: #090a0b
}

.jq-selectbox__search input:focus {
    border-color: #090a0b !important;
    -webkit-box-shadow: 0 0 0 3px rgba(222, 224, 226, .3);
    box-shadow: 0 0 0 3px rgba(222, 224, 226, .3)
}

.jq-selectbox__search input:hover {
    border-color: #007bb3
}

.jq-selectbox__search--clear {
    padding-right: 77px
}

@media all and (max-width:767px) {
    .jq-selectbox__search--clear {
        padding-right: 64px
    }
}

.jq-selectbox__not-found {
    padding: 11px 16px 16px;
    text-align: center;
    font-size: 17px;
    line-height: 24px;
    color: #090a0b
}

@media all and (max-width:1439px) {
    .jq-selectbox__not-found {
        padding-bottom: 34px;
        font-size: 16px
    }
}

@media all and (max-width:767px) {
    .jq-selectbox__not-found {
        padding-top: 19px;
        padding-bottom: 35px;
        font-size: 15px;
        line-height: 22px
    }
}

.form-item-wrap--book-process-country .jq-selectbox__dropdown {
    top: auto !important;
    bottom: 52px !important
}

.form-item-wrap--book-process-country .jq-selectbox__dropdown ul {
    max-height: calc((1vh * 100) - 400px) !important;
    max-height: calc((var(--vh, 1vh) * 100) - 400px) !important;
    overflow-y: auto !important
}

.form-item--styler-next-to-unit .jq-selectbox__select {
    border: none
}

.form-item--styler-next-to-unit .jq-selectbox__dropdown {
    right: 0
}

.form-item--next-to-input .jq-selectbox__select {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-item--next-to-input .jq-selectbox__dropdown {
    left: auto;
    right: 0
}

.focused .form-item--next-to-input .jq-selectbox__select {
    border-left-color: #007bb3
}

.form-item--signup-country .jq-selectbox__dropdown {
    width: 382px
}

@media (max-width:767px) {
    .form-item--signup-country .jq-selectbox__dropdown {
        max-width: calc(100vw - 48px)
    }
}

.form-item-wrap--not-form-item .jq-selectbox__dropdown {
    width: auto
}

.my-trips-top-controls__select-field .jq-selectbox__dropdown {
    right: 0;
    white-space: nowrap
}

.my-trips-top-controls__select-field .dropdown .jq-selectbox__dropdown {
    top: calc(100% + 12px) !important
}

.my-trips-top-controls__select-field .dropup .jq-selectbox__dropdown {
    top: auto !important;
    bottom: calc(100% + 12px) !important
}

.form-item--mdl-edit-mileage-select .jq-selectbox__dropdown {
    width: 280px !important
}

@media (max-width:767px) {
    .form-item--mdl-edit-mileage-select .jq-selectbox__dropdown {
        width: 272px !important
    }
}

.filter-select__value .jq-selectbox__select {
    padding-right: 0
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value .jq-selectbox__select {
        margin-top: -24px;
        margin-bottom: -16px;
        padding-top: 24px;
        padding-bottom: 16px;
        padding-left: 0
    }
}

.filter-select__value .jq-selectbox__select-text {
    color: #090a0b
}

@media (max-width:767px) {
    .filter-select__value .jq-selectbox__select-text {
        position: relative;
        margin-left: 74px
    }

    .filter-select__value .jq-selectbox__select-text:before {
        content: "(";
        display: inline
    }

    .filter-select__value .jq-selectbox__select-text:after {
        content: ")";
        display: inline
    }
}

.filter-select__value .jq-selectbox__dropdown {
    left: -1px;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1) !important;
    box-shadow: 0 10px 25px rgba(9, 10, 11, .1) !important
}

.filter-select__value .jq-selectbox__dropdown ul {
    border-radius: 5px;
    padding: 9px 0;
    opacity: 0;
    background: #fff;
    -webkit-transition: opacity cubic-bezier(.645, .045, .355, 1) .3s, max-height linear .1s;
    transition: opacity cubic-bezier(.645, .045, .355, 1) .3s, max-height linear .1s
}

.filter-select__value .jq-selectbox__dropdown ul::-webkit-scrollbar {
    width: 4px;
    cursor: pointer
}

.filter-select__value .jq-selectbox__dropdown ul::-webkit-scrollbar-track {
    background-color: #dee0e2;
    border-radius: 0
}

.filter-select__value .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb {
    background-color: #00a6eb;
    border-radius: 0
}

.filter-select__value .jq-selectbox__dropdown ul {
    scrollbar-color: #00a6eb #dee0e2;
    scrollbar-width: thin
}

.filter-list-wrap-modal .filter-select__value .jq-selectbox__dropdown {
    top: 0 !important
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value .jq-selectbox__dropdown ul {
        max-height: none !important;
        padding-top: 16px;
        padding-bottom: 10px
    }
}

.filter-select__value .jq-selectbox__dropdown {
    width: 280px;
    border: 1px solid #dee0e2;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 10px 25px rgba(9, 10, 11, .1)
}

@media (max-width:767px) {
    .filter-select__value .jq-selectbox__dropdown {
        position: relative !important;
        width: auto;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}

.filter-select__value .styler.opened .jq-selectbox__dropdown ul {
    visibility: visible;
    opacity: 1
}

.filter-select__value .jq-selectbox__dropdown {
    min-width: calc(100% + 2px)
}

.filter-select__value .jq-selectbox li:not(.optgroup),
.form-item-wrap .jq-selectbox li:not(.optgroup),
.ui-datepicker-title .jq-selectbox li {
    display: -webkit-box;
    display: flex;
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 0;
    color: #090a0b;
    background-color: transparent
}

.filter-select__value .jq-selectbox li:not(.optgroup):not(.disabled),
.form-item-wrap .jq-selectbox li:not(.optgroup):not(.disabled),
.ui-datepicker-title .jq-selectbox li:not(.disabled) {
    cursor: pointer
}

.filter-select__value .jq-selectbox li:not(.optgroup):not(.disabled):hover,
.form-item-wrap .jq-selectbox li:not(.optgroup):not(.disabled):hover,
.ui-datepicker-title .jq-selectbox li:not(.disabled):hover {
    background-color: rgba(0, 137, 199, .1)
}

.filter-select__value .jq-selectbox li:not(.optgroup):not(.disabled):hover {
    background-color: #f4f6f8
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value .jq-selectbox li:not(.optgroup) {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value .jq-selectbox li:not(.optgroup):not(.disabled):hover {
        background-color: transparent
    }
}

.filter-select__value .jq-selectbox li.disabled {
    color: #6f757c
}

.filter-select__value .jq-selectbox li.sel {
    position: relative;
    padding-right: 56px
}

.filter-select__value .jq-selectbox li.sel::before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 24px;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%220 0 14 10%22 xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23090a0b%22%3E %3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M13.5608 1.50011L5.50011 9.56077L0.939453 5.00011L2.00011 3.93945L5.50011 7.43945L12.5001 0.439453L13.5608 1.50011Z%22/%3E %3C/svg%3E");
    background-size: contain
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value .jq-selectbox li.sel {
        padding-right: 32px
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal .filter-select__value .jq-selectbox li.sel::before {
        right: 0
    }
}

.form-item-wrap--select-with-hidden-first-item .jq-selectbox__dropdown li:first-child {
    display: none
}

.grid {
    display: -webkit-box;
    display: flex
}

@media (max-width:1199px) {
    .grid-m {
        display: -webkit-box;
        display: flex
    }
}

.grid-wrap {
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start
}

.grid-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.grid-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (max-width:1199px) {
    .grid-m-single {
        display: block
    }
}

@media (max-width:767px) {
    .grid-s-single {
        display: block
    }
}

.gutter-s {
    margin-left: -8px;
    margin-right: -8px
}

.gutter-s>* {
    margin-left: 8px;
    margin-right: 8px
}

.gutter-m {
    margin-left: -16px;
    margin-right: -16px
}

.gutter-m>* {
    margin-left: 16px;
    margin-right: 16px
}

.gutter-sxs {
    margin-left: -12px;
    margin-right: -12px
}

.gutter-sxs>* {
    margin-left: 12px;
    margin-right: 12px
}

.gutter-l {
    margin-left: -32px;
    margin-right: -32px
}

.gutter-l>* {
    margin-left: 32px;
    margin-right: 32px
}

.gutter-event-gallery {
    margin-left: -32px;
    margin-right: -32px
}

@media (max-width:1679px) {
    .gutter-event-gallery {
        margin-left: -26px;
        margin-right: -26px
    }
}

@media (max-width:1199px) {
    .gutter-event-gallery {
        margin-left: -16px;
        margin-right: -16px
    }
}

.gutter-event-gallery>* {
    margin-left: 32px;
    margin-right: 32px
}

@media (max-width:1679px) {
    .gutter-event-gallery>* {
        margin-left: 26px;
        margin-right: 26px
    }
}

@media (max-width:1199px) {
    .gutter-event-gallery>* {
        margin-left: 16px;
        margin-right: 16px
    }
}

.gutter-past-events {
    margin-left: -26px;
    margin-right: -26px
}

@media (max-width:1199px) {
    .gutter-past-events {
        margin-left: -16px;
        margin-right: -16px
    }
}

.gutter-past-events>* {
    margin-left: 26px;
    margin-right: 26px
}

@media (max-width:1199px) {
    .gutter-past-events>* {
        margin-left: 16px;
        margin-right: 16px
    }
}

.gutter-past-event {
    margin-left: -26px;
    margin-right: -26px
}

@media (max-width:1439px) {
    .gutter-past-event {
        margin-left: -16px;
        margin-right: -16px
    }
}

.gutter-past-event>* {
    margin-left: 26px;
    margin-right: 26px
}

@media (max-width:1439px) {
    .gutter-past-event>* {
        margin-left: 16px;
        margin-right: 16px
    }
}

.gutter-events-auction {
    margin-left: -32.5px;
    margin-right: -32.5px
}

@media (max-width:1679px) {
    .gutter-events-auction {
        margin-left: -26px;
        margin-right: -26px
    }
}

@media (max-width:1199px) {
    .gutter-events-auction {
        margin-left: -16px;
        margin-right: -16px
    }
}

.gutter-events-auction>* {
    margin-left: 32.5px;
    margin-right: 32.5px
}

@media (max-width:1679px) {
    .gutter-events-auction>* {
        margin-left: 26px;
        margin-right: 26px
    }
}

@media (max-width:1199px) {
    .gutter-events-auction>* {
        margin-left: 16px;
        margin-right: 16px
    }
}

.gutter-no-inner-margins>* {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.gutter-valunteer-application-table {
    margin-left: -16px;
    margin-right: -16px
}

@media (max-width:1919px) {
    .gutter-valunteer-application-table {
        margin-left: -13px;
        margin-right: -13px
    }
}

@media (max-width:1199px) {
    .gutter-valunteer-application-table {
        margin-left: -4px;
        margin-right: -4px
    }
}

.gutter-valunteer-application-table>* {
    margin-left: 16px;
    margin-right: 16px
}

@media (max-width:1679px) {
    .gutter-valunteer-application-table>* {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media (max-width:1199px) {
    .gutter-valunteer-application-table>* {
        margin-left: 4px;
        margin-right: 4px
    }
}

@media (max-width:1439px) {
    .gutter-l-m {
        margin-left: -16px;
        margin-right: -16px
    }

    .gutter-l-m>* {
        margin-left: 16px;
        margin-right: 16px
    }

    .gutter-l-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .gutter-l-l>* {
        margin-left: 32px;
        margin-right: 32px
    }
}

@media (max-width:1199px) {
    .gutter-m-0 {
        margin-left: 0;
        margin-right: 0
    }

    .gutter-m-0>* {
        margin-left: 0;
        margin-right: 0
    }

    .gutter-m-m {
        margin-left: -16px;
        margin-right: -16px
    }

    .gutter-m-m>* {
        margin-left: 16px;
        margin-right: 16px
    }

    .gutter-m-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .gutter-m-l>* {
        margin-left: 32px;
        margin-right: 32px
    }
}

@media (max-width:767px) {
    .gutter-s-0 {
        margin-left: 0;
        margin-right: 0
    }

    .gutter-s-0>* {
        margin-left: 0;
        margin-right: 0
    }

    .gutter-s-s {
        margin-left: -8px;
        margin-right: -8px
    }

    .gutter-s-s>* {
        margin-left: 8px;
        margin-right: 8px
    }

    .gutter-s-xss {
        margin-left: -12px;
        margin-right: -12px
    }

    .gutter-s-xss>* {
        margin-left: calc(4px + 8px);
        margin-right: calc(4px + 8px)
    }

    .gutter-s-m {
        margin-left: -32px;
        margin-right: -32px
    }

    .gutter-s-m>* {
        margin-left: 32px;
        margin-right: 32px
    }
}

@media (max-width:567px) {
    .gutter-xs-0 {
        margin-left: 0;
        margin-right: 0
    }

    .gutter-xs-0>* {
        margin-left: 0;
        margin-right: 0
    }
}

.hero {
    position: relative;
    overflow: hidden;
    padding: 64px 103px;
    border-radius: 8px;
    background-color: #090a0b;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width:1719px) {
    .hero {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width:1199px) {
    .hero {
        padding: 64px 48px
    }
}

@media (max-width:767px) {
    .hero {
        padding: 32px 24px
    }
}

.hero--big {
    padding-top: 96px;
    padding-bottom: 96px
}

@media (max-width:767px) {
    .hero--big {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

.hero__title {
    position: relative;
    padding-top: 16px;
    padding-bottom: 8px;
    max-width: 58.5858%
}

@media (max-width:1439px) {
    .hero__title {
        max-width: 60.3448%
    }
}

@media (max-width:1199px) {
    .hero__title {
        max-width: 67.54%
    }
}

@media (max-width:767px) {
    .hero__title {
        max-width: none;
        padding-top: 8px;
        padding-bottom: 4px
    }
}

.hero__label {
    position: relative;
    display: inline-block;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 24px;
    line-height: 34px
}

@media (max-width:1199px) {
    .hero__label {
        font-size: 22px;
        line-height: 32px
    }
}

@media (max-width:767px) {
    .hero__label {
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.hero__label sup {
    position: absolute;
    right: 0;
    top: -4px
}

.hero__txt {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 30px;
    max-width: 58.5858%
}

@media (max-width:1439px) {
    .hero__txt {
        max-width: 60.3448%
    }
}

@media (max-width:1199px) {
    .hero__txt {
        max-width: 67.54%;
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .hero__txt {
        max-width: none;
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.hero__btn-group {
    margin-bottom: 8px;
    margin-top: 8px
}

@media (max-width:767px) {
    .hero__btn-group {
        margin-top: -8px;
        margin-bottom: -8px
    }
}

.hero:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(276.58deg, rgba(0, 0, 0, 0) 5.17%, rgba(0, 0, 0, .9) 94.83%)
}

.hvt-banner {
    padding: 23px 23px 32px;
    border: 1px solid #dee0e2;
    border-radius: 16px
}

.hvt-banner__logo {
    max-width: 217px
}

.hvt-banner__image {
    margin-left: -23px;
    margin-right: -23px;
    min-width: calc(100% + 46px);
    height: 72px !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center top"
}

.hvt-banner__title {
    margin: 0;
    padding-top: 16px
}

.hvt-banner__text {
    margin: 0;
    padding-top: 4px;
    padding-bottom: 16px
}

.hvt-banner__button {
    padding: 0;
    font-size: 15px;
    line-height: 24px
}

.i {
    position: relative;
    width: 192px
}

@media all and (max-width:1919px) {
    .i {
        width: 168px
    }
}

@media all and (max-width:1679px) {
    .i {
        width: 144px
    }
}

@media all and (max-width:1439px) {
    .i {
        width: 128px
    }
}

@media all and (max-width:1279px) {
    .i {
        width: 96px
    }
}

@media all and (max-width:959px) {
    .i {
        width: 64px
    }
}

@media all and (max-width:639px) {
    .i {
        width: 32px
    }
}

.icon {
    display: block;
    width: 16px;
    height: 16px;
    fill: #090a0b
}

.icon--full-size {
    width: 100%;
    height: 100%
}

.icon--font-size {
    width: 1em;
    height: 1em
}

.icon--mix * {
    stroke: currentColor;
    fill: currentColor
}

.icon--mix [fill*=none] {
    fill: none
}

.icon--mix [stroke*=none] {
    stroke: none
}

.icon--cc,
.icon--current-color {
    fill: currentColor !important
}

.icon--stroke {
    stroke: #090a0b
}

.icon--current-color-stroke {
    stroke: currentColor !important
}

.icon--12 {
    width: 12px;
    height: 12px
}

.icon--14 {
    width: 14px;
    height: 14px
}

.icon--20 {
    width: 20px;
    height: 20px
}

.icon--22 {
    width: 22px;
    height: 22px
}

.icon--24 {
    width: 24px;
    height: 24px
}

.icon--26 {
    width: 26px;
    height: 26px
}

.icon--32 {
    width: 32px;
    height: 32px
}

.icon--36 {
    width: 36px;
    height: 36px
}

.icon--40 {
    width: 40px;
    height: 40px
}

.icon--8-16 {
    width: 8px;
    height: 16px
}

.icon--c-alert {
    fill: #d10000
}

.icon--c-notify {
    fill: #007bb3
}

.icon--c-alert-stroke {
    stroke: #d10000
}

.btn--icon-next-move .icon {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.btn--icon-next-move:hover .icon {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.btn--icon-prev-move .icon {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.btn--icon-prev-move .icon:hover .icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.btn .icon {
    fill: currentColor
}

.btn .icon:first-child {
    margin-right: 8px
}

@media (max-width:1199px) {
    .btn .icon--m-r-0 {
        margin-right: 0
    }
}

@media (max-width:1199px) {
    .btn .icon--m-r-0:first-child {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .btn .icon--s-r-0 {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .btn .icon--s-r-0:first-child {
        margin-right: 0
    }
}

.btn .icon:last-child {
    margin-left: 8px
}

.btn .icon:only-child {
    margin-left: 0;
    margin-right: 0
}

.icon--top-line-url {
    min-width: 20px;
    height: 20px;
    stroke: rgba(0, 0, 0, .5)
}

@media (max-width:1199px) {
    .icon--top-line-url {
        margin-left: 0 !important
    }
}

@media (max-width:767px) {
    .icon--top-line-url {
        min-width: 14px;
        height: 14px
    }
}

.icon--share-btn {
    margin-right: 12px;
    width: 18px;
    height: 20px;
    stroke: #6f757c
}

.icon--delete {
    height: 18px;
    stroke: #6f757c
}

.icon--delete-edit-img-main {
    height: 26px;
    width: 26px
}

.icon--delete-btn {
    margin-right: 24px;
    width: 18px;
    height: 21px
}

.icon--edit-car-upload {
    width: 152px;
    height: 120px;
    fill: #dee0e2
}

@media (max-width:767px) {
    .icon--edit-car-upload {
        width: 107px;
        height: 85px
    }
}

.icon--edit-car-upload-added {
    width: 91px;
    height: 72px;
    fill: #dee0e2
}

.edit-img-dropzone:hover .icon--edit-car-upload,
.edit-img-dropzone:hover .icon--edit-car-upload-added {
    fill: #007bb3
}

.icon--banner {
    position: absolute;
    top: 21px;
    left: 24px
}

@media (max-width:767px) {
    .icon--banner {
        top: 16px;
        left: 16px
    }
}

.icon--add-img-cross {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #b1b5b9
}

.edit-img-small__img-wrap--fileupload:hover .icon--add-img-cross {
    fill: #007bb3
}

.btn--share-social-mdl .icon {
    min-width: 24px
}

.btn--share-social-mdl .icon:first-child {
    margin-right: 16px
}

.icon--rotate {
    stroke: #fff
}

.icon--close {
    width: 13px;
    height: 13px
}

.icon--notification {
    width: 16px;
    height: 17px
}

.icon--tooltip {
    width: 12px;
    height: 12px;
    fill: #b1b5b9
}

.icon--pass-recovery {
    width: 48px;
    height: 48px
}

@media (max-width:1199px) {
    .icon--pass-recovery {
        margin-left: auto;
        margin-right: auto
    }
}

.icon--check-small {
    width: 12px;
    height: 12px;
    fill: #b1b5b9
}

.icon--check-small.active {
    fill: #0c9
}

.icon--check-18-12 {
    width: 18px;
    height: 12px;
    fill: #090a0b
}

.icon--check-small-tab-underline {
    margin-left: 8px
}

.icon--help {
    width: 12px;
    height: 12px
}

@media (max-width:767px) {
    .icon--help--state-line {
        width: 16px;
        height: 16px
    }
}

.icon--help-rental-types {
    width: 24px;
    height: 24px
}

.icon--star-watch {
    margin-right: 12px
}

.icon--chauffeured-rental {
    width: 30px;
    height: 24px
}

.icon--clear-field {
    fill: #b1b5b9
}

.user-promo__data-photo .icon {
    width: 64px;
    height: 64px
}

@media (max-width:767px) {
    .user-promo__data-photo .icon {
        width: 48px;
        height: 48px
    }
}

.banner__icon-wrap--alert-warning .icon {
    fill: #fad105;
    stroke: #090a0b
}

.icon--add-img-cross {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #b1b5b9;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.fileupload-card:hover .icon--add-img-cross {
    fill: #007bb3
}

.icon--my-garage-cross {
    width: 84px;
    height: 84px
}

@media (max-width:1439px) {
    .icon--my-garage-cross {
        width: 60px;
        height: 60px
    }
}

@media (max-width:1199px) {
    .icon--my-garage-cross {
        width: 40px;
        height: 40px
    }
}

@media (max-width:767px) {
    .fileupload-card--my-garage--upload-mobile .icon--my-garage-cross {
        height: 32px;
        width: 32px
    }
}

.icon--image-controls-edit {
    width: 22px;
    height: 22px
}

@media (max-width:1199px) {
    .icon--image-controls-edit {
        width: 16px;
        height: 16px
    }
}

.icon--image-controls-delete {
    width: 26px;
    height: 26px
}

@media (max-width:1199px) {
    .icon--image-controls-delete {
        width: 19px;
        height: 19px
    }
}

.form-item-wrap__icon-main-search .icon {
    height: 24px;
    width: 24px
}

@media (max-width:1199px) {
    .form-item-wrap__icon-main-search .icon {
        width: 16px;
        height: 16px
    }
}

.search-filter__open-filters-mobile-btn .icon {
    width: 20px;
    height: 20px
}

.search-filter__btn-map--show .icon {
    width: 24px;
    height: 24px
}

.search-filter__btn-map--hide .icon {
    width: 25px;
    height: 25px
}

.search-page__map__icon-collapse .icon,
.search-page__map__icon-expand .icon {
    width: 20px;
    height: 20px
}

.filter-select__item__btn-accord-arrow .icon {
    width: 24px;
    height: 24px
}

.card-on-map__btn-close .icon {
    width: 17px;
    height: 17px
}

@media (max-width:767px) {
    .edit-img-main__controls-item .icon--22 {
        width: 14px;
        height: 14px
    }
}

@media (max-width:767px) {
    .edit-img-main__controls-item .icon--26 {
        width: 16px;
        height: 16px
    }
}

.form-item-wrap__main-search-clear-btn .icon {
    width: 32px;
    height: 32px
}

@media (max-width:1199px) {
    .form-item-wrap__main-search-clear-btn .icon {
        width: 24px;
        height: 24px
    }
}

.form-item-wrap__chats-search-icon .icon {
    fill: #8e949a
}

@media (max-width:1199px) {
    .icon-rotate-col {
        position: absolute;
        bottom: 32px;
        width: 64px !important;
        height: 64px !important
    }
}

@media (max-width:767px) {
    .icon-rotate-col {
        bottom: 16px;
        width: 48px !important;
        height: 48px !important
    }
}

@media (max-width:1199px) {
    .icon-rotate-col--left {
        left: 50%;
        -webkit-transform: translateX(calc(-100% - 16px));
        transform: translateX(calc(-100% - 16px))
    }
}

@media (max-width:767px) {
    .icon-rotate-col--left {
        -webkit-transform: translateX(calc(-100% - 12px));
        transform: translateX(calc(-100% - 12px))
    }
}

@media (max-width:1199px) {
    .icon-rotate-col--right {
        right: 50%;
        -webkit-transform: translateX(calc(100% + 16px));
        transform: translateX(calc(100% + 16px))
    }
}

@media (max-width:767px) {
    .icon-rotate-col--right {
        -webkit-transform: translateX(calc(100% + 12px));
        transform: translateX(calc(100% + 12px))
    }
}

.icon-rotate-wrap {
    height: 64px;
    width: 64px;
    background-color: transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    opacity: .5
}

.icon-rotate-wrap:hover {
    opacity: 1
}

@media (max-width:767px) {
    .icon-rotate-wrap {
        height: 48px;
        width: 48px
    }
}

.icon-rotate-wrap--flip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.icon-rotate-wrap--flip-crop {
    margin-left: auto
}

.touchevents .icon-rotate-wrap {
    opacity: 1
}

.icon-wrap {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0;
    background-color: transparent
}

.img-box {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.img-box__img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.img-crop-wrap {
    opacity: 0;
    -webkit-transition: opacity .3s .2s;
    transition: opacity .3s .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    height: calc(((1vh * 100)) - 65px);
    height: calc(((var(--vh, 1vh) * 100)) - 65px)
}

@media (max-width:1199px) {
    .img-crop-wrap {
        height: calc(((1vh * 100)) - 65px - 96px);
        height: calc(((var(--vh, 1vh) * 100)) - 65px - 96px)
    }
}

@media (max-width:767px) {
    .img-crop-wrap {
        height: calc(((1vh * 100)) - 65px - 64px);
        height: calc(((var(--vh, 1vh) * 100)) - 65px - 64px)
    }
}

.mdl-wrap.active .img-crop-wrap {
    opacity: 1
}

.img-crop-wrap>.img-crop__img {
    opacity: 0
}

.img-crop {
    position: relative
}

.img-crop-orig {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

.img-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch
}

.img-group--gallery {
    display: none
}

.img-group--gallery.active {
    display: -webkit-box;
    display: flex
}

@media (max-width:1199px) {
    .img-group--gallery.active {
        display: block
    }
}

.img-group__media {
    padding-top: 12px;
    padding-bottom: 12px;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-basis: 0%
}

@media (min-width:1680px) {
    .img-group__media {
        padding-top: calc(8px + 16px);
        padding-bottom: calc(8px + 16px)
    }
}

@media all and (max-width:767px) {
    .img-group__media {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.img-group__media+.img-group__media {
    padding-left: 24px
}

@media (min-width:1680px) {
    .img-group__media+.img-group__media {
        padding-left: 48px
    }
}

@media all and (max-width:767px) {
    .img-group__media+.img-group__media {
        padding-left: 16px
    }
}

@media (min-width:1920px) {
    .img-group--gallery .img-group__media {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (max-width:1919px) and (min-width:768px) {
    .img-group--gallery .img-group__media {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (min-width:1920px) {
    .img-group--gallery .img-group__media+.img-group__media {
        padding-left: 64px
    }
}

@media (max-width:1919px) and (min-width:768px) {
    .img-group--gallery .img-group__media+.img-group__media {
        padding-left: 32px
    }
}

.img-group--pointer .img-group__media {
    cursor: pointer
}

@media (max-width:1199px) {
    .img-group--gallery .img-group__media {
        padding-left: 0 !important
    }
}

.img-ratio {
    position: relative
}

.img-ratio::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(9 / 16 * 100%)
}

.img-ratio img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.img-ratio--3-2 {
    position: relative
}

.img-ratio--3-2::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.img-ratio--3-2 img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.img-ratio--4-3 {
    position: relative
}

.img-ratio--4-3::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(3 / 4 * 100%)
}

.img-ratio--4-3 img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.img-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    margin-left: -4px;
    margin-right: -4px
}

@media all and (max-width:1199px) {
    .img-row {
        display: block;
        margin: 0
    }
}

.img-row__img-wrap {
    display: block;
    position: relative;
    height: 600px;
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    margin-left: 4px;
    margin-right: 4px;
    overflow: hidden
}

.img-row__img-wrap--label::after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 10, 11, 0)), to(#090a0b));
    background: linear-gradient(180deg, rgba(9, 10, 11, 0), #090a0b 100%)
}

@media all and (max-width:1439px) {
    .img-row__img-wrap {
        height: 500px
    }
}

@media all and (max-width:1199px) {
    .img-row__img-wrap {
        margin: 8px 0 0
    }

    .img-row__img-wrap:first-child {
        margin-top: 0
    }
}

@media all and (max-width:767px) {
    .img-row__img-wrap {
        height: 360px
    }
}

.img-row__img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    -webkit-transition: -webkit-transform .3s cubic-bezier(.78, .14, .15, .86);
    transition: -webkit-transform .3s cubic-bezier(.78, .14, .15, .86);
    transition: transform .3s cubic-bezier(.78, .14, .15, .86);
    transition: transform .3s cubic-bezier(.78, .14, .15, .86), -webkit-transform .3s cubic-bezier(.78, .14, .15, .86)
}

.img-row__label {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 22px;
    line-height: 42px;
    text-align: center;
    font-family: gt-america-ext;
    font-weight: 700;
    color: #fff
}

.img-row__img-wrap--link {
    cursor: pointer
}

.img-row__img-wrap--link:not(:disabled):hover .img-row__img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.img-sortable {
    cursor: move
}

.img-sortable.ui-sortable-placeholder {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius: 5px
}

.ui-sortable-placeholder {
    visibility: visible !important;
    opacity: .25
}

.sortable-chosen {
    opacity: .5
}

.sortable-ghost[draggable=true] {
    opacity: 1
}

.incomplete-listing__item {
    position: relative;
    padding: 24px 0 24px 40px;
    border-bottom: 1px solid #dee0e2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .incomplete-listing__item {
        padding-left: 0
    }
}

.incomplete-listing__item__icon {
    position: absolute;
    top: 32px;
    left: 0
}

@media (max-width:767px) {
    .incomplete-listing__item__icon {
        display: none
    }
}

.incomplete-listing__item__name {
    margin-right: 32px;
    padding-top: 4px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 28px
}

.incomplete-listing__item__btn {
    margin-top: 4px;
    margin-left: auto;
    padding: 5px 0;
    font-size: 15px;
    line-height: 22px
}

.inspection-app {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    padding-top: 48px
}

@media (max-width:767px) {
    .inspection-app {
        padding-top: 16px
    }
}

.inspection-app__item {
    margin-right: 16px;
    padding-top: 16px
}

.inspection-app__item:last-child {
    margin-right: 0
}

.inspection-data {
    margin-top: 48px;
    padding-top: 24px;
    padding-bottom: 32px;
    border-top: 1px solid #dee0e2;
    border-bottom: 1px solid #dee0e2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .inspection-data {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 64px;
        border-top: none;
        border-bottom: none
    }
}

@media (max-width:767px) {
    .inspection-data {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.inspection-data__item {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 2) + 32px * (2 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 2) + var(--space) * (2 - 1))
}

@media (max-width:1199px) {
    .inspection-data__item {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        align-items: flex-start;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.inspection-data__item+.inspection-data__item {
    margin-left: 32px
}

@media (max-width:1199px) {
    .inspection-data__item+.inspection-data__item {
        margin-left: 0
    }
}

.inspection-data__item__label {
    font-weight: 700
}

@media (max-width:1199px) {
    .inspection-data__item__label {
        font-weight: 400
    }
}

.inspection-data__item__data {
    padding-top: 4px
}

@media (max-width:1199px) {
    .inspection-data__item__data {
        padding-top: 0;
        font-weight: 500
    }
}

.inspection-images {
    padding-top: 16px;
    padding-bottom: 48px
}

@media (max-width:767px) {
    .inspection-images {
        padding-top: 0;
        padding-bottom: 16px
    }
}

.inspection-images__item {
    cursor: pointer;
    margin-top: 32px;
    width: calc((100% - 5 * 32px)/ 5);
    position: relative
}

.inspection-images__item::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.inspection-images__item img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.inspection-images__item {
    border-radius: 5px;
    overflow: hidden
}

@media (max-width:1199px) {
    .inspection-images__item {
        width: calc((100% - 3 * 32px)/ 3)
    }
}

@media (max-width:767px) {
    .inspection-images__item {
        margin-top: 16px;
        width: calc((100% - 2 * 16px)/ 2)
    }
}

@media (max-width:1199px) {
    .inspection-images__item:nth-child(6)~.inspection-images__item {
        display: none
    }
}

@media (max-width:767px) {
    .inspection-images__item:nth-child(4)~.inspection-images__item {
        display: none
    }
}

.inspection-images__item img {
    border-radius: 5px
}

.inspection-images__item-hover {
    content: "";
    display: none;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .25)
}

.inspection-images__item:hover .inspection-images__item-hover {
    display: block
}

.inspection-images__item-icon-wrap {
    display: none;
    z-index: 10;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .9);
    color: #090a0b
}

.inspection-images__item:hover .inspection-images__item-icon-wrap {
    display: block
}

.inspection-images__item-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.inspection-popup-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .inspection-popup-header {
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .inspection-popup-header__title {
        -webkit-box-ordinal-group: 3;
        order: 2;
        width: 100%;
        padding-top: 25px
    }
}

@media (max-width:767px) {
    .inspection-popup-header__button {
        -webkit-box-ordinal-group: 2;
        order: 1;
        margin-left: auto
    }
}

.inspection-sign {
    padding-top: 48px;
    border-top: 1px solid #dee0e2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .inspection-sign {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }
}

@media (max-width:767px) {
    .inspection-sign {
        padding-top: 16px
    }
}

.inspection-sign__signs {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 4) + 32px * (4 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 4) + var(--space) * (4 - 1));
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .inspection-sign__signs {
        margin-left: auto;
        margin-right: auto;
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 4) + 32px * (4 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:767px) {
    .inspection-sign__signs {
        width: 100%
    }
}

.inspection-sign__sign {
    width: calc(((100% - (4 - 1) * 32px)/ 4 * 2) + 32px * (2 - 1));
    width: calc(((100% - (4 - 1) * var(--space))/ 4 * 2) + var(--space) * (2 - 1))
}

@media (max-width:1199px) {
    .inspection-sign__sign {
        padding-top: 32px
    }
}

.inspection-sign__sign-label {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

.inspection-sign__sign-img {
    margin-top: 8px;
    border: 1px solid #dee0e2;
    border-radius: 5px;
    background-position: cente center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.inspection-sign__sign-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.inspection-sign__comment {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 5) + 32px * (5 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 5) + var(--space) * (5 - 1))
}

@media (max-width:1199px) {
    .inspection-sign__comment {
        margin-left: auto;
        margin-right: auto;
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 4) + 32px * (4 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:767px) {
    .inspection-sign__comment {
        width: 100%
    }
}

.inspection-sign__comment-txt {
    padding-top: 8px;
    padding-bottom: 8px
}

.invitation-img {
    margin-top: 24px;
    overflow: hidden;
    border-radius: 5px;
    position: relative
}

.invitation-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(9 / 16 * 100%)
}

.invitation-img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:767px) {
    .invitation-img {
        margin-top: 16px
    }
}

.invitation-info {
    position: relative;
    margin-bottom: 32px;
    padding-top: 24px;
    padding-bottom: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .invitation-info {
        padding-top: 16px;
        padding-bottom: 24px
    }
}

@media (max-width:767px) {
    .invitation-info {
        display: block;
        margin-bottom: 16px;
        padding-bottom: 16px
    }
}

.invitation-info:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dee0e2
}

.invitation-license-info {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px
}

@media (max-width:767px) {
    .invitation-license-info {
        padding-top: 28px;
        padding-bottom: 16px
    }
}

.invitation-license-info--unverified {
    padding-bottom: 0
}

.invitation-license-info:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #dee0e2
}

.invitation-license-info--unverified:after {
    display: none
}

.iti--container {
    z-index: 3000
}

.iti__flag {
    background-image: url(../images/flags.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-image: url(../images/flags%402x.png)
    }
}

.iti__country-list {
    border: 1px solid #c8cacb;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 40px 0 rgba(38, 46, 52, .1);
    box-shadow: 0 10px 40px 0 rgba(38, 46, 52, .1);
    white-space: normal;
    max-height: 300px
}

.iti__country-list::-webkit-scrollbar {
    width: 4px;
    cursor: pointer
}

.iti__country-list::-webkit-scrollbar-track {
    background-color: #dee0e2;
    border-radius: 0
}

.iti__country-list::-webkit-scrollbar-thumb {
    background-color: #090a0b;
    border-radius: 0
}

.iti__country-list {
    scrollbar-color: #090a0b #dee0e2;
    scrollbar-width: thin
}

body:not(.iti-mobile) .iti__country-list {
    margin-top: 4px
}

body:not(.iti-mobile) .iti__country-list--dropup {
    margin-top: auto;
    margin-bottom: 4px
}

body:not(.iti-mobile) .iti__country-list {
    width: 373px
}

@media all and (max-width:767px) {
    body:not(.iti-mobile) .iti__country-list {
        width: 280px
    }
}

.iti-mobile .iti--container {
    top: 56px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    width: calc(100% - 60px)
}

@media all and (max-width:767px) {
    .iti-mobile .iti--container {
        top: 45px;
        bottom: 16px;
        left: 16px;
        right: 16px;
        width: calc(100% - 32px)
    }
}

.iti-mobile .iti__country-list {
    max-height: calc(1vh * 100 - 56px - 16px);
    max-height: calc(var(--vh, 1vh) * 100 - 56px - 16px)
}

@media all and (max-width:767px) {
    .iti-mobile .iti__country-list {
        max-height: calc(1vh * 100 - 45px - 16px);
        max-height: calc(var(--vh, 1vh) * 100 - 45px - 16px)
    }
}

.iti {
    width: 100%;
    height: 100%
}

.iti>input {
    display: block;
    height: 100%;
    width: 100%;
    padding-right: 17px !important;
    padding-top: 0;
    padding-bottom: 0;
    background: 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #090a0b
}

@media all and (max-width:767px) {
    .iti>input {
        padding-right: 12px !important;
        font-size: 15px
    }
}

.iti__flag-container {
    padding: 0
}

.iti__selected-flag {
    padding-left: 16px;
    padding-right: 0;
    background-color: transparent !important;
    outline: 0 !important
}

@media all and (max-width:767px) {
    .iti__selected-flag {
        padding-left: 12px
    }
}

.iti__flag {
    -webkit-box-ordinal-group: 2;
    order: 1
}

.iti__arrow {
    margin-left: 11px;
    -webkit-box-ordinal-group: 3;
    order: 2;
    height: 6px;
    width: 10px;
    border-top: 6px solid #090a0b;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: none
}

.iti__arrow--up {
    border-bottom: 6px solid #090a0b;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: none
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 16px;
    -webkit-box-ordinal-group: 4;
    order: 3;
    font-size: 16px;
    line-height: 22px;
    color: #090a0b
}

@media all and (max-width:767px) {
    .iti--separate-dial-code .iti__selected-dial-code {
        margin-top: 2px;
        margin-left: 12px;
        font-size: 15px
    }
}

.iti-mobile .iti__country,
.iti__country {
    position: relative;
    min-height: 48px;
    padding: 12px 20px 12px 52px;
    font-size: 16px;
    line-height: 22px
}

@media all and (max-width:1439px) {

    .iti-mobile .iti__country,
    .iti__country {
        min-height: 44px;
        padding-bottom: 9px;
        font-size: 16px;
        line-height: 26px
    }
}

@media all and (max-width:1279px) {

    .iti-mobile .iti__country,
    .iti__country {
        min-height: 40px;
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media all and (max-width:767px) {

    .iti-mobile .iti__country,
    .iti__country {
        min-height: 36px;
        padding-left: 44px;
        padding-right: 12px;
        font-size: 15px;
        line-height: 22px
    }
}

.iti__active:after {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    right: 20px;
    width: 15px;
    height: 7px;
    border-left: 2px solid #007bb3;
    border-bottom: 2px solid #007bb3;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mdl .iti__country {
    min-height: 40px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 16px;
    line-height: 26px
}

@media all and (max-width:767px) {
    .mdl .iti__country {
        min-height: 36px;
        padding-left: 44px;
        padding-right: 12px;
        font-size: 15px;
        line-height: 22px
    }
}

.iti__country.iti__highlight {
    background-color: #f2f4f5
}

.iti__divider {
    margin-bottom: 0;
    padding-bottom: 0
}

.iti__flag-box {
    position: absolute
}

.iti__flag-box {
    left: 16px;
    top: 18px
}

@media all and (max-width:1279px) {
    .iti__flag-box {
        top: 16px
    }
}

@media all and (max-width:767px) {
    .iti__flag-box {
        top: 14px;
        left: 12px
    }
}

.iti__country-name {
    margin-right: 16px;
    color: #090a0b
}

.iti__dial-code {
    font-weight: 300;
    color: #8e949a
}

.img-crop-wrap {
    max-width: 100vw;
    overflow: hidden
}

.img-crop-wrap * {
    max-width: 100vw
}

.jcrop-holder {
    max-width: 100%;
    max-height: 100%;
    background-color: rgba(0, 0, 0, .5) !important
}

.jcrop-keymgr {
    display: none !important;
    opacity: 0 !important
}

.jcrop-handle {
    width: 16px;
    height: 16px;
    border: 2px solid #f9f9f9;
    border-radius: 3px
}

.jcrop-handle.ord-n {
    display: none;
    margin-left: -8px;
    margin-top: -8px
}

.jcrop-handle.ord-e {
    display: none;
    margin-right: -8px;
    margin-top: -8px
}

.jcrop-handle.ord-e {
    display: none;
    margin-right: -8px;
    margin-bottom: -8px
}

.jcrop-handle.ord-w {
    display: none;
    margin-top: -8px;
    margin-left: -8px
}

.jcrop-handle.ord-s {
    display: none;
    margin-bottom: -8px;
    margin-left: -8px
}

.jcrop-handle.ord-nw {
    margin-left: -8px;
    margin-top: -8px
}

.jcrop-handle.ord-ne {
    margin-right: -8px;
    margin-top: -8px
}

.jcrop-handle.ord-se {
    margin-right: -8px;
    margin-bottom: -8px
}

.jcrop-handle.ord-sw {
    margin-bottom: -8px;
    margin-left: -8px
}

.jcrop-hline {
    height: 2px !important;
    background-color: #fff
}

.jcrop-vline {
    width: 2px !important;
    background-color: #fff
}

.mdl-wrap.circle .jcrop-holder>:first-child {
    border: 2px solid rgba(255, 255, 255, .4)
}

.mdl-wrap.circle .jcrop-holder>:first-child>:first-child {
    border-radius: 50%
}

.mdl-wrap.circle .jcrop-holder .jcrop-hline {
    background-color: transparent
}

.mdl-wrap.circle .jcrop-holder .jcrop-vline {
    background-color: transparent
}

.js-eq-height-items-wrap>:not(.js-item-to-wrap) {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%
}

.link-txt {
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    color: #007bb3;
    background: 0 0;
    border: none
}

.link-txt:not(.link-txt--mutable) {
    color: #007bb3 !important;
    background: 0 0 !important;
    border: none !important
}

.link-txt:not(.link-txt--mutable).link-txt--c-warning-bg-s {
    background-color: #fffdb8 !important
}

.link-txt--no-event {
    cursor: auto
}

.link-txt:not(.link-txt--mutable):hover {
    color: #0089c7 !important
}

.list-1 li {
    position: relative;
    padding-left: 32px;
    font-size: 18px;
    line-height: 28px
}

.list-1 li:before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #007bb3
}

.list-1 li+li {
    margin-top: 8px
}

.list-1--mdl-pass-requirements {
    margin-top: 20px
}

@media (max-width:767px) {
    .list-1--mdl-pass-requirements {
        margin-top: 8px
    }
}

.loading-bubble-container {
    width: 41px;
    height: 22px;
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center
}

.loading-bubble {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: auto;
    height: auto
}

.loading-bubble__spinner div {
    background-color: #fff
}

.loading-bubble__spinner .bounce {
    width: 6px;
    height: 6px;
    background-color: #8e949a;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s ease-in-out infinite;
    animation: bouncedelay 1.4s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loading-bubble__spinner .bounce--1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loading-bubble__spinner .bounce--2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.loading-bubble {
    -webkit-animation: message-bounce 2.5s ease-in-out infinite;
    animation: message-bounce 2.5s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes message-bounce {
    0% {
        opacity: .4;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: .4;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes message-bounce {
    0% {
        opacity: .4;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        opacity: .4;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes bouncedelay {

    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {

    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.main-header {
    z-index: 2000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #fff
}

.main-header.hidden {
    display: none
}

.main-header.is-thread {
    position: relative;
    display: block !important
}

.main-header__sticky-wrapper {
    position: relative;
    background: #fff
}

.main-header__sticky-wrapper.is-sticky {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1)
}

.main-header__sticky-wrapper.is-sticky.display-block {
    display: block
}

.main-header__sticky-wrapper.is-sticky.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-header__sticky-wrapper.is-thread {
    display: block !important;
    position: relative !important;
    -webkit-transform: none !important;
    transform: none !important;
    z-index: auto !important
}

.main-header__sticky-border {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #dee0e2
}

.main-header__center {
    z-index: 4;
    height: 56px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: #fff
}

@media (max-width:767px) {
    .main-header__center {
        height: 45px
    }
}

@media (min-width:1200px) {
    .ie-edge-11 .main-header__center {
        position: relative
    }
}

.main-header__logo {
    z-index: 5;
    display: inline-block;
    width: 189px;
    height: auto
}

@media (max-width:767px) {
    .main-header__logo {
        width: 173px
    }
}

.main-header__logo-img {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain
}

.main-header__avatar {
    border-radius: 50%;
    background-color: #f4f6f8;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.main-header__controls {
    z-index: 10;
    position: absolute;
    right: -16px;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1719px) {
    .main-header__controls {
        right: 48px
    }
}

@media (max-width:1439px) {
    .main-header__controls {
        right: 40px
    }
}

@media (max-width:1199px) {
    .main-header__controls {
        right: 16px
    }
}

@media (max-width:767px) {
    .main-header__controls {
        right: 14px
    }
}

.main-header__controls-item {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.main-header__search {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    height: 80px;
    z-index: 2;
    background-color: #fff;
    -webkit-transition: .25s -webkit-transform;
    transition: .25s -webkit-transform;
    transition: .25s transform;
    transition: .25s transform, .25s -webkit-transform
}

@media (max-width:767px) {
    .main-header__search {
        height: 60px
    }
}

.main-header__search.active {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: 0 17px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 17px 25px rgba(9, 10, 11, .1)
}

.main-header__search-center {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.main-header__search-close {
    margin-left: 12px;
    margin-right: -8px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.main-header__search-close:hover {
    background-color: transparent
}

@media (max-width:767px) {
    .main-header__search-close {
        display: none
    }
}

.main-header__search.active .main-header_search-close:hover {
    background-color: rgba(9, 10, 11, .05)
}

.map {
    position: relative;
    display: block;
    width: 100%
}

.map:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(515 / 916 * 100%)
}

@media (max-width:767px) {
    .map:before {
        padding-top: 100%
    }
}

.map iframe,
.map>div {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    height: 100% !important
}

.mdl-all-photos-gallery__img-wrap {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 32px;
    padding-bottom: 64px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (max-width:1919px) {
    .mdl-all-photos-gallery__img-wrap {
        margin-right: -16px;
        margin-left: -16px
    }
}

@media (max-width:767px) {
    .mdl-all-photos-gallery__img-wrap {
        margin-right: -6px;
        margin-left: -6px;
        padding-top: 20px
    }
}

.mdl-all-photos-gallery__img {
    margin-top: 32px;
    margin-left: 20px;
    margin-right: 20px;
    width: calc((100% - 4 * 40px)/ 4);
    position: relative
}

.mdl-all-photos-gallery__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.mdl-all-photos-gallery__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:1919px) {
    .mdl-all-photos-gallery__img {
        margin-right: 16px;
        margin-left: 16px;
        width: calc((100% - 4 * 32px)/ 4)
    }
}

@media (max-width:1199px) {
    .mdl-all-photos-gallery__img {
        width: calc((100% - 3 * 32px)/ 3)
    }
}

@media (max-width:767px) {
    .mdl-all-photos-gallery__img {
        margin-top: 12px;
        margin-left: 6px;
        margin-right: 6px;
        width: calc((100% - 2 * 12px)/ 2)
    }
}

.mdl-wrap {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

.mdl-wrap--full-screen:before {
    display: none !important
}

.mdl-wrap--full-screen::-webkit-scrollbar {
    display: none
}

.mdl-wrap--full-screen {
    background-color: #fff
}

@media all and (max-width:1199px) {
    .mdl-wrap--m-full-screen:before {
        display: none !important
    }

    .mdl-wrap--m-full-screen::-webkit-scrollbar {
        display: none
    }
}

@media all and (max-width:767px) {
    .mdl-wrap--s-full-screen:before {
        display: none !important
    }

    .mdl-wrap--s-full-screen::-webkit-scrollbar {
        display: none
    }
}

@media (min-width:1200px) {
    .mdl-wrap--dn-more-m {
        display: none !important
    }
}

@media (min-width:768px) {
    .mdl-wrap--dn-more-s {
        display: none !important
    }
}

@media (max-width:767px) {
    .mdl-wrap--dn-less-s {
        display: none !important
    }
}

.mdl-wrap--transparent {
    background-color: transparent !important
}

.mdl-wrap.active {
    z-index: 3000 !important;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .25s, visibility .25s, z-index 0s;
    transition: opacity .25s, visibility .25s, z-index 0s
}

@supports (-webkit-overflow-scrolling:touch) {
    .mdl-wrap.active {
        cursor: pointer
    }
}

.mdl-wrap.active {
    display: block;
    font-size: 0;
    line-height: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: var(--app-height);
    max-height: var(--app-height);
    overflow-y: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    background-color: rgba(9, 10, 11, .5)
}

.mdl-wrap.active:before {
    content: "";
    display: block;
    position: absolute;
    display: inline-block;
    position: static;
    height: calc((1vh * 100));
    height: calc((var(--vh, 1vh) * 100));
    width: 0;
    vertical-align: middle
}

.mdl-wrap.active::-webkit-scrollbar {
    width: 4px;
    cursor: pointer
}

.mdl-wrap.active::-webkit-scrollbar-track {
    border-radius: 0
}

.mdl-wrap.active::-webkit-scrollbar-thumb {
    border-radius: 0
}

.mdl-wrap--full-screen.active {
    z-index: 2999 !important
}

.touchevents .mdl-wrap--full-screen {
    width: 100vw
}

.mdl-center {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

@media (max-width:1199px) {
    .mdl-wrap--m-full-screen .mdl-center:not(.inside-full-screen) {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width:767px) {
    .mdl-wrap--s-full-screen .mdl-center:not(.inside-full-screen) {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.mdl-additional-background {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .25s, visibility .25s, z-index .25s;
    transition: opacity .25s, visibility .25s, z-index .25s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(9, 10, 11, .5)
}

.mdl-additional-background.active {
    z-index: 2900;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s, visibility .5s, z-index 0s;
    transition: opacity .5s, visibility .5s, z-index 0s;
    display: block
}

@media (max-width:1199px) {
    .mdl-additional-background--m-visible {
        background-color: #fff
    }
}

@media (max-width:767px) {
    .mdl-additional-background--s-visible {
        background-color: #fff
    }
}

.mdl {
    z-index: 10;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0 17px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 17px 25px rgba(9, 10, 11, .1);
    border-radius: 5px
}

@media all and (max-width:767px) {
    .mdl {
        max-width: calc(100vw - 48px);
        padding-left: 24px;
        padding-right: 24px
    }
}

.mdl--type-1 {
    padding: 48px 40px
}

@media (max-width:767px) {
    .mdl--type-1 {
        padding-left: 24px;
        padding-right: 24px
    }
}

.mdl--type-2 {
    padding: 48px 40px 24px
}

@media (max-width:767px) {
    .mdl--type-2 {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:767px) {
    .mdl--type-2--with-btn {
        padding-bottom: 8px
    }
}

.mdl--type-3 {
    padding: 48px 32px 32px
}

.mdl--with .mdl--dark {
    background-color: #090a0b
}

.mdl--align-top {
    vertical-align: top;
    margin-top: 64px;
    margin-bottom: 64px
}

@media all and (max-width:767px) {
    .mdl--align-top {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.mdl--full-screen {
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-height: var(--app-height);
    width: 100% !important
}

@media all and (max-width:767px) {
    .mdl--full-screen {
        max-width: 100vw
    }
}

.mdl--458 {
    width: 100%;
    max-width: 458px
}

.mdl--callback {
    max-width: 656px;
    width: 656px;
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 5) + 32px * (5 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 5) + var(--space) * (5 - 1))
}

@media (max-width:1439px) {
    .mdl--callback {
        width: calc((((100% - 9 * 32px)/ 10) * 5) + 32px * (5 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 5) + var(--space) * (5 - 1))
    }
}

@media (max-width:1199px) {
    .mdl--callback {
        width: calc((((100% - 5 * 32px)/ 6) * 5) + 32px * (5 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 5) + var(--space) * (5 - 1))
    }
}

@media (max-width:767px) {
    .mdl--callback {
        width: calc((((100% - 3 * 32px)/ 4) * 5) + (32px * (5 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 5) + (var(--space) * (5 - 1)))
    }
}

@media (max-width:767px) {
    .mdl--callback {
        max-width: calc(100vw - 48px)
    }
}

.mdl--notification {
    width: 656px;
    padding-left: 21px;
    padding-right: 21px
}

.mdl--share {
    width: 480px
}

@media all and (max-width:767px) {
    .mdl--share {
        max-width: calc(100vw - 32px)
    }
}

.mdl--slider {
    padding-top: 64px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background-color: #090a0b
}

.mdl--img-crop {
    padding-top: 64px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background-color: #090a0b
}

.mdl--all-photos-gallery {
    padding-top: 64px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background-color: #090a0b
}

.mdl--referral-code {
    width: 374px
}

.mdl--edit-vehicle-available-period {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 4) + 32px * (4 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 4) + var(--space) * (4 - 1))
}

@media (max-width:1439px) {
    .mdl--edit-vehicle-available-period {
        width: calc((((100% - 9 * 32px)/ 10) * 4) + 32px * (4 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:1199px) {
    .mdl--edit-vehicle-available-period {
        width: calc((((100% - 5 * 32px)/ 6) * 4) + 32px * (4 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:767px) {
    .mdl--edit-vehicle-available-period {
        width: calc((((100% - 3 * 32px)/ 4) * 4) + (32px * (4 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 4) + (var(--space) * (4 - 1)))
    }
}

.mdl--confirm-membership {
    width: 860px
}

@media (max-width:1919px) {
    .mdl--confirm-membership {
        width: 640px
    }
}

.mdl--col-6 {
    width: calc((100% - 6 * 32px)/ 6);
    width: calc((100% - 6 * var(--space))/ 6)
}

.mdl--share-social {
    padding: 24px 32px 48px
}

.mdl--col-3-fixed {
    width: 374px;
    max-width: calc(100vw - 48px)
}

.mdl--col-4-fixed {
    width: 508px;
    max-width: calc(100vw - 48px)
}

.mdl--col-5-fixed {
    width: 645px;
    max-width: calc(100vw - 48px)
}

.mdl--confirm-img-delete {
    width: 644px;
    max-width: calc(100vw - 48px)
}

.mdl--message {
    width: 624px
}

.mdl--my-acc-verification-phone {
    width: 374px
}

.mdl--590 {
    width: 590px
}

.mdl--mdl-newsletter {
    width: 480px
}

@media (max-width:1199px) {
    .mdl--col-m-4-fixed {
        width: 460px
    }
}

.mdl-wrap--full-screen>.mdl,
.mdl-wrap--full-screen>.mdl-center>.mdl {
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-height: var(--app-height);
    width: 100% !important
}

@media all and (max-width:767px) {

    .mdl-wrap--full-screen>.mdl,
    .mdl-wrap--full-screen>.mdl-center>.mdl {
        max-width: 100vw
    }
}

@media all and (max-width:1199px) {
    .mdl-wrap--m-full-screen .mdl:not(.inside-full-screen) {
        margin-top: 0;
        margin-bottom: 0;
        min-height: var(--app-height);
        width: 100% !important;
        padding: 0 32px;
        border-radius: 0
    }
}

@media (max-width:767px) {
    .mdl-wrap--m-full-screen .mdl:not(.inside-full-screen) {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media all and (max-width:767px) {
    .mdl-wrap--s-full-screen .mdl:not(.inside-full-screen) {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        min-height: var(--app-height);
        width: 100% !important;
        padding: 0 24px;
        border-radius: 0
    }
}

.mdl__header {
    padding: 22px 40px 22px;
    border-bottom: 1px solid #dee0e2;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

@media (max-width:767px) {
    .mdl__header {
        font-size: 16px;
        line-height: 24px
    }
}

.mdl__header--ta-c {
    padding-left: 60px;
    text-align: center
}

@media (min-width:1200px) {
    .mdl__header--more-m-absolute {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border: none
    }
}

@media (max-width:1199px) {
    .mdl-wrap--m-full-screen .mdl__header:not(.inside-full-screen) {
        z-index: 200;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 64px;
        padding: 8px 64px 8px 32px;
        border-bottom: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
        box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
        background-color: #fff
    }
}

@media (max-width:767px) {
    .mdl-wrap--m-full-screen .mdl__header:not(.inside-full-screen) {
        min-height: 56px;
        padding-right: 56px;
        padding-left: 24px
    }
}

@media (max-width:767px) {
    .mdl-wrap--s-full-screen .mdl__header:not(.inside-full-screen) {
        z-index: 200;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 56px;
        padding: 8px 80px 8px 24px;
        border-bottom: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
        box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
        background-color: #fff
    }
}

.mdl__content {
    position: relative
}

.mdl__content--book {
    padding: 48px 40px 16px
}

.mdl__content--no-trip-info {
    padding-top: 32px
}

.mdl__content--additional-drivers {
    padding: 8px 40px 9px
}

@media (max-width:767px) {
    .mdl__content--additional-drivers {
        padding-top: 17px
    }
}

.mdl__content--public-message {
    padding: 24px 40px 0
}

@media (max-width:767px) {
    .mdl__content--public-message {
        padding: 32px 24px 0
    }
}

.mdl__content--rental-types-info {
    padding: 32px 40px 56px
}

.mdl__content--pickup-return-location {
    padding: 24px 40px
}

@media (max-width:1199px) {
    .mdl__content--pickup-return-location {
        padding-top: 32px !important
    }
}

@media (max-width:767px) {
    .mdl__content--pickup-return-location {
        padding-bottom: 56px
    }
}

.mdl__content--suggest-edit-vehicle {
    padding: 16px 40px 24px
}

@media (max-width:1199px) {
    .mdl__content--suggest-edit-vehicle {
        padding-top: 16px !important
    }
}

@media (max-width:767px) {
    .mdl__content--suggest-edit-vehicle {
        padding-bottom: 56px
    }
}

@media (max-width:1199px) {
    .mdl__content--available-to-members {
        min-height: calc((1vh * 100) - 64px - 89px) !important;
        min-height: calc((var(--vh, 1vh) * 100) - 64px - 89px) !important;
        max-height: calc((1vh * 100) - 64px - 89px) !important;
        max-height: calc((var(--vh, 1vh) * 100) - 64px - 89px) !important
    }
}

@media (max-width:767px) {
    .mdl__content--available-to-members {
        min-height: calc((1vh * 100) - 56px - 81px) !important;
        min-height: calc((var(--vh, 1vh) * 100) - 56px - 81px) !important;
        max-height: calc((1vh * 100) - 56px - 81px) !important;
        max-height: calc((var(--vh, 1vh) * 100) - 56px - 81px) !important
    }
}

.mdl__content--16-40 {
    padding: 16px 40px
}

@media (max-width:1199px) {
    .mdl-wrap--m-full-screen .mdl__content:not(.inside-full-screen) {
        margin-top: 64px;
        margin-left: -32px;
        margin-right: -32px;
        padding: 64px 32px;
        min-height: calc((1vh * 100) - 64px);
        min-height: calc((var(--vh, 1vh) * 100) - 64px);
        max-height: calc((1vh * 100) - 64px);
        max-height: calc((var(--vh, 1vh) * 100) - 64px);
        overflow-y: auto
    }
}

@media (max-width:767px) {
    .mdl-wrap--m-full-screen .mdl__content:not(.inside-full-screen) {
        margin-top: 56px;
        min-height: calc((1vh * 100) - 56px);
        min-height: calc((var(--vh, 1vh) * 100) - 56px);
        max-height: calc((1vh * 100) - 56px);
        max-height: calc((var(--vh, 1vh) * 100) - 56px);
        margin-left: -24px;
        margin-right: -24px;
        padding-top: 32px;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:1199px) {
    .mdl-wrap--m-full-screen .mdl__content--book--basic {
        padding-bottom: 128px !important
    }
}

.mdl-wrap--m-full-screen .mdl__content--book--edit-payment {
    padding-top: 32px !important
}

@media (max-width:1199px) {
    .mdl-wrap--m-full-screen .mdl__content--book--edit-payment {
        padding-top: 48px !important
    }
}

@media (max-width:767px) {
    .mdl-wrap--m-full-screen .mdl__content--book--edit-payment {
        padding-top: 32px !important
    }
}

.mdl-wrap--m-full-screen .mdl__content--no-trip-info {
    padding-top: 32px !important
}

@media (max-width:767px) {
    .mdl-wrap--s-full-screen .mdl__content:not(.inside-full-screen) {
        margin-top: 56px;
        min-height: calc((1vh * 100) - 56px);
        min-height: calc((var(--vh, 1vh) * 100) - 56px);
        max-height: calc((1vh * 100) - 56px);
        max-height: calc((var(--vh, 1vh) * 100) - 56px);
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 64px;
        overflow-y: auto
    }
}

.mdl--full-screen .mdl__content:not(.inside-full-screen) {
    margin-left: auto;
    margin-right: auto;
    width: 1088px
}

@media all and (max-width:1199px) {
    .mdl--full-screen .mdl__content:not(.inside-full-screen) {
        width: 706px
    }
}

@media all and (max-width:767px) {
    .mdl--full-screen .mdl__content:not(.inside-full-screen) {
        width: auto
    }
}

.mdl--share .mdl__title {
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
    text-transform: uppercase;
    color: #484c51
}

.touchevents .mdl,
.touchevents .mdl__body,
.touchevents .mdl__head {
    cursor: pointer
}

.mdl__cross {
    z-index: 201;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background: url(../images/close-48-dark.svg) 0 0 no-repeat;
    background-color: transparent;
    cursor: pointer
}

.mdl__cross--header {
    top: 12px;
    right: 12px
}

.mdl__cross--fs {
    right: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

.club .mdl-wrap .mdl__cross {
    z-index: 10
}

.mdl--dark .mdl__cross {
    background: url(../images/close-48-light.svg) 0 0 no-repeat
}

.mdl-wrap--full-screen .mdl__cross {
    right: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

@media (max-width:767px) {
    .mdl-wrap--full-screen .mdl__cross {
        right: 8px
    }
}

.mdl-wrap--full-screen .mdl-wrap:not(.mdl-wrap--full-screen) .mdl__cross {
    bottom: auto;
    right: 0
}

@media (max-width:1199px) {
    .mdl-wrap--m-full-screen .mdl__cross {
        top: 8px;
        right: 16px
    }
}

@media (max-width:767px) {
    .mdl-wrap--m-full-screen .mdl__cross {
        top: 4px;
        right: 8px
    }
}

@media (max-width:767px) {
    .mdl-wrap--s-full-screen .mdl__cross {
        top: 4px;
        right: 8px
    }
}

.mdl--all-photos-gallery .mdl__cross,
.mdl--slider .mdl__cross {
    top: 8px;
    right: 16px;
    bottom: auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.mdl--all-photos-gallery .mdl__cross:hover,
.mdl--slider .mdl__cross:hover {
    background-color: rgba(255, 255, 255, .2)
}

.mdl__content-list {
    padding-top: 16px
}

@media all and (max-width:767px) {
    .mdl__content-list {
        padding-top: 8px
    }
}

.mdl__content-list-item {
    padding-left: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    color: #484c51 !important
}

@media all and (max-width:767px) {
    .mdl__content-list-item {
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.mdl__content-list-item strong {
    font-weight: 700
}

.mdl__content-list-item:first-child {
    padding-top: 0
}

.mdl__bottom-line {
    z-index: 100;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding-left: 24px;
    padding-right: 24px;
    border-top: 1px solid #dee0e2;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.mdl__bottom-line--suggest-trip-change {
    display: none
}

@media (max-width:1199px) {
    .mdl__bottom-line--suggest-trip-change {
        display: -webkit-box;
        display: flex;
        padding: 3px 32px 4px;
        border-top: 1px solid #dee0e2;
        -webkit-box-pack: end;
        justify-content: flex-end
    }
}

@media (max-width:767px) {
    .mdl__bottom-line--suggest-trip-change {
        padding: 7px 24px 8px
    }
}

.mdl__slider-header {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    padding-left: 32px;
    padding-right: 80px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #484c51;
    background-color: #090a0b
}

.mdl__slider-header-title {
    color: #fff
}

@media (max-width:767px) {
    .mdl__slider-header-title {
        margin-left: 36px
    }
}

.mdl__slider-header-controls {
    padding-right: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.mdl__slider-header-txt-btn {
    margin-left: 54px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    background-color: transparent
}

@media (max-width:767px) {
    .mdl__slider-header-txt-btn--s-arrow-back {
        position: absolute;
        top: 20px;
        left: 32px;
        margin-left: 0
    }
}

.mdl__slider-dots {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    font-weight: 400
}

@media (max-width:767px) {
    .mdl__slider-dots {
        position: fixed;
        bottom: 19px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.mdl__slider-dot {
    color: #f4f6f8
}

.mdl__img-vin {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    width: 608px;
    height: 280px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: contain; object-position: center center"
}

.mdl__fs-header {
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 64px;
    padding: 8px 80px 8px 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
    box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
    background-color: #fff
}

@media (max-width:1199px) {
    .mdl__fs-header {
        padding-right: 64px
    }
}

@media (max-width:767px) {
    .mdl__fs-header {
        min-height: 56px;
        padding-right: 56px;
        padding-left: 24px
    }
}

.mdl__fs-header__btn-back {
    padding: 8px;
    background-color: transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1199px) {
    .mdl__fs-header__btn-back {
        margin-left: -16px
    }
}

.mdl__fs-header__btn-back__icon-wrap {
    margin-right: 16px;
    color: #484c51
}

.mdl--dark .mdl__fs-header {
    border-bottom: 1px solid #484c51;
    background-color: #090a0b
}

.mdl--dark .mdl__fs-header-title {
    color: #fff
}

.mdl--filters .mdl__fs-header:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dee0e2
}

.mdl__fs-body {
    position: relative;
    margin-top: 64px;
    max-height: calc((1vh * 100) - 64px);
    max-height: calc((var(--vh, 1vh) * 100) - 64px);
    min-height: calc((1vh * 100) - 64px);
    min-height: calc((var(--vh, 1vh) * 100) - 64px);
    overflow-y: auto
}

@media (max-width:767px) {
    .mdl__fs-body {
        margin-top: 56px;
        max-height: calc((1vh * 100) - 56px);
        max-height: calc((var(--vh, 1vh) * 100) - 56px);
        min-height: calc((1vh * 100) - 56px);
        min-height: calc((var(--vh, 1vh) * 100) - 56px)
    }
}

@media (max-width:767px) {
    .mdl__fs-body--slider {
        margin-top: 64px;
        height: calc((1vh * 100) - 64px);
        height: calc((var(--vh, 1vh) * 100) - 64px);
        max-height: calc((1vh * 100) - 64px);
        max-height: calc((var(--vh, 1vh) * 100) - 64px)
    }
}

.mdl__fs-body--delivery-options {
    z-index: 300
}

@media (max-width:767px) {
    .mdl-wrap--filters .mdl__fs-body {
        max-height: calc((1vh * 100) - 56px - 69px);
        max-height: calc((var(--vh, 1vh) * 100) - 56px - 69px)
    }
}

.mdl__fs-content {
    padding-top: 64px;
    padding-bottom: 160px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .mdl__fs-content {
        padding-bottom: 128px
    }
}

@media (max-width:767px) {
    .mdl__fs-content {
        padding-bottom: 64px
    }
}

.mdl__fs-content--add-vehicle {
    padding-top: 96px
}

@media (max-width:1719px) {
    .mdl__fs-content--add-vehicle {
        padding-top: 64px
    }
}

@media (max-width:1199px) {
    .mdl__fs-content--add-vehicle {
        display: block
    }
}

@media (max-width:767px) {
    .mdl__fs-content--add-vehicle {
        padding-top: 32px
    }
}

.mdl__fs-content--oppomemt-review {
    padding-top: 96px
}

@media (max-width:1439px) {
    .mdl__fs-content--oppomemt-review {
        padding-top: 64px
    }
}

@media (max-width:767px) {
    .mdl__fs-content--oppomemt-review {
        padding-top: 32px
    }
}

.mdl__fs-content--my-review {
    padding-top: 96px
}

@media (max-width:1439px) {
    .mdl__fs-content--my-review {
        padding-top: 64px
    }
}

@media (max-width:767px) {
    .mdl__fs-content--my-review {
        padding-top: 32px
    }
}

.mdl__fs-content--img-crop {
    min-height: calc(((1vh * 100)) - 65px);
    min-height: calc(((var(--vh, 1vh) * 100)) - 65px);
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1199px) {
    .mdl__fs-content--img-crop {
        position: relative;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 96px
    }
}

@media (max-width:767px) {
    .mdl__fs-content--img-crop {
        padding-bottom: 64px
    }
}

.mdl__fs-content--filters {
    display: block
}

@media (max-width:767px) {
    .mdl__fs-content--filters {
        padding-top: 0;
        padding-bottom: 86px
    }
}

@media (max-width:767px) {
    .mdl__fs-content--my-trips-filter {
        padding-top: 34px
    }
}

@media (max-width:767px) {
    .mdl__fs-content--inspections {
        padding-top: 23px
    }
}

@media (max-width:1199px) {
    .mdl__fs-content--trip-state {
        padding-top: 76px
    }
}

@media (max-width:767px) {
    .mdl__fs-content--trip-state {
        padding-top: 24px
    }
}

.mdl__fs-content--suggest-trip-change {
    padding-top: 64px
}

@media (max-width:1439px) {
    .mdl__fs-content--suggest-trip-change {
        padding-top: 32px
    }
}

@media (max-width:1199px) {
    .mdl__fs-content--suggest-trip-change {
        padding-top: 0
    }
}

@media (max-width:767px) {
    .mdl__fs-content--suggest-trip-change {
        padding-bottom: 112px
    }
}

@media (max-width:1199px) {
    .mdl__fs-content--renter-suggest-trip-change-rental-pricing {
        padding-top: 24px
    }
}

@media (max-width:767px) {
    .mdl__fs-content--renter-suggest-trip-change-rental-pricing {
        padding-top: 32px
    }
}

@media (max-width:1199px) {
    .mdl__fs-content--owner-suggest-trip-change-rental-pricing {
        padding-top: 34px
    }
}

@media (max-width:1199px) {
    .mdl__fs-content__side-column {
        padding-top: 56px
    }
}

.mdl__signin {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch
}

@media (max-width:1199px) {
    .mdl__signin {
        margin-left: auto;
        margin-right: auto;
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 4) + 32px * (4 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 4) + var(--space) * (4 - 1));
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }
}

@media (max-width:567px) {
    .mdl__signin {
        width: 100%
    }
}

.mdl__signin-left {
    margin-left: calc(6.48615% * 1 + 32px * 1);
    margin-left: calc(var(--col) * 1 + var(--space) * 1);
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 4) + 32px * (4 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 4) + var(--space) * (4 - 1))
}

@media (max-width:1439px) {
    .mdl__signin-left {
        width: calc((((100% - 9 * 32px)/ 10) * 4) + 32px * (4 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:1199px) {
    .mdl__signin-left {
        width: calc((((100% - 5 * 32px)/ 6) * 4) + 32px * (4 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:767px) {
    .mdl__signin-left {
        width: calc((((100% - 3 * 32px)/ 4) * 4) + (32px * (4 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 4) + (var(--space) * (4 - 1)))
    }
}

@media (max-width:1199px) {
    .mdl__signin-left {
        margin-left: 0;
        margin-top: 32px;
        width: 100%
    }
}

.mdl__signin-right {
    position: relative;
    margin-left: 128px;
    padding-left: 128px;
    padding-top: 24px
}

@media (max-width:1919px) {
    .mdl__signin-right {
        margin-left: 96px;
        padding-left: 96px
    }
}

@media (max-width:1199px) {
    .mdl__signin-right {
        margin-left: auto;
        margin-right: auto;
        width: 278px;
        padding-left: 0;
        padding-top: 0
    }
}

@media (max-width:567px) {
    .mdl__signin-right {
        width: 272px
    }
}

.mdl__signin-right:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 24px);
    width: 1px;
    background-color: #dee0e2
}

@media (max-width:1199px) {
    .mdl__signin-right:before {
        display: none
    }
}

.mdl__search-filters-results {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dee0e2;
    font-size: 16px;
    line-height: 26px;
    color: #090a0b
}

@media (max-width:767px) {
    .mdl-wrap--signup-newsletter {
        -webkit-box-align: end;
        align-items: flex-end;
        -webkit-transition: opacity 0s, visibility 0s, z-index 0s;
        transition: opacity 0s, visibility 0s, z-index 0s
    }
}

@media (max-width:767px) {
    .mdl-wrap--signup-newsletter.active {
        display: -webkit-box;
        display: flex;
        overflow: hidden
    }
}

@media (max-width:767px) {
    .mdl-wrap--signup-newsletter:before {
        display: none !important
    }
}

@media (max-width:767px) {
    .mdl-center--signup-newsletter {
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100vw;
        max-width: 100vw !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all .6s;
        transition: all .6s
    }
}

@media (max-width:767px) {
    .mdl-wrap.active .mdl-center--signup-newsletter {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.mdl--signup-newsletter {
    width: 100%;
    max-width: 480px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 8px;
    overflow: hidden
}

@media (max-width:767px) {
    .mdl--signup-newsletter {
        display: block;
        margin: 0;
        max-width: none;
        width: 100vw;
        border-radius: 0;
        vertical-align: bottom;
        -webkit-box-shadow: 0 -4px 10px rgb(9, 10, 11, .3);
        box-shadow: 0 -4px 10px rgb(9, 10, 11, .3)
    }
}

.mdl--signup-newsletter .mdl__cross {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(9, 10, 11, .1);
    box-shadow: 0 5px 15px rgba(9, 10, 11, .1)
}

.mdl--signup-newsletter .mdl__cross:before {
    content: "";
    display: block;
    position: absolute;
    top: -16px;
    left: -16px;
    height: 72px;
    width: 72px
}

@media (max-width:767px) {
    .mdl__signup-newsletter {
        max-height: calc((1vh * 100));
        max-height: calc((var(--vh, 1vh) * 100));
        overflow-y: auto
    }
}

.mdl__signup-newsletter__img {
    position: relative
}

.mdl__signup-newsletter__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(270 / 480 * 100%)
}

.mdl__signup-newsletter__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.mdl__signup-newsletter__content {
    padding: 32px 48px 56px;
    background-color: #fff
}

@media (max-width:767px) {
    .mdl__signup-newsletter__content {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 32px
    }
}

.mdl-slider {
    opacity: 0;
    -webkit-transition: opacity .25s .25s;
    transition: opacity .25s .25s
}

.mdl-slider.slick-slider {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1199px) {
    .mdl-slider.slick-slider {
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.mdl-slider .slick-arrow {
    z-index: 100;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    width: calc((((100% - (12 - 1) * 32px)/ 12 * 1) + 32px * 1));
    width: calc((((100% - (12 - 1) * var(--space))/ 12 * 1) + var(--space) * 1));
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    font-size: 0;
    line-height: 0;
    background-color: transparent;
    color: #fff;
    opacity: .5;
    -webkit-transition: opacity;
    transition: opacity
}

@media (max-width:1439px) {
    .mdl-slider .slick-arrow {
        width: calc((((100% - (10 - 1) * 32px)/ 10 * 1) + 32px * 1));
        width: calc((((100% - (10 - 1) * var(--space))/ 10 * 1) + var(--space) * 1))
    }
}

@media (max-width:1199px) {
    .mdl-slider .slick-arrow {
        position: absolute;
        bottom: 32px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        height: 64px;
        width: 64px;
        background-color: rgba(9, 10, 11, .5)
    }
}

@media (max-width:1199px) {
    .mdl-slider .slick-arrow {
        bottom: 8px
    }
}

@media (max-width:767px) {
    .mdl-slider .slick-arrow {
        bottom: 8px;
        height: 48px;
        width: 48px
    }
}

.mdl-slider .slick-arrow.disabled {
    opacity: .2;
    pointer-events: none
}

.mdl-slider .slick-arrow:hover {
    opacity: 1
}

.mdl-slider .slick-arrow:before {
    content: "";
    display: block;
    position: static;
    width: 64px;
    height: 64px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E %3Cg%3E %3Cpath d=%22M41 14L23 32l18 18%22 stroke=%22%23fff%22 stroke-width=%221.5%22/%3E %3C/g%3E %3C/svg%3E");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .25s;
    transition: all .25s
}

@media (max-width:767px) {
    .mdl-slider .slick-arrow:before {
        height: 48px;
        width: 48px
    }
}

.mdl-slider .slick-arrow.slick-prev {
    margin-left: auto
}

@media (max-width:1199px) {
    .mdl-slider .slick-arrow.slick-prev {
        -webkit-transform: translateX(calc(50% - 100% - 32px / 2));
        transform: translateX(calc(50% - 100% - 32px / 2));
        -webkit-transform: translateX(calc(50% - 100% - var(--space)/ 2));
        transform: translateX(calc(50% - 100% - var(--space)/ 2))
    }
}

@media (max-width:767px) {
    .mdl-slider .slick-arrow.slick-prev {
        -webkit-transform: translateX(calc(50% - 100% - 32px / 2 - 32px));
        transform: translateX(calc(50% - 100% - 32px / 2 - 32px));
        -webkit-transform: translateX(calc(50% - 100% - var(--space)/ 2 - 32px));
        transform: translateX(calc(50% - 100% - var(--space)/ 2 - 32px))
    }
}

.mdl-slider .slick-arrow.slick-prev:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mdl-slider .slick-arrow.slick-prev:hover:before {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.mdl-slider .slick-arrow.slick-prev.disabled:before {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important
}

.mdl-slider .slick-arrow.slick-next {
    margin-right: auto
}

@media (max-width:1199px) {
    .mdl-slider .slick-arrow.slick-next {
        -webkit-transform: translateX(calc(50% + 32px / 2));
        transform: translateX(calc(50% + 32px / 2));
        -webkit-transform: translateX(calc(50% + var(--space)/ 2));
        transform: translateX(calc(50% + var(--space)/ 2))
    }
}

@media (max-width:767px) {
    .mdl-slider .slick-arrow.slick-next {
        -webkit-transform: translateX(calc(50% + 32px / 2 + 32px));
        transform: translateX(calc(50% + 32px / 2 + 32px));
        -webkit-transform: translateX(calc(50% + var(--space)/ 2 + 32px));
        transform: translateX(calc(50% + var(--space)/ 2 + 32px))
    }
}

.mdl-slider .slick-arrow.slick-next:before {
    margin-left: auto;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.mdl-slider .slick-arrow.slick-next:hover:before {
    -webkit-transform: rotateY(180deg) translateX(-8px);
    transform: rotateY(180deg) translateX(-8px)
}

.mdl-slider .slick-arrow.slick-next.disabled:before {
    -webkit-transform: rotateY(180deg) !important;
    transform: rotateY(180deg) !important
}

.mdl-slider .slick-list {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 8) + 32px * (8 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 8) + var(--space) * (8 - 1))
}

@media (max-width:1439px) {
    .mdl-slider .slick-list {
        width: calc((((100% - 9 * 32px)/ 10) * 8) + 32px * (8 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 8) + var(--space) * (8 - 1))
    }
}

@media (max-width:1199px) {
    .mdl-slider .slick-list {
        width: calc((((100% - 5 * 32px)/ 6) * 8) + 32px * (8 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 8) + var(--space) * (8 - 1))
    }
}

@media (max-width:767px) {
    .mdl-slider .slick-list {
        width: calc((((100% - 3 * 32px)/ 4) * 8) + (32px * (8 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 8) + (var(--space) * (8 - 1)))
    }
}

@media (max-width:1679px) {
    .mdl-slider .slick-list {
        width: calc(((100% - (12 - 1) * 32px)/ 12 * 10) + 32px * (10 - 1));
        width: calc(((100% - (12 - 1) * var(--space))/ 12 * 10) + var(--space) * (10 - 1))
    }
}

@media (max-width:1679px) and (max-width:1439px) {
    .mdl-slider .slick-list {
        width: calc((((100% - 9 * 32px)/ 10) * 10) + 32px * (10 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 10) + var(--space) * (10 - 1))
    }
}

@media (max-width:1679px) and (max-width:1199px) {
    .mdl-slider .slick-list {
        width: calc((((100% - 5 * 32px)/ 6) * 10) + 32px * (10 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 10) + var(--space) * (10 - 1))
    }
}

@media (max-width:1679px) and (max-width:767px) {
    .mdl-slider .slick-list {
        width: calc((((100% - 3 * 32px)/ 4) * 10) + (32px * (10 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 10) + (var(--space) * (10 - 1)))
    }
}

@media (max-width:1439px) {
    .mdl-slider .slick-list {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 8) + 32px * (8 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 8) + var(--space) * (8 - 1))
    }
}

@media (max-width:1199px) {
    .mdl-slider .slick-list {
        width: 100%;
        max-width: 100%
    }
}

@media (max-width:1199px) {
    .mdl-slider .slick-list {
        height: calc((1vh * 100) - 64px) !important;
        height: calc((var(--vh, 1vh) * 100) - 64px) !important
    }
}

.mdl-wrap.active .mdl-slider {
    opacity: 1
}

.touchevents .mdl-slider .slick-arrow {
    opacity: 1
}

.touchevents .mdl-slider .slick-arrow.slick-prev:before {
    -webkit-transform: none;
    transform: none
}

.touchevents .mdl-slider .slick-arrow.slick-next:before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.mdl-slider__item {
    outline: 0 !important
}

.mdl-slider__media {
    position: relative;
    max-height: calc((1vh * 100) - 64px);
    max-height: calc((var(--vh, 1vh) * 100) - 64px);
    height: calc((1vh * 100) - 64px);
    height: calc((var(--vh, 1vh) * 100) - 64px);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width:1199px) {
    .mdl-slider__media {
        max-height: calc((1vh * 100) - 144px);
        max-height: calc((var(--vh, 1vh) * 100) - 144px);
        height: calc((1vh * 100) - 144px);
        height: calc((var(--vh, 1vh) * 100) - 144px)
    }
}

@media (max-width:767px) {
    .mdl-slider__media {
        max-height: calc((1vh * 100) - 128px);
        max-height: calc((var(--vh, 1vh) * 100) - 128px);
        height: calc((1vh * 100) - 128px);
        height: calc((var(--vh, 1vh) * 100) - 128px)
    }
}

.mdl-slider__media-content {
    max-height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.mdl-slider__slider-badge-note-wrap {
    position: relative
}

.mdl-slider__note {
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

.mdl-slider__note.active {
    opacity: 1
}

.mdl-slider__note-inner {
    margin-left: auto;
    margin-right: auto;
    width: calc(((100% - (8 - 1) * 32px)/ 8 * 6) + 32px * (6 - 1));
    width: calc(((100% - (8 - 1) * var(--space))/ 8 * 6) + var(--space) * (6 - 1));
    padding-top: 80px
}

@media (max-width:1919px) and (min-width:1440px) {
    .mdl-slider__note-inner {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 6) + 32px * (6 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:1199px) {
    .mdl-slider__note-inner {
        width: 100%;
        padding-top: 24px;
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (max-width:767px) {
    .mdl-slider__note-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

.mdl-slider__note-txt {
    max-height: calc((1vh * 100) - 300px);
    max-height: calc((var(--vh, 1vh) * 100) - 300px);
    overflow-y: auto;
    margin-top: 24px;
    font-size: 18px;
    line-height: 28px
}

@media (max-width:1199px) {
    .mdl-slider__note-txt {
        margin-top: 12px;
        font-size: 16px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .mdl-slider__note-txt {
        max-height: calc((1vh * 100) - 200px);
        max-height: calc((var(--vh, 1vh) * 100) - 200px)
    }
}

.mdl-slider__note-txt::-webkit-scrollbar {
    width: 0;
    cursor: pointer
}

.mdl-slider__note-txt::-webkit-scrollbar-track {
    background-color: #e2e5e8;
    border-radius: 0
}

.mdl-slider__note-txt::-webkit-scrollbar-thumb {
    background-color: #c7cbce;
    border-radius: 0
}

.mdl-slider__note-txt {
    scrollbar-color: #c7cbce #e2e5e8;
    scrollbar-width: thin
}

.mdl-slider__img {
    margin-top: 0;
    margin-bottom: 0;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: contain; object-position: center center"
}

.mdl-slider__caption {
    padding-top: 16px;
    padding-bottom: 80px;
    max-width: 680px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    text-align: center;
    font-family: gt-america-mono;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

@media (max-width:767px) {
    .mdl-slider__caption {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px
    }
}

.media__img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.img-group .media__img {
    min-height: 100%
}

.message {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.message--deleted {
    opacity: .5
}

.message--my {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.message~.message {
    margin-top: 16px
}

.message__message {
    position: relative;
    width: 100%;
    padding: 16px 24px;
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1439px) {
    .message__message {
        display: block
    }
}

@media (max-width:767px) {
    .message__message {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 8px
    }
}

.message__message__text {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    word-break: break-word
}

@media (max-width:767px) {
    .message__message__text {
        font-size: 16px;
        line-height: 24px
    }
}

.message__message__controls {
    width: 120px;
    padding-left: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width:1439px) {
    .message__message__controls {
        width: 100%;
        padding-left: 0;
        padding-top: 8px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center
    }
}

.message__message__time {
    font-size: 14px;
    line-height: 20px;
    color: #6f757c
}

.message__message__btn-remove {
    margin-top: 8px;
    height: 32px;
    width: 32px;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    color: #6f757c !important;
    background-color: transparent;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.message__message__btn-remove:hover {
    background-color: #fff
}

@media (max-width:1439px) {
    .message__message__btn-remove {
        margin-top: 0
    }
}

.message__message:before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    width: 6px;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

@media (max-width:767px) {
    .message__message:before {
        display: none
    }
}

.message--my .message__message {
    margin-left: 116px;
    margin-right: 22px;
    background-color: #eaf9ff
}

@media (max-width:1919px) {
    .message--my .message__message {
        margin-left: 120px
    }
}

@media (max-width:1439px) {
    .message--my .message__message {
        margin-left: 108px
    }
}

@media (max-width:1199px) {
    .message--my .message__message {
        margin-left: 124px
    }
}

@media (max-width:767px) {
    .message--my .message__message {
        margin-left: 24px;
        margin-right: 0
    }
}

.message--my .message__message:before {
    right: -6px;
    border-left: 6px solid #eaf9ff
}

.message--oppomemt .message__message {
    margin-left: 22px;
    margin-right: 116px;
    background-color: #f4f6f8
}

@media (max-width:1919px) {
    .message--oppomemt .message__message {
        margin-right: 120px
    }
}

@media (max-width:1439px) {
    .message--oppomemt .message__message {
        margin-right: 108px
    }
}

@media (max-width:1439px) {
    .message--oppomemt .message__message {
        margin-right: 124px
    }
}

@media (max-width:767px) {
    .message--oppomemt .message__message {
        margin-right: 24px;
        margin-left: 0
    }
}

.message--oppomemt .message__message:before {
    left: -6px;
    border-right: 6px solid #f4f6f8
}

.message__user-indicator {
    position: absolute;
    bottom: 0;
    right: 0
}

.message__img-wrap {
    position: relative;
    min-width: 48px;
    width: 48px;
    height: 48px
}

@media (max-width:1199px) {
    .message__img-wrap {
        min-width: 32px;
        width: 32px;
        height: 32px
    }
}

@media (max-width:767px) {
    .message__img-wrap {
        display: none
    }
}

.message__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    border-radius: 50%;
    background-color: #f4f6f8
}

.message--system .message__img-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #dee0e2
}

@media (max-width:767px) {
    .message--system .message__img-wrap {
        display: none
    }
}

.message--system .message__img {
    width: 32px;
    height: 32px;
    background-color: transparent
}

@media (max-width:1199px) {
    .message--system .message__img {
        width: 16px;
        height: 16px
    }
}

@media (max-width:767px) {
    .message--deleted .message__message {
        padding-bottom: 16px
    }
}

@media (max-width:767px) {
    .thread__timeline+.message {
        margin-top: 16px
    }
}

.mh-nav {
    padding: 0;
    margin: 0
}

@media (min-width:1200px) {
    .mh-nav {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center
    }
}

@media (max-width:1199px) {
    .mh-nav {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 104px;
        max-height: calc(100vh - 100px);
        max-height: calc((1vh * 100) - 100px);
        max-height: calc((var(--vh, 1vh) * 100) - 100px);
        height: calc(100vh - 100px);
        height: calc((1vh * 100) - 100px);
        height: calc((var(--vh, 1vh) * 100) - 100px);
        overflow-y: auto;
        width: 100%
    }
}

.mh-nav__item {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 15px 16px 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:1199px) {
    .mh-nav__item {
        margin-left: 32px;
        margin-right: 32px;
        padding-top: 18px;
        padding-bottom: 18px
    }
}

.mh-nav__item__inner {
    z-index: 10;
    cursor: pointer;
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    color: #090a0b
}

@media (max-width:1199px) {
    .mh-nav__item__inner {
        z-index: 4;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        margin-left:-30px;
    }
}

.mh-nav__item__inner:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width cubic-bezier(.215, .61, .355, 1) .1s;
    transition: width cubic-bezier(.215, .61, .355, 1) .1s;
    background-color: transparent
}

@media (max-width:1199px) {
    .mh-nav__item__inner:after {
        display: none
    }
}

.mh-nav__item:hover .mh-nav__item__inner:after {
    width: 100%;
    background-color: #090a0b
}

.mh-nav__item.current .mh-nav__item__inner:after {
    width: 100%;
    background-color: #090a0b
}

.mh-navbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    padding: 17px 0;
    width: 100%;
    z-index: 1;
    opacity: 1
}

@media (min-width:1200px) {
    .mh-navbar {
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media (max-width:1199px) {
    .mh-navbar {
        z-index: 100;
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        height: 100vh;
        height: calc(1vh * 100);
        height: calc(var(--vh, 1vh) * 100);
        width: 320px;
        overflow: hidden;
        padding: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
        -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1);
        transition: all .15s cubic-bezier(.4, 0, .2, 1);
        background: #fff
    }
}

@media (max-width:1199px) {
    .mh-navbar.active {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: 0 10px 0 0 #fff, 17px 0 22px 0 rgba(9, 10, 11, .1);
        box-shadow: 0 10px 0 0 #fff, 17px 0 22px 0 rgba(9, 10, 11, .1)
    }
}

@media (min-width:1200px) {
    .mh-navbar__logo-wrap {
        display: none
    }
}

@media (max-width:1199px) {
    .mh-navbar__logo-wrap {
        width: 100%;
        z-index: 25;
        position: absolute;
        top: 0;
        left: 0;
        padding: 46px 0 0 48px
    }
}

.mh-navbar__logo {
    display: block
}

.mh-navbar__logo-img {
    display: block;
    width: 189px;
    height: auto
}

.mh-navbar__toggler {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    background: 0 0;
    border: none;
    margin-left: -12px;
    font-size: 24px;
    cursor: pointer;
    color: #090a0b
}

@media (min-width:1200px) {
    .mh-navbar__toggler {
        display: none
    }
}

@media (max-width:767px) {
    .mh-navbar__toggler {
        margin-right: 2px;
        width: 40px;
        height: 40px
    }
}

.mh-navbar__cta {
    min-width: 118px;
    float: right;
    border: none
}

@media (min-width:1200px) {
    .mh-navbar__cta {
        position: relative;
        float: none;
        z-index: 3
    }
}

@media all and (max-width:1199px) {
    .mh-navbar__cta {
        margin-top: 0;
        margin-left: auto
    }
}

.mh-navbar__cta.button_specialized {
    margin-right: -4px
}

.mh-navbar__close-button {
    position: absolute;
    top: 4px;
    right: 0;
    padding: 0;
    -webkit-transition: opacity 30ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 30ms cubic-bezier(.4, 0, .2, 1);
    background-color: transparent
}

.mh-navbar__close-button-icon {
    width: 52px;
    height: 48px
}

.mh-navbar.active .mh-navbar__close-button {
    opacity: 0
}

@media (max-width:1199px) {
    .mh-navbar.active .mh-navbar__close-button {
        opacity: 1
    }
}

.form-item-wrap--multiselect-icon button.ui-multiselect:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.form-item-wrap--multiselect-icon button.ui-multiselect span:not(.ui-icon) {
    display: block;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.multiselect-icon {
    display: block
}

.multiselect-icon__menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important
}

.multiselect-icon__menu.drop-up {
    position: fixed
}

@media (min-width:960px) {
    .multiselect-icon__menu.drop-up {
        top: auto !important;
        bottom: 50px !important
    }
}

@media (max-width:959px) and (min-width:640px) {
    .multiselect-icon__menu.drop-up {
        top: auto !important;
        bottom: 62px !important
    }
}

.multiselect-icon__menu .ui-multiselect-checkboxes {
    max-height: 240px;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0 !important
}

.multiselect-icon__menu .ui-multiselect-checkboxes::-webkit-scrollbar {
    width: 4px;
    cursor: pointer
}

.multiselect-icon__menu .ui-multiselect-checkboxes::-webkit-scrollbar-track {
    background-color: #e2e5e8;
    border-radius: 0
}

.multiselect-icon__menu .ui-multiselect-checkboxes::-webkit-scrollbar-thumb {
    background-color: #c7cbce;
    border-radius: 0
}

.multiselect-icon__menu .ui-multiselect-checkboxes {
    scrollbar-color: #c7cbce #e2e5e8;
    scrollbar-width: thin
}

.multiselect-icon__item {
    position: relative;
    padding: 0
}

.multiselect-icon__item label span {
    padding-right: 64px !important
}

.mltsl-img {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 8px;
    right: 16px;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: contain; object-position: center center"
}

.my-acc-drivers__empty {
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 20;
    line-height: 32px
}

@media (max-width:1199px) {
    .my-acc-drivers__empty {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .my-acc-drivers__empty {
        padding-top: 0
    }
}

.my-acc-drivers.added .my-acc-drivers__empty {
    display: none
}

.my-acc-drivers__added {
    display: none;
    padding-bottom: 32px
}

.my-acc-drivers.added .my-acc-drivers__added {
    display: block
}

.my-acc-tabs.is-sticky {
    position: sticky;
    top: 32px;
    -webkit-transition: top time;
    transition: top time
}

.my-acc-tabs.is-sticky.shifted {
    top: 89px
}

.my-acc-tabs--m-not-sticky {
    position: static
}

.my-acc-tabs__item {
    position: relative
}

.my-acc-tabs__item+.my-acc-tabs__item {
    margin-top: 18px
}

.my-acc-tabs__item+.my-acc-tabs__item--custom {
    margin-top: 32px
}

@media (max-width:1199px) {
    .my-acc-tabs--m-edit .my-acc-tabs__item+.my-acc-tabs__item {
        margin-top: 0;
        border-top: 1px solid #dee0e2
    }
}

@media (max-width:1199px) {
    .my-acc-tabs--m-edit .my-acc-tabs__item+.my-acc-tabs__item--custom {
        margin-top: 32px;
        border-top: none
    }
}

@media (max-width:767px) {
    .my-acc-tabs--m-edit .my-acc-tabs__item+.my-acc-tabs__item--custom {
        margin-top: 16px
    }
}

.my-acc-tabs__btn {
    padding: 8px 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    color: #090a0b
}

.my-acc-tabs__btn.active {
    border-bottom-color: #090a0b
}

.my-acc-tabs__btn--custom {
    color: #484c51
}

.my-acc-tabs__btn--custom:hover {
    color: #090a0b
}

.my-acc-tabs__btn-mobile {
    display: none
}

@media (max-width:1199px) {
    .my-acc-tabs__btn-mobile {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: transparent;
        border: none
    }
}

@media (max-width:1199px) {
    .my-acc-tabs--m-edit .my-acc-tabs__btn {
        width: 100%;
        padding: 32px 72px 32px 24px;
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        border-bottom: none;
        text-align: left
    }
}

@media (max-width:767px) {
    .my-acc-tabs--m-edit .my-acc-tabs__btn {
        padding: 24px 40px 24px 0;
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width:1199px) {
    .my-acc-tabs--m-edit .my-acc-tabs__btn:first-child {
        border-top-color: transparent
    }
}

@media (max-width:1199px) {
    .my-acc-tabs--m-edit .my-acc-tabs__btn:after {
        content: "";
        display: block;
        position: absolute;
        top: 35px;
        right: 24px;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22rgba(177, 181, 185, 1)%22%3E %3Cpath d=%22M17.643 1.92a3.138 3.138 0 114.438 4.437L7.102 21.336 1 23l1.664-6.102L17.643 1.919z%22 stroke=%22%22 stroke-width=%221.95%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");
        background-size: contain
    }
}

@media (max-width:767px) {
    .my-acc-tabs--m-edit .my-acc-tabs__btn:after {
        top: 29px;
        right: 0;
        width: 16px;
        height: 16px
    }
}

.my-acc-tabs--m-edit .my-acc-tabs__btn--custom {
    font-weight: 500
}

@media (max-width:1199px) {
    .my-acc-tabs--m-edit .my-acc-tabs__btn--custom {
        width: auto;
        padding: 12px 0;
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width:1199px) {
    .my-acc-tabs--m-edit .my-acc-tabs__btn--custom:after {
        display: none
    }
}

.my-account {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.my-account__tabs-wrap {
    position: relative
}

@media (max-width:1199px) {
    .my-account__content {
        display: none
    }
}

.my-account__section {
    display: none
}

.my-account__section.active {
    display: block
}

.my-garage-top {
    position: relative;
    padding-left: 152px;
    min-height: 120px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .my-garage-top {
        display: block;
        padding-left: 0;
        text-align: center
    }
}

.my-garage-top__img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #f4f6f8;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:767px) {
    .my-garage-top__img {
        position: static;
        margin-left: auto;
        margin-right: auto
    }
}

.my-garage-top__title {
    font-family: gt-america-ext;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700
}

@media (max-width:1199px) {
    .my-garage-top__title {
        font-size: 40px;
        line-height: 48px
    }
}

@media (max-width:767px) {
    .my-garage-top__title {
        margin-top: 16px;
        font-size: 32px;
        line-height: 40px
    }
}

.my-review-rating {
    margin-top: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .my-review-rating {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.my-review-rating__txt {
    text-align: center
}

.my-review-rating__rating {
    margin-top: 16px
}

@media (max-width:767px) {
    .review__banner.active+.my-review-rating {
        margin-top: 16px
    }
}

.my-trip {
    position: relative;
    border: 1px solid #dee0e2;
    border-radius: 5px
}

@media (max-width:1199px) {
    .my-trip {
        border: none;
        border-radius: 0
    }
}

.my-trip__header {
    padding: 13px 23px;
    border-radius: 5px 5px 0 0;
    background-color: #f4f6f8;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.my-trip__header-left {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.my-trip__header-right {
    padding-left: 32px
}

.my-trip__location {
    margin-left: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    color: #484c51;
    font-family: gt-america-mono
}

.my-trip__location-icon-wrap {
    margin-top: 4px;
    margin-right: 4px
}

.my-trip__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap
}

.my-trip__title-item+.my-trip__title-item {
    margin-left: 8px
}

.my-trip__status {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    white-space: nowrap
}

.my-trip__footer {
    margin-top: 8px;
    padding: 15px 23px;
    border-top: 1px solid #dee0e2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.my-trip__footer-item {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.my-trip__footer-item+.my-trip__footer-item {
    margin-left: 24px
}

.my-trip__footer-item__alert {
    position: relative;
    padding-left: 32px
}

.my-trip__footer-item__alert .icon {
    position: absolute;
    left: 0;
    top: 0
}

.my-trip__request {
    position: relative;
    padding-top: 24px;
    padding-bottom: 16px
}

.my-trip__request:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 1px;
    background-color: #dee0e2
}

.my-trip__request-item {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - ((100% - 7 * 32px)/ 8) * 2)
}

@media (max-width:1439px) {
    .my-trip__request-item {
        width: calc(100% - 48px)
    }
}

.my-trip__mobile {
    display: none;
    color: #090a0b
}

@media (max-width:1199px) {
    .my-trip__mobile {
        position: relative;
        display: block;
        min-height: 110px;
        padding-left: 174px
    }
}

@media (max-width:767px) {
    .my-trip__mobile {
        min-height: 158px;
        padding-top: 8px;
        padding-bottom: 20px;
        padding-left: 0
    }
}

.my-trip__mobile__top-info {
    display: -webkit-box;
    display: flex;
    width: 100%
}

@media (max-width:767px) {
    .my-trip__mobile__top-info {
        display: block;
        padding-bottom: 36px;
        position: relative
    }
}

.my-trip__mobile__title {
    margin-right: 32px;
    padding-top: 8px;
    padding-bottom: 7px;
    font-size: 20px;
    line-height: 28px
}

@media (max-width:767px) {
    .my-trip__mobile__title {
        margin-right: 0
    }
}

.my-trip__mobile__status {
    margin-left: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    white-space: nowrap
}

@media (max-width:767px) {
    .my-trip__mobile__status {
        position: absolute;
        bottom: 0;
        left: 126px;
        font-size: 14px;
        line-height: 20px
    }
}

.my-trip__mobile__alert {
    position: absolute;
    top: 52px;
    right: 0;
    padding-left: 28px;
    font-size: 14px;
    line-height: 20px
}

@media (max-width:767px) {
    .my-trip__mobile__alert {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        margin-top: -3px;
        margin-bottom: 11px;
        padding-left: 20px;
        font-size: 12px;
        line-height: 16px
    }
}

.my-trip__mobile__alert .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px !important;
    height: 20px !important
}

@media (max-width:767px) {
    .my-trip__mobile__alert .icon {
        top: -1px;
        width: 16px !important;
        height: 16px !important
    }
}

.my-trip__mobile__img {
    position: relative
}

.my-trip__mobile__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(102 / 150 * 100%)
}

.my-trip__mobile__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.my-trip__mobile__img {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 8px;
    width: 150px;
    border-radius: 5px
}

@media (max-width:767px) {
    .my-trip__mobile__img {
        top: auto;
        bottom: -50px;
        width: 110px
    }

    .my-trip__mobile__img:before {
        padding-top: calc(82 / 110 * 100%)
    }
}

.my-trip__mobile__date {
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:767px) {
    .my-trip__mobile__date {
        padding-left: 126px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500
    }
}

@media (max-width:767px) {
    .my-trip__mobile__date:last-child {
        padding-bottom: 26px
    }
}

.my-trip__mobile__text {
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:767px) {
    .my-trip__mobile__text {
        padding-left: 126px;
        padding-top: 8px;
        padding-bottom: 4px;
        font-size: 12px;
        line-height: 16px
    }
}

.my-trip__mobile__divider {
    width: 100%
}

.my-trip-empty-state {
    display: none;
    padding-top: 128px;
    padding-bottom: 64px;
    text-align: center
}

@media (max-width:1199px) {
    .my-trip-empty-state {
        padding-top: 120px;
        padding-bottom: 48px
    }
}

@media (max-width:767px) {
    .my-trip-empty-state {
        padding-top: 40px;
        padding-bottom: 32px
    }
}

.my-trip-empty-state.active {
    display: block
}

.my-trip-info {
    padding: 8px 23px 11px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.my-trip-info--suggest {
    margin-bottom: 24px;
    padding: 8px 0 64px;
    border-bottom: 1px solid #dee0e2
}

@media (min-width:1200px) {
    .my-trip-info--suggest {
        display: block !important;
        margin-bottom: 24px !important;
        height: auto !important;
        padding: 8px 0 64px !important
    }
}

@media (max-width:1199px) {
    .my-trip-info--suggest {
        display: none;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none
    }
}

@media (max-width:1199px) {
    .my-trip-info--suggest.active {
        display: block
    }
}

.my-trip-info__suggest-inner {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .my-trip-info__suggest-inner {
        margin-bottom: -28px
    }
}

.my-trip-info__img {
    margin-top: 8px;
    min-width: 130px;
    position: relative
}

.my-trip-info__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.my-trip-info__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.my-trip-info__img img {
    border-radius: 5px
}

@media (max-width:767px) {
    .my-trip-info__img {
        min-width: 110px;
        height: 82px
    }
}

.my-trip-info__info {
    position: relative;
    width: 100%;
    padding-left: 24px
}

@media (max-width:767px) {
    .my-trip-info__info {
        padding-left: 16px
    }
}

.my-trip-info__info-badge-list {
    padding-bottom: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.my-trip-info__info-badge {
    margin-right: 8px;
    margin-top: 8px
}

.my-trip-info__info-inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

.my-trip-info__info-right {
    padding-left: 64px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width:1199px) {
    .my-trip-info__info-right--suggest-trip-change {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media (max-width:767px) {
    .my-trip-info__info-right--suggest-trip-change {
        display: none
    }
}

.my-trip-info__title {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    word-break: break-word
}

@media (max-width:767px) {
    .my-trip-info__title {
        min-height: 100px
    }
}

.my-trip-info__info-right .my-trip-info__title {
    white-space: nowrap
}

@media (max-width:767px) {
    .my-trip-info__data-table {
        margin-left: -126px
    }
}

.my-trip-info__data-table-cell {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 26px;
    vertical-align: top
}

@media (max-width:767px) {
    .my-trip-info__data-table-cell {
        font-size: 14px;
        line-height: 20px
    }
}

.my-trip-info__data-table-cell:first-child {
    padding-right: 16px;
    white-space: nowrap
}

@media (max-width:767px) {
    .my-trip-info__data-table-cell:first-child {
        width: 108px;
        padding-right: 12px;
        white-space: normal
    }
}

.my-trip-info__data-table-cell__link {
    display: block
}

@media (max-width:767px) {
    .my-trip-info__data-table-cell__link {
        max-width: calc(100vw - 24px * 2 - 112px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.my-trip-info--suggest .my-trip-info__data-table td:first-child {
    color: #6f757c
}

.my-trip-info__btn-group {
    padding-top: 0;
    padding-bottom: 0
}

.my-trip-info__btn-group .btn {
    white-space: nowrap
}

.my-trip-info__owner-yearn {
    font-size: 16px;
    line-height: 26px;
    white-space: nowrap
}

.my-trip-list {
    display: none;
    padding-top: 24px
}

@media (max-width:1199px) {
    .my-trip-list {
        position: relative;
        padding-top: 40px
    }
}

@media (max-width:767px) {
    .my-trip-list {
        padding-top: 32px
    }
}

.my-trip-list.active {
    display: block
}

@media (max-width:1199px) {
    .my-trip-list:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fff
    }
}

.my-trip-list__item {
    display: none;
    color: #090a0b;
    cursor: pointer
}

.my-trip-list__item.active {
    display: block
}

@media (max-width:1199px) {
    .my-trip-list__item.active {
        padding-bottom: 32px;
        border-bottom: 1px solid #dee0e2
    }
}

@media (max-width:767px) {
    .my-trip-list__item.active {
        padding-bottom: 0;
        border-bottom: 1px solid #dee0e2
    }
}

.my-trip-list__item.active~.my-trip-list__item.active {
    margin-top: 24px
}

@media (max-width:1199px) {
    .my-trip-list__item.active~.my-trip-list__item.active {
        margin-top: 0;
        padding-top: 16px
    }
}

@media (max-width:767px) {
    .my-trip-list__item.active~.my-trip-list__item.active {
        padding-top: 0
    }
}

.my-trips-mobile-filter__title {
    padding-bottom: 16px;
    border-bottom: 1px solid #090a0b;
    font-size: 18px;
    line-height: 26px
}

.my-trips-mobile-filter__tabs {
    padding-top: 21px;
    padding-bottom: 28px
}

.my-trips-mobile-filter__radios {
    padding-top: 16px
}

.my-trips-mobile-filter__sort-by {
    display: none
}

.my-trips-mobile-filter__sort-by.active {
    display: block
}

.my-trips-top-controls {
    padding-top: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f4f6f8;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1439px) {
    .my-trips-top-controls {
        display: block;
        padding-bottom: 16px
    }
}

@media (max-width:767px) {
    .my-trips-top-controls {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .my-trips-top-controls.empty {
        padding-bottom: 32px
    }
}

.my-trips-top-controls__left {
    padding-right: 32px
}

.my-trips-top-controls__right {
    display: none
}

@media (max-width:1439px) {
    .my-trips-top-controls__right {
        margin-top: 32px
    }
}

@media (max-width:767px) {
    .my-trips-top-controls__right {
        display: none !important
    }
}

.my-trips-top-controls__right.active {
    display: block
}

.my-trips-top-controls__select {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.my-trips-top-controls__select-label {
    padding-right: 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.my-trips-top-controls__select-field {
    height: 32px
}

.online-indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #00ad82
}

@media (max-width:1199px) {
    .online-indicator--m-small {
        width: 8px;
        height: 8px;
        border-width: 1px
    }
}

.owner-coll {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0 32px 24px
}

@media (max-width:1439px) {
    .owner-coll {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (max-width:767px) {
    .owner-coll {
        width: 272px;
        padding-left: 8px;
        padding-right: 8px
    }
}

.owner-coll__images {
    -webkit-box-ordinal-group: 2;
    order: 1;
    position: relative;
    margin-left: -32px;
    margin-right: -32px;
    border-radius: 5px;
    position: relative
}

.owner-coll__images::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(256 / 509 * 100%)
}

@media (max-width:1439px) {
    .owner-coll__images {
        margin-left: -16px;
        margin-right: -16px;
        position: relative
    }

    .owner-coll__images::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(170 / 340 * 100%)
    }
}

@media (max-width:767px) {
    .owner-coll__images {
        margin-left: -8px;
        margin-right: -8px
    }
}

.owner-coll__img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.owner-coll__img--1 {
    top: 0;
    left: 0;
    width: 66.011788%;
    height: 100%;
    border-radius: 5px 0 0 5px
}

.owner-coll__img--2 {
    top: 0;
    right: 0;
    width: calc(100% - 66.011788% - 4px);
    height: calc((100% - 4px)/ 2);
    border-top-right-radius: 5px
}

.owner-coll__img--3 {
    right: 0;
    bottom: 0;
    width: calc(100% - 66.011788% - 4px);
    height: calc((100% - 4px)/ 2);
    border-bottom-right-radius: 5px
}

.owner-coll__img--owner {
    left: 23px;
    bottom: -45px;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    -webkit-box-shadow: 0 16px 24px rgba(9, 10, 11, .1);
    box-shadow: 0 16px 24px rgba(9, 10, 11, .1)
}

@media (max-width:1719px) {
    .owner-coll__img--owner {
        bottom: -32px;
        width: 98px;
        height: 98px;
        -webkit-box-shadow: 0 12px 20px rgba(9, 10, 11, .1);
        box-shadow: 0 12px 20px rgba(9, 10, 11, .1)
    }
}

@media (max-width:1439px) {
    .owner-coll__img--owner {
        left: 16px;
        bottom: -37px;
        width: 73px;
        height: 73px;
        -webkit-box-shadow: 0 8px 16px rgba(9, 10, 11, .1);
        box-shadow: 0 8px 16px rgba(9, 10, 11, .1)
    }
}

@media (max-width:767px) {
    .owner-coll__img--owner {
        left: 8px
    }
}

.owner-coll__img--owner--no-photo {
    background-color: #f4f6f8
}

.owner-coll__name {
    -webkit-box-ordinal-group: 3;
    order: 2;
    margin-top: 52px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 28px;
    line-height: 36px;
    font-family: gt-america-ext;
    font-weight: 700;
    color: #090a0b
}

@media (max-width:1719px) {
    .owner-coll__name {
        margin-top: 40px
    }
}

@media (max-width:1439px) {
    .owner-coll__name {
        margin-top: 44px;
        font-size: 24px;
        line-height: 32px
    }
}

.owner-coll__location {
    -webkit-box-ordinal-group: 4;
    order: 3;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
    font-family: gt-america-mono;
    color: #484c51
}

.owner-coll__txt {
    word-break: break-word;
    -webkit-box-ordinal-group: 5;
    order: 4;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    color: #484c51
}

@media (max-width:1439px) {
    .owner-coll__txt {
        font-size: 16px;
        line-height: 26px
    }
}

.pac-container {
    z-index: 10000;
    margin-top: 1px;
    padding: 9px 0 0;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    border: 1px solid #dee0e2;
    border-radius: 5px;
    background-color: #fff
}

.form-item-wrap .pac-container {
    top: calc(100% + 4px) !important;
    left: 0 !important;
    width: 100% !important
}

.form-item-wrap--main-search .pac-container {
    margin-top: 0;
    top: calc(100% + 2px) !important;
    left: 64px !important;
    right: 130px;
    width: calc(100% - 194px) !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (max-width:1199px) {
    .form-item-wrap--main-search .pac-container {
        left: 36px !important;
        right: 116px;
        width: calc(100% - 152px) !important
    }
}

@media (max-width:767px) {
    .form-item-wrap--main-search .pac-container {
        top: 100% !important;
        left: 0 !important;
        right: 0;
        width: 100vw !important;
        border: none;
        border-radius: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width:767px) {
    .form-item-wrap--main-search--home .pac-container {
        top: calc(100% + 2px) !important;
        left: 44px !important;
        right: 16px;
        width: calc(100% - 60px) !important;
        border: 1px solid #dee0e2;
        border-radius: 0 0 5px 5px;
        background-color: #fff;
        -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
        box-shadow: 0 10px 25px rgba(9, 10, 11, .1)
    }
}

.form-item-wrap--main-header-search .pac-container {
    top: calc(100% + 2px) !important;
    margin-top: 0;
    border: none;
    border-radius: 0 0 5px 5px
}

@media (max-width:1439px) {
    .form-item-wrap--main-header-search .pac-container {
        left: 56px !important;
        width: calc(100% - 112px) !important
    }
}

@media (max-width:1199px) {
    .form-item-wrap--main-header-search .pac-container {
        left: 32px !important;
        width: calc(100% - 64px) !important
    }
}

@media (max-width:767px) {
    .form-item-wrap--main-header-search .pac-container {
        left: 24px !important;
        width: calc(100% - 48px) !important
    }
}

@media (max-width:767px) {
    .form-item-wrap--book-process-city .pac-container {
        width: 272px !important;
        right: 0 !important;
        left: auto !important
    }
}

.pac-logo:after {
    margin: 15px 20px 15px 0
}

@media all and (max-width:639px) {
    .pac-logo:after {
        margin: 11px 13px 9px
    }
}

.pac-item,
.pac-item-query {
    font-size: 16px;
    line-height: 22px;
    font-family: gt-america;
    font-weight: 400;
    font-style: normal;
    color: #090a0b;
    background-color: #fff;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}

.pac-item b,
.pac-item strong,
.pac-item-query b,
.pac-item-query strong {
    font-weight: 700
}

.pac-item {
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    white-space: normal
}

.pac-item-selected,
.pac-item-selected .pac-item-query,
.pac-item:hover,
.pac-item:hover .pac-item-query {
    background-color: #eaf9ff
}

.pac-icon-marker {
    display: none
}

.payment-card {
    width: 65px;
    height: 40px
}

.payment-card--input {
    position: absolute;
    right: 3px;
    top: 3px
}

.payment-card img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: contain; object-position: center center"
}

.pickup-map {
    width: 100%;
    position: relative
}

.pickup-map::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

@media (max-width:767px) {
    .pickup-map:before {
        padding-top: 100%
    }
}

.pickup-map--pickup {
    margin-top: 16px
}

.pickup-map__map {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.presets {
    list-style: none;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    overflow-x: auto
}

@media (max-width:767px) {
    .presets {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.presets::-webkit-scrollbar {
    height: 0
}

.presets {
    scrollbar-color: #c7cbce #e2e5e8;
    scrollbar-width: thin
}

@media (max-width:1439px) {
    .presets--home {
        margin-left: -56px;
        margin-right: -56px;
        padding-left: 56px;
        padding-right: 56px;
        max-width: 100vw
    }
}

@media (max-width:1199px) {
    .presets--home {
        margin-left: -31px;
        margin-right: -31px;
        padding-left: 31px;
        padding-right: 31px
    }
}

@media (max-width:767px) {
    .presets--home {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }
}

.presets__item {
    margin-right: 32px;
    width: 140px;
    padding: 0
}

@media (max-width:1199px) {
    .presets__item {
        margin-right: 24px;
        width: 88px
    }
}

@media (max-width:767px) {
    .presets__item {
        margin-right: 16px
    }
}

.presets__item:last-of-type {
    margin-right: 0
}

.presets__item__link {
    display: block;
    min-width: 140px;
    color: #090a0b
}

@media (max-width:1199px) {
    .presets__item__link {
        min-width: 88px
    }
}

.presets__img-wrap {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 140px;
    height: 140px;
    overflow: hidden;
    -webkit-transition: background-size 250ms;
    transition: background-size 250ms
}

@media (max-width:1199px) {
    .presets__img-wrap {
        width: 88px;
        height: 88px
    }
}

.presets__img-wrap:after {
    z-index: 10;
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    background-size: contain;
    background: url(../images/presets-circle-mask.svg) 0 0 no-repeat
}

@media (max-width:1199px) {
    .presets__img-wrap:after {
        top: -3px;
        left: -3px;
        height: calc(100% + 6px);
        width: calc(100% + 6px)
    }
}

.presets__img {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    background-color: #fff;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.presets__item:hover .presets__img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.presets__label {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #000
}

@media (max-width:1199px) {
    .presets__label {
        font-size: 16px;
        line-height: 27px
    }
}

@media (max-width:1199px) {
    .iOS .presets--home:after {
        content: "";
        display: block;
        padding-right: 31px;
        height: 88px
    }
}

@media (max-width:767px) {
    .iOS .presets--home:after {
        padding-right: 24px
    }
}

.public-controls {
    position: relative;
    padding: 19px 23px;
    border: 1px solid #c8cacb;
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1919px) {
    .public-controls {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:767px) {
    .public-controls {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.public-controls--edit {
    padding-right: 56px
}

@media (max-width:767px) {
    .public-controls--edit:after {
        content: "";
        display: block;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media (max-width:1199px) {
    .public-controls--availability {
        padding: 0;
        border: none
    }
}

.public-controls--suggest-trip-change {
    pointer-events: none;
    margin-top: 16px
}

@media (max-width:1919px) {
    .public-controls--suggest-trip-change {
        padding-left: 24px
    }
}

@media (max-width:767px) {
    .public-controls--suggest-trip-change {
        pointer-events: all;
        cursor: pointer;
        padding-left: 16px
    }
}

.public-controls--clickable {
    cursor: pointer;
    pointer-events: all
}

.public-controls__left-row {
    display: table-row
}

@media (max-width:767px) {
    .public-controls__left-row {
        display: block
    }
}

.public-controls__left-row>* {
    display: table-cell
}

@media (max-width:767px) {
    .public-controls__left-row>* {
        display: block
    }
}

.public-controls__label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.public-controls__label+.public-controls__label {
    padding-top: 8px
}

.public-controls__data {
    padding-left: 16px;
    font-size: 16px;
    line-height: 24px
}

@media (max-width:767px) {
    .public-controls__data {
        padding-left: 0;
        padding-top: 4px
    }
}

.public-controls__left-row+.public-controls__left-row .public-controls__data,
.public-controls__left-row+.public-controls__left-row .public-controls__label {
    padding-top: 8px
}

@media (max-width:767px) {

    .public-controls__left-row+.public-controls__left-row .public-controls__data,
    .public-controls__left-row+.public-controls__left-row .public-controls__label {
        padding-top: 4px
    }
}

.public-controls__location {
    padding-top: 8px;
    font-size: 16px;
    line-height: 22px
}

@media (max-width:767px) {
    .public-controls__location {
        padding-top: 4px
    }
}

.public-controls__btn-edit {
    pointer-events: all;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 8px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    color: #b1b5b9
}

@media (max-width:767px) {
    .public-controls__btn-edit {
        bottom: auto;
        top: 3px;
        right: 3px
    }
}

.public-controls__btn-edit-icon {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 24px;
    height: 24px
}

@media (max-width:767px) {
    .public-controls__btn-edit-icon {
        width: 14px;
        height: 14px
    }
}

.public-controls__btn-edit:hover .public-controls__btn-edit-icon {
    color: #090a0b
}

.public-controls__btn-edit-chosen {
    display: none;
    padding: 8px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #090a0b;
    background-color: transparent
}

@media (max-width:767px) {
    .public-controls__btn-edit-chosen {
        margin-top: 35px;
        padding-top: 11px;
        padding-bottom: 8px
    }
}

.public-controls__btn-edit-chosen.active {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width:1200px) {
    .public-controls__btn-edit-chosen.active {
        display: none
    }
}

.public-garage-img {
    display: none
}

.public-garage-img.active {
    display: block
}

.public-garage-img {
    width: 100%;
    height: 430px
}

@media (max-width:1199px) {
    .public-garage-img {
        height: 256px
    }
}

@media (max-width:767px) {
    .public-garage-img {
        height: 160px
    }
}

.public-garage-img img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.public-garage-img--no-photo {
    position: relative;
    background: linear-gradient(170.47deg, #dee0e2 -28.15%, #f4f6f8 65.31%)
}

.public-garage-img--no-photo img {
    position: absolute;
    top: 84px;
    left: 166px;
    width: 337px;
    height: 266px
}

@media (max-width:1719px) {
    .public-garage-img--no-photo img {
        top: 72px;
        left: 64px
    }
}

@media (max-width:1439px) {
    .public-garage-img--no-photo img {
        left: 56px
    }
}

@media (max-width:1199px) {
    .public-garage-img--no-photo img {
        left: 31px;
        top: 40px;
        width: 223px;
        height: 176px
    }
}

@media (max-width:767px) {
    .public-garage-img--no-photo img {
        left: 24px;
        top: 32px;
        width: 137px;
        height: 108px
    }
}

.public-garage-promo-info {
    display: none;
    position: relative;
    padding-top: 80px
}

@media (max-width:1199px) {
    .public-garage-promo-info {
        padding-top: 40px
    }
}

@media (max-width:767px) {
    .public-garage-promo-info {
        padding-top: 32px
    }
}

.public-garage-promo-info.active {
    display: block
}

.public-garage-promo-info--promo-img {
    margin-top: -122px;
    padding-top: 0
}

@media (max-width:1199px) {
    .public-garage-promo-info--promo-img {
        margin-top: -80px
    }
}

@media (max-width:767px) {
    .public-garage-promo-info--promo-img {
        margin-top: -60px
    }
}

.public-garage-promo-info__img {
    width: 193px;
    height: 193px;
    border-radius: 50%;
    -webkit-box-shadow: 0 17px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 17px 25px rgba(9, 10, 11, .1)
}

@media (max-width:1199px) {
    .public-garage-promo-info__img {
        width: 120px;
        height: 120px
    }
}

@media (max-width:767px) {
    .public-garage-promo-info__img {
        margin-left: auto;
        margin-right: auto
    }
}

.public-garage-promo-info__img--no-photo {
    background-color: #f4f6f8
}

.public-garage-promo-info__img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.public-garage-promo-info__content {
    padding-top: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .public-garage-promo-info__content {
        position: relative
    }
}

@media (max-width:767px) {
    .public-garage-promo-info__content {
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .public-garage-promo-info__content-left {
        text-align: center
    }
}

.public-garage-promo-info__content-right {
    display: none
}

@media (max-width:1919px) {
    .public-garage-promo-info__content-right {
        margin-right: calc(0px - (6.48615% + 32px));
        margin-right: calc(0px - (var(--col) + var(--space)))
    }
}

@media (max-width:1439px) {
    .public-garage-promo-info__content-right {
        margin-right: 0
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .public-garage-promo-info__content-right {
        position: absolute;
        right: 0;
        top: 0
    }
}

@media (max-width:767px) {
    .public-garage-promo-info__content-right {
        width: 100%;
        margin-bottom: -24px;
        padding-top: 0;
        text-align: center
    }
}

.public-garage-promo-info__content-right.active {
    display: block
}

.public-garage-promo-info__title {
    padding-bottom: 16px
}

.public-garage-promo-info__location {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    line-height: 20px;
    font-family: gt-america-mono;
    color: #484c51
}

@media (max-width:1199px) {
    .public-garage-promo-info__location {
        padding-top: 0;
        padding-bottom: 0
    }
}

.public-garage-promo-info__txt {
    padding-top: 16px;
    font-size: 20px;
    line-height: 30px
}

@media (max-width:1199px) {
    .public-garage-promo-info__txt {
        font-size: 16px;
        line-height: 26px
    }
}

.public-garage-promo-info__btn-group {
    margin-top: -24px
}

@media (max-width:1919px) {
    .public-garage-promo-info__btn-group {
        margin-top: -32px
    }
}

@media (max-width:1199px) {
    .public-garage-promo-info__btn-group {
        margin-top: -16px
    }
}

@media (max-width:1199px) {
    .public-garage-promo-info__btn-group {
        margin-top: 0
    }
}

.public-garage-reviews {
    padding-top: 24px
}

@media (max-width:1199px) {
    .public-garage-reviews {
        padding-top: 40px;
        flex-wrap: wrap
    }
}

@media (max-width:1199px) {
    .public-garage-reviews__left {
        margin-top: 32px;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        order: 2
    }
}

@media (max-width:767px) {
    .public-garage-reviews__left {
        margin-top: 8px
    }
}

.public-garage-reviews__right {
    margin-top: -80px;
    width: 336px
}

@media (max-width:1919px) {
    .public-garage-reviews__right {
        width: 288px
    }
}

@media (max-width:1199px) {
    .public-garage-reviews__right {
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        order: 1;
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

@media (max-width:767px) {
    .public-garage-reviews__right {
        display: block
    }
}

@media (max-width:1199px) {
    .public-garage-reviews__right__rating {
        width: 288px
    }
}

.public-garage-reviews__right__filters {
    margin-top: 64px
}

@media (max-width:1199px) {
    .public-garage-reviews__right__filters {
        margin-top: 0;
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 3) + 32px * (3 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 3) + var(--space) * (3 - 1))
    }
}

@media (max-width:767px) {
    .public-garage-reviews__right__filters {
        margin-top: 32px;
        width: 100%
    }
}

.public-vehicle-btn {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1588px;
    width: var(--width)
}

@media (max-width:1719px) {
    .public-vehicle-btn {
        width: 100%;
        max-width: 100%;
        padding-left: 64px;
        padding-right: 64px
    }
}

@media (max-width:1439px) {
    .public-vehicle-btn {
        padding-left: calc(32px + 24px);
        padding-right: calc(32px + 24px)
    }
}

@media (max-width:1199px) {
    .public-vehicle-btn {
        display: block;
        z-index: 1000;
        padding-left: 31px;
        padding-right: 31px;
        border-top: 1px solid #dee0e2;
        background-color: #fff
    }
}

@media (max-width:767px) {
    .public-vehicle-btn {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:1199px) {
    .public-vehicle-btn__outer {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.public-vehicle-btn__inner {
    position: relative;
    margin-left: auto
}

@media (max-width:1199px) {
    .public-vehicle-btn__inner {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center
    }
}

.public-vehicle-btn__btn-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 32px 24px;
    background-color: #fff
}

@media (max-width:1199px) {
    .public-vehicle-btn__btn-wrap {
        position: relative;
        width: auto;
        padding: 0
    }
}

.public-vehicle-btn__btn {
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center
}

@media (max-width:1199px) {
    .public-vehicle-btn__btn {
        width: auto
    }
}

.public-vehicle-btn__data {
    display: none
}

@media (max-width:1199px) {
    .public-vehicle-btn__data {
        font-size: 34px;
        line-height: 42px;
        font-weight: 700
    }
}

@media (max-width:767px) {
    .public-vehicle-btn__data {
        font-size: 26px;
        line-height: 34px
    }
}

@media (max-width:1199px) {
    .public-vehicle-btn__data.active {
        display: block
    }
}

.public-vehicle-btn__warning {
    display: none;
    font-size: 16px;
    line-height: 1.5em
}

@media (max-width:1199px) {
    .public-vehicle-btn__warning.active {
        display: -webkit-box;
        display: flex
    }
}

@media (max-width:1199px) {
    .public-vehicle-btn__warning:before {
        content: "";
        margin-right: 8px;
        min-width: 24px;
        height: 24px;
        background: url(../images/icon-state-error.svg) 0 0 no-repeat;
        background-size: cover
    }
}

@media (max-width:767px) {
    .public-vehicle-btn__warning:before {
        display: none
    }
}

.public-vehicle-btn__warning__defis {
    display: none
}

@media (max-width:767px) {
    .public-vehicle-btn__warning__defis {
        display: block;
        height: 2px;
        width: 24px;
        background-color: #090a0b
    }
}

.public-vehicle-btn__banner {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: calc(100% + 12px);
    -webkit-box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
    box-shadow: 0 5px 10px rgba(9, 10, 11, .05)
}

@media (min-width:768px) {
    .public-vehicle-btn__banner {
        display: none !important
    }
}

.overlay-open .public-vehicle-btn {
    opacity: 0
}

.public-vehicle-data-table {
    display: block;
    width: 100%
}

.public-vehicle-data-table--public {
    margin-top: 88px
}

@media (max-width:767px) {
    .public-vehicle-data-table--public {
        margin-top: 28px
    }
}

.public-vehicle-data-table__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch
}

@media (max-width:767px) {
    .public-vehicle-data-table__row {
        display: block
    }
}

.public-vehicle-data-table__row:first-child .public-vehicle-data-table__cell {
    border-top: none
}

.public-vehicle-data-table__cell {
    width: 50%;
    padding: 24px 20px 24px 0;
    vertical-align: top;
    border-top: 1px solid #dee0e2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1919px) {
    .public-vehicle-data-table__cell {
        padding-right: 16px
    }
}

@media (max-width:767px) {
    .public-vehicle-data-table__cell {
        display: block;
        position: relative;
        width: auto;
        padding-right: 0;
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.public-vehicle-data-table__cell:not(:only-child):last-child {
    padding-right: 0;
    padding-left: 20px
}

@media (max-width:1919px) {
    .public-vehicle-data-table__cell:not(:only-child):last-child {
        padding-left: 16px
    }
}

@media (max-width:767px) {
    .public-vehicle-data-table__cell:not(:only-child):last-child {
        padding-left: 0
    }
}

.public-vehicle-data-table__cell:only-child {
    width: 100%;
    padding-right: 0
}

.public-vehicle-data-table__cell--user-info {
    -webkit-box-align: center;
    align-items: center
}

.public-vehicle-data-table__label {
    min-width: 38.5%;
    font-size: 15px;
    line-height: 26px;
    color: #484c51
}

@media (max-width:767px) {
    .public-vehicle-data-table__label {
        width: 100%;
        line-height: 22px
    }
}

.public-vehicle-data-table__label--owner {
    min-width: 18.5792%
}

.public-vehicle-data-table__data {
    padding-left: 8px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

@media (max-width:767px) {
    .public-vehicle-data-table__data {
        margin-top: 8px;
        padding-left: 0
    }
}

.public-vehicle-data-table__data--owner {
    position: relative;
    min-height: 40px;
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 6px;
    font-size: 20px;
    line-height: 28px
}

@media (max-width:767px) {
    .public-vehicle-data-table__data--owner {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center;
        min-height: 48px;
        padding-top: 0;
        padding-left: 56px;
        padding-right: 82px
    }
}

.public-vehicle-data-table__data--owner a {
    color: #090a0b
}

.public-vehicle-data-table__user-photo {
    display: block;
    position: absolute;
    left: 8px;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f4f6f8;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:767px) {
    .public-vehicle-data-table__user-photo {
        left: 0
    }
}

@media (max-width:1199px) {
    .public-vehicle-images {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        align-items: stretch
    }
}

.public-vehicle-images__img-big {
    cursor: pointer;
    position: relative
}

.public-vehicle-images__img-big::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.public-vehicle-images__img-big img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:1199px) {
    .public-vehicle-images__img-big {
        width: 60.42vw
    }
}

@media (max-width:767px) {
    .public-vehicle-images__img-big {
        margin-left: -24px;
        margin-right: -24px;
        width: 100vw
    }
}

@media (max-width:1199px) {
    .public-vehicle-images__img-big:before {
        padding-top: 68.1%
    }
}

@media (max-width:1199px) {
    .public-vehicle-images__img-big--single {
        width: 100vw
    }
}

.public-vehicle-images__img-big-mobile-over {
    display: none
}

@media (max-width:767px) {
    .public-vehicle-images__img-big-mobile-over {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.public-vehicle-images__img-big-numb {
    position: absolute;
    bottom: 16px;
    right: 24px;
    padding: 4px 8px 5px;
    font-size: 16px;
    line-height: 20px;
    color: #090a0b;
    background-color: #fff;
    border-radius: 3px
}

.public-vehicle-images__img-small-wrap {
    margin-left: -12px;
    margin-right: -12px
}

@media (max-width:1919px) {
    .public-vehicle-images__img-small-wrap {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media (max-width:1199px) {
    .public-vehicle-images__img-small-wrap {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
        width: calc(100% - 60.42vw - 16px)
    }
}

@media (max-width:767px) {
    .public-vehicle-images__img-small-wrap {
        display: none
    }
}

.public-vehicle-images__img-small {
    cursor: pointer;
    margin-top: 24px;
    margin-left: 12px;
    margin-right: 12px;
    width: calc((100% - 4 * 24px)/ 4);
    position: relative
}

.public-vehicle-images__img-small::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.public-vehicle-images__img-small img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:1919px) {
    .public-vehicle-images__img-small {
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 16px;
        width: calc((100% - 4 * 16px)/ 4)
    }
}

@media (max-width:1199px) {
    .public-vehicle-images__img-small {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        width: 100%;
        height: calc((100% - 16px)/ 2);
        padding-top: 0
    }
}

@media (max-width:1199px) {
    .public-vehicle-images__img-small:nth-child(-n+6) {
        display: none
    }
}

@media (max-width:1199px) {

    .public-vehicle-images__img-small:nth-last-child(1),
    .public-vehicle-images__img-small:nth-last-child(2) {
        display: block
    }
}

.public-vehicle-options {
    display: none;
    position: relative;
    position: sticky;
    top: 32px;
    -webkit-transition: top 150ms;
    transition: top 150ms
}

@media (max-width:1199px) {
    .public-vehicle-options {
        max-height: none !important;
        height: auto !important
    }
}

.public-vehicle-options.active {
    display: block
}

.public-vehicle-options__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    padding-left: 23px;
    padding-right: 23px
}

@media (max-width:1919px) {
    .public-vehicle-options__inner {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1200px) {
    .public-vehicle-options__inner {
        overflow-y: auto
    }

    .public-vehicle-options__inner::-webkit-scrollbar {
        width: 0
    }

    .public-vehicle-options__inner {
        scrollbar-color: #c7cbce #e2e5e8;
        scrollbar-width: thin
    }
}

@media (max-width:1199px) {
    .public-vehicle-options__inner {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        position: static !important;
        padding-top: 16px;
        padding-bottom: 0;
        max-height: none !important
    }
}

@media (min-width:1200px) {
    .public-vehicle-options__inner__sub {
        max-height: calc(1vh * 100 - 152px);
        max-height: calc(var(--vh, 1vh) * 100 - 152px);
        overflow-y: auto
    }
}

@media (max-width:1199px) {
    .public-vehicle-options__inner__sub {
        display: contents
    }
}

.public-vehicle-options__inner__sub::-webkit-scrollbar {
    width: 0
}

.public-vehicle-options__inner__sub {
    scrollbar-color: #c7cbce #e2e5e8;
    scrollbar-width: thin
}

.public-vehicle-options__price {
    margin-top: 16px
}

.public-vehicle-options__price-per-day-period {
    margin-left: 10px
}

.public-vehicle-options__price-location {
    margin-top: 4px;
    font-size: 16px;
    line-height: 20px;
    color: #484c51;
    font-family: gt-america-mono
}

.public-vehicle-options__available-to-members {
    min-height: 72px
}

@media (max-width:1199px) {
    .public-vehicle-options__available-to-members {
        margin-top: 40px;
        -webkit-box-ordinal-group: 5;
        order: 4
    }
}

@media (max-width:767px) {
    .public-vehicle-options__available-to-members {
        margin-top: 32px;
        min-height: 40px
    }
}

.public-vehicle-options__duration {
    padding-top: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #484c51
}

@media (max-width:1199px) {
    .public-vehicle-options__duration {
        -webkit-box-ordinal-group: 4;
        order: 3;
        padding-top: 32px;
        padding-bottom: 8px
    }
}

@media (max-width:767px) {
    .public-vehicle-options__duration {
        margin-bottom: -8px;
        padding-top: 28px;
        padding-bottom: 0
    }
}

.public-vehicle-options__duration span {
    display: inline-block;
    padding: 0
}

.public-vehicle-options__info {
    padding-top: 24px
}

@media (max-width:1199px) {
    .public-vehicle-options__info {
        -webkit-box-ordinal-group: 5;
        order: 4
    }
}

@media (max-width:767px) {
    .public-vehicle-options__info {
        margin-top: 32px;
        padding-top: 16px;
        padding-bottom: 16px;
        border-top: 1px solid rgba(0, 0, 0, .1);
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

.public-vehicle-options__btn-bottom-wrap {
    position: relative;
    width: 100%;
    padding: 32px 24px;
    background-color: #fff
}

@media (max-width:1919px) {
    .public-vehicle-options__btn-bottom-wrap {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:1199px) {
    .public-vehicle-options__btn-bottom-wrap {
        display: none
    }
}

.public-vehicle-options__btn-bottom-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 128px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(360deg, #fff 0, rgba(255, 255, 255, 0) 100%)
}

@media (max-width:1199px) {
    .public-vehicle-options__btn-bottom-wrap:before {
        display: none
    }
}

.public-vehicle-options__btn-bottom-wrap.no-shadow:before {
    display: none
}

.public-vehicle-options .public-vehicle-options__btn-bottom {
    position: static;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center
}

@media (min-width:1200px) {
    .smsub {
        margin-top: auto;
        width: 100%
    }
}

@media (min-width:1200px) {
    .main-header.is-active~.edit-car .public-vehicle-options {
        top: 64px
    }
}

@media (min-width:1200px) {
    .main-header.is-active~.edit-car .public-vehicle-options__inner__sub {
        max-height: calc(1vh * 100 - 184px);
        max-height: calc(var(--vh, 1vh) * 100 - 184px)
    }
}

.public-vehicle-rating {
    padding-top: 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

.public-vehicle-rating__rating-count {
    margin-right: 38px;
    margin-left: calc(4px + 8px);
    font-size: 18px;
    line-height: 28px;
    color: #090a0b
}

.public-vehicle-rating__controls {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .public-vehicle-rating__controls {
        width: 100%;
        padding-top: 24px
    }
}

.public-vehicle-right-column {
    position: relative;
    padding-top: 8px
}

@media (max-width:1199px) {
    .public-vehicle-right-column {
        display: none
    }
}

.public-vehicle-section {
    word-break: break-word
}

@media (max-width:767px) {
    .public-vehicle-section {
        position: relative;
        padding-bottom: 64px;
        height: 328px;
        overflow: hidden
    }
}

@media (max-width:767px) {
    .public-vehicle-section.active {
        height: auto
    }
}

.public-vehicle-section__controls {
    display: none
}

@media (max-width:767px) {
    .public-vehicle-section__controls {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        align-items: center;
        background-color: #fff
    }
}

.public-vehicle-section__controls:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 80px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-44.32%, rgba(255, 255, 255, 0)), color-stop(87.5%, #fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -44.32%, #fff 87.5%)
}

.public-vehicle-section__controls--desktop {
    cursor: pointer;
    margin-top: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    align-items: flex-start
}

.public-vehicle-section__controls--desktop:before {
    display: none
}

.public-vehicle-section.active .public-vehicle-section__controls:before {
    display: none
}

.public-vehicle-section__btn {
    position: relative;
    padding-right: 24px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: #007bb3;
    background-color: transparent
}

.public-vehicle-section__btn__more {
    display: block
}

.public-vehicle-section__btn__less {
    display: none
}

.public-vehicle-section__btn .icon {
    position: absolute;
    right: 0;
    top: 4px
}

.public-vehicle-section__btn.active .public-vehicle-section__btn__more {
    display: none
}

.public-vehicle-section__btn.active .public-vehicle-section__btn__less {
    display: block
}

.public-vehicle-section__btn.active .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.radio-check {
    position: relative;
    display: block;
    min-width: 24px;
    min-height: 24px
}

.radio-check__pseudo-check {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #b1b5b9;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.radio-check__icon-check {
    width: 12px;
    height: 9px;
    fill: currentColor !important
}

.radio-check.error .checkbox__pseudo-check,
.radio-check.error .radio-check__pseudo-check {
    border-color: #d10000
}

.radio-check__pseudo-check:hover,
label.radio-check:hover .radio-check__pseudo-check {
    border-color: #007bb3
}

.radio-check__input:checked+.radio-check__pseudo-check {
    border-color: #007bb3;
    background-color: #007bb3
}

input:disabled+.radio-check__pseudo-check {
    background-color: #fff !important;
    border-color: #090a0b !important;
    cursor: auto
}

.radio-check__txt {
    cursor: pointer;
    display: block;
    padding-left: 36px;
    padding-top: 0;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #090a0b;
    font-family: gt-america
}

input:disabled~.radio-check__txt,
label+.radio-check__txt {
    cursor: auto
}

.book-location-list__item.disabled .radio-check {
    display: none
}

.radio-tabs {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .radio-tabs--s-column {
        display: block
    }
}

@media (max-width:374px) {
    .radio-tabs--375-column {
        display: block
    }
}

.radio-tabs__item {
    margin-right: 24px
}

.radio-tabs__item:last-child {
    margin-right: 0
}

@media (max-width:767px) {
    .radio-tabs--s-column .radio-tabs__item~.radio-tabs__item {
        margin-top: 16px
    }
}

@media (max-width:374px) {
    .radio-tabs--375-column .radio-tabs__item~.radio-tabs__item {
        margin-top: 16px
    }
}

.rating {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.rating__item {
    width: 20px;
    height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain
}

.rating__item~.rating__item {
    margin-left: 8px
}

.rating__item--full {
    background-image: url(../images/star-full.svg)
}

.rating__item--half {
    background-image: url(../images/star-half.svg)
}

.rating__item--empty {
    background-image: url(../images/star-empty.svg)
}

.rating__item--count {
    cursor: pointer;
    width: 28px;
    background-position: 50% 0
}

.rating__item--count~.rating__item--count {
    margin-left: 0
}

.rating__item--count--big {
    width: 43px;
    height: 32px
}

.rating__item--full.rating__item--big {
    background-image: url(../images/star-full-32.svg)
}

.rating__item--half.rating__item--big {
    background-image: url(../images/star-half-32.html)
}

.rating__item--empty.rating__item--big {
    background-image: url(../images/star-empty-32.svg)
}

.rating__item--empty.rating__item--count--big {
    background-image: url(../images/star-empty-32.svg)
}

.rating__item--full.rating__item--count--big {
    background-image: url(../images/star-full-32.svg)
}

.rating__item--half.rating__item--count--big {
    background-image: url(../images/star-half-32.html)
}

.card .rating__item~.rating__item {
    margin-left: 12px
}

@media (max-width:767px) {
    .card--map .rating__item {
        width: 16px;
        height: 16px
    }
}

@media (max-width:767px) {
    .card--map .rating__item~.rating__item {
        margin-left: 6px
    }
}

.reviews-carousel .rating__item~.rating__item {
    margin-left: 12px
}

.rating input+.rating__item--count {
    background-image: url(../images/star-full.svg)
}

.rating .rating__item--count:hover~.rating__item--count,
.rating:not(:hover) input:first-child:checked~.rating__item--count:not(:hover),
.rating:not(:hover) input:not(:first-child):checked+.rating__item--count~.rating__item--count:not(:hover) {
    background-image: url(../images/star-empty.svg)
}

.rating input+.rating__item--count:hover,
.rating:not(:hover) input:focus+.rating__item--count {
    background-image: url(../images/star-full.svg)
}

.rating input+.rating__item--count--big {
    background-image: url(../images/star-full-32.svg)
}

.rating .rating__item--count--big:hover~.rating__item--count--big,
.rating:not(:hover) input:first-child:checked~.rating__item--count--big:not(:hover),
.rating:not(:hover) input:not(:first-child):checked+.rating__item--count--big~.rating__item--count--big:not(:hover) {
    background-image: url(../images/star-empty-32.svg)
}

.rating input+.rating__item--count--big:hover,
.rating:not(:hover) input:focus+.rating__item--count--big {
    background-image: url(../images/star-full-32.svg)
}

.rental-price-table {
    padding: 22px 24px;
    border-radius: 5px;
    background-color: #eaf9ff
}

.rental-price-table--public-listing {
    margin-top: 24px
}

@media (max-width:1199px) {
    .rental-price-table--public-listing {
        display: none
    }
}

.rental-price-table--specific-trip-sidebar {
    padding: 0;
    background-color: transparent
}

.rental-price-table__warning {
    display: none;
    position: relative;
    margin-bottom: 12px;
    padding: 2px 0 20px 32px;
    border-bottom: 1px solid #dee0e2;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em
}

.rental-price-table__warning.active {
    display: block
}

.rental-price-table__warning:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(../images/icon-state-error.svg) 0 0 no-repeat;
    background-size: cover
}

.rental-price-table__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

.rental-price-table__cell {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 16px;
    line-height: 26px;
    color: #090a0b
}

.rental-price-table__cell--total {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

.rental-price-table--specific-trip-sidebar .rental-price-table__cell {
    padding-top: 4px;
    padding-bottom: 4px
}

.rental-price-table--specific-trip-sidebar .rental-price-table__cell--total {
    padding-top: 8px;
    padding-bottom: 8px
}

.results-empty {
    display: none;
    text-align: center
}

.results-empty--chat {
    padding-top: 104px;
    padding-bottom: 208px
}

@media (max-width:1439px) {
    .results-empty--chat {
        padding-bottom: 144px
    }
}

@media (max-width:1199px) {
    .results-empty--chat {
        padding-top: 72px
    }
}

@media (max-width:767px) {
    .results-empty--chat {
        padding-bottom: 80px
    }
}

.results-empty--chat-filtering {
    padding-top: 104px;
    padding-bottom: 192px
}

@media (max-width:1439px) {
    .results-empty--chat-filtering {
        padding-bottom: 128px
    }
}

@media (max-width:1199px) {
    .results-empty--chat-filtering {
        padding-top: 72px
    }
}

@media (max-width:767px) {
    .results-empty--chat-filtering {
        padding-top: 32px;
        padding-bottom: 64px
    }
}

.results-empty--with-livesearch {
    width: 100%;
    padding-top: 104px
}

@media (max-width:1199px) {
    .results-empty--with-livesearch {
        padding-top: 72px
    }
}

@media (max-width:767px) {
    .results-empty--with-livesearch {
        padding-top: 32px
    }
}

.results-empty.active {
    display: block
}

.results-empty__img {
    display: inline-block;
    max-width: calc(100% - 32px)
}

.review {
    padding-top: 48px;
    border-top: 1px solid #dee0e2;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .review {
        padding-top: 64px
    }
}

.review:first-child {
    border-top: none
}

@media (max-width:767px) {
    .review:first-child {
        padding-top: 40px
    }
}

.review--no-border {
    border-top: none
}

.review__user-photo {
    min-width: 88px;
    max-width: 88px;
    position: relative
}

.review__user-photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(1 / 1 * 100%)
}

.review__user-photo img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:1199px) {
    .review__user-photo {
        min-width: calc((100% - 5 * 32px)/ 6);
        max-width: calc((100% - 5 * 32px)/ 6)
    }
}

@media (max-width:767px) {
    .review__user-photo {
        min-width: 56px;
        max-width: 56px
    }
}

.review__user-photo--specific-trip {
    max-width: none;
    min-width: 0;
    width: calc(((100% - (7 - 1) * 32px)/ 7 * 1) + 32px * (1 - 1));
    width: calc(((100% - (7 - 1) * var(--space))/ 7 * 1) + var(--space) * (1 - 1))
}

@media (max-width:1199px) {
    .review__user-photo--specific-trip {
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 1) + 32px * (1 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 1) + var(--space) * (1 - 1))
    }
}

@media (max-width:767px) {
    .review__user-photo--specific-trip {
        min-width: 56px;
        max-width: 56px
    }
}

.review__user-photo img {
    border-radius: 50%;
    background-color: #f4f6f8
}

.review__data {
    flex-wrap: wrap;
    width: 100%;
    margin-left: 16px
}

@media (max-width:1199px) {
    .review__data {
        margin-left: 32px;
        padding-top: 16px
    }
}

@media (max-width:767px) {
    .review__data {
        margin-left: 16px;
        padding-top: 0
    }
}

.review__data--specific-trip {
    width: calc(((100% - (7 - 1) * 32px)/ 7 * 6) + 32px * (6 - 1));
    width: calc(((100% - (7 - 1) * var(--space))/ 7 * 6) + var(--space) * (6 - 1))
}

@media (max-width:1199px) {
    .review__data--specific-trip {
        padding-top: 0
    }
}

@media (max-width:767px) {
    .review__data--specific-trip {
        width: calc(100% - 72px)
    }
}

@media (max-width:767px) {
    .review__data--specific-trip--my-review {
        padding-top: 14px
    }
}

.review__data-name {
    padding-right: 64px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

@media (max-width:1199px) {
    .review__data-name {
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .review__data-name {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .review__data-name--specific-trip-my-review {
        min-height: 44px
    }
}

.review__data--specific-trip .review__data-name {
    font-size: 20px;
    line-height: 28px
}

.review__data-rating {
    margin-left: auto;
    margin-top: 3px
}

@media (max-width:767px) {
    .review__data-rating {
        margin-top: 10px
    }
}

.review__data-txt {
    padding-top: 16px;
    width: 100%;
    font-size: 20px;
    line-height: 32px;
    word-break: break-word
}

@media (max-width:1199px) {
    .review__data-txt {
        padding-top: 32px;
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .review__data-txt {
        margin-left: -72px;
        width: auto;
        padding-top: 24px
    }
}

@media (max-width:767px) {
    .review__data-txt--specific-trip-my-review {
        padding-top: 32px !important
    }
}

.review__data--specific-trip .review__data-txt {
    padding-top: 24px
}

@media (max-width:1199px) {
    .review__data--specific-trip .review__data-txt {
        font-size: 20px;
        line-height: 32px
    }
}

@media (max-width:767px) {
    .review__data--specific-trip .review__data-txt {
        font-size: 18px;
        line-height: 28px
    }
}

.review__data--specific-trip--my-review .review__data-txt {
    padding-top: 16px
}

.review__data-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .review__data-top {
        display: block
    }
}

.banner.active~.review__data-top {
    margin-top: 32px
}

.review__images {
    margin-left: -8px;
    margin-right: -8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 16px);
    padding-bottom: 8px
}

@media (max-width:767px) {
    .review__images {
        padding-top: 8px;
        margin-left: -80px;
        width: auto
    }
}

.review__images--specific-trip {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px)
}

@media (max-width:1199px) {
    .review__images--specific-trip {
        margin-left: -8px;
        margin-right: -8px;
        width: calc(100% + 16px)
    }
}

@media (max-width:767px) {
    .review__images--specific-trip {
        margin-left: -80px;
        width: auto;
        padding-top: 16px
    }
}

.review__images--specific-trip--my-review {
    display: none
}

.review__images--specific-trip--my-review.active {
    display: -webkit-box;
    display: flex
}

.review__img {
    cursor: pointer;
    position: relative;
    margin-top: 24px;
    margin-left: 8px;
    margin-right: 8px;
    width: calc((100% - 4 * 16px)/ 4);
    position: relative
}

.review__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(129 / 191 * 100%)
}

.review__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.review__img {
    border-radius: 5px;
    overflow: hidden
}

@media (max-width:1919px) {
    .review__img {
        width: calc((100% - 3 * 16px)/ 3)
    }
}

@media (max-width:767px) {
    .review__img {
        margin-top: 16px;
        width: calc((100% - 2 * 16px)/ 2)
    }
}

@media (max-width:1919px) {
    .review__img:nth-child(3):not(:last-child):not(.review__img--specific-trip) {
        display: none
    }
}

@media (max-width:767px) {
    .review__img:nth-child(3):not(:last-child):not(.review__img--specific-trip) {
        display: block
    }
}

.review__img:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0)
}

.review__img--add:after {
    display: none
}

.review__img--specific-trip {
    margin-top: 40px;
    margin-left: 16px;
    margin-right: 16px;
    width: calc((100% - 3 * 32px)/ 3)
}

@media (max-width:1199px) {
    .review__img--specific-trip {
        margin-left: 8px;
        margin-right: 8px;
        width: calc((100% - 3 * 16px)/ 3)
    }
}

@media (max-width:767px) {
    .review__img--specific-trip {
        margin-top: 16px;
        width: calc((100% - 2 * 16px)/ 2)
    }
}

@media (min-width:768px) {
    .review__img--specific-trip--complete:nth-child(3):not(:last-child) {
        display: none
    }
}

.review__img--specific-trip--my-review {
    margin-top: 32px
}

@media (max-width:767px) {
    .review__img--specific-trip--my-review {
        margin-top: 16px
    }
}

.review__img__upload {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #6f757c;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.review__img__upload__border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    stroke: rgba(9, 10, 11, .4)
}

.review__img__upload__cross {
    width: 32px;
    height: 32px
}

.review__img__upload__txt {
    padding-top: 23px;
    font-size: 16px;
    height: 26px
}

.review__img__upload__touch-label {
    cursor: pointer;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.review__img__upload:hover {
    color: #007bb3
}

.review__img__upload:hover .review__img__upload__border {
    stroke: #007bb3
}

.review__img__upload:hover .review__img__upload__txt {
    color: #007bb3
}

.review__img__controls {
    opacity: 0;
    z-index: 10;
    position: absolute;
    top: 8px;
    right: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.review__img:hover .review__img__controls {
    opacity: 1
}

.review__img__controls-item {
    position: relative;
    cursor: pointer;
    pointer-events: initial;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .9);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.review__img__controls-item+.review__img__controls-item {
    margin-left: 16px
}

@media (max-width:767px) {
    .review__img__controls-item {
        width: 24px;
        height: 24px
    }
}

.review__img__controls-item:before {
    content: "";
    display: block;
    position: absolute;
    left: -8px;
    top: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px)
}

.review__controls {
    width: 100%;
    padding-top: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.review__controls--in-progress {
    padding-top: 40px
}

.review__controls-btn-edit {
    padding: 0;
    white-space: nowrap;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.review__data--specific-trip .review__controls {
    padding-top: 24px
}

@media (max-width:767px) {
    .review__data--specific-trip .review__controls {
        margin-left: -72px;
        width: calc(100% + 72px);
        padding-top: 8px
    }
}

.review__data--specific-trip .review__controls--in-progress {
    padding-top: 56px
}

@media (max-width:767px) {
    .review__data--specific-trip .review__controls--in-progress {
        padding-top: 16px
    }
}

.review__date {
    margin-left: auto;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #484c51
}

@media (max-width:1199px) {
    .review__date {
        text-align: left
    }
}

@media (max-width:767px) {
    .review__date {
        margin-left: -72px;
        width: auto
    }
}

@media (max-width:1199px) {
    .review__data--specific-trip .review__date {
        text-align: right
    }
}

@media (max-width:767px) {
    .review__data--specific-trip .review__date {
        margin-left: auto
    }
}

.review__banner:not(:first-child) {
    margin-top: 32px
}

@media (max-width:767px) {
    .review__banner:not(:first-child) {
        margin-top: 16px
    }
}

@media (max-width:767px) {
    .review__images--specific-trip--my-review:not(.active)~.review__controls--in-progress {
        padding-top: 40px
    }
}

.no-touchevents .review__img:hover:after {
    background-color: rgba(0, 0, 0, .25)
}

.touchevents .review__img__controls {
    opacity: 1
}

.reviews__item+.reviews__item {
    margin-top: 48px
}

@media (max-width:767px) {
    .reviews__item+.reviews__item {
        margin-top: 24px
    }
}

.reviews__item--public-garage {
    border-top: none
}

.reviews__item--public-garage+.reviews__item--public-garage {
    margin-top: 0
}

.reviews__item--public-garage.active~.reviews__item--public-garage {
    margin-top: 48px;
    border-top: 1px solid #dee0e2
}

@media (max-width:767px) {
    .reviews__item--public-garage.active~.reviews__item--public-garage {
        margin-top: 24px
    }
}

.public-vehicle-section__addtitional-reviews .reviews__item:first-child {
    margin-top: 48px;
    border-top: 1px solid #dee0e2
}

.reviews-carousel {
    opacity: 0;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s;
    overflow: hidden
}

.reviews-carousel__item {
    cursor: pointer;
    overflow: hidden;
    margin-right: 32px;
    float: left;
    width: 100%;
    max-width: calc((1588px - 64px)/ 3);
    max-width: calc((var(--width) - 64px)/ 3);
    outline: 0 !important
}

@media (max-width:1719px) {
    .reviews-carousel__item {
        max-width: calc((100vw - var(--sw) - 128px - 64px)/ 3)
    }
}

@media (max-width:1439px) {
    .reviews-carousel__item {
        max-width: calc((100vw - var(--sw) - 112px - 64px)/ 3)
    }
}

@media (max-width:1199px) {
    .reviews-carousel__item {
        max-width: calc((100vw - var(--sw) - 62px - 32px)/ 2)
    }
}

@media (max-width:767px) {
    .reviews-carousel__item {
        margin-left: 16px;
        margin-right: 16px;
        max-width: 272px
    }
}

.reviews-carousel__img-wrap {
    overflow: hidden;
    border-radius: 5px;
    position: relative
}

.reviews-carousel__img-wrap::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(339 / 509 * 100%)
}

.reviews-carousel__img-wrap img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:1439px) {
    .reviews-carousel__img-wrap:before {
        padding-top: calc(226 / 340 * 100%)
    }
}

@media (max-width:1199px) {
    .reviews-carousel__img-wrap:before {
        padding-top: calc(224 / 337 * 100%)
    }
}

.reviews-carousel__img-wrap img {
    border-radius: 5px
}

.reviews-carousel__img-wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background-color: rgba(9, 10, 11, .5)
}

.reviews-carousel__item.expanded:not(.fit-in-hover) .reviews-carousel__img-wrap:after {
    opacity: 1
}

.reviews-carousel__content {
    position: relative;
    height: 212px
}

@media (max-width:1439px) {
    .reviews-carousel__content {
        height: 252px
    }
}

@media (max-width:1199px) {
    .reviews-carousel__content {
        height: 250px
    }
}

@media (max-width:767px) {
    .reviews-carousel__content {
        height: 242px
    }
}

.reviews-carousel__content:before {
    opacity: 1;
    -webkit-transition: opacity .25s, z-index .25s;
    transition: opacity .25s, z-index .25s;
    cursor: pointer;
    z-index: 10;
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top, #fff 0, #fff 44px, rgba(255, 255, 255, .825) 72%, rgba(255, 255, 255, .11) 100%)
}

@media (max-width:767px) {
    .reviews-carousel__content:before {
        height: 92px;
        background: linear-gradient(to top, #fff 0, #fff 40px, rgba(255, 255, 255, .825) 72%, rgba(255, 255, 255, .11) 100%)
    }
}

.reviews-carousel__content__inner {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: max-height .25s, -webkit-transform .25s;
    transition: max-height .25s, -webkit-transform .25s;
    transition: max-height .25s, transform .25s;
    transition: max-height .25s, transform .25s, -webkit-transform .25s;
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    padding: 16px 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: #fff
}

@media (max-width:1439px) {
    .reviews-carousel__content__inner {
        display: block
    }
}

@media (max-width:767px) {
    .reviews-carousel__content__inner {
        padding-left: 0;
        padding-right: 0
    }
}

.reviews-carousel__item.fit-in-default {
    pointer-events: none
}

.reviews-carousel__item.fit-in-default .reviews-carousel__content {
    pointer-events: none
}

.reviews-carousel__item.fit-in-default .reviews-carousel__content:after,
.reviews-carousel__item.fit-in-default .reviews-carousel__content:before {
    display: none
}

.reviews-carousel__item.fit-in-default .reviews-carousel__content__inner {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

.reviews-carousel__item.expanded:not(.fit-in-hover) .reviews-carousel__content__inner {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    max-height: calc(551px - 64px)
}

@media (max-width:1719px) {
    .reviews-carousel__item.expanded:not(.fit-in-hover) .reviews-carousel__content__inner {
        max-height: calc(489px - 64px)
    }
}

@media (max-width:1439px) {
    .reviews-carousel__item.expanded:not(.fit-in-hover) .reviews-carousel__content__inner {
        max-height: calc(478px - 64px)
    }
}

@media (max-width:1199px) {
    .reviews-carousel__item.expanded:not(.fit-in-hover) .reviews-carousel__content__inner {
        max-height: calc(474px - 64px)
    }
}

@media (max-width:767px) {
    .reviews-carousel__item.expanded:not(.fit-in-hover) .reviews-carousel__content__inner {
        max-height: calc(423px - 64px)
    }
}

.reviews-carousel__item.opened:not(.fit-in-hover) .reviews-carousel__content:before {
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.reviews-carousel__item.fit-in-hover:hover .reviews-carousel__content:after,
.reviews-carousel__item.fit-in-hover:hover .reviews-carousel__content:before {
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.reviews-carousel__item.fit-in-hover:hover .reviews-carousel__content__inner {
    -webkit-transform: translateY(-28px) !important;
    transform: translateY(-28px) !important
}

.reviews-carousel__btn-close {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -56px;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    -webkit-box-shadow: 0 5px 15px rgba(9, 10, 11, .1);
    box-shadow: 0 5px 15px rgba(9, 10, 11, .1);
    -webkit-transition: background-color .25s, color .25s;
    transition: background-color .25s, color .25s;
    color: #090a0b
}

.reviews-carousel__btn-close-icon {
    position: relative
}

.reviews-carousel__btn-close:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff
}

.reviews-carousel__btn-close:hover {
    color: #fff
}

.reviews-carousel__btn-close:hover:before {
    background-color: #090a0b
}

.reviews-carousel__item.expanded:not(.fit-in-hover) .reviews-carousel__btn-close {
    opacity: 1;
    pointer-events: all
}

.reviews-carousel__user-name {
    -webkit-transition: height 250ms;
    transition: height 250ms;
    max-width: calc(100% - 176px);
    margin-top: 8px;
    margin-bottom: 16px;
    height: 28px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

@media (max-width:1439px) {
    .reviews-carousel__user-name {
        margin-bottom: 8px;
        max-width: none
    }
}

@media (max-width:1199px) {
    .reviews-carousel__user-name {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .reviews-carousel__user-name {
        height: 26px;
        line-height: 26px
    }
}

.reviews-carousel__user-name span {
    display: block
}

.reviews-carousel__item.expanded .reviews-carousel__user-name {
    height: auto !important
}

.reviews-carousel__rating {
    margin-left: auto;
    padding-top: 8px;
    padding-bottom: 8px
}

.reviews-carousel__txt {
    overflow-y: visible;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: -20px;
    padding-right: 20px;
    min-height: 112px;
    max-height: 112px;
    -webkit-transition: max-height .3s, padding-right .3s;
    transition: max-height .3s, padding-right .3s;
    width: calc(100% + 20px);
    font-size: 18px;
    line-height: 28px
}

@media (max-width:1439px) {
    .reviews-carousel__txt {
        margin-top: 20px
    }
}

@media (max-width:1199px) {
    .reviews-carousel__txt {
        width: auto
    }
}

@media (max-width:767px) {
    .reviews-carousel__txt {
        margin-right: 0;
        padding-right: 0;
        -webkit-transition: prop time;
        transition: prop time;
        min-height: 104px;
        max-height: 104px;
        font-size: 16px;
        line-height: 26px
    }
}

.reviews-carousel__txt::-webkit-scrollbar {
    width: 4px;
    cursor: pointer
}

.reviews-carousel__txt::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 0
}

.reviews-carousel__txt::-webkit-scrollbar-thumb {
    background-color: rgba(9, 10, 11, .1);
    border-radius: 8px
}

.reviews-carousel__txt {
    scrollbar-color: rgba(9, 10, 11, .1) #fff;
    scrollbar-width: thin
}

.reviews-carousel__txt__inner {
    display: block
}

.reviews-carousel__item.expanded .reviews-carousel__txt {
    min-height: 0 !important;
    max-height: 392px !important
}

@media (max-width:1719px) {
    .reviews-carousel__item.expanded .reviews-carousel__txt {
        max-height: 330px !important
    }
}

@media (max-width:1439px) {
    .reviews-carousel__item.expanded .reviews-carousel__txt {
        max-height: 280px !important
    }
}

@media (max-width:767px) {
    .reviews-carousel__item.expanded .reviews-carousel__txt {
        max-height: 228px !important;
        padding-right: 16px
    }
}

.reviews-carousel__item.fit-in-hover .reviews-carousel__txt {
    max-height: none !important
}

.no-touchevents .reviews-carousel__item:hover .reviews-carousel__content__inner {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px)
}

.row {
    margin-left: -var(--space);
    margin-right: -var(--space)
}

.scroll-custom::-webkit-scrollbar {
    width: 4px;
    cursor: pointer
}

.scroll-custom::-webkit-scrollbar-track {
    background-color: #e8eaeb;
    border-radius: 2px
}

.scroll-custom::-webkit-scrollbar-thumb {
    background-color: rgba(9, 10, 11, .1);
    border-radius: 4px
}

.scroll-custom {
    scrollbar-color: rgba(9, 10, 11, .1) #e8eaeb;
    scrollbar-width: thin
}

.search-filter {
    z-index: 100;
    position: relative;
    padding-top: 64px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(9, 10, 11, .1)
}

@media (max-width:767px) {
    .search-filter {
        z-index: 100;
        position: sticky;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 150ms;
        transition: -webkit-transform 150ms;
        transition: transform 150ms;
        transition: transform 150ms, -webkit-transform 150ms;
        margin-left: -24px;
        margin-right: -24px;
        padding: 8px 24px;
        background-color: #fff
    }
}

@media (max-width:767px) {
    .search-filter.active {
        -webkit-transform: translateY(46px);
        transform: translateY(46px)
    }
}

@media (max-width:767px) {
    .search-filter:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100vw;
        height: 100%;
        background-color: #fff
    }
}

.search-filter--home {
    padding-top: 32px;
    padding-bottom: 24px;
    border-bottom: none
}

@media (max-width:767px) {
    .search-filter--home {
        position: relative;
        -webkit-transform: none !important;
        transform: none !important;
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (max-width:767px) {
    .search-filter--home:before {
        display: none
    }
}

.search-filter__main-search {
    margin-bottom: 32px
}

@media (max-width:767px) {
    .search-filter__main-search {
        margin-bottom: 0
    }
}

.search-filter--home .search-filter__main-search {
    margin-bottom: 0
}

.search-filter__open-filters-mobile-btn {
    display: none
}

@media (max-width:767px) {
    .search-filter__open-filters-mobile-btn {
        position: absolute;
        right: 12px;
        top: 8px;
        width: 48px;
        height: 48px;
        background-color: transparent;
        color: #090a0b;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center
    }
}

.search-filter__btn-map {
    position: absolute;
    top: 176px;
    right: 0;
    background-color: transparent;
    color: #090a0b;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .search-filter__btn-map {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        top: 68px;
        right: -12px;
        width: 48px;
        height: 48px;
        padding: 0
    }
}

@media (max-width:767px) {
    .search-filter__btn-map {
        top: 8px;
        right: auto;
        left: 12px
    }
}

.search-filter__btn-map--hide {
    display: none
}

.search-filter__btn-map__txt {
    margin-left: 12px
}

@media (max-width:1199px) {
    .search-filter__btn-map__txt {
        display: none
    }
}

.search-filter__mobile-btn-search {
    position: relative;
    margin-left: 36px;
    width: calc(100% - 72px);
    height: 48px;
    padding: 0;
    border-radius: 63px;
    background-color: #f4f6f8;
    border: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.search-filter__mobile-btn-search__icon {
    position: absolute;
    left: 16px;
    top: 16px
}

.search-filter__mobile-btn-search__text {
    display: block;
    margin-left: 44px;
    max-width: calc(100% - 64px);
    font-size: 16px;
    line-height: 24px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #090a0b
}

.search-filter--home .search-filter__mobile-btn-search {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.search-filter--landing {
    padding: 0;
    margin: 0
}

.search-filter--landing .search-filter__main-search {
    margin: 0
}

@media all and (max-width:767px) {
    .search-filter--landing::before {
        display: none
    }

    .search-filter--landing {
        background-color: unset !important
    }

    .search-filter--landing button {
        margin: 0
    }

    .search-filter--landing .search-filter__mobile-btn-search {
        background-color: #fff;
        width: calc(100% - 48px);
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .search-filter--landing .search-filter__search-btn-landing-mobile {
        position: relative;
        background-color: #fff;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 48px;
        height: auto;
        border-bottom-right-radius: 64px;
        border-top-right-radius: 64px
    }

    .search-filter--landing .search-filter__search-btn-landing-mobile::before {
        position: absolute;
        content: "";
        top: 8px;
        left: 8px;
        height: 32px;
        width: 32px;
        background-color: #007bb3;
        border-radius: 50%
    }

    .search-filter--landing .search-filter__main-search {
        display: -webkit-box;
        display: flex
    }

    .search-filter--landing .search-filter__mobile-btn-search__icon {
        z-index: 1;
        position: unset;
        color: #fff
    }

    .search-filter--landing span {
        margin-left: 16px;
        margin-right: 16px;
        max-width: 100%
    }
}

@media all and (min-width:768px) {
    .search-filter--landing .search-filter__search-btn-landing-mobile {
        display: none
    }
}

.main-header.top-state~.search-page .search-filter {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

@media (min-width:768px) {
    .search-page--map .search-filter {
        border-bottom: none
    }
}

.search-page--map .search-filter__btn-map--show,
.search-page--mixed .search-filter__btn-map--show {
    display: none
}

@media (max-width:1199px) {

    .search-page--map .search-filter__btn-map--hide,
    .search-page--mixed .search-filter__btn-map--hide {
        display: -webkit-box;
        display: flex
    }
}

.search-map {
    top: 0;
    left: 0;
    width: 100%;
    background-color: #6f757c;
    -webkit-transition: height, top 150ms;
    transition: height, top 150ms
}

.search-map__map {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:1440px) {

    .search-page--list .search-map,
    .search-page--mixed .search-map {
        position: sticky;
        height: 100vh;
        height: calc(1vh * 100);
        height: calc(var(--vh, 1vh) * 100)
    }
}

@media (min-width:1440px) {

    .search-page--list .search-map.full-height.is-sticky,
    .search-page--mixed .search-map.full-height.is-sticky {
        height: 100vh;
        height: calc(1vh * 100);
        height: calc(var(--vh, 1vh) * 100)
    }
}

.custom-map .search-map,
.search-page--map .search-map {
    position: relative;
    height: 100vh;
    height: calc(1vh * 100);
    height: calc(var(--vh, 1vh) * 100)
}

@media (max-width:767px) {

    .custom-map .search-map,
    .search-page--map .search-map {
        height: calc(100vh - 111px);
        height: calc(1vh * 100 - 111px);
        height: calc(var(--vh, 1vh) * 100 - 111px)
    }
}

.search-page {
    padding-bottom: 128px
}

@media (max-width:767px) {
    .search-page {
        padding-bottom: 32px
    }
}

.search-page {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch
}

.search-page__list {
    position: relative;
    z-index: 100;
    -webkit-transition: all .3s;
    transition: all .3s
}

.search-page__list.invis {
    opacity: 0 !important
}

.search-page__list.no-trs {
    -webkit-transition: none;
    transition: none
}

.search-page__map {
    position: relative;
    margin-right: 0;
    width: 0;
    min-height: 100vh;
    min-height: calc(1vh * 100);
    min-height: calc(var(--vh, 1vh) * 100);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (min-width:1440px) {
    .search-page__map {
        margin-top: -57px
    }
}

.search-page__map.invis {
    opacity: 0 !important
}

.search-page__map.no-trs {
    -webkit-transition: none;
    transition: none
}

.search-page__map__controls {
    z-index: 10;
    position: absolute;
    left: 24px;
    top: 81px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity .3s, top 150ms;
    transition: opacity .3s, top 150ms
}

@media (max-width:1439px) {
    .search-page__map__controls {
        top: 24px
    }
}

.search-page__map__controls.invis {
    display: none;
    opacity: 0
}

.search-page__map__controls__btn {
    display: -webkit-box;
    display: flex;
    width: 48px;
    height: 48px;
    padding: 0;
    color: #090a0b;
    background-color: #fff;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1439px) {
    .search-page__map__controls__btn--dn-l {
        display: none !important
    }
}

@media (max-width:1199px) {
    .search-page__map__controls__btn--dn-m {
        display: none !important
    }
}

.search-page__map__controls__btn+.search-page__map__controls__btn {
    margin-left: 16px
}

@media (min-width:1440px) {
    .search-map:not(.is-sticky).full-height .search-page__map__controls {
        top: 81px
    }
}

@media (min-width:1440px) {
    .search-map.full-height.is-sticky .search-page__map__controls {
        top: 24px
    }
}

.search-page--list .search-page__list {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 12) + 32px * (12 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 12) + var(--space) * (12 - 1))
}

@media (max-width:1439px) {
    .search-page--list .search-page__list {
        width: calc((((100% - 9 * 32px)/ 10) * 12) + 32px * (12 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 12) + var(--space) * (12 - 1))
    }
}

@media (max-width:1199px) {
    .search-page--list .search-page__list {
        width: calc((((100% - 5 * 32px)/ 6) * 12) + 32px * (12 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 12) + var(--space) * (12 - 1))
    }
}

@media (max-width:767px) {
    .search-page--list .search-page__list {
        width: calc((((100% - 3 * 32px)/ 4) * 12) + (32px * (12 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 12) + (var(--space) * (12 - 1)))
    }
}

.search-page--mixed .search-page__list {
    width: calc((((100% - 11 * 32px)/ 12) * 8 + 32px * 7))
}

@media (min-width:1440px) {
    .search-page--mixed .search-page__list {
        margin-right: 32px
    }
}

@media (max-width:1439px) {
    .search-page--mixed .search-page__list {
        width: 100%
    }
}

.search-page--mixed .search-page__map {
    margin-right: calc(0px - ((100vw - var(--sw) - 1588px)/ 2));
    width: calc((((100% - 11 * 32px)/ 12) * 4 + 32px * 3) + (100vw - var(--sw) - 1588px)/ 2)
}

@media (min-width:1440px) {
    .search-page--mixed .search-page__map {
        overflow: visible;
        opacity: 1;
        pointer-events: all
    }
}

@media (max-width:1719px) {
    .search-page--mixed .search-page__map {
        margin-right: -64px;
        width: calc((((100% - 11 * 32px)/ 12) * 4 + 32px * 3) + 64px)
    }
}

.search-page--mixed .search-page__map__controls {
    opacity: 1
}

.search-page--mixed .search-page__map__controls__btn--collapse {
    display: none
}

.search-page--map {
    display: block
}

@media (max-width:767px) {
    .search-page--map {
        padding-bottom: 0
    }
}

.search-page--map .search-page__map {
    pointer-events: all;
    left: calc(0px - ((100vw - var(--sw) - 1588px)/ 2));
    margin-top: 32px;
    width: calc(100vw - var(--sw));
    min-height: 100vh;
    min-height: calc(1vh * 100);
    min-height: calc(var(--vh, 1vh) * 100);
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media (max-width:1719px) {
    .search-page--map .search-page__map {
        left: -64px
    }
}

@media (max-width:1439px) {
    .search-page--map .search-page__map {
        left: -56px
    }
}

@media (max-width:1199px) {
    .search-page--map .search-page__map {
        left: -31px;
        margin-top: 0
    }
}

@media (max-width:767px) {
    .search-page--map .search-page__map {
        left: -24px;
        min-height: calc(100vh - 111px);
        min-height: calc(1vh * 100 - 111px);
        min-height: calc(var(--vh, 1vh) * 100 - 111px);
        width: 100vw
    }
}

.search-page--map .search-page__map__controls__btn--expand {
    display: none
}

.search-page--map .search-page__map__controls {
    opacity: 1
}

@media (min-width:1440px) {
    .search-page--map .search-page__map__controls {
        top: 24px !important
    }
}

.search-page--empty.search-page--list .search-page__map {
    min-height: 0
}

.search-results {
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.search-results.invis {
    opacity: 0
}

.search-results__empty {
    padding-top: 96px;
    padding-bottom: 64px
}

@media (max-width:1439px) {
    .search-results__empty {
        padding-bottom: 0
    }
}

@media (max-width:1199px) {
    .search-results__empty {
        padding-top: 64px
    }
}

@media (max-width:767px) {
    .search-results__empty {
        padding-top: 32px
    }
}

.search-results__empty.active {
    display: block
}

.search-results__top {
    padding-top: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .search-results__top {
        padding-top: 9px
    }
}

@media (max-width:767px) {
    .search-results__top {
        padding-top: 12px
    }
}

.search-results__top__txt {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

@media (max-width:1199px) {
    .search-results__top__txt {
        font-size: 16px
    }
}

.search-results__cards {
    margin-top: -32px;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media (max-width:1199px) {
    .search-results__cards {
        margin-top: -24px
    }
}

@media (max-width:767px) {
    .search-results__cards {
        margin-top: -4px
    }
}

.search-page--no-results-found .search-results__found {
    display: none
}

.search-page--no-results-found .search-results__empty {
    display: block
}

.search-page--map .search-results {
    display: none
}

.search-sort {
    position: relative
}

.search-sort__label {
    padding-top: 3px;
    padding-bottom: 3px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.search-sort__label__txt {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media (max-width:767px) {
    .search-sort__label__txt {
        display: none
    }
}

.search-sort__label__btn {
    position: relative;
    padding-right: 32px;
    font-size: 16px;
    line-height: 26px;
    background-color: transparent;
    color: #090a0b
}

.search-sort__label__btn__icon {
    position: absolute;
    top: 6px;
    right: 8px
}

.search-sort__label__btn.active .search-sort__label__btn__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.search-sort__dropdown {
    width: 220px
}

@media (max-width:1199px) {
    .side-info-wrap-m-row {
        -webkit-box-align: stretch;
        align-items: stretch
    }
}

.side-info {
    position: relative;
    padding: 24px;
    border-radius: 15px;
    background-color: #f4f6f8;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.side-info--column+.side-info--column {
    margin-top: 24px
}

.side-info__title {
    margin-top: 12px;
    overflow: hidden;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

.side-info__logo {
    display: block;
    margin: 0
}

.side-info__logo--hagerty {
    width: 97px;
    height: 18px
}

.side-info__txt {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 26px
}

.side-info__btn {
    margin-top: 16px
}

.side-info--bg {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (max-width:1199px) and (min-width:768px) {
    .side-info--bg {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.side-info--bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 10, 11, .8)), color-stop(139.1%, rgba(9, 10, 11, 0)));
    background: linear-gradient(180deg, rgba(9, 10, 11, .8) 0, rgba(9, 10, 11, 0) 139.1%)
}

.side-info--bg>* {
    position: relative
}

.side-info--bg .side-info__title {
    font-family: gt-america-ext;
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    margin-top: 0
}

.side-info--bg .side-info__btn {
    margin-left: auto;
    margin-top: 62px;
    align-self: flex-end
}

@media (max-width:1199px) {
    .side-info--bg .side-info__btn {
        margin-top: 24px
    }
}

.side-info-mdl--column+.side-info-mdl--column {
    margin-top: 32px
}

.side-info-mdl--column[style="display: none;"]+.side-info-mdl--column {
    margin-top: 0
}

.side-info-mdl__content {
    padding-top: 16px
}

.side-info-mdl__title {
    padding-bottom: 16px;
    border-bottom: 1px solid #dee0e2
}

.side-info-mdl__rating {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.side-info-mdl__rating-count {
    margin-left: 12px;
    font-size: 18px;
    line-height: 28px;
    color: #484c51
}

.side-tabs-wrap {
    z-index: 100
}

@media (max-width:1199px) {
    .side-tabs-wrap {
        min-height: 90px;
        top: 0;
        position: sticky
    }
}

@media (max-width:767px) {
    .side-tabs-wrap {
        min-height: 52px
    }
}

.side-tabs {
    position: sticky;
    -webkit-transition: top .15s cubic-bezier(.4, 0, .2, 1);
    transition: top .15s cubic-bezier(.4, 0, .2, 1);
    top: 0
}

@media (max-width:1199px) {
    .side-tabs {
        position: relative;
        max-width: 100%;
        overflow-x: auto;
        padding-top: 32px;
        padding-bottom: 16px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        align-items: stretch;
        background-color: #fff
    }
}

@media (max-width:767px) {
    .side-tabs {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.side-tabs:not(.under-menu) {
    -webkit-transition: top .15s cubic-bezier(.4, 0, .2, 1);
    transition: top .15s cubic-bezier(.4, 0, .2, 1)
}

@media (max-width:1199px) {
    .side-tabs:not(.under-menu) {
        top: 0 !important
    }
}

.side-tabs.bottom {
    top: auto !important
}

@media (max-width:1199px) {
    .side-tabs__item {
        word-break: keep-all;
        padding-right: 32px;
        padding-bottom: 8px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center
    }
}

@media (max-width:1199px) {
    .side-tabs__item {
        padding-right: 16px
    }
}

@media (max-width:1199px) {
    .side-tabs__item:last-child {
        padding-right: 0
    }
}

.side-tabs__item+.side-tabs__item {
    padding-top: calc(8px + 16px)
}

@media (max-width:1199px) {
    .side-tabs__item+.side-tabs__item {
        padding-top: 0
    }
}

.side-tabs__btn {
    padding: 8px 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    color: #090a0b
}

@media (max-width:1199px) {
    .side-tabs__btn {
        height: 100%
    }
}

.side-tabs__btn.active {
    border-bottom-color: #090a0b
}

.signup-congrats {
    padding-bottom: 128px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .signup-congrats {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 4) + 32px * (4 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 4) + var(--space) * (4 - 1));
        padding-bottom: 56px
    }
}

@media (max-width:767px) {
    .signup-congrats {
        width: 100%;
        padding-bottom: 40px
    }
}

.signup-congrats__img {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 5) + 32px * (5 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 5) + var(--space) * (5 - 1));
    position: relative
}

.signup-congrats__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.signup-congrats__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

@media (max-width:1679px) {
    .signup-congrats__img {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 4) + 32px * (4 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 4) + var(--space) * (4 - 1));
        position: relative
    }

    .signup-congrats__img::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(3 / 4 * 100%)
    }

    .signup-congrats__img img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

@media (max-width:1199px) {
    .signup-congrats__img {
        width: auto
    }
}

.signup-congrats__img img {
    max-width: 100%
}

.signup-congrats__right {
    margin-top: 10px;
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 4) + 32px * (4 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 4) + var(--space) * (4 - 1))
}

@media (max-width:1679px) {
    .signup-congrats__right {
        margin-top: 0;
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 5) + 32px * (5 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 5) + var(--space) * (5 - 1))
    }
}

@media (max-width:1199px) {
    .signup-congrats__right {
        padding-top: 32px;
        width: auto;
        text-align: center
    }
}

@media (max-width:767px) {
    .signup-congrats__right {
        padding-top: 40px
    }
}

@media (max-width:767px) {
    .signup-congrats__title {
        word-wrap: break-word
    }
}

.signup-controls {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.signup-controls--1-0 {
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (max-width:767px) {
    .signup-controls--1-0 {
        display: block;
        text-align: center
    }
}

.banner.active+.signup-controls--1-0 {
    margin-top: 16px
}

.signup-social--signin {
    display: block;
    width: 239px
}

@media (max-width:1199px) {
    .signup-social--signin {
        width: 100%
    }
}

@media (max-width:767px) {
    .signup-social--signin {
        margin-top: -32px
    }
}

.signup-social--signup {
    display: grid;
    grid-template-columns: [first-start] 239px [first-end second-start] 239px [second-end third-start] 239px [third-end];
    grid-template-rows: [first-start] auto [first-end second-start] auto [second-end];
    grid-column-gap: 32px;
    grid-row-gap: 64px;
    margin-top: 32px;
    padding-top: 32px;
    padding-bottom: 32px
}

@media (max-width:1719px) {
    .signup-social--signup {
        grid-template-columns: [first-start] 232px [first-end second-start] 232px [second-end third-start] 232px [third-end]
    }
}

@media (max-width:1199px) {
    .signup-social--signup {
        display: block;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        width: 278px
    }
}

@media (max-width:767px) {
    .signup-social--signup {
        margin-top: 0;
        width: 272px
    }
}

.banner.active~.signup-social {
    margin-top: 0
}

.signup-social__item {
    display: block;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 16px;
    font-family: roboto;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: .2345px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px
}

@media (max-width:1199px) {
    .signup-social__item {
        min-height: 48px;
        padding-top: 11px;
        padding-bottom: 11px;
        padding-left: 16px !important;
        padding-right: 16px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center
    }
}

.signup-social__item:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 15px;
    width: 24px;
    height: 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media (max-width:1199px) {
    .signup-social__item:before {
        position: static;
        margin-right: 12px
    }
}

.signup-social__item--hagerty {
    padding-left: 52px;
    border-color: #148dd5;
    background-color: #148dd5;
    color: #fff
}

.signup-social__item--hagerty:before {
    background-image: url(../images/icon-continue-hagerty.svg)
}

.signup-social__item--facebook {
    padding-left: 52px;
    border-color: #006eeb;
    background-color: #006eeb;
    color: #fff
}

.signup-social__item--facebook:before {
    background-image: url(../images/icon-continue-facebook.svg)
}

.signup-social__item--google {
    padding-left: 48px;
    border-color: #090a0b;
    color: rgba(0, 0, 0, .54)
}

.signup-social__item--google:before {
    top: 14px;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-continue-google.svg)
}

.signup-social__item--apple {
    padding-left: 52px;
    border-color: #090a0b;
    background-color: #090a0b;
    color: #fff
}

.signup-social__item--apple:before {
    background-image: url(../images/icon-continue-apple.svg)
}

@media (max-width:1199px) {
    .signup-social--signup .signup-social__item {
        width: 100%
    }
}

.signup-social--signup .signup-social__item--hagerty {
    grid-column: second;
    grid-row: second
}

@media (max-width:1199px) {
    .signup-social--signup .signup-social__item+.signup-social__item {
        margin-top: 32px
    }
}

@media (max-width:767px) {
    .signup-social--signup .signup-social__item+.signup-social__item {
        margin-top: 24px
    }
}

.signup-social--signin .signup-social__item {
    width: 100%
}

.signup-social--signin .signup-social__item+.signup-social__item {
    margin-top: 32px
}

.slider-line {
    height: 2px;
    border: none !important;
    background-color: #090a0b
}

.slider-line--range {
    background-color: #eaeced
}

.slider-line--filter {
    z-index: 10;
    position: absolute;
    bottom: 43px;
    left: 24px;
    right: 24px
}

@media (max-width:767px) {
    .slider-line--filter {
        left: 8px;
        right: 8px;
        bottom: 32px
    }
}

.slider-line--delivery-options {
    z-index: 10;
    position: absolute;
    left: 215px;
    right: 215px;
    top: 63px
}

@media (max-width:1919px) {
    .slider-line--delivery-options {
        left: 210px;
        right: 210px
    }
}

@media (max-width:1679px) {
    .slider-line--delivery-options {
        left: 180px;
        right: 180px
    }
}

@media (max-width:1199px) {
    .slider-line--delivery-options {
        left: 215px;
        right: 215px
    }
}

@media (max-width:767px) {
    .slider-line--delivery-options {
        top: 35px;
        left: 0;
        right: 0
    }
}

.slider-line .ui-slider-handle {
    cursor: pointer;
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 50%;
    outline: 0;
    background-color: transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.slider-line .ui-slider-handle:before {
    content: "";
    position: relative;
    z-index: 10;
    width: 16px;
    height: 16px;
    border: 2px solid #090a0b;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px transparent;
    box-shadow: 0 5px 15px transparent;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .15s;
    transition: all .15s
}

.slider-line .ui-slider-handle:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transition: all .15s;
    transition: all .15s
}

.slider-line .ui-slider-handle:hover:before {
    background-color: #090a0b;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-box-shadow: 0 5px 15px rgba(9, 10, 11, .1);
    box-shadow: 0 5px 15px rgba(9, 10, 11, .1)
}

.slider-line .ui-slider-handle:hover:after {
    background-color: rgba(9, 10, 11, .1)
}

.slider-line .ui-slider-range-min,
.slider-line--range .ui-slider-range {
    height: 100%;
    border: none;
    border-radius: 5px;
    background-color: #c8cacb
}

.slider-line--range--double .ui-slider-range {
    background-color: #090a0b
}

.slider-line--range .ui-slider-range {
    position: absolute
}

.spec-trip-short {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid #dee0e2;
    border-bottom: 1px solid #dee0e2;
    display: grid;
    grid-template-columns: [start first-start] auto [first-end second-start] 1fr [second-end third-start] auto [end third-end];
    grid-template-rows: [start first-start] auto [first-end second-start] auto [second-end third-start] auto [end third-end];
    grid-auto-rows: auto;
    justify-items: start;
    -webkit-box-pack: start;
    justify-content: start
}

@media (max-width:767px) {
    .spec-trip-short {
        grid-template-columns: [start first-start] auto [first-end second-start] 1fr [second-end end];
        grid-template-rows: [start first-start] auto [first-end second-start] auto [second-end third-start] auto [end third-end]
    }
}

.spec-trip-short__title {
    grid-column: second;
    grid-row: first;
    -webkit-box-align: start;
    align-items: start;
    padding-bottom: 8px
}

.spec-trip-short--under-user-info {
    margin-top: 40px
}

@media (max-width:1199px) {
    .spec-trip-short--under-user-info {
        margin-top: 24px
    }
}

@media (max-width:767px) {
    .spec-trip-short--under-user-info {
        margin-top: 20px
    }
}

.spec-trip-short--full .spec-trip-short__title {
    padding-top: 0
}

@media (max-width:767px) {
    .spec-trip-short--full .spec-trip-short__title {
        min-height: 92px
    }
}

.spec-trip-short__img {
    grid-column: first;
    grid-row: first/second;
    align-self: start;
    margin: 0 24px 0 0;
    width: 110px;
    position: relative
}

.spec-trip-short__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(3 / 4 * 100%)
}

.spec-trip-short__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.spec-trip-short__img {
    border-radius: 5px;
    overflow: hidden
}

@media (max-width:767px) {
    .spec-trip-short__img {
        grid-row: first;
        margin-right: 16px;
        margin-bottom: 10px
    }
}

@media (max-width:1199px) {
    .spec-trip-short--full .spec-trip-short__img {
        margin-bottom: 0
    }
}

.spec-trip-short__data {
    grid-column: second;
    grid-row: second;
    align-self: start;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:767px) {
    .spec-trip-short__data {
        grid-column: first/second;
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width:767px) {
    .spec-trip-short__btn-calendar {
        padding: 9px 0 !important;
        font-size: 15px !important;
        color: #007bb3 !important;
        background-color: transparent !important;
        border: none !important
    }
}

.spec-trip-short--owner-full .spec-trip-short__btn-calendar {
    margin-top: 8px;
    margin-bottom: 12px
}

@media (max-width:767px) {
    .spec-trip-short--owner-full .spec-trip-short__btn-calendar {
        margin-top: 1px;
        margin-bottom: 5px
    }
}

.spec-trip-short--owner-short .spec-trip-short__btn-calendar {
    grid-column: second;
    justify-self: left;
    margin-top: 16px
}

@media (min-width:768px) {
    .spec-trip-short--owner-short .spec-trip-short__btn-calendar {
        grid-row: third
    }
}

@media (max-width:767px) {
    .spec-trip-short--owner-short .spec-trip-short__btn-calendar {
        grid-column: first/second;
        margin-top: 0
    }
}

.spec-trip-short__btn {
    margin-top: 0;
    margin-left: 24px;
    display: -webkit-inline-box;
    display: inline-flex;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 28px;
    background-color: #fff;
    color: #6f757c
}

@media (max-width:767px) {
    .spec-trip-short__btn {
        margin-left: 0;
        font-size: 14px;
        line-height: 20px
    }
}

.spec-trip-short__btn--top {
    grid-column: third;
    align-self: start;
    justify-self: end
}

@media (min-width:768px) {
    .spec-trip-short__btn--top {
        grid-row: first
    }
}

@media (max-width:767px) {
    .spec-trip-short__btn--top {
        padding-top: 8px;
        grid-column: first;
        justify-self: start
    }
}

.spec-trip-short__btn--bottom {
    grid-column: third;
    grid-row: second;
    align-self: end;
    justify-self: end
}

@media (max-width:767px) {
    .spec-trip-short__btn--bottom {
        margin-top: 4px;
        padding-top: 8px;
        padding-bottom: 8px;
        grid-column: second-start;
        grid-row: third-start
    }
}

@media (max-width:767px) {
    .spec-trip-short--full .spec-trip-short__btn {
        margin-top: 4px
    }
}

.spec-trip-short__table-wrap {
    grid-column: second;
    grid-row: second
}

@media (max-width:767px) {
    .spec-trip-short__table-wrap {
        grid-column: start/span 2
    }
}

.spec-trip-short__table {
    display: table;
    margin-top: 4px
}

.spec-trip-short__table__row {
    display: table-row
}

.spec-trip-short__table__cell {
    display: table-cell;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:767px) {
    .spec-trip-short__table__cell {
        font-size: 14px;
        line-height: 20px
    }
}

.spec-trip-short__table__cell:first-child {
    width: 123px;
    padding-top: 8px;
    white-space: nowrap
}

@media (max-width:767px) {
    .spec-trip-short__table__cell:first-child {
        width: auto
    }
}

.spec-trip-short__table__cell+.spec-trip-short__table__cell {
    padding-left: 16px;
    font-weight: 500
}

.spec-trip-short__table__row:first-child .spec-trip-short__table__cell {
    padding-top: 0
}

.spec-trip-status {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title status""steps indicators""info info";
    -webkit-box-align: center;
    align-items: center
}

.spec-trip-status__title {
    grid-area: title;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .spec-trip-status__title {
        font-size: 18px;
        line-height: 28px
    }
}

.spec-trip-status__title__icon {
    padding: 3px 16px;
    background-color: transparent
}

@media (max-width:767px) {
    .spec-trip-status__title__icon {
        padding: 7px 8px
    }
}

.spec-trip-status__title__icon .icon {
    width: 24px;
    height: 24px
}

@media (max-width:767px) {
    .spec-trip-status__title__icon .icon {
        width: 12px;
        height: 12px
    }
}

.spec-trip-status__status {
    grid-area: status;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #484c51;
    text-align: right
}

@media (max-width:767px) {
    .spec-trip-status__status {
        font-size: 14px;
        line-height: 20px
    }
}

.spec-trip-status__steps {
    grid-area: steps;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:1199px) {
    .spec-trip-status__steps {
        padding-top: 2px
    }
}

@media (max-width:767px) {
    .spec-trip-status__steps {
        font-size: 14px;
        line-height: 20px
    }
}

.spec-trip-status__indicators {
    grid-area: indicators;
    align-self: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px
}

@media (max-width:1199px) {
    .spec-trip-status__indicators {
        padding-top: 6px
    }
}

.spec-trip-status__indicators__item {
    width: 16px;
    height: 16px;
    border: 1px solid #b1b5b9;
    border-radius: 50%
}

@media (max-width:767px) {
    .spec-trip-status__indicators__item {
        width: 12px;
        height: 12px
    }
}

.spec-trip-status__indicators__item~.spec-trip-status__indicators__item {
    margin-left: 16px
}

@media (max-width:767px) {
    .spec-trip-status__indicators__item~.spec-trip-status__indicators__item {
        margin-left: 8px
    }
}

.spec-trip-status__indicators__item.complete {
    border: none;
    background-color: #00ad82
}

.spec-trip-status__indicators__item.pending {
    border: none;
    background-color: #e6c005
}

.spec-trip-status__indicators__item.alert {
    border: none;
    background-color: #d10000
}

.spec-trip-status__info {
    margin-top: 32px;
    grid-area: info
}

.specific-info {
    padding: 16px 24px;
    border-radius: 5px;
    background-color: #f4f6f8
}

@media (max-width:767px) {
    .specific-info {
        padding-left: 12px;
        padding-right: 12px
    }
}

.specific-info--highlight {
    background-color: #eaf9ff
}

@media (max-width:1199px) {
    .specific-info--trip-status {
        padding-top: 25px
    }
}

.specific-info__state {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    color: #6f757c
}

@media (max-width:767px) {
    .specific-info__state {
        padding-top: 8px;
        -webkit-box-align: center;
        align-items: center
    }
}

.specific-info__state-date,
.specific-info__state-status {
    padding-top: 8px;
    padding-bottom: 8px
}

@media (max-width:767px) {

    .specific-info__state-date,
    .specific-info__state-status {
        font-size: 12px;
        line-height: 14px
    }
}

.specific-info__state-status {
    margin-right: auto;
    padding-right: 16px
}

.specific-info__state-status:only-child {
    padding-right: 0
}

.specific-info__state-date {
    margin-left: auto;
    margin-top: auto
}

@media (max-width:767px) {
    .specific-info__state-date {
        margin-left: 0;
        margin-top: 0;
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.specific-info__btn-group {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    padding-bottom: 8px
}

.specific-info__btn {
    margin-right: 8px;
    margin-top: 8px
}

.specific-info__btn:last-child,
.specific-info__btn:only-child {
    margin-right: 0
}

.specific-info__text {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 28px
}

@media (min-width:768px) {
    .specific-info__text {
        display: none
    }
}

@media (max-width:767px) {
    .specific-info__text {
        margin-top: 8px;
        max-height: 84px;
        -webkit-transition: max-height .1s, opacity .25s 1s;
        transition: max-height .1s, opacity .25s 1s;
        overflow: hidden;
        padding: 12px;
        font-size: 14px;
        line-height: 20px;
        border-radius: 5px;
        background-color: #fff
    }
}

@media (max-width:767px) {
    .specific-info__text__gradient {
        opacity: 1;
        -webkit-transition: opacity .1s;
        transition: opacity .1s;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 100%)
    }
}

@media (max-width:767px) {
    .specific-info__text__gradient:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 12px;
        background-color: #fff
    }
}

@media (max-width:767px) {
    .specific-info__text.expanded .specific-info__text__gradient {
        opacity: 0
    }
}

@media (max-width:767px) {
    .specific-info__tab-section {
        position: absolute;
        width: calc(100% - 24px);
        opacity: 0;
        pointer-events: none;
        padding-top: 16px
    }
}

@media (max-width:767px) {
    .specific-info__tab-section.active {
        position: static;
        width: 100%;
        pointer-events: all;
        opacity: 1
    }
}

@media (max-width:767px) {
    .specific-info__tab-section__title {
        font-size: 14px;
        line-height: 20px
    }
}

.specific-info__tabs {
    display: none;
    min-width: 100%;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -16px;
    overflow: hidden;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

@media (max-width:767px) {
    .specific-info__tabs {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

.specific-info__tabs__item {
    position: relative;
    width: 50%;
    padding: 14px 0 13px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #484c51;
    background-color: transparent
}

.specific-info__tabs__item.active {
    color: #090a0b
}

.specific-info__tabs__item.active:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #090a0b
}

.specific-info__controls-mobile {
    display: none
}

@media (max-width:767px) {
    .specific-info__controls-mobile {
        padding-top: 4px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

.specific-info-list__item__title~.specific-info__tabs {
    margin-top: 8px;
    margin-left: 0;
    margin-right: 0
}

.specific-info-list {
    cursor: auto
}

.specific-info-list__hidden {
    display: none;
    margin-top: 16px
}

.specific-info-list__hidden.active {
    display: block
}

.specific-info-list__item+.specific-info-list__item {
    margin-top: 16px
}

.specific-info-list__item.dn+.specific-info-list__item {
    margin-top: 0
}

.specific-info-list__item__title {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 64px
}

.specific-info-list__item__status-icon {
    position: absolute;
    right: 0;
    top: 8px;
    width: 32px;
    height: 32px
}

.specific-info-table {
    display: table;
    width: 100%;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:767px) {
    .specific-info-table {
        font-size: 14px;
        line-height: 20px
    }
}

.specific-info-table--auto {
    width: auto
}

.specific-info-table__row {
    display: table-row
}

@media (max-width:767px) {
    .specific-info-table__row--controls {
        display: none
    }
}

.specific-info-table__row.changed .changed-warning-bg {
    background-color: #fffdb8
}

@media (max-width:767px) {
    .specific-info-table__row.changed .changed-warning-bg-s {
        background-color: #fffdb8
    }
}

.specific-info-table__cell {
    display: table-cell;
    padding-top: 8px
}

.specific-info-table__cell:first-child {
    width: 22.21%;
    padding-right: 16px;
    color: #6f757c;
    white-space: nowrap
}

@media (max-width:767px) {
    .specific-info-table__cell:first-child {
        width: 108px;
        padding-right: 12px;
        white-space: normal;
        word-break: break-word
    }
}

.specific-info-table__cell--img-mobile {
    position: relative;
    height: 94px
}

.specific-info-table__cell--second {
    width: 40.44%;
    padding-right: 32px
}

@media (max-width:767px) {
    .specific-info-table__cell--second {
        display: none
    }
}

.specific-info-table__cell--third {
    width: 37.35%
}

@media (max-width:767px) {
    .specific-info-table__cell--third {
        width: auto
    }
}

.specific-info-table--auto .specific-info-table__cell:first-child {
    width: auto
}

@media (max-width:767px) {
    .specific-info-table--auto .specific-info-table__cell:first-child {
        width: 108px
    }
}

.specific-info-table--auto .specific-info-table__cell--second {
    width: auto
}

.specific-info-table--auto .specific-info-table__cell--third {
    width: auto
}

.specific-info-table--single .specific-info-table__cell--second {
    width: 77.79%
}

@media (max-width:767px) {
    .specific-info-table--single .specific-info-table__cell--second {
        display: table-cell;
        width: auto
    }
}

@media (max-width:767px) {
    .specific-info-table--single .specific-info-table__cell--second .specific-info-table__img {
        display: none
    }
}

.specific-info-table--trip-status {
    margin-top: 8px;
    margin-bottom: 16px
}

@media (max-width:1199px) {
    .specific-info-table--trip-status {
        margin-top: 12px
    }
}

@media (max-width:767px) {
    .specific-info-table--trip-status {
        margin-bottom: 8px
    }
}

.specific-info-table--my-trip .specific-info-table__cell--second {
    width: 38.11%
}

.specific-info-table--my-trip .specific-info-table__cell--third {
    width: 33.84%
}

@media (max-width:767px) {
    .specific-info-table__row--first {
        display: none
    }
}

.specific-info-table__row--first .specific-info-table__cell {
    padding-bottom: 4px
}

.specific-info-table__img {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 130px;
    height: 88px
}

@media (max-width:767px) {
    .specific-info-table__img {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
        margin-bottom: 0;
        width: 110px;
        height: 82px
    }
}

.specific-info-table__img img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    border-radius: 5px
}

.specific-info-table__btn-group {
    margin-top: -4px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.specific-info-table__btn-group--confirmed-three {
    width: 196px;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.specific-info-table__btn-group--detached {
    margin-top: 4px
}

.specific-info-table__btn {
    margin-right: 8px;
    margin-top: 8px;
    white-space: nowrap
}

.specific-info-table__btn:last-child,
.specific-info-table__btn:only-child {
    margin-right: 0
}

.specific-info-table__btn--confirmed-first,
.specific-info-table__btn--confirmed-second,
.specific-info-table__btn--confirmed-third {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-pack: center;
    justify-content: center
}

.specific-info-table__btn--confirmed-first {
    width: 92px
}

.specific-info-table__btn--confirmed-second {
    width: 96px
}

.specific-info-table__btn--confirmed-third {
    width: 100%
}

.specific-info-table__btn-help {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    padding: 0;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:767px) {
    .specific-info-table__btn-help {
        font-size: 14px;
        line-height: 20px
    }
}

.specific-info-table__btn-help .icon {
    margin-left: 8px
}

.specific-trip-sidebar {
    -webkit-transition: top .15s;
    transition: top .15s;
    padding: 31px;
    border: 1px solid #dee0e2;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
    box-shadow: 0 5px 10px rgba(9, 10, 11, .05)
}

@media (max-width:1919px) {
    .specific-trip-sidebar {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 24px
    }
}

.specific-trip-sidebar__img-wrap {
    position: relative;
    width: 114px;
    height: 70px
}

.specific-trip-sidebar__img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.specific-trip-sidebar__location {
    font-size: 16px;
    line-height: 20px;
    font-family: gt-america-mono
}

.specific-trip-sidebar__devider-top {
    margin-top: 24px;
    margin-bottom: 20px
}

.specific-trip-sidebar__devider {
    margin-top: 20px;
    margin-bottom: 20px
}

@media (max-width:1199px) {
    .specific-trip-sidebar__devider {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

@media (max-width:767px) {
    .specific-trip-sidebar__devider {
        margin-top: 16px;
        margin-bottom: 16px
    }
}

.specific-trip-sidebar__btn-calendar {
    margin-top: 16px;
    margin-bottom: 4px
}

.specific-trip-sidebar-table {
    padding: 0;
    background-color: transparent
}

.specific-trip-sidebar-table--start {
    display: table;
    width: 100%
}

@media (max-width:1199px) {
    .specific-trip-sidebar-table--start {
        width: auto
    }
}

.specific-trip-sidebar-table__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch
}

.specific-trip-sidebar-table__row--form-item {
    height: 48px
}

.specific-trip-sidebar-table__row--form-item:not(:first-child) {
    margin-top: 8px
}

@media (max-width:1199px) {
    .specific-trip-sidebar-table__row--form-item:not(:first-child) {
        margin-top: 14px
    }
}

@media (max-width:767px) {
    .specific-trip-sidebar-table__row--form-item:not(:first-child) {
        margin-top: 10px
    }
}

@media (max-width:1199px) {
    .specific-trip-sidebar-table__row--form-item~.specific-trip-sidebar-table__row--form-item.active {
        margin-top: 24px
    }
}

@media (max-width:767px) {
    .specific-trip-sidebar-table__row--form-item~.specific-trip-sidebar-table__row--form-item.active {
        margin-top: 21px
    }
}

.specific-trip-sidebar-table__row.error {
    margin-bottom: 24px
}

.specific-trip-sidebar-table--start .specific-trip-sidebar-table__row {
    display: table-row
}

.specific-trip-sidebar-table__cell {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 26px;
    color: #090a0b
}

@media (max-width:1199px) and (min-width:768px) {
    .specific-trip-sidebar-table__cell {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 18px;
        line-height: 28px
    }
}

.specific-trip-sidebar-table__cell--devider {
    padding-top: 20px;
    padding-bottom: 20px
}

.specific-trip-sidebar-table__cell--devider:first-child .devider {
    margin-right: -16px
}

.specific-trip-sidebar-table__cell--total {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

@media (max-width:1199px) and (min-width:768px) {
    .specific-trip-sidebar-table__cell--total {
        font-size: 26px;
        line-height: 34px
    }
}

@media (max-width:767px) {
    .specific-trip-sidebar-table__cell--total {
        padding-top: 4px;
        padding-bottom: 4px
    }
}

@media (max-width:1199px) {
    .specific-trip-sidebar-table__cell--total--renter {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (max-width:767px) {
    .specific-trip-sidebar-table__cell--total--renter {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.specific-trip-sidebar-table__cell--btn {
    margin-top: -13px;
    padding-bottom: 20px
}

@media (max-width:1199px) {
    .specific-trip-sidebar-table__cell--btn {
        margin-top: -12px;
        padding-bottom: 24px
    }
}

@media (max-width:767px) {
    .specific-trip-sidebar-table__cell--btn {
        margin-top: -9px;
        padding-bottom: 20px
    }
}

.specific-trip-sidebar-table__cell--value-under-field {
    margin-left: auto;
    padding-top: 12px;
    padding-bottom: 16px;
    color: #6f757c
}

@media (max-width:1199px) {
    .specific-trip-sidebar-table__cell--value-under-field {
        padding-top: 8px;
        padding-bottom: 24px;
        font-size: 16px;
        line-height: 26px
    }
}

@media (max-width:1199px) {
    .specific-trip-sidebar-table__cell--value-under-field {
        padding-top: 12px;
        padding-bottom: 16px;
        line-height: 24px
    }
}

.specific-trip-sidebar-table__cell.error {
    margin-bottom: 28px
}

.specific-trip-sidebar-table__cell strong {
    font-weight: 500
}

@media (max-width:1199px) and (min-width:768px) {
    .specific-trip-sidebar-table--before-trip-approval .specific-trip-sidebar-table__cell {
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 16px;
        line-height: 26px
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .specific-trip-sidebar-table--before-trip-approval .specific-trip-sidebar-table__cell--total {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width:1199px) {
    .specific-trip-sidebar-table--mobile-popup .specific-trip-sidebar-table__row--form-item~.specific-trip-sidebar-table__row .specific-trip-sidebar-table__cell--total {
        padding-top: 16px;
        padding-bottom: 14px
    }
}

@media (max-width:767px) {
    .specific-trip-sidebar-table--mobile-popup .specific-trip-sidebar-table__row--form-item~.specific-trip-sidebar-table__row .specific-trip-sidebar-table__cell--total {
        padding-top: 8px;
        padding-bottom: 6px
    }
}

.specific-trip-sidebar-table--start .specific-trip-sidebar-table__cell {
    display: table-cell
}

.specific-trip-sidebar-table--start .specific-trip-sidebar-table__cell:first-child {
    white-space: nowrap;
    padding-right: 16px
}

.specific-trip-sidebar-table__icon-wrap {
    margin-left: 8px
}

.specific-trip-sidebar-table__separator {
    width: 100%;
    padding: 16px 24px;
    border-radius: 5px;
    background-color: #f4f6f8
}

@media (max-width:1199px) and (min-width:768px) {
    .specific-trip-sidebar-table__separator {
        padding: 16px 32px
    }
}

@media (max-width:1199px) {
    .specific-trip-sidebar-table__separator {
        margin-bottom: 16px
    }
}

.specific-trip-user-info {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch
}

.specific-trip-user-info__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.spinner-background {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: opacity .25s, visibility .25s, z-index .25s;
    transition: opacity .25s, visibility .25s, z-index .25s
}

.spinner-background.active {
    z-index: 3005 !important;
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .25s, visibility .25s, z-index 0s;
    transition: opacity .25s, visibility .25s, z-index 0s
}

.spinner {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #fff
}

.spinner--pos {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.spinner div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    -webkit-animation: spinner 1.2s ease-in infinite;
    animation: spinner 1.2s ease-in infinite;
    background: url(../images/spinner.svg) 50% 50% no-repeat
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-small {
    position: relative;
    width: 24px;
    height: 24px
}

.spinner-small:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(9, 10, 11, .2);
    border-top-color: #090a0b;
    border-radius: 50px;
    -webkit-animation: spinner 1.2s infinite;
    animation: spinner 1.2s infinite
}

.spinner-small--sugest-a-change-location:before {
    border-width: 1.5px;
    width: 14px;
    height: 14px
}

.state-line {
    min-height: 88px;
    padding: 12px 24px 12px 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #f4f6f8
}

@media (max-width:1679px) {
    .state-line {
        display: block;
        min-height: 80px;
        padding: 8px 16px 8px 24px
    }
}

@media (max-width:1439px) {
    .state-line {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (max-width:767px) {
    .state-line {
        display: block;
        min-height: 0;
        padding: 0;
        background-color: transparent
    }
}

.state-line__controls {
    height: 0;
    width: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .state-line__controls {
        display: block
    }
}

.state-line__controls.active {
    height: auto;
    width: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: initial
}

@media (max-width:1679px) {
    .state-line__controls.active {
        padding-bottom: 8px
    }
}

@media (max-width:767px) {
    .state-line__controls.active {
        padding-top: 16px
    }
}

.state-line__controls__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.5em
}

@media (max-width:1679px) {
    .state-line__controls__item {
        line-height: 26px
    }
}

.state-line__controls__item~.state-line__controls__item {
    margin-left: 56px
}

@media (max-width:767px) {
    .state-line__controls__item~.state-line__controls__item {
        margin-left: 0;
        margin-top: 4px
    }
}

.state-line__controls__item__label {
    font-weight: 500
}

.state-line__controls__item__price {
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 700
}

.state-line__controls__item__btn {
    padding: 8px
}

@media (max-width:767px) {
    .state-line__controls__item__btn {
        margin-left: auto
    }
}

.state-line__form-cell {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .state-line__form-cell {
        display: block;
        width: 156px
    }
}

@media (max-width:359px) {
    .state-line__form-cell {
        width: 128px
    }
}

@media (max-width:767px) {
    .state-line__form-label {
        display: block;
        margin-bottom: 16px;
        white-space: nowrap
    }
}

.status {
    padding: 4px 8px 5px;
    font-family: gt-america-mono;
    font-size: 16px;
    line-height: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
    box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
    white-space: nowrap
}

.status--alert {
    color: #d10000;
    background-color: #ffe2e0
}

.status--warning {
    background-color: #fffdb8
}

.status--success {
    color: #fff;
    background-color: #0c9
}

.story__title-wrap {
    position: relative
}

.story__title {
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width:1199px) {
    .story__title {
        position: relative
    }
}

.story__txt {
    font-size: 20px;
    line-height: 1.5em
}

@media (max-width:1199px) {
    .story__txt {
        padding-top: 16px;
        font-size: 18px
    }
}

.story__txt p+p {
    padding-top: 40px
}

@media (max-width:1199px) {
    .story__txt p+p {
        padding-top: 16px
    }
}

.subscription {
    padding-top: 160px;
    padding-bottom: 160px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width:767px) {
    .subscription {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.subscription__label {
    -webkit-box-ordinal-group: 2;
    order: 1;
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 6) + 32px * (6 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 6) + var(--space) * (6 - 1))
}

@media (max-width:1439px) {
    .subscription__label {
        width: calc((((100% - 9 * 32px)/ 10) * 6) + 32px * (6 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:1199px) {
    .subscription__label {
        width: calc((((100% - 5 * 32px)/ 6) * 6) + 32px * (6 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:767px) {
    .subscription__label {
        width: calc((((100% - 3 * 32px)/ 4) * 6) + (32px * (6 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 6) + (var(--space) * (6 - 1)))
    }
}

.subscription__label {
    font-weight: 400;
    padding-top: 8px
}

@media (max-width:1439px) {
    .subscription__label {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 6) + 32px * (6 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:1199px) {
    .subscription__label {
        width: 100%;
        max-width: 640px
    }
}

@media (max-width:767px) {
    .subscription__label {
        padding-top: 4px
    }
}

.subscription__title {
    -webkit-box-ordinal-group: 3;
    order: 2;
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 6) + 32px * (6 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 6) + var(--space) * (6 - 1))
}

@media (max-width:1439px) {
    .subscription__title {
        width: calc((((100% - 9 * 32px)/ 10) * 6) + 32px * (6 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:1199px) {
    .subscription__title {
        width: calc((((100% - 5 * 32px)/ 6) * 6) + 32px * (6 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:767px) {
    .subscription__title {
        width: calc((((100% - 3 * 32px)/ 4) * 6) + (32px * (6 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 6) + (var(--space) * (6 - 1)))
    }
}

.subscription__title {
    padding-top: 32px;
    padding-bottom: 8px
}

@media (max-width:1439px) {
    .subscription__title {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 6) + 32px * (6 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:1199px) {
    .subscription__title {
        width: 100%;
        max-width: 640px
    }
}

@media (max-width:767px) {
    .subscription__title {
        padding-top: 16px;
        padding-bottom: 4px
    }
}

@media (max-width:767px) {
    .subscription__title br {
        display: none
    }
}

.subscription__form-item-wrap {
    height: 56px;
    -webkit-box-ordinal-group: 4;
    order: 3;
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 4) + 32px * (4 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 4) + var(--space) * (4 - 1))
}

@media (max-width:1439px) {
    .subscription__form-item-wrap {
        width: calc((((100% - 9 * 32px)/ 10) * 4) + 32px * (4 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:1199px) {
    .subscription__form-item-wrap {
        width: calc((((100% - 5 * 32px)/ 6) * 4) + 32px * (4 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:767px) {
    .subscription__form-item-wrap {
        width: calc((((100% - 3 * 32px)/ 4) * 4) + (32px * (4 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 4) + (var(--space) * (4 - 1)))
    }
}

.subscription__form-item-wrap {
    margin-top: 32px;
    margin-bottom: 32px;
    border-width: 2px;
    border-radius: 28px !important
}

@media (max-width:1199px) {
    .subscription__form-item-wrap {
        width: 100%;
        max-width: 416px
    }
}

@media (max-width:767px) {
    .subscription__form-item-wrap {
        margin-top: 16px;
        margin-bottom: 16px;
        height: 48px;
        border-width: 1px
    }
}

.subscription__form-item-wrap.hovered {
    border-color: #090a0b
}

.subscription__form-btn {
    position: absolute;
    right: -2px;
    top: -2px;
    margin: 0;
    height: calc(100% + 4px);
    padding-left: 32px;
    padding-right: 32px;
    border-radius: 28px
}

@media (max-width:767px) {
    .subscription__form-btn {
        right: -1px;
        top: -1px;
        height: calc(100% + 2px);
        border-radius: 24px;
        padding-left: 22px;
        padding-right: 22px
    }
}

.subscription__form-btn:hover {
    border-color: #484c51 !important;
    background: #484c51 !important;
    color: #fff
}

.subscription__txt {
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-ordinal-group: 5;
    order: 4;
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 4) + 32px * (4 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 4) + var(--space) * (4 - 1))
}

@media (max-width:1439px) {
    .subscription__txt {
        width: calc((((100% - 9 * 32px)/ 10) * 4) + 32px * (4 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:1199px) {
    .subscription__txt {
        width: calc((((100% - 5 * 32px)/ 6) * 4) + 32px * (4 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:767px) {
    .subscription__txt {
        width: calc((((100% - 3 * 32px)/ 4) * 4) + (32px * (4 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 4) + (var(--space) * (4 - 1)))
    }
}

@media (max-width:1199px) {
    .subscription__txt {
        width: 100%;
        max-width: 416px;
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.subscription__txt a {
    color: #007bb3
}

.subscription__txt a:hover {
    color: #0089c7
}

.suggest-trip {
    padding-top: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch
}

@media (max-width:1199px) {
    .suggest-trip {
        max-width: calc(100vw - 64px);
        padding-top: 32px
    }
}

@media (max-width:767px) {
    .suggest-trip {
        max-width: none
    }
}

.suggest-trip--before-trip-approval {
    flex-wrap: wrap;
    padding-top: 32px
}

@media (max-width:767px) {
    .suggest-trip--before-trip-approval {
        padding-top: 16px
    }
}

.suggest-trip--before-trip-confirmed {
    padding-top: 40px
}

@media (max-width:1199px) {
    .suggest-trip--before-trip-confirmed {
        padding-top: 32px
    }
}

@media (max-width:767px) {
    .suggest-trip--before-trip-confirmed {
        padding-top: 12px
    }
}

.suggest-trip--next-to-confirmed {
    padding-top: 48px
}

@media (max-width:1199px) {
    .suggest-trip--next-to-confirmed {
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid #dee0e2
    }
}

@media (max-width:767px) {
    .suggest-trip--next-to-confirmed {
        margin-top: 0;
        padding-top: 12px;
        border-top: none
    }
}

.suggest-trip__devider {
    display: block;
    margin-left: 128px;
    margin-right: 128px;
    min-width: 1px;
    background-color: #dee0e2
}

@media (max-width:1439px) {
    .suggest-trip__devider {
        margin-left: 64px;
        margin-right: 64px
    }
}

@media (max-width:1199px) {
    .suggest-trip__devider {
        margin-left: 32px;
        margin-right: 32px
    }
}

@media (max-width:767px) {
    .suggest-trip__devider {
        display: none
    }
}

.suggest-trip__left {
    min-width: calc(100% - 256px - 1px - 326px * 2 - 96px);
    max-width: calc(100% - 256px - 1px - 326px * 2 - 96px)
}

@media (max-width:1439px) {
    .suggest-trip__left {
        min-width: calc(100% - 128px - 1px - 326px - 281px - 48px);
        max-width: calc(100% - 128px - 1px - 326px - 281px - 48px)
    }
}

@media (max-width:1199px) {
    .suggest-trip__left {
        min-width: calc((100% - 64px - 1px)/ 2);
        max-width: calc((100% - 64px - 1px)/ 2)
    }
}

@media (max-width:767px) {
    .suggest-trip__left {
        display: none;
        min-width: 0;
        max-width: none
    }
}

@media (max-width:767px) {
    .suggest-trip__left.active {
        display: block
    }
}

@media (max-width:1199px) {
    .suggest-trip__right {
        width: calc((100% - 64px - 1px)/ 2)
    }
}

@media (max-width:767px) {
    .suggest-trip__right {
        display: none;
        width: 100%
    }
}

@media (max-width:767px) {
    .suggest-trip__right.active {
        display: block
    }
}

@media (max-width:1199px) {
    .suggest-trip--before-trip-approval .suggest-trip__right {
        width: 100%
    }
}

.suggest-trip__table-renter {
    margin-top: 36px
}

.suggest-trip__img {
    margin-bottom: 16px;
    width: 130px;
    position: relative
}

.suggest-trip__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(2 / 3 * 100%)
}

.suggest-trip__img img {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.suggest-trip__img {
    border-radius: 5px;
    overflow: hidden
}

@media (max-width:767px) {
    .suggest-trip__img {
        margin-top: 8px;
        margin-bottom: 8px;
        width: 110px;
        position: relative
    }

    .suggest-trip__img::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: calc(82 / 110 * 100%)
    }

    .suggest-trip__img img {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: cover; object-position: center center"
    }
}

.suggest-trip-table {
    width: 100%
}

.suggest-trip-table--prior {
    margin-top: -4px
}

@media (max-width:767px) {
    .suggest-trip-table--prior {
        margin-top: 0
    }
}

.suggest-trip-table__cell {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    vertical-align: top;
    font-size: 16px;
    line-height: 26px
}

.suggest-trip-table__cell:first-child {
    padding-left: 0;
    color: #6f757c
}

.suggest-trip-table__cell--renter-big-top-padding {
    padding-top: 40px
}

.suggest-trip-table--prior .suggest-trip-table__cell:first-child {
    width: 120px
}

@media (max-width:767px) {
    .suggest-trip-table--prior .suggest-trip-table__cell:first-child {
        width: 106px
    }
}

.suggest-trip-table--prior .suggest-trip-table__cell:nth-child(2) {
    width: calc(100% - 120px)
}

@media (max-width:767px) {
    .suggest-trip-table--prior .suggest-trip-table__cell:nth-child(2) {
        width: calc(100% - 106px)
    }
}

.suggest-trip-table__link {
    display: block;
    max-width: calc(1318px - 256px - 1px - 326px * 2 - 96px - 136px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width:1719px) {
    .suggest-trip-table__link {
        max-width: calc(100vw - var(--sw) - 128px - 256px - 1px - 326px * 2 - 96px - 136px)
    }
}

@media (max-width:1439px) {
    .suggest-trip-table__link {
        max-width: calc(100vw - var(--sw) - 112px - 128px - 1px - 326px - 281px - 48px - 136px)
    }
}

@media (max-width:1199px) {
    .suggest-trip-table__link {
        max-width: calc((100vw - 64px - 1px)/ 2 - 120px - 64px)
    }
}

@media (max-width:767px) {
    .suggest-trip-table__link {
        max-width: calc(100vw - 48px - 136px)
    }
}

.picker {
    position: relative;
    width: 320px;
    overflow: hidden;
    margin: 0;
    padding: 0 40px;
    background-color: #fff;
    color: #252525
}

@media (max-width:767px) {
    .picker {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.picker__pill {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 32px;
    width: 40px;
    border-radius: 16px;
    background-color: #090a0b
}

.picker__pill--hours {
    left: 60px
}

@media (max-width:767px) {
    .picker__pill--hours {
        left: 36px
    }
}

.picker__pill--minutes {
    left: 50%;
    margin-left: -20px
}

.picker__pill--periods {
    right: 60px
}

@media (max-width:767px) {
    .picker__pill--periods {
        right: 36px
    }
}

.swiper-container {
    position: relative;
    width: 80px;
    height: 215px;
    float: left
}

.swiper-container.timepicker-periods {
    margin-top: 43px;
    height: 129px
}

.swiper-wrapper {
    z-index: 5
}

.swiper-slide {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: -webkit-transform .25;
    transition: -webkit-transform .25;
    transition: transform .25;
    transition: transform .25, -webkit-transform .25;
    cursor: pointer;
    font-weight: 500;
    -webkit-tap-highlight-color: transparent
}

.swiper-slide-next,
.swiper-slide-prev {
    color: #484c51;
    opacity: 1
}

.swiper-slide-prev {
    -webkit-transform: rotateX(20deg);
    transform: rotateX(20deg)
}

.swiper-slide-next {
    -webkit-transform: rotateX(-20deg);
    transform: rotateX(-20deg);
    bottom: 0
}

.swiper-slide-active {
    opacity: 1;
    cursor: default;
    color: #fff
}

.swiper-button-next,
.swiper-button-prev {
    z-index: 10;
    opacity: 1 !important;
    left: 0;
    margin-top: 0;
    width: 100%;
    height: 43px;
    background: #fff url(../images/timepicker-arrow.svg) center 0 no-repeat;
    background-size: 32px 32px;
    background-color: #fff;
    outline: 0
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none
}

.swiper-button-next:before,
.swiper-button-prev:before {
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #dee0e2;
    -webkit-box-shadow: 0 2px 2px rgba(9, 10, 11, .05);
    box-shadow: 0 2px 2px rgba(9, 10, 11, .05)
}

.swiper-button-next:hover:before,
.swiper-button-prev:hover:before {
    opacity: 1
}

.swiper-button-prev {
    top: 0
}

.swiper-button-next {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.timepicker-periods .swiper-button-prev {
    top: -43px
}

.timepicker-periods .swiper-button-next {
    bottom: -43px
}

.vizor {
    height: 43px;
    position: absolute;
    top: 50%;
    left: 1rem;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 16px
}

.switch-wrap {
    position: relative;
    min-height: 32px
}

.switch-wrap--switch-right {
    padding-right: 76px;
    padding-top: 3px
}

@media (max-width:1919px) {
    .switch-wrap--switch-right {
        padding-top: 0
    }
}

.switch-wrap--switch-left {
    padding-top: 3px;
    padding-left: 76px
}

.switch-wrap--hidden {
    display: none
}

.switch-wrap--hidden.active {
    display: block
}

.switch-wrap--vehicle-settings {
    padding-top: 0
}

@media (max-width:1199px) {
    .switch-wrap--vehicle-settings {
        padding-left: 0;
        padding-right: calc((100% - 32px * 3)/ 4 + 32px)
    }
}

@media (max-width:767px) {
    .switch-wrap--vehicle-settings {
        padding-right: 76px
    }
}

.switch-wrap--edit-availability {
    padding-top: 0
}

@media (max-width:767px) {
    .switch-wrap--s-right {
        padding-left: 0;
        padding-right: 76px
    }
}

.switch-wrap--filters {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:767px) {
    .switch-wrap--filters {
        height: 48px;
        -webkit-box-align: center;
        align-items: center
    }
}

.switch-wrap--filters+.switch-wrap--filters {
    margin-top: 16px
}

@media (max-width:767px) {
    .switch-wrap--filters+.switch-wrap--filters {
        margin-top: 0
    }
}

.switch-wrap--my-account~.switch-wrap--my-account {
    margin-top: 24px
}

.switch {
    display: block;
    cursor: pointer;
    position: relative;
    width: 60px;
    min-width: 60px;
    height: 32px;
    padding: 0;
    border-radius: 16px;
    color: #c8cacb;
    background-color: currentColor;
    -webkit-transition: all .3s cubic-bezier(.78, .14, .15, .86);
    transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.switch--left {
    position: absolute;
    left: 0;
    top: 0
}

.switch--right {
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width:1199px) {
    .switch--vehicle-settings {
        left: auto;
        right: 0
    }
}

@media (max-width:767px) {
    .switch--s-right {
        left: auto;
        right: 0
    }
}

@media (max-width:767px) {
    .switch--my-trips-filter {
        margin-right: 16px
    }
}

.switch:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 100%;
    border: 4px solid currentcolor;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s cubic-bezier(.78, .14, .15, .86);
    transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.no-touchevents .switch:hover:before {
    border-color: #007bb3
}

input:checked+.tab--my-trips .switch,
input:checked~.switch {
    color: #007bb3
}

input:disabled~.switch {
    cursor: auto;
    color: #dee0e2
}

input:disabled~.switch:hover:before {
    border-color: #dee0e2
}

input:checked+.tab--my-trips .switch:before,
input:checked~.switch:before {
    border-color: #007bb3 !important
}

input:checked:disabled+.tab--my-trips .switch:before,
input:checked:disabled~.switch:before {
    border-color: #dee0e2 !important
}

input:checked+.tab--my-trips .switch:before,
input:checked~.switch:before {
    -webkit-transform: translateX(28px);
    transform: translateX(28px)
}

.switch-label {
    cursor: pointer;
    padding: 0;
    font-size: 16px;
    line-height: 28px;
    background-color: transparent
}

.switch-wrap__edit-car-paragraph {
    font-size: 14px;
    line-height: 20px;
    color: #484c51
}

@media (max-width:1199px) and (min-width:768px) {
    .switch-wrap__edit-car-paragraph {
        font-size: 16px;
        line-height: 26px
    }
}

.switch-wrap__edit-car-paragraph~.switch-wrap__edit-car-paragraph {
    padding-top: 16px
}

.switch-wrap__title {
    min-height: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    font-family: gt-america;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #484c51
}

@media (max-width:1199px) {
    .switch-wrap__title--m-modal {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        color: #090a0b
    }
}

@media (max-width:767px) {
    .switch-wrap__title--m-modal {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal .switch-wrap__txt {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal .switch {
        cursor: pointer;
        display: block;
        position: absolute;
        top: 14px;
        right: 0;
        min-width: 0;
        width: 20px;
        height: 20px;
        border: 2px solid #b1b5b9;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal .switch:before {
        content: "";
        display: block;
        position: absolute;
        top: 2px;
        left: 5px;
        width: 5.71429px;
        height: 9.14286px;
        border-width: 2px;
        border-style: solid;
        border-color: #fff !important;
        border-top: none;
        border-left: none;
        border-radius: 0;
        background-color: transparent;
        opacity: 0;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
        -webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
        transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal input[type=checkbox]:checked~.switch {
        border-color: #090a0b;
        background-color: #090a0b
    }
}

@media (max-width:767px) {
    .filter-list-wrap-modal input[type=checkbox]:checked~.switch:before {
        border-color: #fff !important;
        opacity: 1;
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
        -webkit-transition: all .3s cubic-bezier(.12, .4, .29, 1.46);
        transition: all .3s cubic-bezier(.12, .4, .29, 1.46)
    }
}

.system-message {
    display: block
}

.system-message__mobile-logo {
    display: inline-block;
    margin-bottom: 4px;
    padding: 8px 8px 8px 32px;
    font-size: 14px;
    line-height: 16px;
    font-family: gt-america-mono;
    border-radius: 3px;
    background: url(../images/brand-icon-32.svg) 8px 8px no-repeat #fff;
    background-size: 16px
}

.system-message__text {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 1.5em
}

.system-message__table {
    table-layout: auto;
    margin-top: 8px;
    width: 100%
}

.system-message__table:first-child {
    margin-top: 0
}

.system-message__table td {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    line-height: 1.5em;
    vertical-align: top
}

@media (max-width:767px) {
    .system-message__table td {
        font-size: 14px;
        line-height: 20px
    }
}

.system-message__table td:first-child {
    width: 148px;
    padding-right: 8px;
    color: #6f757c
}

@media (max-width:767px) {
    .system-message__table td:first-child {
        width: 108px;
        padding-right: 16px
    }
}

.system-message__table td:not(:first-child) * {
    display: inline-block;
    word-break: break-all;
    word-wrap: break-word
}

@media (max-width:767px) {
    .system-message__table td:not(:first-child) * {
        max-width: calc(100vw - 212px);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.system-message__changes {
    margin-top: 8px;
    padding-left: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 1px solid #898a8d
}

.system-message__changes:first-child {
    margin-top: 0
}

.system-message__changes__label {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #6f757c
}

.system-message__changes__data {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.system-message__changes__data__old {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 32px;
    text-decoration: line-through;
    color: #484c51
}

@media (max-width:767px) {
    .system-message__changes__data__old {
        padding-right: 4px
    }
}

.system-message__changes__data__new {
    padding-top: 4px;
    padding-bottom: 4px
}

.system-message__changes__data+.system-message__changes__label {
    margin-top: 8px
}

.system-message__changes__link {
    display: inline-block;
    margin-top: 8px;
    padding-bottom: 4px;
    padding-top: 4px
}

.system-message__btn-group {
    margin-top: 8px;
    max-width: 100%;
    padding-top: 16px;
    padding-bottom: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-wrap: wrap
}

.system-message__btn-group * {
    margin-bottom: 8px;
    margin-right: 8px
}

.system-message__status {
    padding-top: 8px;
    padding-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #6f757c
}

.system-message__time {
    padding-top: 8px;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #6f757c
}

.tabs-wrap {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch
}

.tabs-wrap--public-viewing {
    margin-top: 16px
}

@media (max-width:1199px) {
    .tabs-wrap--public-viewing {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .tabs-wrap--public-viewing {
        width: 100%
    }
}

.tabs-wrap--owner-viewing {
    padding-right: 40px
}

@media (max-width:767px) {
    .tabs-wrap--my-trips {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: start
    }
}

.tab {
    cursor: pointer;
    display: block;
    position: relative;
    padding: 9px;
    border-radius: 5px;
    text-align: center;
    background-color: transparent;
    -webkit-box-shadow: 0 1px 1px rgba(9, 10, 11, .05);
    box-shadow: 0 1px 1px rgba(9, 10, 11, .05)
}

.tab:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #b1b5b9
}

.tab.active:before {
    border-width: 2px;
    border-color: #090a0b
}

.tab--public-viewing {
    -webkit-box-flex: 1;
    flex: 1 1 0
}

@media (max-width:1199px) {
    .tab--public-viewing {
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: left
    }
}

@media (max-width:1199px) {
    .tab--public-viewing {
        padding: 0
    }
}

@media (max-width:767px) {
    .tab--public-viewing {
        position: static;
        padding: 8px 0 8px;
        border-bottom: 2px solid transparent;
        border-radius: 0;
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.tab--public-viewing+.tab--public-viewing {
    margin-left: 8px
}

@media (max-width:1199px) {
    .tab--public-viewing+.tab--public-viewing {
        margin-left: 56px
    }
}

@media (max-width:767px) {
    .tab--public-viewing+.tab--public-viewing {
        margin-left: 16px
    }
}

@media (max-width:1199px) {
    .tab--public-viewing:before {
        display: none
    }
}

@media (max-width:767px) {
    .tab--public-viewing.active {
        border-bottom-color: #090a0b
    }
}

.tab--owner-viewing {
    padding-left: 16px;
    padding-right: 16px
}

.tab--owner-viewing+.tab--owner-viewing {
    margin-left: 8px
}

.tab--my-trips {
    cursor: pointer;
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width:767px) {
    .tab--my-trips {
        padding: 12px 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -webkit-inline-box;
        display: inline-flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center
    }
}

.tab--my-trips~.tab--my-trips {
    margin-left: 8px
}

@media (max-width:767px) {
    .tab--my-trips~.tab--my-trips {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .tab--my-trips:before {
        display: none
    }
}

input:checked+.tab:before {
    border-width: 2px;
    border-color: #090a0b
}

input:checked+.tab--my-trips--all {
    pointer-events: none
}

.tab__label {
    display: block;
    font-size: 15px;
    line-height: 22px;
    color: #484c51
}

@media (max-width:1199px) {
    .tab__label {
        position: relative;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center
    }
}

@media (max-width:1199px) {
    .tab--public-viewing .tab__label {
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .tab--public-viewing .tab__label {
        font-size: 16px;
        line-height: 16px;
        font-weight: 500
    }
}

@media (max-width:767px) {
    .tab--my-trips .tab__label {
        font-weight: 500;
        color: #484c51 !important
    }
}

.tab.active .tab__label,
input:checked+.tab .tab__label {
    color: #090a0b
}

.tab__numb {
    display: block;
    margin-top: 4px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

@media (max-width:1199px) {
    .tab--public-viewing .tab__numb {
        font-size: 34px;
        line-height: 42px
    }
}

@media (max-width:767px) {
    .tab--public-viewing .tab__numb {
        display: none;
        position: absolute;
        bottom: -60px;
        left: 0;
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .tab--public-viewing.active .tab__numb {
        display: block
    }
}

.tab__sign {
    color: #6f757c
}

@media (max-width:1199px) {
    .tab__sign {
        font-size: 18px;
        line-height: 28px
    }
}

@media (min-width:1200px) {
    .tab--public-viewing .tab__sign {
        display: none
    }
}

@media (max-width:1199px) {
    .tab--public-viewing .tab__sign {
        margin-top: 4px;
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .tab--public-viewing .tab__sign {
        display: none;
        position: absolute;
        left: 0;
        bottom: -88px;
        font-size: 14px;
        line-height: 20px;
        font-family: gt-america-mono
    }
}

@media (max-width:767px) {
    .tab--public-viewing.active .tab__sign {
        display: block
    }
}

.tab__btn-help {
    position: relative;
    margin-left: 4px;
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent
}

.tab-underline-wrap {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.tab-underline {
    position: relative;
    padding: 8px 0 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    background-color: transparent
}

.tab-underline--edit-availability {
    color: #090a0b
}

.tab-underline--edit-availability~.tab-underline--edit-availability {
    margin-left: 32px
}

@media (max-width:359px) {
    .tab-underline--edit-availability~.tab-underline--edit-availability {
        margin-left: 16px
    }
}

.tab-underline.active:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #090a0b
}

.table-type-1 {
    table-layout: auto;
    width: 100%
}

.table-type-1 td {
    padding: 23px 0 24px;
    border-bottom: 1px solid #dee0e2;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    vertical-align: top
}

@media (max-width:767px) {
    .table-type-1 td {
        line-height: 20px
    }
}

.table-type-1 td:first-child {
    white-space: nowrap
}

.table-type-1 td:nth-child(2):last-child {
    width: 100%
}

.table-type-1 td:not(:first-child) {
    padding-left: 62px;
    color: #6f757c
}

@media (max-width:767px) {
    .table-type-1 td:not(:first-child) {
        padding-left: 16px
    }
}

.table-type-1--under-vin {
    margin-top: 49px
}

.table-type-1--under-title-h-1 {
    margin-top: 40px
}

@media (max-width:767px) {
    .table-type-1--under-title-h-1 {
        margin-top: 9px
    }
}

.tabs-underline {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    -webkit-box-align: start;
    align-items: start
}

.tabs-underline--suggest-trip-change {
    display: none
}

@media (max-width:767px) {
    .tabs-underline--suggest-trip-change {
        display: grid;
        margin-top: 24px
    }
}

.tabs-underline--suggest-trip-change--next-to-title {
    margin-top: 0
}

.tabs-underline__item {
    cursor: pointer;
    position: relative;
    height: 48px;
    padding: 11px 16px 10px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    background-color: transparent;
    color: #898a8d
}

.tabs-underline__item.active {
    color: #090a0b
}

.tabs-underline__item:before {
    content: "";
    display: block;
    position: absolute;
    display: none;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #007bb3
}

.tabs-underline__item.active:before {
    display: block
}

.thread {
    height: calc((1vh * 100));
    height: calc((var(--vh, 1vh) * 100));
    display: grid;
    grid-template-rows: [start first-start] 1fr [first-end second-start] auto [second-end end]
}

@media (min-width:1200px) {
    .thread {
        position: sticky;
        top: 57px
    }
}

@media (max-width:1199px) {
    .thread {
        display: none;
        position: relative
    }
}

@media (max-width:1199px) {
    .thread.active {
        display: grid
    }
}

@media (min-width:1200px) {
    .thread--active-trips {
        display: none !important
    }
}

.thread__messages-outer {
    grid-row: first;
    display: grid
}

@media (max-width:1199px) {
    .thread__messages-outer {
        align-self: end
    }
}

.thread__messages-inner {
    padding-right: calc(calc((100vw - 1588px)/ 2));
    margin-right: calc(0px - (100vw - 1588px)/ 2);
    width: calc(100% + (100vw - 1588px)/ 2);
    max-height: 100%;
    overflow-y: auto;
    align-self: end;
    padding-top: 32px;
    padding-bottom: 22px
}

@media (max-width:1719px) {
    .thread__messages-inner {
        padding-right: 64px;
        margin-right: calc(0px - 64px);
        width: calc(100% + 64px)
    }
}

@media (max-width:1439px) {
    .thread__messages-inner {
        padding-right: 56px;
        margin-right: calc(0px - 56px);
        width: calc(100% + 56px)
    }
}

@media (max-width:1199px) {
    .thread__messages-inner {
        width: auto;
        margin-left: -31px;
        margin-right: -31px;
        padding-left: 31px;
        padding-right: 31px
    }
}

@media (max-width:767px) {
    .thread__messages-inner {
        padding-top: 16px;
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }
}

.thread__messages-inner::-webkit-scrollbar {
    width: 0
}

.thread__messages-inner {
    scrollbar-width: none
}

.thread__controls {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: #fff
}

@media (max-width:767px) {
    .thread__controls {
        margin-left: -24px;
        margin-right: -24px;
        padding-top: 16px;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .thread__controls__unblock {
        margin-left: 24px;
        margin-right: 24px;
        margin-bottom: 16px
    }
}

.thread__controls__textarea {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    align-items: flex-end
}

@media (max-width:767px) {
    .thread__controls__textarea {
        padding-right: 12px;
        padding-top: 2px;
        padding-bottom: 2px
    }
}

@media (max-width:767px) {
    .thread__controls__textarea:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #dee0e2
    }
}

.thread__controls__btn {
    margin-bottom: 8px;
    margin-left: 16px;
    white-space: nowrap
}

@media (max-width:767px) {
    .thread__controls__btn {
        margin-bottom: 0;
        margin-left: 4px;
        height: 48px;
        min-width: 48px;
        padding: 0;
        font-size: 0;
        line-height: 0;
        border: none;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        color: #007bb3;
        background-color: transparent !important
    }
}

@media (max-width:767px) {
    .thread__controls__btn:disabled {
        color: #c8cacb;
        background-color: transparent !important
    }
}

.thread__controls__scroll-btn-wrap {
    z-index: 10;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    -webkit-transform: translateY(calc(-100% - 32px));
    transform: translateY(calc(-100% - 32px));
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.thread__controls__scroll-btn {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity ease-in-out 250ms;
    transition: opacity ease-in-out 250ms;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.thread__controls__scroll-btn.active {
    opacity: 1;
    pointer-events: all
}

.thread__timeline {
    width: 100%;
    padding-top: 32px;
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #898a8d
}

@media (max-width:767px) {
    .thread__timeline {
        padding-top: 16px;
        padding-bottom: 0
    }
}

.thread__timeline:first-child {
    padding-top: 0
}

.thread__is-typing {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 22px;
    color: #8e949a;
    background-color: #fff
}

@media (max-width:767px) {
    .thread__is-typing {
        padding: 12px 24px
    }
}

.thread__is-typing.active {
    display: -webkit-box;
    display: flex
}

.thread__is-typing__inner {
    position: relative;
    padding-right: 41px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.thread__is-typing__loading-bubble {
    position: absolute;
    top: 0;
    right: 0
}

.thread__empty-state {
    position: absolute;
    top: 228px;
    left: 0;
    width: 100%;
    color: #090a0b;
    text-align: center
}

@media (max-width:1719px) {
    .thread__empty-state {
        top: 100px
    }
}

@media (max-width:1439px) {
    .thread__empty-state {
        top: 82px
    }
}

@media (max-width:767px) {
    .thread__empty-state {
        top: 43px
    }
}

.thread__empty-state--few-messages {
    color: #b1b5b9
}

@media (max-width:1199px) and (max-height:737px) {
    .thread__empty-state:not(.thread__empty-state--few-message) {
        top: 43px
    }
}

.thread__empty-state__image {
    display: inline-block;
    width: 322px;
    height: 210px
}

@media (max-width:1439px) {
    .thread__empty-state__image {
        width: 264px;
        height: 172px
    }
}

@media (max-width:767px) {
    .thread__empty-state__image {
        width: 186px;
        height: 120px
    }
}

@media (max-width:1199px) and (max-height:699px) {
    .thread__empty-state:not(.thread__empty-state--few-messages) .thread__empty-state__image {
        width: 186px;
        height: 120px
    }
}

@media (max-width:1199px) and (max-height:599px) {
    .thread__empty-state:not(.thread__empty-state--few-messages) .thread__empty-state__image {
        width: auto;
        height: 100px
    }
}

@media (max-width:1199px) {
    .thread-page {
        flex-wrap: wrap
    }
}

.thread-page__left {
    position: relative
}

.thread-page__left:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    width: 1px;
    background-color: #dee0e2;
    right: calc(0px - (((100% - 32px * 2)/ 3)/ 2 + 32px))
}

@media (max-width:1439px) {
    .thread-page__left:after {
        right: 0
    }
}

@media (max-width:1199px) {
    .thread-page__left:after {
        display: none
    }
}

.thread-page__left-sticky {
    position: sticky;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 150ms;
    transition: -webkit-transform 150ms;
    transition: transform 150ms;
    transition: transform 150ms, -webkit-transform 150ms;
    padding-top: 19px;
    padding-bottom: 32px
}

@media (max-width:1199px) {
    .thread-page__left-sticky {
        z-index: 10;
        position: relative;
        width: calc(100% + 62px);
        top: 0;
        margin-left: -31px;
        margin-right: -31px;
        padding-bottom: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding-top: 0;
        background-color: #f4f6f8
    }
}

@media (max-width:767px) {
    .thread-page__left-sticky {
        margin-left: -24px;
        margin-right: -24px;
        width: calc(100% + 48px)
    }
}

.thread-page__user {
    margin-top: 22px
}

@media (max-width:1199px) {
    .thread-page__user {
        margin-top: 0
    }
}

@media (max-width:1439px) and (min-width:1200px) {
    .thread-page__user {
        width: calc(100% - 24px)
    }
}

.thread-page__tabs-mobile {
    display: none
}

@media (max-width:1199px) {
    .thread-page__tabs-mobile {
        position: relative;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        padding-left: 31px;
        padding-right: 31px;
        background-color: #fff
    }
}

@media (max-width:1199px) {
    .thread-page__tabs-mobile:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        width: 100vw;
        background-color: #dee0e2
    }
}

@media (max-width:1199px) {
    .thread-page__tabs-mobile__item {
        z-index: 10;
        position: relative;
        width: 50%;
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        text-align: center;
        color: #484c51;
        background-color: #fff
    }
}

@media (max-width:1199px) {
    .thread-page__tabs-mobile__item:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        bottom: 0;
        left: 0;
        background-color: #dee0e2
    }
}

@media (max-width:1199px) {
    .thread-page__tabs-mobile__item.active {
        color: #090a0b
    }
}

@media (max-width:1199px) {
    .thread-page__tabs-mobile__item.active:after {
        height: 2px;
        background-color: #090a0b
    }
}

.main-header.is-active~.col-12 .thread-page__left-sticky {
    -webkit-transform: translateY(56px);
    transform: translateY(56px)
}

@media (max-width:1199px) {
    .main-header.is-active~.col-12 .thread-page__left-sticky {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width:1199px) {

    .main-header.is-thread~.col-12 .thread-page__left-sticky,
    .main-header.top-state~.col-12 .thread-page__left-sticky {
        -webkit-transform: translateY(56px);
        transform: translateY(56px)
    }
}

@media (max-width:1199px) and (max-width:1199px) {

    .main-header.is-thread~.col-12 .thread-page__left-sticky,
    .main-header.top-state~.col-12 .thread-page__left-sticky {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.thread-user {
    padding: 23px;
    border: 1px solid #dee0e2;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(9, 10, 11, .05);
    box-shadow: 0 5px 10px rgba(9, 10, 11, .05)
}

@media (max-width:1199px) {
    .thread-user {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        padding: 8px 24px
    }
}

.thread-user__title {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:1199px) {
    .thread-user__title {
        display: none
    }
}

.thread-user__info {
    display: grid;
    grid-column-gap: 18px;
    grid-template-columns: [start first-start] auto [first-end second-start] 1fr [second-end end];
    grid-template-rows: [start first-start] auto [first-end second-start] auto [second-end end];
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dee0e2
}

@media (max-width:1199px) {
    .thread-user__info {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        grid-column-gap: 0;
        grid-template-columns: [start first-start] auto [first-end second-start] auto [second-end third-start] 1fr [third-end end]
    }
}

@media (max-width:767px) {
    .thread-user__info {
        margin-left: -8px;
        margin-right: -16px
    }
}

.thread-user__info__img-wrap {
    position: relative;
    grid-column: first;
    grid-row: first/span 3;
    align-self: start;
    width: 60px;
    height: 60px
}

@media (max-width:1199px) {
    .thread-user__info__img-wrap {
        grid-column: second;
        grid-row: first;
        margin-right: 13px;
        width: 38px;
        height: 38px
    }
}

.thread-user__info__img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    border-radius: 50%;
    background-color: #f4f6f8
}

@media (max-width:1199px) {
    .thread-user__info__img {
        background-color: #fff
    }
}

.thread-user__info__status {
    position: absolute;
    bottom: 0;
    right: 4px
}

.thread-user__info__name {
    color: #090a0b;
    grid-column: second;
    grid-row: first;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

@media (max-width:1199px) {
    .thread-user__info__name {
        grid-column: third;
        margin-right: 48px;
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media (max-width:767px) {
    .thread-user__info__name {
        font-size: 16px
    }
}

.thread-user__info__text {
    grid-column: second;
    grid-row: second;
    font-family: gt-america-mono;
    font-size: 14px;
    line-height: 20px;
    color: #484c51
}

@media (max-width:1199px) {
    .thread-user__info__text {
        display: none
    }
}

.thread-user__info__btn-back-mobile {
    display: none;
    margin-right: 16px;
    width: 24px;
    height: 38px;
    padding: 0;
    color: #090a0b;
    background-color: transparent
}

@media (max-width:1199px) {
    .thread-user__info__btn-back-mobile {
        grid-column: first;
        grid-row: first;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center
    }
}

.thread-user__info__mobile-controls {
    display: none
}

@media (max-width:1199px) {
    .thread-user__info__mobile-controls {
        display: block;
        position: absolute;
        right: 24px;
        top: 12px
    }
}

@media (max-width:767px) {
    .thread-user__info__mobile-controls {
        right: 8px
    }
}

@media (max-width:1199px) {
    .thread-user__info__mobile-dropdown {
        right: 0;
        top: calc(100% + 4px);
        width: 228px
    }
}

@media (max-width:1199px) {
    .thread-user__trips {
        margin-left: -31px;
        margin-right: -31px;
        max-height: 100%;
        overflow-y: auto;
        padding: 32px 31px
    }

    .thread-user__trips::-webkit-scrollbar {
        width: 0
    }

    .thread-user__trips {
        scrollbar-width: none
    }
}

@media (max-width:767px) {
    .thread-user__trips {
        margin-left: -24px;
        margin-right: -24px;
        padding: 8px 24px 32px
    }
}

.thread-user__trip {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dee0e2;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: [start first-start] auto [first-end second-start] 1fr [second-end end];
    grid-template-rows: [start first-start] auto [first-end second-start] 1fr [second-end third-start] auto [third-end end];
    align-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .thread-user__trip {
        grid-column-gap: 24px;
        padding: 24px 0
    }
}

@media (max-width:767px) {
    .thread-user__trip {
        grid-column-gap: 16px
    }
}

@media (max-width:1199px) {
    .thread-user__trip:last-child {
        border-bottom: none
    }
}

.thread-user__trip__img {
    grid-column: first;
    grid-row: first/second;
    align-self: start;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    width: 96px;
    height: 72px;
    border-radius: 5px
}

@media (max-width:1199px) {
    .thread-user__trip__img {
        width: 110px
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .thread-user__trip__img {
        grid-row: first/end
    }
}

.thread-user__trip__name {
    margin-top: 4px;
    grid-column: second;
    grid-row: first;
    align-self: start;
    position: relative
}

@media (max-width:1199px) {
    .thread-user__trip__name {
        margin-top: 0;
        width: 100%
    }
}

.thread-user__trip__name a {
    display: block;
    max-width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    color: #090a0b
}

@media (max-width:1199px) {
    .thread-user__trip__name a {
        position: static;
        text-overflow: unset;
        white-space: normal;
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width:767px) {
    .thread-user__trip__name a {
        font-size: 14px;
        line-height: 20px
    }
}

.thread-user__trip__name a:hover {
    color: #007bb3
}

.thread-user__trip__status {
    padding-top: 4px;
    grid-column: second;
    grid-row: second;
    align-self: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

@media (max-width:1199px) and (min-width:768px) {
    .thread-user__trip__status {
        grid-column: third;
        grid-row: first;
        align-self: start;
        margin-left: auto;
        white-space: nowrap
    }
}

.thread-user__trip__date {
    margin-top: 12px;
    grid-row: third;
    grid-column: start/end;
    font-size: 14px;
    line-height: 20px
}

@media (max-width:1199px) and (min-width:768px) {
    .thread-user__trip__date {
        grid-column: second;
        grid-row: second;
        font-size: 16px;
        line-height: 26px
    }
}

.thread-user__trip__btn-calendar {
    margin-top: 12px;
    grid-column: first/second;
    justify-self: start
}

@media (max-width:1199px) and (min-width:768px) {
    .thread-user__trip__btn-calendar {
        margin-top: 20px;
        grid-column: second;
        grid-row: third
    }
}

@media (max-width:1199px) {
    .thread-user__controls {
        display: none
    }
}

.thread-user__controls__btn {
    display: none;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 16px;
    height: 48px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 24px;
    color: #484c51;
    background-color: transparent
}

.thread-user__controls__btn.active {
    display: -webkit-box;
    display: flex
}

.thread-user__controls__btn:hover {
    color: #090a0b
}

.thread-user__controls__btn *~* {
    margin-left: 8px
}

.timepicker {
    opacity: 0;
    display: -webkit-box !important;
    display: flex !important;
    pointer-events: none;
    z-index: -1;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    box-shadow: 0 10px 25px rgba(9, 10, 11, .1);
    border-radius: 5px
}

@media (max-width:767px) {
    .timepicker {
        width: auto;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        -webkit-transition: opacity .25s, visibility .25s, z-index .25s;
        transition: opacity .25s, visibility .25s, z-index .25s;
        border-radius: 0
    }
}

.timepicker.active {
    opacity: 1;
    z-index: 300;
    pointer-events: all
}

@media (max-width:767px) {
    .timepicker.active {
        display: block !important;
        z-index: 3000 !important;
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .25s, visibility .25s, z-index 0s;
        transition: opacity .25s, visibility .25s, z-index 0s;
        font-size: 0;
        line-height: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: center;
        background-color: rgba(9, 10, 11, .5)
    }
}

@media (max-width:767px) {
    .timepicker.active:before {
        content: "";
        display: block;
        position: absolute;
        display: inline-block;
        position: static;
        height: calc((1vh * 100));
        height: calc((var(--vh, 1vh) * 100));
        width: 0;
        vertical-align: middle
    }
}

.timepicker--public-vehicle {
    top: calc(100% + 4px);
    right: 0
}

.timepicker__timezone {
    padding-bottom: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    font-size: 16px;
    line-height: 1.5em;
    color: #484c51
}

.timepicker__timezone__value {
    padding-left: 8px;
    font-weight: 500;
    color: #090a0b
}

.timepicker__inner {
    padding: 47px 0 39px;
    border: 1px solid rgba(9, 10, 11, .1);
    border-radius: 5px
}

@media all and (max-width:767px) {
    .timepicker__inner {
        z-index: 10;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 272px;
        text-align: left;
        background-color: #fff;
        -webkit-box-shadow: 0 17px 25px rgba(9, 10, 11, .1);
        box-shadow: 0 17px 25px rgba(9, 10, 11, .1);
        border-radius: 5px
    }
}

.timepicker__mobile-btn-close {
    z-index: 20;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background: url(../images/close-48-dark.svg) 0 0 no-repeat;
    background-color: transparent;
    cursor: pointer
}

.timepicker__footer {
    padding: 25px 0 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.form--neg-outer>[class^=title-] {
    padding-left: 8px;
    padding-right: 8px
}

.title-d-0 {
    font-family: gt-america-ext;
    font-size: 64px;
    line-height: 72px;
    font-weight: 700
}

@media all and (max-width:999px) {
    .title-d-0 {
        font-size: 48px;
        line-height: 56px
    }
}

@media (max-width:499px) {
    .title-d-0 {
        font-size: 40px;
        line-height: 48px
    }
}

.title-d-1 {
    font-family: gt-america-ext;
    font-size: 46px;
    line-height: 64px;
    font-weight: 700
}

@media all and (max-width:999px) {
    .title-d-1 {
        font-size: 40px;
        line-height: 48px
    }
}

@media (max-width:499px) {
    .title-d-1 {
        font-size: 32px;
        line-height: 40px
    }
}

.title-d-2 {
    font-family: gt-america-ext;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700
}

@media all and (max-width:999px) {
    .title-d-2 {
        font-size: 30px;
        line-height: 38px
    }
}

@media (max-width:499px) {
    .title-d-2 {
        font-size: 22px;
        line-height: 30px
    }
}

.title-d-3 {
    font-family: gt-america-ext;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700
}

@media all and (max-width:999px) {
    .title-d-3 {
        font-size: 24px;
        line-height: 32px
    }
}

@media (max-width:499px) {
    .title-d-3 {
        font-size: 16px;
        line-height: 24px
    }
}

.title-d-4 {
    font-family: gt-america-ext;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700
}

.title-h-1 {
    font-size: 48px;
    line-height: 56px;
    font-family: gt-america;
    font-weight: 700
}

@media all and (max-width:999px) {
    .title-h-1 {
        font-size: 36px;
        line-height: 44px
    }
}

.title-h-2 {
    font-size: 34px;
    line-height: 42px;
    font-family: gt-america;
    font-weight: 700
}

@media all and (max-width:999px) {
    .title-h-2 {
        font-size: 28px;
        line-height: 36px;
        margin-left:55px;
    }
}

.title-h-3 {
    font-family: gt-america;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700
}

@media all and (max-width:999px) {
    .title-h-3 {
        font-size: 22px;
        line-height: 30px
    }
}

.title-h-4 {
    font-family: gt-america;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

.title-h-5 {
    font-family: gt-america;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.title-h-6 {
    font-family: gt-america;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

@media (max-width:1199px) {
    .title-m-h-5 {
        font-family: gt-america;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }
}

@media (max-width:767px) {
    .title-s-h-5 {
        font-family: gt-america;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }
}

@media (max-width:767px) {
    .title-s-h-2 {
        font-size: 28px;
        line-height: 36px
    }
}

.tooltip {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 5px;
    color: #fff;
    background-color: #090a0b
}

.tooltip--nowrap {
    white-space: nowrap
}

.tooltip:before {
    content: "";
    display: block;
    position: absolute
}

.tooltip.above:before {
    width: 12px;
    height: 6px;
    border-top: 6px solid #090a0b;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.tooltip.under:before {
    width: 12px;
    height: 6px;
    border-top: 6px solid #090a0b;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.card .card__data-events-icon .tooltip {
    position: absolute;
    display: none;
    top: calc(100% + 14px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.card .card__data-events-icon .tooltip:before {
    top: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 12px;
    height: 6px;
    border-bottom: 6px solid #090a0b;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.card .card__data-events-icon:hover .tooltip {
    display: block
}

.card .card__data-events-icon:last-child .tooltip,
.card .card__data-events-icon:only-child .tooltip {
    right: 0;
    left: auto;
    bottom: calc(100% + 14px);
    top: auto;
    -webkit-transform: none;
    transform: none
}

.card .card__data-events-icon:last-child .tooltip:before,
.card .card__data-events-icon:only-child .tooltip:before {
    left: auto;
    -webkit-transform: none;
    transform: none;
    top: auto;
    bottom: -6px;
    right: 12px;
    border-bottom: none;
    border-top: 6px solid #090a0b
}

.card--small .card__data-events-icon .tooltip {
    position: absolute;
    display: none;
    top: auto;
    bottom: calc(100% + 14px);
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.card--small .card__data-events-icon .tooltip:before {
    top: auto;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 6px solid #090a0b;
    border-bottom: none
}

.card--small .card__data-events-icon:first-child .tooltip,
.card--small .card__data-events-icon:only-child .tooltip {
    top: auto;
    bottom: calc(100% + 14px);
    left: 0;
    right: auto;
    -webkit-transform: none;
    transform: none
}

.card--small .card__data-events-icon:first-child .tooltip:before,
.card--small .card__data-events-icon:only-child .tooltip:before {
    left: 12px;
    -webkit-transform: none;
    transform: none
}

.card--small .card__data-events-icon:last-child:not(:only-child) .tooltip {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: calc(100% + 14px)
}

.card--small .card__data-events-icon:last-child:not(:only-child) .tooltip:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    right: auto;
    top: auto
}

.card--map .card__data-events-icon .tooltip:before {
    height: 7px;
    border-bottom-width: 7px
}

.top-line {
    background-color: #f4f6f8
}

.top-line__center {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    min-height: 80px;
    padding-top: 12px;
    padding-bottom: 12px
}

@media (max-width:767px) {
    .top-line__center {
        min-height: 64px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.top-line__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.top-line__item--links {
    width: 100%;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.top-line__item--controls {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.top-line__item *+* {
    margin-left: 16px
}

@media (max-width:767px) {
    .top-line__item *+* {
        margin-left: 10px
    }
}

.top-line__item .btn-primary+.btn-primary {
    margin-left: 24px
}

.top-line__item .btn-primary--transparent+.btn-primary {
    margin-left: 10px
}

.top-line__item-mobile {
    position: relative;
    height: 32px;
    height: 32px
}

.top-line__title {
    white-space: nowrap;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #090a0b
}

@media (max-width:1199px) {
    .top-line__title {
        display: none
    }
}

.top-line__link {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #484c51
}

@media (max-width:767px) {
    .top-line__link {
        font-size: 16px;
        line-height: 24px
    }
}

.top-line__dropdown-mobile {
    right: 0;
    left: auto;
    top: calc(100% + 8px);
    width: 200px
}

.trip-state {
    position: relative
}

@media (max-width:1199px) {
    .trip-state--m-column {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse
    }
}

.trip-state__line {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end
}

.trip-state__line--dot {
    height: 32px;
    border-radius: 16px;
    background-color: #f4f6f8
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__line {
        margin-right: auto
    }
}

@media (max-width:1199px) and (max-width:1199px) {
    .trip-state--m-column .trip-state__line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__line {
        -webkit-box-align: start;
        align-items: flex-start
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__line--label {
        margin-top: -4px
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__line--dot {
        margin-right: 32px;
        height: auto;
        width: 32px
    }
}

@media (max-width:767px) {
    .trip-state--m-column .trip-state__line--dot {
        margin-right: 20px
    }
}

.trip-state__col {
    position: relative;
    width: calc(((100% - (8 - 1) * 32px)/ 8 * 1) + 32px * (1 - 1));
    width: calc(((100% - (8 - 1) * var(--space))/ 8 * 1) + var(--space) * (1 - 1))
}

.trip-state__col--label {
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

.trip-state__col--label * {
    display: block
}

.trip-state__col--dot {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.trip-state__col:after,
.trip-state__col:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: calc(50% + 32px)
}

.trip-state__col:before {
    left: -16px;
    border-radius: 0 16px 16px 0
}

.trip-state__col:after {
    right: -16px;
    border-radius: 16px 0 0 16px
}

.trip-state__col--success-right:after {
    background-color: #c3e8e0
}

.trip-state__col--success-right--round:after {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.trip-state__col--success-left:before {
    background-color: #c3e8e0
}

.trip-state__col--error-right:after {
    background-color: #ffe2e0
}

.trip-state__col--error-left:before {
    background-color: #ffe2e0
}

.trip-state__line--8 .trip-state__col {
    width: calc(((100% - (8 - 1) * 32px)/ 8 * 1) + 32px * (1 - 1));
    width: calc(((100% - (8 - 1) * var(--space))/ 8 * 1) + var(--space) * (1 - 1))
}

.trip-state__line--7 .trip-state__col {
    width: calc(((100% - (7 - 1) * 32px)/ 7 * 1) + 32px * (1 - 1));
    width: calc(((100% - (7 - 1) * var(--space))/ 7 * 1) + var(--space) * (1 - 1))
}

.trip-state__line--6 .trip-state__col {
    width: calc(((100% - (6 - 1) * 32px)/ 6 * 1) + 32px * (1 - 1));
    width: calc(((100% - (6 - 1) * var(--space))/ 6 * 1) + var(--space) * (1 - 1))
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__col--dot {
        width: 32px
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__col--label {
        width: auto;
        padding-bottom: 0;
        font-size: 18px;
        line-height: 28px;
        -moz-text-align-last: left;
        text-align-last: left
    }
}

@media (max-width:1199px) {

    .trip-state--m-column .trip-state__col:after,
    .trip-state--m-column .trip-state__col:before {
        height: calc(100% + 32px);
        width: 100%
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__col:before {
        bottom: 0;
        top: auto;
        left: 0;
        border-radius: 0 0 16px 16px
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__col:after {
        top: 0;
        bottom: auto;
        right: 0;
        border-radius: 16px 16px 0 0
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__col--success-right--round:after {
        border-radius: 0 16px 16px 0
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__col span {
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        display: block;
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__col--label~.trip-state__col--label {
        margin-top: 68px
    }
}

@media (max-width:767px) {
    .trip-state--m-column .trip-state__col--label~.trip-state__col--label {
        margin-top: 52px
    }
}

@media (max-width:1199px) {
    .trip-state--m-column .trip-state__col--dot~.trip-state__col--dot {
        margin-top: 64px
    }
}

@media (max-width:767px) {
    .trip-state--m-column .trip-state__col--dot~.trip-state__col--dot {
        margin-top: 48px
    }
}

.trip-state__dot {
    z-index: 10;
    position: relative;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid #c8cacb;
    background-color: #fff
}

.trip-state__dot--icon {
    border: none;
    background-color: transparent
}

.trip-state__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 32px;
    height: 32px
}

[class^=txt-].txt-hover:hover {
    color: #090a0b
}

[class^=txt-] {
    font-family: gt-america
}

.bg-3 [class^=txt-lead] {
    color: #fff
}

.bg-3 [class^=txt-]:not([class^=txt-lead]) {
    color: #b1b5b9
}

.txt-lead-0 {
    font-size: 26px;
    line-height: 36px
}

@media all and (max-width:999px) {
    .txt-lead-0 {
        font-size: 24px;
        line-height: 34px
    }
}

.txt-lead-1 {
    font-size: 24px;
    line-height: 34px
}

@media all and (max-width:999px) {
    .txt-lead-1 {
        font-size: 22px;
        line-height: 32px
    }
}

.txt-lead-2 {
    font-size: 20px;
    line-height: 30px
}

.txt-lead-3 {
    font-size: 18px;
    line-height: 28px
}

.txt-1 {
    font-size: 20px;
    line-height: 32px
}

.txt-2 {
    font-size: 18px;
    line-height: 28px;
    color: #484c51
}

.txt-3 {
    font-size: 16px;
    line-height: 26px
}

.txt-4 {
    font-size: 14px;
    line-height: 20px;
    color: #484c51
}

.txt-16-24 {
    font-size: 16px;
    line-height: 24px
}

@media (max-width:1199px) {
    .txt-m-2 {
        font-size: 18px;
        line-height: 28px
    }

    .txt-m-3 {
        font-size: 16px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .txt-s-3 {
        font-size: 16px;
        line-height: 26px
    }

    .txt-s-lead-3 {
        font-size: 18px;
        line-height: 28px
    }

    .txt-s-4 {
        font-size: 14px;
        line-height: 20px
    }

    .txt-s-16-24 {
        font-size: 16px;
        line-height: 24px
    }
}

.undo {
    z-index: 3001;
    position: fixed;
    bottom: 32px;
    width: 100vw;
    height: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    align-items: flex-end
}

@media (max-width:767px) {
    .undo {
        bottom: 16px
    }
}

.undo__banner {
    position: relative;
    max-width: calc(100% - 48px);
    padding: 31px 24px 31px 64px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 15px rgba(9, 10, 11, .1);
    box-shadow: 0 5px 15px rgba(9, 10, 11, .1);
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1199px) {
    .undo__banner {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (max-width:767px) {
    .undo__banner {
        max-width: calc(100% - 24px);
        padding-left: 48px;
        padding-right: 16px
    }
}

.undo__icon {
    position: absolute;
    top: 32px;
    left: 24px;
    width: 24px;
    height: 24px;
    color: #0c9
}

@media (max-width:1199px) {
    .undo__icon {
        top: 20px
    }
}

@media (max-width:1199px) {
    .undo__icon {
        left: 16px
    }
}

.undo__text {
    font-size: 16px;
    line-height: 26px
}

.undo__btn {
    position: relative;
    margin-left: 24px;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #090a0b;
    background-color: transparent
}

.undo__btn:before {
    content: "";
    display: block;
    position: absolute;
    width: 150%;
    height: 150%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.user-promo {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

.user-promo--complete {
    min-height: 108px;
    padding: 20px 24px;
    border-radius: 5px;
    background-color: #f4f6f8
}

@media (max-width:767px) {
    .user-promo--complete {
        padding: 16px;
        -webkit-box-align: center;
        align-items: center
    }
}

@media (max-width:767px) {
    .user-promo--specific-trip {
        flex-wrap: wrap;
        min-height: 0;
        padding: 0;
        background-color: transparent
    }
}

.user-promo--new-primary {
    padding-top: 23px;
    padding-bottom: 23px;
    border-top: 1px solid rgba(9, 10, 11, .1);
    border-bottom: 1px solid rgba(9, 10, 11, .1)
}

.user-promo--mdl-additional-drivers {
    padding-top: 15px;
    padding-bottom: 15px
}

.user-promo--mdl-additional-drivers+.user-promo--mdl-additional-drivers {
    border-top: 1px solid rgba(9, 10, 11, .1)
}

.user-promo__data {
    position: relative;
    min-height: 64px;
    max-width: 100%;
    padding-left: 80px;
    word-break: break-word;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width:767px) {
    .user-promo__data {
        min-height: 48px;
        max-width: calc(100% - 56px);
        width: 100%;
        padding-left: 64px
    }
}

.user-promo__data-photo {
    position: absolute;
    left: 0;
    top: 2px;
    height: 64px;
    width: 64px;
    border-radius: 50%;
    overflow: hidden;
    color: #f4f6f8;
    background-color: #f4f6f8
}

@media (max-width:767px) {
    .user-promo__data-photo {
        width: 48px;
        height: 48px
    }
}

.user-promo__data-name {
    display: inline-block;
    padding-top: 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #007bb3
}

.user-promo__data-name:hover {
    color: #0089c7
}

@media (max-width:767px) {
    .user-promo__data-name {
        padding-top: 0
    }
}

.user-promo__data-location {
    padding-top: 8px;
    font-size: 14px;
    line-height: 20px;
    font-family: gt-america-mono;
    color: #6f757c
}

@media (max-width:767px) {
    .user-promo__data-location {
        padding-top: 4px
    }
}

.user-promo__data-location--mdl-message {
    padding-top: 2px;
    font-size: 16px
}

.user-promo__data-email {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.user-promo--additional .user-promo__data {
    max-width: calc(100% - 80px)
}

.user-promo--mdl-additional-drivers .user-promo__data-location {
    padding-top: 2px
}

@media (max-width:767px) {
    .user-promo--message-popup .user-promo__data {
        display: block;
        width: 100%;
        max-width: none;
        padding-left: 0;
        text-align: center
    }
}

@media (max-width:767px) {
    .user-promo--message-popup .user-promo__data-photo {
        position: static;
        width: 64px;
        height: 64px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:767px) {
    .user-promo--message-popup .user-promo__data-name {
        padding-top: 16px
    }
}

@media (max-width:767px) {
    .user-promo--message-popup .user-promo__data-location {
        padding-top: 2px
    }
}

.user-promo--no-controls .user-promo__data {
    max-width: none
}

.user-promo__controls {
    margin-left: 32px;
    min-height: 64px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1719px) {
    .user-promo__controls {
        margin-left: 8px
    }
}

@media (max-width:1199px) {
    .user-promo__controls {
        min-height: 0
    }
}

.user-promo__controls-item {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .9);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #090a0b
}

@media (max-width:1199px) {
    .user-promo__controls__btn-group {
        position: static
    }
}

@media (max-width:1199px) {
    .user-promo__controls__btn-group__item {
        padding: 0
    }
}

@media (max-width:767px) {
    .user-promo__controls__btn-group__item {
        margin-right: 0 !important
    }
}

@media (max-width:1719px) {
    .user-promo__controls__btn--xxl-icon {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 66px;
        min-height: 48px;
        padding: 0;
        border: none;
        border-radius: 32px;
        background-color: #fff !important;
        color: #000
    }

    .user-promo__controls__btn--xxl-icon .icon {
        margin-right: 0 !important
    }
}

@media (max-width:1199px) {
    .user-promo__controls__btn--m-icon {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: -48px;
        width: 56px;
        min-height: 32px;
        padding: 0;
        border: none;
        border-radius: 20px;
        background-color: #f4f6f8 !important;
        color: #484c51
    }

    .user-promo__controls__btn--m-icon .icon {
        margin-right: 0 !important
    }
}

@media (max-width:767px) {
    .user-promo__controls__btn--m-icon {
        top: -44px
    }
}

@media (max-width:1199px) {
    .user-promo__controls__btn--m-icon-txt {
        margin-top: 1px;
        width: auto;
        min-height: 0;
        padding: 4px 0;
        font-size: 15px;
        line-height: 22px;
        border: none;
        background-color: transparent !important;
        color: #007bb3
    }

    .user-promo__controls__btn--m-icon-txt .icon {
        margin-right: 8px !important;
        width: 18px !important;
        height: 18px !important
    }
}

@media (max-width:767px) {
    .user-promo--specific-trip .user-promo__controls {
        min-height: 48px;
        margin-left: 64px
    }
}

.user-promo__btn-additional {
    height: 48px;
    min-width: 48px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #090a0b;
    color: #fff
}

.user-promo__controls-ellipsis {
    position: absolute;
    top: -48px;
    right: 0
}

@media (max-width:767px) {
    .user-promo__controls-ellipsis {
        top: -44px
    }
}

.user-promo__btn-ellipsis {
    position: relative;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    background-color: #f4f6f8;
    background-size: contain
}

@media (max-width:1719px) and (min-width:1200px) {
    .user-promo--split .user-promo__controls-ellipsis {
        top: 32px;
        right: 40px
    }
}

@media (max-width:1719px) and (min-width:1200px) {
    .user-promo--split .user-promo__btn-ellipsis {
        background-color: #fff
    }
}

.user-promo__dropdown {
    width: 228px
}

.user-promo__data-photo {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"
}

.user-promo--complete .user-promo__data-photo {
    color: #fff;
    background-color: #fff
}

.user-promo--book-info .user-promo__data-name {
    font-size: 20px
}

.user-promo--book-info .user-promo__data-photo {
    color: #fff;
    background-color: #fff
}

@media (max-width:1199px) {
    .user-promo--specific-trip {
        min-height: 56px;
        padding: 0;
        background-color: transparent
    }
}

@media (max-width:767px) {
    .user-promo--specific-trip {
        min-height: 48px
    }
}

@media (max-width:1199px) {
    .user-promo--specific-trip .user-promo__data {
        min-height: 56px;
        padding-left: 72px
    }
}

@media (max-width:767px) {
    .user-promo--specific-trip .user-promo__data {
        min-height: 48px;
        padding-left: 64px
    }
}

@media (max-width:1199px) {
    .user-promo--specific-trip .user-promo__data-photo {
        width: 56px;
        height: 56px;
        background-color: #f4f6f8
    }
}

@media (max-width:767px) {
    .user-promo--specific-trip .user-promo__data-photo {
        width: 48px;
        height: 48px
    }
}

.user-promo--specific-trip .user-promo__data-name {
    padding-top: 0
}

.user-promo--specific-trip .user-promo__data-location {
    padding-top: 4px
}

.book-info--primary-driver-empty .user-promo--book-info {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.user-promo-list__item--booking-process .user-promo__data {
    max-width: calc(100% - 80px)
}

.user-promo-list__item+.user-promo-list__item {
    margin-top: 8px
}

.user-promo-list__item--booking-process {
    -webkit-box-align: center;
    align-items: center
}

@media (max-width:1199px) {
    .user-promo-list__item--booking-process+.user-promo-list__item--booking-process {
        margin-top: 16px
    }
}

.specific-trip-user-info .user-promo-list {
    height: 100%
}

.specific-trip-user-info .user-promo-list__item {
    min-height: 100%
}

.element {
    height: 100vh;
    height: calc(1vh * 100);
    height: calc(var(--vh, 1vh) * 100)
}

.vin-found {
    display: inline-block;
    position: relative;
    padding-right: 60px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    word-break: break-all
}

@media (max-width:767px) {
    .vin-found {
        padding-right: 48px;
        font-size: 20px;
        line-height: 28px
    }
}

.vin-found:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/icon-check-complete.svg) 0 0 no-repeat
}

@media (max-width:767px) {
    .vin-found:after {
        right: 3px;
        width: 24px;
        height: 24px
    }
}

.col {
    -webkit-box-flex: 1;
    flex: 1 1 0
}

.col-fw {
    width: 100%
}

.col-12 {
    max-width: 1588px;
    max-width: var(--width)
}

@media (max-width:1719px) {
    .col-12 {
        max-width: 100%;
        padding-left: 64px;
        padding-right: 64px
    }
}

@media (max-width:1439px) {
    .col-12 {
        padding-left: calc(32px + 24px);
        padding-right: calc(32px + 24px)
    }
}

@media (max-width:1199px) {
    .col-12 {
        padding-left: 31px;
        padding-right: 31px
    }
}

@media (max-width:767px) {
    .col-12 {
        padding-left: 24px;
        padding-right: 24px
    }
}

.col-11 {
    width: calc(6.48615% * 11 + 32px * (11 - 1));
    width: calc(var(--col) * 11 + var(--space) * (11 - 1))
}

.col-10 {
    width: calc(6.48615% * 10 + 32px * (10 - 1));
    width: calc(var(--col) * 10 + var(--space) * (10 - 1))
}

.col-9 {
    width: calc(6.48615% * 9 + 32px * (9 - 1));
    width: calc(var(--col) * 9 + var(--space) * (9 - 1))
}

.col-8 {
    width: calc(6.48615% * 8 + 32px * (8 - 1));
    width: calc(var(--col) * 8 + var(--space) * (8 - 1))
}

.col-7 {
    width: calc(6.48615% * 7 + 32px * (7 - 1));
    width: calc(var(--col) * 7 + var(--space) * (7 - 1))
}

.col-6 {
    width: calc(6.48615% * 6 + 32px * (6 - 1));
    width: calc(var(--col) * 6 + var(--space) * (6 - 1))
}

.col-5 {
    width: calc(6.48615% * 5 + 32px * (5 - 1));
    width: calc(var(--col) * 5 + var(--space) * (5 - 1))
}

.col-4 {
    width: calc(6.48615% * 4 + 32px * (4 - 1));
    width: calc(var(--col) * 4 + var(--space) * (4 - 1))
}

.col-3 {
    width: calc(6.48615% * 3 + 32px * (3 - 1));
    width: calc(var(--col) * 3 + var(--space) * (3 - 1))
}

.col-2 {
    width: calc(6.48615% * 2 + 32px * (2 - 1));
    width: calc(var(--col) * 2 + var(--space) * (2 - 1))
}

.col-w-4 {
    width: calc((100% - 4 * 32px)/ 4);
    width: calc((100% - 4 * var(--space))/ 4)
}

.col-r-2-6 {
    width: calc(((100% - (6 - 1) * 32px)/ 6 * 2) + 32px * (2 - 1));
    width: calc(((100% - (6 - 1) * var(--space))/ 6 * 2) + var(--space) * (2 - 1))
}

.col-r-4-6 {
    width: calc(((100% - (6 - 1) * 32px)/ 6 * 4) + 32px * (4 - 1));
    width: calc(((100% - (6 - 1) * var(--space))/ 6 * 4) + var(--space) * (4 - 1))
}

.col-r-2-10 {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 2) + 32px * (2 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 2) + var(--space) * (2 - 1))
}

.col-r-2-12 {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 2) + 32px * (2 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 2) + var(--space) * (2 - 1))
}

@media (max-width:1439px) {
    .col-r-2-12 {
        width: calc((((100% - 9 * 32px)/ 10) * 2) + 32px * (2 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 2) + var(--space) * (2 - 1))
    }
}

@media (max-width:1199px) {
    .col-r-2-12 {
        width: calc((((100% - 5 * 32px)/ 6) * 2) + 32px * (2 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 2) + var(--space) * (2 - 1))
    }
}

@media (max-width:767px) {
    .col-r-2-12 {
        width: calc((((100% - 3 * 32px)/ 4) * 2) + (32px * (2 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 2) + (var(--space) * (2 - 1)))
    }
}

.col-r-3-12 {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 3) + 32px * (3 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 3) + var(--space) * (3 - 1))
}

@media (max-width:1439px) {
    .col-r-3-12 {
        width: calc((((100% - 9 * 32px)/ 10) * 3) + 32px * (3 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 3) + var(--space) * (3 - 1))
    }
}

@media (max-width:1199px) {
    .col-r-3-12 {
        width: calc((((100% - 5 * 32px)/ 6) * 3) + 32px * (3 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 3) + var(--space) * (3 - 1))
    }
}

@media (max-width:767px) {
    .col-r-3-12 {
        width: calc((((100% - 3 * 32px)/ 4) * 3) + (32px * (3 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 3) + (var(--space) * (3 - 1)))
    }
}

.col-r-4-12 {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 4) + 32px * (4 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 4) + var(--space) * (4 - 1))
}

@media (max-width:1439px) {
    .col-r-4-12 {
        width: calc((((100% - 9 * 32px)/ 10) * 4) + 32px * (4 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:1199px) {
    .col-r-4-12 {
        width: calc((((100% - 5 * 32px)/ 6) * 4) + 32px * (4 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:767px) {
    .col-r-4-12 {
        width: calc((((100% - 3 * 32px)/ 4) * 4) + (32px * (4 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 4) + (var(--space) * (4 - 1)))
    }
}

.col-r-10-12 {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 10) + 32px * (10 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 10) + var(--space) * (10 - 1))
}

@media (max-width:1439px) {
    .col-r-10-12 {
        width: calc((((100% - 9 * 32px)/ 10) * 10) + 32px * (10 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 10) + var(--space) * (10 - 1))
    }
}

@media (max-width:1199px) {
    .col-r-10-12 {
        width: calc((((100% - 5 * 32px)/ 6) * 10) + 32px * (10 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 10) + var(--space) * (10 - 1))
    }
}

@media (max-width:767px) {
    .col-r-10-12 {
        width: calc((((100% - 3 * 32px)/ 4) * 10) + (32px * (10 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 10) + (var(--space) * (10 - 1)))
    }
}

.col-r-7-12 {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 7) + 32px * (7 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 7) + var(--space) * (7 - 1))
}

@media (max-width:1439px) {
    .col-r-7-12 {
        width: calc((((100% - 9 * 32px)/ 10) * 7) + 32px * (7 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 7) + var(--space) * (7 - 1))
    }
}

@media (max-width:1199px) {
    .col-r-7-12 {
        width: calc((((100% - 5 * 32px)/ 6) * 7) + 32px * (7 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 7) + var(--space) * (7 - 1))
    }
}

@media (max-width:767px) {
    .col-r-7-12 {
        width: calc((((100% - 3 * 32px)/ 4) * 7) + (32px * (7 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 7) + (var(--space) * (7 - 1)))
    }
}

.col-r-8-12 {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 8) + 32px * (8 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 8) + var(--space) * (8 - 1))
}

@media (max-width:1439px) {
    .col-r-8-12 {
        width: calc((((100% - 9 * 32px)/ 10) * 8) + 32px * (8 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 8) + var(--space) * (8 - 1))
    }
}

@media (max-width:1199px) {
    .col-r-8-12 {
        width: calc((((100% - 5 * 32px)/ 6) * 8) + 32px * (8 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 8) + var(--space) * (8 - 1))
    }
}

@media (max-width:767px) {
    .col-r-8-12 {
        width: calc((((100% - 3 * 32px)/ 4) * 8) + (32px * (8 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 8) + (var(--space) * (8 - 1)))
    }
}

.col-r-3-10 {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 3) + 32px * (3 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 3) + var(--space) * (3 - 1))
}

.col-r-8-10 {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 8) + 32px * (8 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 8) + var(--space) * (8 - 1))
}

.col-r-7-10 {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 7) + 32px * (7 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 7) + var(--space) * (7 - 1))
}

.col-r-6-12 {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 6) + 32px * (6 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 6) + var(--space) * (6 - 1))
}

@media (max-width:1439px) {
    .col-r-6-12 {
        width: calc((((100% - 9 * 32px)/ 10) * 6) + 32px * (6 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:1199px) {
    .col-r-6-12 {
        width: calc((((100% - 5 * 32px)/ 6) * 6) + 32px * (6 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 6) + var(--space) * (6 - 1))
    }
}

@media (max-width:767px) {
    .col-r-6-12 {
        width: calc((((100% - 3 * 32px)/ 4) * 6) + (32px * (6 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 6) + (var(--space) * (6 - 1)))
    }
}

.col-r-4-10 {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 4) + 32px * (4 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 4) + var(--space) * (4 - 1))
}

.col-r-5-10 {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 5) + 32px * (5 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 5) + var(--space) * (5 - 1))
}

.col-r-5-12 {
    width: calc(((100% - (12 - 1) * 32px)/ 12 * 5) + 32px * (5 - 1));
    width: calc(((100% - (12 - 1) * var(--space))/ 12 * 5) + var(--space) * (5 - 1))
}

@media (max-width:1439px) {
    .col-r-5-12 {
        width: calc((((100% - 9 * 32px)/ 10) * 5) + 32px * (5 - 1));
        width: calc((((100% - 9 * var(--space))/ 10) * 5) + var(--space) * (5 - 1))
    }
}

@media (max-width:1199px) {
    .col-r-5-12 {
        width: calc((((100% - 5 * 32px)/ 6) * 5) + 32px * (5 - 1));
        width: calc((((100% - 5 * var(--space))/ 6) * 5) + var(--space) * (5 - 1))
    }
}

@media (max-width:767px) {
    .col-r-5-12 {
        width: calc((((100% - 3 * 32px)/ 4) * 5) + (32px * (5 - 1)));
        width: calc((((100% - 3 * var(--space))/ 4) * 5) + (var(--space) * (5 - 1)))
    }
}

.col-r-6-8 {
    width: calc(((100% - (8 - 1) * 32px)/ 8 * 6) + 32px * (6 - 1));
    width: calc(((100% - (8 - 1) * var(--space))/ 8 * 6) + var(--space) * (6 - 1))
}

.col-r-6-10 {
    width: calc(((100% - (10 - 1) * 32px)/ 10 * 6) + 32px * (6 - 1));
    width: calc(((100% - (10 - 1) * var(--space))/ 10 * 6) + var(--space) * (6 - 1))
}

.col-r-4-5 {
    width: calc(((100% - (5 - 1) * 32px)/ 5 * 4) + 32px * (4 - 1));
    width: calc(((100% - (5 - 1) * var(--space))/ 5 * 4) + var(--space) * (4 - 1))
}

.col-r-3-6 {
    width: calc(((100% - (6 - 1) * 32px)/ 6 * 3) + 32px * (3 - 1));
    width: calc(((100% - (6 - 1) * var(--space))/ 6 * 3) + var(--space) * (3 - 1))
}

.col-r-3-8 {
    width: calc(((100% - (8 - 1) * 32px)/ 8 * 3) + 32px * (3 - 1));
    width: calc(((100% - (8 - 1) * var(--space))/ 8 * 3) + var(--space) * (3 - 1))
}

.col-r-4-8 {
    width: calc(((100% - (8 - 1) * 32px)/ 8 * 4) + 32px * (4 - 1));
    width: calc(((100% - (8 - 1) * var(--space))/ 8 * 4) + var(--space) * (4 - 1))
}

.col-r-5-8 {
    width: calc(((100% - (8 - 1) * 32px)/ 8 * 5) + 32px * (5 - 1));
    width: calc(((100% - (8 - 1) * var(--space))/ 8 * 5) + var(--space) * (5 - 1))
}

.col-req-2-6 {
    width: calc((((100% - (6 - 1) * 32px)/ 6 * 2) + 32px * 2));
    width: calc((((100% - (6 - 1) * var(--space))/ 6 * 2) + var(--space) * 2))
}

.col-req-6-7 {
    width: calc((((100% - (7 - 1) * 32px)/ 7 * 6) + 32px * 6));
    width: calc((((100% - (7 - 1) * var(--space))/ 7 * 6) + var(--space) * 6))
}

.col-req-1-12 {
    width: calc((((100% - (12 - 1) * 32px)/ 12 * 1) + 32px * 1));
    width: calc((((100% - (12 - 1) * var(--space))/ 12 * 1) + var(--space) * 1))
}

.col-req-3-10 {
    width: calc((((100% - (10 - 1) * 32px)/ 10 * 3) + 32px * 3));
    width: calc((((100% - (10 - 1) * var(--space))/ 10 * 3) + var(--space) * 3))
}

.col-ws-s-2 {
    width: calc((100% - 2 * 16px)/ 2)
}

.col-ws-m-2 {
    width: calc((100% - 2 * 32px)/ 2)
}

.col-ws-m-3 {
    width: calc((100% - 3 * 32px)/ 3)
}

.col-ws-m-4 {
    width: calc((100% - 4 * 32px)/ 4)
}

.col-ws-m-5 {
    width: calc((100% - 5 * 32px)/ 5)
}

.col-ws-l-3 {
    width: calc((100% - 3 * 64px)/ 3)
}

@media (max-width:1919px) {
    .col-full-hd-r-7-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 7) + 32px * (7 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 7) + var(--space) * (7 - 1))
    }

    .col-full-hd-r-10-12 {
        width: calc(((100% - (12 - 1) * 32px)/ 12 * 10) + 32px * (10 - 1));
        width: calc(((100% - (12 - 1) * var(--space))/ 12 * 10) + var(--space) * (10 - 1))
    }

    @media (max-width:1439px) {
        .col-full-hd-r-10-12 {
            width: calc((((100% - 9 * 32px)/ 10) * 10) + 32px * (10 - 1));
            width: calc((((100% - 9 * var(--space))/ 10) * 10) + var(--space) * (10 - 1))
        }
    }

    @media (max-width:1199px) {
        .col-full-hd-r-10-12 {
            width: calc((((100% - 5 * 32px)/ 6) * 10) + 32px * (10 - 1));
            width: calc((((100% - 5 * var(--space))/ 6) * 10) + var(--space) * (10 - 1))
        }
    }

    @media (max-width:767px) {
        .col-full-hd-r-10-12 {
            width: calc((((100% - 3 * 32px)/ 4) * 10) + (32px * (10 - 1)));
            width: calc((((100% - 3 * var(--space))/ 4) * 10) + (var(--space) * (10 - 1)))
        }
    }

    .col-full-hd-ws-m-2 {
        width: calc((100% - 2 * 32px)/ 2)
    }

    .col-full-hd-ws-m-3 {
        width: calc((100% - 3 * 32px)/ 3)
    }
}

@media (max-width:1719px) {
    .col-xxl-fw {
        min-width: 100%
    }

    .col-xxl-12 {
        width: calc(6.48615% * 12 + 32px * (12 - 1));
        width: calc(var(--col) * 12 + var(--space) * (12 - 1))
    }

    .col-xxl-11 {
        width: calc(6.48615% * 11 + 32px * (11 - 1));
        width: calc(var(--col) * 11 + var(--space) * (11 - 1))
    }

    .col-xxl-10 {
        width: calc(6.48615% * 10 + 32px * (10 - 1));
        width: calc(var(--col) * 10 + var(--space) * (10 - 1))
    }

    .col-xxl-9 {
        width: calc(6.48615% * 9 + 32px * (9 - 1));
        width: calc(var(--col) * 9 + var(--space) * (9 - 1))
    }

    .col-xxl-8 {
        width: calc(6.48615% * 8 + 32px * (8 - 1));
        width: calc(var(--col) * 8 + var(--space) * (8 - 1))
    }

    .col-xxl-7 {
        width: calc(6.48615% * 7 + 32px * (7 - 1));
        width: calc(var(--col) * 7 + var(--space) * (7 - 1))
    }

    .col-xxl-6 {
        width: calc(6.48615% * 6 + 32px * (6 - 1));
        width: calc(var(--col) * 6 + var(--space) * (6 - 1))
    }

    .col-xxl-5 {
        width: calc(6.48615% * 5 + 32px * (5 - 1));
        width: calc(var(--col) * 5 + var(--space) * (5 - 1))
    }

    .col-xxl-4 {
        width: calc(6.48615% * 4 + 32px * (4 - 1));
        width: calc(var(--col) * 4 + var(--space) * (4 - 1))
    }

    .col-xxl-3 {
        width: calc(6.48615% * 3 + 32px * (3 - 1));
        width: calc(var(--col) * 3 + var(--space) * (3 - 1))
    }

    .col-xxl-r-7-12 {
        width: calc(6.48615% * 7 + 32px * (7 - 1));
        width: calc(var(--col) * 7 + var(--space) * (7 - 1))
    }

    .col-xxl-r-8-12 {
        width: calc(6.48615% * 8 + 32px * (8 - 1));
        width: calc(var(--col) * 8 + var(--space) * (8 - 1))
    }

    .col-xxl-r-8-10 {
        width: calc(6.48615% * 8 + 32px * (8 - 1));
        width: calc(var(--col) * 8 + var(--space) * (8 - 1))
    }

    .col-xxl-r-10-12 {
        width: calc(((100% - (12 - 1) * 32px)/ 12 * 10) + 32px * (10 - 1));
        width: calc(((100% - (12 - 1) * var(--space))/ 12 * 10) + var(--space) * (10 - 1))
    }

    @media (max-width:1439px) {
        .col-xxl-r-10-12 {
            width: calc((((100% - 9 * 32px)/ 10) * 10) + 32px * (10 - 1));
            width: calc((((100% - 9 * var(--space))/ 10) * 10) + var(--space) * (10 - 1))
        }
    }

    @media (max-width:1199px) {
        .col-xxl-r-10-12 {
            width: calc((((100% - 5 * 32px)/ 6) * 10) + 32px * (10 - 1));
            width: calc((((100% - 5 * var(--space))/ 6) * 10) + var(--space) * (10 - 1))
        }
    }

    @media (max-width:767px) {
        .col-xxl-r-10-12 {
            width: calc((((100% - 3 * 32px)/ 4) * 10) + (32px * (10 - 1)));
            width: calc((((100% - 3 * var(--space))/ 4) * 10) + (var(--space) * (10 - 1)))
        }
    }

    .col-xxl-r-4-8 {
        width: calc(((100% - (8 - 1) * 32px)/ 8 * 4) + 32px * (4 - 1));
        width: calc(((100% - (8 - 1) * var(--space))/ 8 * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:1679px) {
    .col-xl-fw {
        width: 100%;
        min-width: 100%
    }

    .col-xl-12 {
        width: calc(6.48615% * 12 + 32px * (12 - 1));
        width: calc(var(--col) * 12 + var(--space) * (12 - 1))
    }

    .col-xl-11 {
        width: calc(6.48615% * 11 + 32px * (11 - 1));
        width: calc(var(--col) * 11 + var(--space) * (11 - 1))
    }

    .col-xl-10 {
        width: calc(6.48615% * 10 + 32px * (10 - 1));
        width: calc(var(--col) * 10 + var(--space) * (10 - 1))
    }

    .col-xl-9 {
        width: calc(6.48615% * 9 + 32px * (9 - 1));
        width: calc(var(--col) * 9 + var(--space) * (9 - 1))
    }

    .col-xl-8 {
        width: calc(6.48615% * 8 + 32px * (8 - 1));
        width: calc(var(--col) * 8 + var(--space) * (8 - 1))
    }

    .col-xl-7 {
        width: calc(6.48615% * 7 + 32px * (7 - 1));
        width: calc(var(--col) * 7 + var(--space) * (7 - 1))
    }

    .col-xl-6 {
        width: calc(6.48615% * 6 + 32px * (6 - 1));
        width: calc(var(--col) * 6 + var(--space) * (6 - 1))
    }

    .col-xl-5 {
        width: calc(6.48615% * 5 + 32px * (5 - 1));
        width: calc(var(--col) * 5 + var(--space) * (5 - 1))
    }

    .col-xl-4 {
        width: calc(6.48615% * 4 + 32px * (4 - 1));
        width: calc(var(--col) * 4 + var(--space) * (4 - 1))
    }

    .col-xl-3 {
        width: calc(6.48615% * 3 + 32px * (3 - 1));
        width: calc(var(--col) * 3 + var(--space) * (3 - 1))
    }

    .col-xl-r-10-12 {
        width: calc(((100% - (12 - 1) * 32px)/ 12 * 10) + 32px * (10 - 1));
        width: calc(((100% - (12 - 1) * var(--space))/ 12 * 10) + var(--space) * (10 - 1))
    }

    @media (max-width:1439px) {
        .col-xl-r-10-12 {
            width: calc((((100% - 9 * 32px)/ 10) * 10) + 32px * (10 - 1));
            width: calc((((100% - 9 * var(--space))/ 10) * 10) + var(--space) * (10 - 1))
        }
    }

    @media (max-width:1199px) {
        .col-xl-r-10-12 {
            width: calc((((100% - 5 * 32px)/ 6) * 10) + 32px * (10 - 1));
            width: calc((((100% - 5 * var(--space))/ 6) * 10) + var(--space) * (10 - 1))
        }
    }

    @media (max-width:767px) {
        .col-xl-r-10-12 {
            width: calc((((100% - 3 * 32px)/ 4) * 10) + (32px * (10 - 1)));
            width: calc((((100% - 3 * var(--space))/ 4) * 10) + (var(--space) * (10 - 1)))
        }
    }

    .col-xl-r-8-12 {
        width: calc(6.48615% * 8 + 32px * (8 - 1));
        width: calc(var(--col) * 8 + var(--space) * (8 - 1))
    }

    .col-xl-r-6-7 {
        width: calc(((100% - (7 - 1) * 32px)/ 7 * 6) + 32px * (6 - 1));
        width: calc(((100% - (7 - 1) * var(--space))/ 7 * 6) + var(--space) * (6 - 1))
    }

    .col-xl-r-7-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 7) + 32px * (7 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 7) + var(--space) * (7 - 1))
    }

    .col-xl-r-4-5 {
        width: calc(((100% - (5 - 1) * 32px)/ 5 * 4) + 32px * (4 - 1));
        width: calc(((100% - (5 - 1) * var(--space))/ 5 * 4) + var(--space) * (4 - 1))
    }
}

@media (max-width:1439px) {
    .col-l {
        -webkit-box-flex: 1;
        flex: 1 1 0
    }

    .col-l-fw {
        width: 100%;
        min-width: 100%
    }

    .col-l-w-4 {
        width: calc((100% - 4 * 32px)/ 4);
        width: calc((100% - 4 * var(--space))/ 4)
    }

    .col-l-12 {
        width: calc(6.48615% * 12 + 32px * (12 - 1));
        width: calc(var(--col) * 12 + var(--space) * (12 - 1))
    }

    .col-l-11 {
        width: calc(6.48615% * 11 + 32px * (11 - 1));
        width: calc(var(--col) * 11 + var(--space) * (11 - 1))
    }

    .col-l-10 {
        width: calc(6.48615% * 10 + 32px * (10 - 1));
        width: calc(var(--col) * 10 + var(--space) * (10 - 1))
    }

    .col-l-9 {
        width: calc(6.48615% * 9 + 32px * (9 - 1));
        width: calc(var(--col) * 9 + var(--space) * (9 - 1))
    }

    .col-l-8 {
        width: calc(6.48615% * 8 + 32px * (8 - 1));
        width: calc(var(--col) * 8 + var(--space) * (8 - 1))
    }

    .col-l-7 {
        width: calc(6.48615% * 7 + 32px * (7 - 1));
        width: calc(var(--col) * 7 + var(--space) * (7 - 1))
    }

    .col-l-6 {
        width: calc(6.48615% * 6 + 32px * (6 - 1));
        width: calc(var(--col) * 6 + var(--space) * (6 - 1))
    }

    .col-l-5 {
        width: calc(6.48615% * 5 + 32px * (5 - 1));
        width: calc(var(--col) * 5 + var(--space) * (5 - 1))
    }

    .col-l-4 {
        width: calc(6.48615% * 4 + 32px * (4 - 1));
        width: calc(var(--col) * 4 + var(--space) * (4 - 1))
    }

    .col-l-3 {
        width: calc(6.48615% * 3 + 32px * (3 - 1));
        width: calc(var(--col) * 3 + var(--space) * (3 - 1))
    }

    .col-l-1 {
        width: calc(6.48615% * 1 + 32px * (1 - 1));
        width: calc(var(--col) * 1 + var(--space) * (1 - 1))
    }

    .col-l-r-2-6 {
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 2) + 32px * (2 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 2) + var(--space) * (2 - 1))
    }

    .col-l-r-2-6 {
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 4) + 32px * (4 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 4) + var(--space) * (4 - 1))
    }

    .col-l-r-2-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 2) + 32px * (2 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 2) + var(--space) * (2 - 1))
    }

    .col-l-r-9-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 9) + 32px * (9 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 9) + var(--space) * (9 - 1))
    }

    .col-l-r-3-8 {
        width: calc(((100% - (8 - 1) * 32px)/ 8 * 3) + 32px * (3 - 1));
        width: calc(((100% - (8 - 1) * var(--space))/ 8 * 3) + var(--space) * (3 - 1))
    }

    .col-l-r-4-8 {
        width: calc(((100% - (8 - 1) * 32px)/ 8 * 4) + 32px * (4 - 1));
        width: calc(((100% - (8 - 1) * var(--space))/ 8 * 4) + var(--space) * (4 - 1))
    }

    .col-l-r-7-8 {
        width: calc(((100% - (8 - 1) * 32px)/ 8 * 7) + 32px * (7 - 1));
        width: calc(((100% - (8 - 1) * var(--space))/ 8 * 7) + var(--space) * (7 - 1))
    }

    .col-l-r-6-9 {
        width: calc(((100% - (9 - 1) * 32px)/ 9 * 6) + 32px * (6 - 1));
        width: calc(((100% - (9 - 1) * var(--space))/ 9 * 6) + var(--space) * (6 - 1))
    }

    .col-l-r-5-8 {
        width: calc(((100% - (8 - 1) * 32px)/ 8 * 5) + 32px * (5 - 1));
        width: calc(((100% - (8 - 1) * var(--space))/ 8 * 5) + var(--space) * (5 - 1))
    }

    .col-l-r-3-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 3) + 32px * (3 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 3) + var(--space) * (3 - 1))
    }

    .col-l-r-4-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 4) + 32px * (4 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 4) + var(--space) * (4 - 1))
    }

    .col-l-r-5-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 5) + 32px * (5 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 5) + var(--space) * (5 - 1))
    }

    .col-l-r-6-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 6) + 32px * (6 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 6) + var(--space) * (6 - 1))
    }

    .col-l-r-7-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 7) + 32px * (7 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 7) + var(--space) * (7 - 1))
    }

    .col-l-r-8-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 8) + 32px * (8 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 8) + var(--space) * (8 - 1))
    }

    .col-req-l-1-10 {
        width: calc(((100% - (10 - 1) * 32px)/ 10 * 1) + 32px * (1 - 1));
        width: calc(((100% - (10 - 1) * var(--space))/ 10 * 1) + var(--space) * (1 - 1))
    }
}

@media (max-width:1199px) {
    .col-m-fw {
        width: 100%;
        min-width: 100%
    }

    .col-m-auto {
        min-width: calc(100vw - var(--side-padding) * 2);
        max-width: calc(100vw - var(--side-padding) * 2);
        width: auto
    }

    .col-m-w-2 {
        width: calc((100% - 2 * 32px)/ 2);
        width: calc((100% - 2 * var(--space))/ 2)
    }

    .col-m-12 {
        width: calc(6.48615% * 12 + 32px * (12 - 1));
        width: calc(var(--col) * 12 + var(--space) * (12 - 1))
    }

    .col-m-11 {
        width: calc(6.48615% * 11 + 32px * (11 - 1));
        width: calc(var(--col) * 11 + var(--space) * (11 - 1))
    }

    .col-m-10 {
        width: calc(6.48615% * 10 + 32px * (10 - 1));
        width: calc(var(--col) * 10 + var(--space) * (10 - 1))
    }

    .col-m-9 {
        width: calc(6.48615% * 9 + 32px * (9 - 1));
        width: calc(var(--col) * 9 + var(--space) * (9 - 1))
    }

    .col-m-8 {
        width: calc(6.48615% * 8 + 32px * (8 - 1));
        width: calc(var(--col) * 8 + var(--space) * (8 - 1))
    }

    .col-m-7 {
        width: calc(6.48615% * 7 + 32px * (7 - 1));
        width: calc(var(--col) * 7 + var(--space) * (7 - 1))
    }

    .col-m-6 {
        width: calc(6.48615% * 6 + 32px * (6 - 1));
        width: calc(var(--col) * 6 + var(--space) * (6 - 1))
    }

    .col-m-5 {
        width: calc(6.48615% * 5 + 32px * (5 - 1));
        width: calc(var(--col) * 5 + var(--space) * (5 - 1))
    }

    .col-m-4 {
        width: calc(6.48615% * 4 + 32px * (4 - 1));
        width: calc(var(--col) * 4 + var(--space) * (4 - 1))
    }

    .col-m-3 {
        width: calc(6.48615% * 3 + 32px * (3 - 1));
        width: calc(var(--col) * 3 + var(--space) * (3 - 1))
    }

    .col-m-r-2-4 {
        width: calc(((100% - (4 - 1) * 32px)/ 4 * 2) + 32px * (2 - 1));
        width: calc(((100% - (4 - 1) * var(--space))/ 4 * 2) + var(--space) * (2 - 1))
    }

    .col-m-r-3-6 {
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 3) + 32px * (3 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 3) + var(--space) * (3 - 1))
    }

    .col-m-r-4-6 {
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 4) + 32px * (4 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 4) + var(--space) * (4 - 1))
    }

    .col-m-r-5-6 {
        width: calc(((100% - (6 - 1) * 32px)/ 6 * 5) + 32px * (5 - 1));
        width: calc(((100% - (6 - 1) * var(--space))/ 6 * 5) + var(--space) * (5 - 1))
    }

    .col-m-r-4-5 {
        width: calc(((100% - (5 - 1) * 32px)/ 5 * 4) + 32px * (4 - 1));
        width: calc(((100% - (5 - 1) * var(--space))/ 5 * 4) + var(--space) * (4 - 1))
    }

    .col-m-r-3-5 {
        width: calc(((100% - (5 - 1) * 32px)/ 5 * 3) + 32px * (3 - 1));
        width: calc(((100% - (5 - 1) * var(--space))/ 5 * 3) + var(--space) * (3 - 1))
    }

    .col-m-req-3-5 {
        width: calc((((100% - (5 - 1) * 32px)/ 5 * 3) + 32px * 3));
        width: calc((((100% - (5 - 1) * var(--space))/ 5 * 3) + var(--space) * 3))
    }

    .col-m-req-3-6 {
        width: calc((((100% - (6 - 1) * 32px)/ 6 * 3) + 32px * 3));
        width: calc((((100% - (6 - 1) * var(--space))/ 6 * 3) + var(--space) * 3))
    }

    .col-m-ws-m-3 {
        width: calc((100% - 3 * 32px)/ 3)
    }

    .col-m-ws-m-2 {
        width: calc((100% - 2 * 32px)/ 2)
    }
}

@media (max-width:767px) {
    .col-s-fw {
        width: 100%;
        min-width: 100%
    }

    .col-s-12 {
        width: calc(6.48615% * 12 + 32px * (12 - 1));
        width: calc(var(--col) * 12 + var(--space) * (12 - 1))
    }

    .col-s-11 {
        width: calc(6.48615% * 11 + 32px * (11 - 1));
        width: calc(var(--col) * 11 + var(--space) * (11 - 1))
    }

    .col-s-10 {
        width: calc(6.48615% * 10 + 32px * (10 - 1));
        width: calc(var(--col) * 10 + var(--space) * (10 - 1))
    }

    .col-s-9 {
        width: calc(6.48615% * 9 + 32px * (9 - 1));
        width: calc(var(--col) * 9 + var(--space) * (9 - 1))
    }

    .col-s-8 {
        width: calc(6.48615% * 8 + 32px * (8 - 1));
        width: calc(var(--col) * 8 + var(--space) * (8 - 1))
    }

    .col-s-7 {
        width: calc(6.48615% * 7 + 32px * (7 - 1));
        width: calc(var(--col) * 7 + var(--space) * (7 - 1))
    }

    .col-s-6 {
        width: calc(6.48615% * 6 + 32px * (6 - 1));
        width: calc(var(--col) * 6 + var(--space) * (6 - 1))
    }

    .col-s-5 {
        width: calc(6.48615% * 5 + 32px * (5 - 1));
        width: calc(var(--col) * 5 + var(--space) * (5 - 1))
    }

    .col-s-4 {
        width: calc(6.48615% * 4 + 32px * (4 - 1));
        width: calc(var(--col) * 4 + var(--space) * (4 - 1))
    }

    .col-s-3 {
        width: calc(6.48615% * 3 + 32px * (3 - 1));
        width: calc(var(--col) * 3 + var(--space) * (3 - 1))
    }

    .col-s-r-2-4 {
        width: calc(((100% - (4 - 1) * 32px)/ 4 * 2) + 32px * (2 - 1));
        width: calc(((100% - (4 - 1) * var(--space))/ 4 * 2) + var(--space) * (2 - 1))
    }

    .col-s-r-3-4 {
        width: calc(((100% - (4 - 1) * 32px)/ 4 * 3) + 32px * (3 - 1));
        width: calc(((100% - (4 - 1) * var(--space))/ 4 * 3) + var(--space) * (3 - 1))
    }

    .col-s-r-4-4 {
        width: calc(((100% - (4 - 1) * 32px)/ 4 * 4) + 32px * (4 - 1));
        width: calc(((100% - (4 - 1) * var(--space))/ 4 * 4) + var(--space) * (4 - 1))
    }

    .col-s-ws-s-2 {
        width: calc((100% - 2 * 16px)/ 2)
    }
}

@media (max-width:567px) {
    .col-xs-fw {
        width: 100%
    }
}

.offset-left-1 {
    margin-left: calc(6.48615% * 1 + 32px * 1);
    margin-left: calc(var(--col) * 1 + var(--space) * 1)
}

@media (max-width:1199px) {
    .offset-left-m-0 {
        margin-left: 0
    }
}

.mfw {
    max-width: 100%;
    display: block
}

.fw {
    width: 100%
}

.fh {
    height: 100%
}

.hw {
    width: 50%
}

.qw {
    width: 25%
}

.ovh {
    overflow: hidden
}

.toe {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width:1719px) {
    .fw-xxl {
        width: 100%
    }
}

@media (max-width:1439px) {
    .hw-l {
        width: 50%
    }

    .qw-l {
        width: 25%
    }
}

@media (max-width:1199px) {
    .hw-m {
        width: 50%
    }

    .qw-m {
        width: 25%
    }

    .fh-m {
        height: 100%
    }
}

@media (max-width:767px) {
    .hw-s {
        width: 50%
    }

    .qw-s {
        width: 25%
    }

    .fw-s {
        width: 100%
    }
}

@media (max-width:567px) {
    .hw-xs {
        width: 50%
    }

    .qw-xs {
        width: 25%
    }

    .fw-xs {
        width: 100%
    }
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.df {
    display: -webkit-box;
    display: flex
}

.dn {
    display: none
}

.fcc {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.fdc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.fbc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.fse {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    align-items: flex-end
}

.fsc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.fbs {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

.fbe {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end
}

.f-wrap {
    flex-wrap: wrap
}

.f-no-wrap {
    flex-wrap: nowrap
}

.not-visible:not(.active) {
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
    opacity: 0
}

.not-display:not(.active) {
    display: none
}

.hidden-i-block,
.hidden-ib {
    display: none
}

.hidden-i-block.active,
.hidden-ib.active {
    display: inline-block
}

.hidden-block {
    display: none
}

.hidden-block.active {
    display: block
}

.hidden-flex {
    display: none
}

.hidden-flex.active {
    display: -webkit-box;
    display: flex
}

.hidden-i-flex {
    display: none
}

.hidden-i-flex.active {
    display: -webkit-inline-box;
    display: inline-flex
}

.hidden-grid {
    display: none
}

.hidden-grid.active {
    display: grid
}

.hidden-inline {
    display: none
}

.hidden-inline.active {
    display: inline
}

.hidden-row {
    display: none
}

.hidden-row.active {
    display: table-row
}

.no-touchevents .dn-on-desktop {
    display: none
}

.touchevents .dn-on-touch {
    display: none
}

@media (max-width:1719px) {
    .db-xxl {
        display: block
    }

    .dn-xxl {
        display: none
    }
}

@media (max-width:1679px) {
    .db-xl {
        display: block
    }

    .dib-xl {
        display: inline-block
    }

    .df-xl {
        display: -webkit-box;
        display: flex
    }

    .di-xl {
        display: inline
    }

    .dn-xl {
        display: none
    }

    .hidden-xl-block {
        display: none
    }

    .hidden-xl-block.active {
        display: block
    }

    .hidden-xl-ib {
        display: none
    }

    .hidden-xl-ib.active {
        display: inlineblock
    }

    .hidden-xl-flex {
        display: none
    }

    .hidden-xl-flex.active {
        display: -webkit-box;
        display: flex
    }

    .hidden-xl-inline {
        display: none
    }

    .hidden-xl-inline.active {
        display: inline
    }
}

@media (max-width:1439px) {
    .db-l {
        display: block
    }

    .dib-l {
        display: inline-block
    }

    .df-l {
        display: -webkit-box;
        display: flex
    }

    .di-l {
        display: inline
    }

    .dn-l {
        display: none
    }

    .hidden-l-block {
        display: none
    }

    .hidden-l-block.active {
        display: block
    }

    .hidden-l-ib {
        display: none
    }

    .hidden-l-ib.active {
        display: inlineblock
    }

    .hidden-l-flex {
        display: none
    }

    .hidden-l-flex.active {
        display: -webkit-box;
        display: flex
    }

    .hidden-l-inline {
        display: none
    }

    .hidden-l-inline.active {
        display: inline
    }
}

@media (max-width:1199px) {
    .dg-m {
        display: grid
    }

    .db-m {
        display: block
    }

    .dib-m {
        display: inline-block
    }

    .df-m {
        display: -webkit-box;
        display: flex
    }

    .dif-m {
        display: -webkit-inline-box;
        display: inline-flex
    }

    .di-m {
        display: inline
    }

    .dn-m {
        display: none
    }

    .dtr-m {
        display: table-row
    }

    .hidden-m-block {
        display: none
    }

    .hidden-m-block.active {
        display: block
    }

    .hidden-m-ib {
        display: none
    }

    .hidden-m-ib.active {
        display: inlineblock
    }

    .hidden-m-flex {
        display: none
    }

    .hidden-m-flex.active {
        display: -webkit-box;
        display: flex
    }

    .hidden-m-inline {
        display: none
    }

    .hidden-m-inline.active {
        display: inline
    }
}

@media (max-width:767px) {
    .dg-s {
        display: grid
    }

    .db-s {
        display: block
    }

    .dib-s {
        display: inline-block
    }

    .df-s {
        display: -webkit-box;
        display: flex
    }

    .di-s {
        display: inline
    }

    .dn-s {
        display: none
    }

    .dtr-s {
        display: table-row
    }

    .dtc-s {
        display: table-cell
    }

    .hidden-s-block {
        display: none
    }

    .hidden-s-block.active {
        display: block
    }

    .hidden-s-ib {
        display: none
    }

    .hidden-s-ib.active {
        display: inlineblock
    }

    .hidden-s-flex {
        display: none
    }

    .hidden-s-flex.active {
        display: -webkit-box;
        display: flex
    }

    .hidden-s-inline {
        display: none
    }

    .hidden-s-inline.active {
        display: inline
    }
}

@media (max-width:359px) {
    .dn-xxs {
        display: none
    }
}

.pl-sl {
    padding-left: 40px
}

.pr-sl {
    padding-right: 40px
}

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

.ml-a {
    margin-left: auto
}

.mr-a {
    margin-right: auto
}

.mr-m {
    margin-right: 16px
}

.ml-m {
    margin-left: 16px
}

.ml-sl {
    margin-left: 40px
}

.ml-l {
    margin-left: 32px
}

.t-0 {
    padding-top: 0
}

.t-96 {
    padding-top: 96px
}

.t-32 {
    padding-top: 32px
}

.b-32 {
    padding-bottom: 32px
}

.t-xs {
    padding-top: 4px
}

@media all and (max-width:767px) {
    .t-xs {
        padding-top: 2px
    }
}

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

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

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

.mt-0 {
    margin-top: 0
}

.mt-xs {
    margin-top: 4px
}

.mt-s {
    margin-top: 8px
}

@media (max-width:767px) {
    .mt-s {
        margin-top: 4px
    }
}

.mr-sm {
    margin-right: 24px
}

.mb-s {
    margin-bottom: 8px
}

@media (max-width:767px) {
    .mb-s {
        margin-bottom: 4px
    }
}

.mb-0 {
    margin-bottom: 0
}

.mb-64 {
    margin-bottom: 64px
}

.mb-l {
    margin-bottom: 32px
}

@media (max-width:767px) {
    .mb-l {
        margin-bottom: 16px
    }
}

.mb-32 {
    margin-bottom: 32px
}

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

.mb-72 {
    margin-bottom: 72px
}

.mb-xl {
    margin-bottom: 64px
}

@media (max-width:767px) {
    .mb-xl {
        margin-bottom: 32px
    }
}

.t-s {
    padding-top: 8px
}

@media all and (max-width:767px) {
    .t-s {
        padding-top: 4px
    }
}

.t-sxs {
    padding-top: calc(8px + 4px)
}

@media all and (max-width:767px) {
    .t-sxs {
        padding-top: calc(4px + 2px)
    }
}

.t-m {
    padding-top: 16px
}

@media all and (max-width:767px) {
    .t-m {
        padding-top: 8px
    }
}

.t-xsm {
    padding-top: calc(4px + 16px)
}

@media all and (max-width:767px) {
    .t-xsm {
        padding-top: calc(2px + 8px)
    }
}

.t-sm {
    padding-top: calc(8px + 16px)
}

@media all and (max-width:767px) {
    .t-sm {
        padding-top: calc(4px + 8px)
    }
}

.mt-sm {
    margin-top: calc(8px + 16px)
}

@media all and (max-width:767px) {
    .mt-sm {
        margin-top: calc(4px + 8px)
    }
}

.mt-m {
    margin-top: 16px
}

@media all and (max-width:767px) {
    .mt-m {
        margin-top: 8px
    }
}

.t-l {
    padding-top: 32px
}

@media all and (max-width:767px) {
    .t-l {
        padding-top: 16px
    }
}

.t-sml {
    padding-top: 56px
}

.mt-sml {
    margin-top: 56px
}

.mt-ml {
    margin-top: 48px
}

@media all and (max-width:767px) {
    .mt-ml {
        margin-top: 24px
    }
}

.mt-l {
    margin-top: 32px
}

@media all and (max-width:767px) {
    .mt-l {
        margin-top: 16px
    }
}

.mt-sl {
    margin-top: calc(8px + 32px)
}

@media all and (max-width:767px) {
    .mt-sl {
        margin-top: calc(4px + 16px)
    }
}

.ml-sm {
    margin-left: 24px
}

.t-xsl {
    padding-top: calc(4px + 32px)
}

@media all and (max-width:767px) {
    .t-xsl {
        padding-top: calc(2px + 16px)
    }
}

.t-sl {
    padding-top: calc(8px + 32px)
}

@media all and (max-width:767px) {
    .t-sl {
        padding-top: calc(4px + 16px)
    }
}

.t-ml {
    padding-top: calc(16px + 32px)
}

@media all and (max-width:767px) {
    .t-ml {
        padding-top: calc(8px + 16px)
    }
}

.mt-ml {
    margin-top: calc(16px + 32px)
}

@media all and (max-width:767px) {
    .mt-ml {
        margin-top: calc(8px + 16px)
    }
}

.mt-xl {
    margin-top: 64px
}

@media all and (max-width:767px) {
    .mt-xl {
        margin-top: 32px
    }
}

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

@media all and (max-width:767px) {
    .mt-mxl {
        margin-top: 40px
    }
}

.mt-lxl {
    margin-top: 96px
}

@media all and (max-width:767px) {
    .mt-lxl {
        margin-top: 48px
    }
}

.t-xl {
    padding-top: 64px
}

@media all and (max-width:767px) {
    .t-xl {
        padding-top: 32px
    }
}

.t-mxl {
    padding-top: calc(16px + 64px)
}

@media all and (max-width:767px) {
    .t-mxl {
        padding-top: calc(8px + 32px)
    }
}

.t-lxl {
    padding-top: 96px
}

@media all and (max-width:767px) {
    .t-lxl {
        padding-top: calc(16px + 32px)
    }
}

.t-mlxl {
    padding-top: calc(16px + 32px + 64px)
}

@media all and (max-width:767px) {
    .t-mlxl {
        padding-top: calc(8px + 16px + 32px)
    }
}

.t-xxl {
    padding-top: 128px
}

@media all and (max-width:767px) {
    .t-xxl {
        padding-top: 64px
    }
}

.pr-m {
    padding-right: 16px
}

.pr-sm {
    padding-right: 24px
}

.b-0 {
    padding-bottom: 0
}

.b-xs {
    padding-bottom: 4px
}

@media all and (max-width:767px) {
    .b-xs {
        padding-bottom: 2px
    }
}

.b-s {
    padding-bottom: 8px
}

@media all and (max-width:767px) {
    .b-s {
        padding-bottom: 4px
    }
}

.b-sxs {
    padding-bottom: calc(8px + 4px)
}

@media all and (max-width:767px) {
    .b-sxs {
        padding-bottom: calc(4px + 2px)
    }
}

.b-m {
    padding-bottom: 16px
}

@media all and (max-width:767px) {
    .b-m {
        padding-bottom: 8px
    }
}

.mb-m {
    margin-bottom: 16px
}

@media all and (max-width:767px) {
    .mb-m {
        margin-bottom: 8px
    }
}

.mb-sm {
    margin-bottom: 24px
}

@media all and (max-width:767px) {
    .mb-sm {
        margin-bottom: 12px
    }
}

.b-sm {
    padding-bottom: calc(8px + 16px)
}

@media all and (max-width:767px) {
    .b-sm {
        padding-bottom: calc(4px + 8px)
    }
}

.b-l {
    padding-bottom: 32px
}

@media all and (max-width:767px) {
    .b-l {
        padding-bottom: 16px
    }
}

.b-xsl {
    padding-bottom: calc(4px + 32px)
}

@media all and (max-width:767px) {
    .b-xsl {
        padding-bottom: calc(2px + 16px)
    }
}

.b-sl {
    padding-bottom: calc(8px + 32px)
}

@media all and (max-width:767px) {
    .b-sl {
        padding-bottom: calc(4px + 16px)
    }
}

.b-ml {
    padding-bottom: calc(16px + 32px)
}

@media all and (max-width:767px) {
    .b-ml {
        padding-bottom: calc(8px + 16px)
    }
}

.b-xl {
    padding-bottom: 64px
}

@media all and (max-width:767px) {
    .b-xl {
        padding-bottom: 32px
    }
}

.b-mxl {
    padding-bottom: calc(16px + 64px)
}

@media all and (max-width:767px) {
    .b-mxl {
        padding-bottom: calc(8px + 32px)
    }
}

.b-lxl {
    padding-bottom: 96px
}

@media all and (max-width:767px) {
    .b-lxl {
        padding-bottom: calc(16px + 32px)
    }
}

.b-xxl {
    padding-bottom: 128px
}

@media all and (max-width:767px) {
    .b-xxl {
        padding-bottom: 64px
    }
}

.b-3xl,
.b-xxxl {
    padding-bottom: calc(3 * 64px)
}

@media all and (max-width:767px) {

    .b-3xl,
    .b-xxxl {
        padding-bottom: calc(3 * 32px)
    }
}

@media (max-width:1919px) {
    .l-full-hd-0 {
        padding-left: 0
    }

    .ml-full-hd-a {
        margin-left: auto
    }

    .mr-full-hd-a {
        margin-right: auto
    }

    .ml-full-hd-0 {
        margin-left: 0
    }

    .mr-full-hd-0 {
        margin-right: 0
    }
}

@media (max-width:1719px) {
    .b-xxl-xl {
        padding-bottom: 64px
    }
}

@media (max-width:1679px) {
    .t-xl-0 {
        padding-top: 0
    }

    .t-xl-l {
        padding-top: 32px
    }

    .t-xl-sl {
        padding-top: calc(8px + 32px)
    }

    .t-xl-ml {
        padding-top: calc(16px + 32px)
    }

    .t-xl-xl {
        padding-top: 64px
    }

    .b-xl-0 {
        padding-bottom: 0
    }

    .b-xl-l {
        padding-bottom: 32px
    }

    .b-xl-sl {
        padding-bottom: calc(8px + 32px)
    }

    .b-xl-xl {
        padding-bottom: 64px
    }

    .b-xl-ml {
        padding-bottom: calc(16px + 32px)
    }
}

@media (max-width:1439px) {
    .ml-l-0 {
        margin-left: 0
    }

    .t-l-lxl {
        padding-top: 96px
    }

    .t-l-xl {
        padding-top: 64px
    }

    .t-l-0 {
        padding-top: 0
    }

    .t-l-s {
        padding-top: 8px
    }

    .t-l-m {
        padding-top: 16px
    }

    .b-l-0 {
        padding-bottom: 0
    }

    .b-l-l {
        padding-bottom: 32px
    }

    .b-l-xl {
        padding-bottom: 64px
    }

    .b-l-lxl {
        padding-bottom: calc(32px + 64px)
    }

    .b-l-xxl {
        padding-bottom: calc(64px + 64px)
    }
}

@media (max-width:1199px) {
    .pl-m-0 {
        padding-left: 0
    }

    .pr-m-0 {
        padding-right: 0
    }

    .d-m-b {
        display: block
    }

    .mt-m-0 {
        margin-top: 0
    }

    .mb-m-0 {
        margin-bottom: 0
    }

    .mt-m-m {
        margin-top: 16px !important
    }

    .mt-m-l {
        margin-top: 32px
    }

    .mb-m-l {
        margin-bottom: 32px
    }

    .mt-m-ml {
        margin-top: 48px
    }

    .mt-m-24,
    .mt-m-sm {
        margin-top: 24px
    }

    .mt-m-xl {
        margin-top: 64px
    }

    .ml-m-a {
        margin-left: auto
    }

    .mr-m-a {
        margin-right: auto
    }

    .ml-m-0 {
        margin-left: 0
    }

    .mb-m-8 {
        margin-bottom: 8px
    }

    .mb-m-20 {
        margin-bottom: 20px
    }

    .t-m-0 {
        padding-top: 0
    }

    .t-m-xs {
        padding-top: 4px
    }

    .t-m-s {
        padding-top: 8px
    }

    .t-m-sxs {
        padding-top: 12px
    }

    .t-m-m {
        padding-top: 16px
    }

    .t-m-sm {
        padding-top: 24px
    }

    .t-m-l {
        padding-top: 32px
    }

    .t-m-sl {
        padding-top: 40px
    }

    .t-m-ml {
        padding-top: calc(16px + 32px)
    }

    .t-m-xl {
        padding-top: 64px
    }

    .t-m-mxl {
        padding-top: calc(16px + 64px)
    }

    .t-m-lxl {
        padding-top: 96px
    }

    .b-m-0 {
        padding-bottom: 0
    }

    .b-m-xs {
        padding-bottom: 4px
    }

    .b-m-s {
        padding-bottom: 8px
    }

    .b-m-sxs {
        padding-bottom: 12px
    }

    .b-m-m {
        padding-bottom: 16px
    }

    .b-m-sm {
        padding-bottom: calc(8px + 16px)
    }

    .b-m-xl {
        padding-bottom: 64px
    }

    .b-m-lxl {
        padding-bottom: 96px
    }

    .b-m-xxl {
        padding-bottom: 96px
    }

    .b-m-2xl {
        padding-bottom: 128px !important
    }

    .b-m-l {
        padding-bottom: 32px
    }

    .b-m-sm {
        padding-bottom: 24px
    }

    .b-m-sl {
        padding-bottom: calc(8px + 32px)
    }
}

@media (max-width:767px) {
    .d-s-b {
        display: block
    }

    .mt-s-0 {
        margin-top: 0
    }

    .mb-s-0 {
        margin-bottom: 0
    }

    .mb-s-s {
        margin-bottom: 8px
    }

    .mb-s-m {
        margin-bottom: 16px
    }

    .mb-s-ml {
        margin-bottom: 24px
    }

    .mb-s-l {
        margin-bottom: 32px
    }

    .mt-s-l {
        margin-top: 32px
    }

    .mt-s-sl {
        margin-top: calc(8px + 32px)
    }

    .mt-s-sm {
        margin-top: 24px
    }

    .mt-s-m {
        margin-top: 16px
    }

    .mt-s-s {
        margin-top: 8px
    }

    .ml-s-m {
        margin-left: 16px
    }

    .ml-s-a {
        margin-left: auto
    }

    .ml-s-0 {
        margin-left: 0
    }

    .mr-s-0 {
        margin-right: 0
    }

    .t-s-0 {
        padding-top: 0
    }

    .t-s-ml {
        padding-top: 48px
    }

    .t-s-l {
        padding-top: 32px
    }

    .t-s-m {
        padding-top: 16px
    }

    .t-s-sm {
        padding-top: calc(8px + 16px)
    }

    .t-s-sl {
        padding-top: calc(8px + 32px)
    }

    .t-s-ml {
        padding-top: calc(16px + 32px)
    }

    .t-s-xl {
        padding-top: 64px
    }

    .t-s-l {
        padding-top: 32px
    }

    .t-s-xs {
        padding-top: 4px
    }

    .t-s-xss {
        padding-top: 12px
    }

    .t-s-xsm {
        padding-top: calc(4px + 16px)
    }

    .t-s-sxs {
        padding-top: calc(8px + 4px)
    }

    .t-s-s {
        padding-top: 8px
    }

    .t-s-sm {
        padding-top: calc(8px + 16px)
    }

    .b-s-0 {
        padding-bottom: 0
    }

    .b-s-s {
        padding-bottom: 8px
    }

    .b-s-m {
        padding-bottom: 16px
    }

    .b-s-sm {
        padding-bottom: calc(8px + 16px)
    }

    .b-s-sl {
        padding-bottom: calc(8px + 32px)
    }

    .b-s-xxl {
        padding-bottom: 128px !important
    }

    .b-s-xl {
        padding-bottom: 64px
    }

    .b-s-l {
        padding-bottom: 32px
    }

    .b-s-ml {
        padding-bottom: 48px
    }

    .b-s-xs {
        padding-bottom: 4px
    }

    .b-s-xss {
        padding-bottom: 12px
    }

    .b-s-mxs {
        padding-bottom: calc(16px + 4px)
    }

    .h-s-auto {
        height: auto
    }

    .pr-s-0 {
        padding-right: 0
    }
}

@media (max-width:567px) {
    .t-xs-0 {
        padding-top: 0
    }
}

@media (max-width:359px) {
    .t-xxs-l {
        padding-top: 32px
    }
}

.gta-mono {
    font-family: gt-america-mono
}

.ta-c {
    text-align: center
}

.ta-r {
    text-align: right
}

.fz-0 {
    font-size: 0;
    line-height: 0
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-700 {
    font-weight: 700
}

.ls-1 {
    letter-spacing: 1px
}

.ws-nw {
    white-space: nowrap
}

@media (max-width:1199px) {
    .ta-m-c {
        text-align: center
    }
}

@media (max-width:767px) {
    .ta-s-l {
        text-align: left
    }

    .ta-s-c {
        text-align: center
    }
}

@media (max-width:567px) {
    .ta-xs-l {
        text-align: left
    }

    .ta-xs-c {
        text-align: center
    }
}

.c-brand {
    color: #007bb3
}

.c-dark-1 {
    color: #090a0b
}

.c-dark-2 {
    color: #484c51
}

.c-dark-3 {
    color: #6f757c
}

.c-dark-4 {
    color: #8e949a
}

.c-dark-5 {
    color: #b1b5b9
}

.c-alert {
    color: #d10000
}

.c-pending {
    color: #e6c005
}

.c-success {
    color: #00ad82
}

.c-neutral-dark {
    color: #898a8d
}

.c-warning-dark {
    color: #e76823
}

.c-light-1 {
    color: #c8cacb
}

.c-light-2 {
    color: #dee0e2
}

.c-form-item-border {
    color: #b1b5b9
}

.c-white {
    color: #fff
}

@media (max-width:767px) {
    .c-warning-bg-s {
        background-color: #fffdb8
    }
}

.pe-none {
    pointer-events: none
}

@media (max-width:1439px) {
    .pe-none-l {
        pointer-events: none
    }
}

@media (max-width:1199px) {
    .pe-none-m {
        pointer-events: none
    }
}

@media (max-width:767px) {
    .pe-none-s {
        pointer-events: none
    }
}

@media (max-width:567px) {
    .pe-none-xs {
        pointer-events: none
    }
}

@media (max-width:567px) {
    .pe-none-xxs {
        pointer-events: none
    }
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-90-negative {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
/* .title-d-1{
    font-family: 'Courier New', Courier, monospace;
    font-size: 56px;
    line-height: 64px;
    font-weight: 700;
    
} */
.gallery{
    display: flex;
    
}

.counter-contanier .box{
    display: flex;
    justify-content: space-between;
}
.counter-contanier .box .item {
    width: 19%;
    height: 19vh;
}
.counter-contanier .box .item .counter {
    align-self: center;
    font-size: 50px;
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
}



.testim {
		width: 100%;
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: #ea830e;
}
    

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #ea830e;
    border-color: #ea830e;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
		overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #ea830e;
    font-size: 1em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #000;
    width: 80%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}
._counter-div {
    width: 100%;
    height: 300px;
    background-color: antiquewhite;
    margin-top: 55px; 
}
@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}
	h1{
	   font-size: 21px;
	}
	
	h2{
	   font-size: 18px;
	}
	
	h3{
	   font-size: 16px;
	}
	
	h4{
	   font-size: 14px;
	}
	h5{
	    font-size:12px;
	}
	.card__name{
	    font-size:12px;
	}
    ._counter-div {
        height: auto;
    }
    .counter-contanier .box{
        display:block;
    }
    .counter-contanier .box .item{
        width:auto;
    }
    .counter-contanier .box .item .counter{
        font-size:35px;
    }
    .cards-preset__set{
        display:block;
    }
    .shadow .col-6{
        width:100%;
    }
    .shadow .col-6 img {
        width:100%;
        height:100%;
    }
    .row.shadow.p-3.mb-5.bg-body.rounded{
        width:100%;
    }
    .row.shadow.p-3.mb-5.bg-body.rounded .row.display-6, .row.shadow.p-3.mb-5.bg-body.rounded .row.mt-10 {
        width: 100%;
    }
    .row.shadow.p-3.mb-5.bg-body.rounded .row.display-6 b {
        font-size: 18px;
        margin-top: 10px;
        font-weight: 500;
    }
}
.gallery_product img.imagesss {
    height: 100% !important;
    width: 100% !important;
}