@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);
body {
    background: #20645b;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: Avenir;
    src: url(../fonts/Avenir/Avenir.eot);
    src: url(../fonts/Avenir/Avenir.eot?#iefix) format("embedded-opentype"), url(../fonts/Avenir/Avenir.woff) format("woff"), url(../fonts/Avenir/Avenir.ttf) format("truetype");
    font-style: normal
}

@font-face {
    font-family: Baloo;
    src: url(../fonts/Baloo/Baloo.eot);
    src: url(../fonts/Baloo/Baloo.eot?#iefix) format("embedded-opentype"), url(../fonts/Baloo/Baloo.woff) format("woff"), url(../fonts/Baloo/Baloo.woff2) format("woff2"), url(../fonts/Baloo/Baloo.ttf) format("truetype"), url(../fonts/Baloo/Baloo.otf) format("opentype"), url(../fonts/Baloo/Baloo.svg#Avenir) format("svg");
    font-style: normal
}

input, select, textarea {
    color: #aca1b0;
    border: 1px solid #e0dce1;
    background-color: #fff
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #aca1b0
}

input:-moz-placeholder, input::-moz-placeholder, select:-moz-placeholder, select::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: #aca1b0
}

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #aca1b0
}

.content__filter-title, .content__filter-title .content__topline {
    color: #fff
}

.content__form input[type=submit] {
    border-color: #31a191 !important
}

.content__form input[type=reset] {
    border-color: #1a4a4e !important
}

.content__block h2, .content__block p {
    color: #827388
}

.content__tab-list, .content__tab-map {
    color: #ffffff;
    background-color: #3a756e;


    /*background: linear-gradient(to top, #1a4a4e, #31a191);

    box-shadow:
        1px 0px #31a191, 1px 1px #1a4a4e,
        2px 1px #31a191, 2px 2px #1a4a4e,
        3px 2px #31a191, 3px 3px #1a4a4e,
        4px 3px #31a191, 4px 4px #1a4a4e*/
}

.content__tab-list.active, .content__tab-map.active {

    background-color: #6f9c9b;
    height: 110%;
    /*background: linear-gradient(to top, #31a191 , #1a4a4e);
    box-shadow:
            1px 0px #1a4a4e, 1px 1px #1a4a4e,
            2px 1px #1a4a4e, 2px 2px #1a4a4e,
            3px 2px #1a4a4e, 3px 3px #1a4a4e,
            4px 3px #1a4a4e, 4px 4px #1a4a4e*/
}

.content__tab-filter svg path {
    fill: #000000
}

.content__list-item, .content__list-item:active, .content__list-item:focus, .content__list-item:hover {
    background-color: #fff
}

.content__list-item label.active, .content__list-item label .content__filter-input:checked ~ .content__filter-numbers, .content__list-item label .content__filter-input:checked ~ .content__filter-subtitle, .content__list-item label:active, .content__list-item label:focus, .content__list-item label:hover {
    color: #aaa
}

.content__filter-checkbox, .content__select-checkbox {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='2.5' stroke='%23E0DCE1'/%3E%3C/svg%3E")
}

.content__list-text h6 {
    color: #aaa
}

.content__list-info {
    border: 1px solid #31a191;
    font-weight: 800
}

.content__filter {
    background-color: #fff
}

.content__filter-item {
    border-bottom: 1px solid #e0dce1
}

.content__filter-item h2, .content__filter-item input[type=checkbox]:checked + label, .content__filter-item label.active, .content__filter-item label .content__filter-input:checked ~ .content__filter-numbers, .content__filter-item label .content__filter-input:checked ~ .content__filter-subtitle, .content__filter-item label:active, .content__filter-item label:focus, .content__filter-item label:hover {
    color: #aaa
}

.content__filter-checkbox:before {
    border: 1px solid #e0dce1;
    background-color: #fff
}

.content__footer {
    border-top: 1px solid transparent
}

.content__profile-header {
    border-bottom: 1px solid #e0dce1
}

.content__profile-title h4 {
    color: #aaa
}

.content__profile-item {
    color: #aaa;
    border-bottom: 1px solid #e0dce1
}

.content__promo-item {
    background-image: url(../img/promo-code-light.png)
}

.content__promo-title h4 {
    color: #aaa
}

.content__cards-value, .content__promo-value {
    background-color: #fff;
    border: 1px solid #e0dce1;
    color: #aaa
}

.content__cards-value::-webkit-input-placeholder, .content__promo-value::-webkit-input-placeholder {
    color: #aca1b0
}

.content__cards-value:-moz-placeholder, .content__cards-value::-moz-placeholder, .content__promo-value:-moz-placeholder, .content__promo-value::-moz-placeholder {
    color: #aca1b0
}

.content__cards-value:-ms-input-placeholder, .content__promo-value:-ms-input-placeholder {
    color: #aca1b0
}

.content__sheduled-block {
    color: #8b7b91
}

.content__sheduled-date {
    border-top: 1px solid #e0dce1
}

.content__sheduled-slider {
    background-color: #aca1b0
}

.content__car-btn {
    background-color: #fff;
    border: 1px solid transparent
}

.content__btn-edit {
    border: 1px solid #e0dce1 !important
}

.content__btn-edit:before {
    background-color: #f4f3f5;
    width: 32px;
    height: 32px;
    top: -1px;
    left: -1px;
    border: 1px solid #aca1b0;
    box-sizing: border-box
}

.content__card-wrap {
    color: #aaa;
    border-bottom: 1px solid #e0dce1
}

.content__card-info p, .content__card-title, .content__card-wrap p, .content__review-block p {
    color: #aaa
}

.content__form-date {
    color: #aaa;
    background-color: #fff
}

.content__service-title {
    color: #aaa
}

.content__service-new .content__sheduled-date {
    border-top: 1px solid #e0dce1
}

.content__phone-wrap {
    border: 1px solid #e0dce1;
    border-radius: 100px
}

.content__sheduled-notice {
    margin-top: -10px;
    border-top: 1px solid #e0dce1;
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

#registrationPasswordBlock small {
    color: #aaa
}

#payment .content__car-btn, #selectPayment .content__car-btn {
    border: 1px solid #31a191
}

#sheduled .content__list-item.content__rounded {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#giveFeedback textarea {
    border: 1px solid #e0dce1;
    background-color: #fff;
    color: #e0dce1
}

#registrationFormBlock select, #registrationPassword select {
    color: #aca1b0;
    border: 1px solid #e0dce1
}

#orderDetails .content__profile-block, #orderReady .content__profile-block, #orderSucsess .content__profile-block {
    border-bottom: 1px solid #e0dce1
}

#orderReady .content__list-item, #orderStatus .content__list-item, #orderSucsess .content__list-item {
    background-color: #fff
}

#orderReady .content__card-wrap, #orderStatus .content__card-wrap, #orderSucsess .content__card-wrap {
    border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

#orderReady .content__list-item, #orderStatus .content__list-item, #orderSucsess .content__list-item {
    color: #8b7b91
}

#orderReady .content__list-item svg path, #orderStatus .content__list-item svg path, #orderSucsess .content__list-item svg path {
    fill: #8b7b91
}

#orderReady p, #orderStatus p, #orderSucsess p {
    color: #8b7b91
}

#orderReady h3, #orderReady h4, #orderStatus h3, #orderStatus h4, #orderSucsess h3, #orderSucsess h4 {
    color: #fff
}

#orderSucsess .content__car-btn {
    background-color: #1a4a4e;
    border: 1px solid hsla(0, 0%, 100%, .3)
}

#selectService .content__filter-item label span:first-child {
    color: #fff
}

#selectCar .content__filter-checkbox:before {
    border: 1px solid #e0dce1;
    background-color: #fff
}

#selectCar .content__filter-checkbox:checked:before {
    background-color: #31a191;
    border: 1px solid #31a191
}

#selectService .content__filter-item label span:first-child {
    color: #aaa
}

#selectService .content__promo-title h4 {
    color: #fff
}

#carList .content__footer, #contacts .content__footer, #payment .content__footer, #reviewPage .content__footer {
    background-color: #fff
}

#carList .content__footer, #promoValue .content__footer, #promoСodes .content__footer, #sheduled .content__footer {
    background-color: #f4f3f5
}

#cardCategory .content__btn-back svg path, #login .content__btn-back svg path, #registrationForm .content__btn-back svg path, #registrationPassword .content__btn-back svg path {
    fill: #aaa
}

#filterNoResults .content__filter {
    background-color: #1a4a4e
}

#carAdd.content, #carList.content, #list.content, #myService.content, #promoValue.content, #promoСodes.content, #selectCar.content, #selectTime.content, #sheduled.content {
    background-color: #f4f3f5
}

#carAdd .content__filter-title, #cardsAdd .content__filter-title, #carList .content__filter-title, #contacts .content__filter-title, #filter .content__filter-title, #filterNoResults .content__filter-title, #payment .content__filter-title, #promoValue .content__filter-title, #promoСodes .content__filter-title, #sheduled .content__filter-title {
    color: #fff;
    background-color: #1a4a4e
}

#sheduled .content__sheduled-block {
    color: #31a191
}

#sheduled .content__sheduled-block svg path {
    fill: #31a191
}

#payment .content__profile-header svg path, #selectPayment .content__payment-wrap svg path {
    fill: #aaa
}

#contacts .content__form-trigger, #login .content__filter-title, #registrationForm .content__filter-title, #registrationForm .content__form-trigger, #registrationPassword .content__filter-title {
    color: #aaa
}

.content__form-trigger {
    color: #827388;
    background-color: #fff;
    border: 1px solid #e0dce1
}

.content__form-activetrigger {
    color: #aaa;
    background-color: #fff
}

.content__form-dropcontainer ul {
    border: 1px solid #e0dce1;
    background: #fff
}

.content__form-dropcontainer li a {
    color: #aaa
}

.content__form-dropcontainer li:hover {
    background: #f4f3f5
}

.content__card-slider-wrap {
    background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0))
}

body {
    font-family: Avenir, sans-serif;
    font-weight: 300;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden
}

*, a, a:active, a:focus, button:focus {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

:active, :focus, :hover {
    outline: 0;
    outline-offset: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

* {
    box-sizing: border-box
}

a {
    background-color: transparent
}

button, input, optgroup, select, textarea {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media (max-width: 360px) {
    button, input, optgroup, select, textarea {
        font-size: 13px
    }
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

input[type=checkbox], input[type=file], input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: transparent;
    border: 0;
    background-color: unset
}

select {
    border-radius: 100px
}

select, select option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select option {
    width: 100% !important
}

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

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

input[type=reset], input[type=submit] {
    font-weight: 800
}

input[type=password]::-webkit-input-placeholder {
    font-weight: 800;
    font-size: 20px;
    line-height: 1
}

input[type=password]:-moz-placeholder, input[type=password]::-moz-placeholder {
    font-weight: 800;
    font-size: 20px;
    line-height: 1
}

input[type=password]:-ms-input-placeholder {
    font-weight: 800;
    font-size: 20px;
    line-height: 1
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.content {
    width: 100%;
    min-height: 100vh;
    height: 100%
}

.content__block {
    height: 82vh;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    text-align: center
}

.content__block h2, .content__block p {
    line-height: 1.5
}

.content__block h2 {
    font-weight: 800
}

@media (max-width: 360px) {
    .content__block h2 {
        font-size: 20px;
        margin: 10px 0
    }
}

.content__block p {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 360px) {
    .content__block p {
        font-size: 13px
    }
}

.content__block-img {
    margin-bottom: 40px
}

@media (max-width: 360px) {
    .content__block-img {
        margin-bottom: 10px
    }
}

.content__wrap {
    padding: 0 20px
}

.content__loader {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-image: linear-gradient(180deg, #aaa 100%, #fff 0);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    opacity: .5
}

.content__btn-back, .content__btn-close {
    position: absolute;
    left: 20px;
    top: 10px
}

.content__btn-clear {
    position: absolute;
    right: 20px;
    top: 0;
    font-weight: 800;
    font-size: 13px;
    line-height: 3.38;
    text-align: right;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none
}

.content__btn-map-mark {
    position: absolute;
    left: 60%;
    top: 16%;
    z-index: 5;
    text-decoration: none;
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 50%
}

.content__btn-map-mark svg {
    margin: 16px auto
}

.content__btn-map-mark:after, .content__btn-map-mark:before {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15)
}

.content__btn-map-mark:after {
    width: 48px;
    height: 48px;
    z-index: -2;
    opacity: .25;
    left: 0;
    top: 0
}

.content__btn-map-mark:before {
    width: 24px;
    height: 24px;
    right: 44px;
    z-index: -1;
    left: 12px;
    top: 12px
}

.content__btn-map-mark:active svg, .content__btn-map-mark:focus svg, .content__btn-map-mark:hover svg {
    width: 24px;
    height: 24px;
    margin: 12px auto
}

.content__btn-map-mark:active:after, .content__btn-map-mark:active:before, .content__btn-map-mark:focus:after, .content__btn-map-mark:focus:before, .content__btn-map-mark:hover:after, .content__btn-map-mark:hover:before {
    background-color: #31a191
}

.content__btn-map-mark:active:after, .content__btn-map-mark:focus:after, .content__btn-map-mark:hover:after {
    width: 80px;
    height: 80px;
    left: -16px;
    top: -16px
}

.content__btn-map-mark:active:before, .content__btn-map-mark:focus:before, .content__btn-map-mark:hover:before {
    width: 40px;
    height: 40px;
    left: 4px;
    top: 4px
}

.content__btn-mark-vip {
    left: 15%;
    top: 30%
}

.content__btn-mark-vip:active svg path, .content__btn-mark-vip:focus svg path, .content__btn-mark-vip:hover svg path {
    fill: #262626
}

.content__btn-mark-middle {
    left: 72%;
    top: 46%
}

.content__btn-mark-common {
    left: 40%;
    top: 60%
}

.content__rounded {
    border-radius: 100px
}

.content__tabs {
    z-index: 5;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%
}

.content__tab-list, .content__tab-map {
    width: 35%;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.776;
    margin-left: 7px;
    padding: 7px 0;
    text-align: center
}

.content__search-form {
    margin: 0 0 0 auto;
    margin-top: 5px !important;  /*todo: rewrite*/
    margin-left: auto;
    border-radius: 25px 0 0 25px  !important; /*todo: rewrite*/
    width: 75% !important; /*todo: rewrite*/
}

.content__tab-filter {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
}

.logo {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20%;
    z-index: 1000;
}

.content__tab-mark {
    position: absolute;
    top: 33px;
    right: 31px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-weight: 800;
    font-size: 9px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #31a191
}

.content__footer-service {
    position: relative
}

.content__footer-service .content__footer-mark {
    position: absolute;
    top: 1px;
    right: 32%;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d44d5c
}

.content__list {
    padding-top: 64px;
    padding-bottom: 80px
}

.content__list-item {
    width: 100%;
    height: auto;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 10px 0;
    position: relative;
    text-decoration: none
}

.content__list-img {
    margin: 10px
}

.content__list-text h6 {
    font-size: 16px;
    line-height: 1.5;
    margin: 15px 0 5px
}

@media (max-width: 360px) {
    .content__list-text h6 {
        font-size: 14px
    }
}

.content__list-text p {
    font-size: 14px;
    color: #8b7b91;
    line-height: 1.28;
    margin-bottom: 18px;
    margin-top: 0
}

@media (max-width: 360px) {
    .content__list-text p {
        font-size: 11px
    }
}

.content__list-info {
    width: fit-content;
    height: auto;
    margin: 15px 10px auto 5px;
    max-height: 25px;
    font-size: 12px;
    line-height: 1.2;
    color: #31a191;
    text-align: center;
    padding: 5px;
    white-space: nowrap
}

@media (max-width: 360px) {
    .content__list-info {
        font-size: 10px
    }
}

.content__list-mark {
    display: block;
    width: 31px;
    height: 29px;
    position: absolute;
    top: 0;
    left: 0
}

.content__list-map {
    position: fixed;
    bottom: 55px;/*110 if ful menu*/
    /*left: 20px;*/
    margin: 0;
    /*width: calc(100% - 40px);*/
    visibility: hidden;
    background: #1a4a4e;

    opacity: .9;
}

.content__list-map.active {
    visibility: visible;
    z-index: 100
}

.content__filter {
    padding-bottom: 90px;
    width: 100%;
    height: auto
}

.content__filter-title {
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 3;
    text-align: center;
    margin: 0
}

.content__filter-item {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    height: auto;
    color: #8b7b91
}

.content__filter-item h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 30px;
    padding-bottom: 10px;
    margin: 0
}

.content__filter-item label {
    width: 100%;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 14px;
    line-height: 1.29;
    color: #8b7b91;
    text-align: justify;
    padding-left: 30px
}

.content__filter-item label .content__filter-input:checked + .content__filter-checkbox {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='3' fill='%2331a191'/%3E%3Cpath d='M8.833 11.85l5.362-5.362.826.825L8.833 13.5 5.121 9.788l.825-.825 2.887 2.887z' fill='%232F1539'/%3E%3C/svg%3E")
}

@media (max-width: 360px) {
    .content__filter-item label {
        font-size: 12px
    }
}

.content__filter-item input[type=checkbox] {
    position: absolute
}

.content__filter-numbers {
    margin-left: 10px
}

.content__filter-variables {
    padding-bottom: 15px
}

.content__filter-variables.content__filter-item label {
    width: 100%;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    text-align: justify;
    position: relative
}

.content__filter-variables.content__filter-item label:hover {
    color: inherit
}

.content__filter-variables.content__filter-item label input[type=checkbox], .content__filter-variables.content__filter-item label input[type=radio] {
    position: absolute
}

.content__filter-checkbox {
    position: absolute;
    margin-left: -30px;
    margin-top: -2px;
    width: 20px;
    height: 20px
}

.content__select-label {
    width: 20px;
    height: 20px;
    margin-top: 15px;
    display: inline-flex;
    display: -webkit-inline-flex
}

.content__select-label.label-group {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100% !important;
    height: auto
}

.content__select-input:checked + .content__select-checkbox {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='3' fill='%2331a191'/%3E%3Cpath d='M8.833 11.85l5.362-5.362.826.825L8.833 13.5 5.121 9.788l.825-.825 2.887 2.887z' fill='%232F1539'/%3E%3C/svg%3E")
}

.content__select-checkbox {
    position: absolute;
    width: 20px;
    height: 20px
}

.content__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px
}

.content__footer, .content__footer-menu {
    width: 100%;
    height: auto;
    background-color: #1a4a4e
}

.content__footer-menu {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.content__footer-menu, .content__footer-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.content__footer-item {
    display: block;
    text-decoration: none;
    width: 76px;
    height: auto;
    font-size: 10px;
    text-align: center;
    color: #fff
}

.content__footer-item.active {
    color: #31a191
}

.content__footer-item.active svg {
    fill: #31a191
}

.content__footer-item p {
    margin: 0
}

.content__footer-topline {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    width: 100%
}

.content__footer-topline .content__cards-value {
    font-weight: 800;
    display: block
}

.content__footer-btn {
    display: inline-flex;
    display: -webkit-inline-flex;
    width: fit-content;
    height: auto;
    font-weight: 800;
    font-size: 15px;
    line-height: 1.47;
    text-decoration: none;
    text-align: center;
    letter-spacing: .02em;
    color: #31a191;
    padding: 15px;
    background-color: transparent
}

.content__footer-btn:active, .content__footer-btn:focus, .content__footer-btn:hover {
    color: #00ffad
}

.content__footer-btn-main {
    display: inline-flex;
    display: -webkit-inline-flex;
    width: fit-content;
    height: auto;
    font-weight: 800;
    font-size: 15px;
    line-height: 1.47;
    text-decoration: none;
    text-align: center;
    letter-spacing: .02em;
    color: #fff !important;
    padding: 15px 40px;
    background-color: #31a191;
    text-transform: uppercase
}

.content__footer-btn-main:active, .content__footer-btn-main:focus, .content__footer-btn-main:hover {
    background-color: #00ffad;
    color: #572b68
}

@media (max-width: 360px) {
    .content__footer-btn-main {
        padding: 15px 30px
    }
}

.content__footer-btn-more, .content__footer-btn-next {
    display: block;
    width: 100%;
    text-align: center;
    border: 0
}

.content__footer-btn-more:active, .content__footer-btn-more:focus, .content__footer-btn-more:hover, .content__footer-btn-next:active, .content__footer-btn-next:focus, .content__footer-btn-next:hover {
    background-color: #00ffad;
    color: #572b68
}

.content__profile {
    height: 100vh;
    min-height: 670px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column
}

.content__profile-header {
    width: 100%;
    height: auto;
    display: inline-flex;
    display: -webkit-inline-flex;
    margin-top: 30px;
    padding-bottom: 20px
}

.content__profile-title {
    margin-left: 20px;
    color: #8b7b91;
    font-weight: 500
}

.content__profile-title h4 {
    margin-top: 0;
    margin-bottom: 4px;
    font-weight: 800;
    line-height: 1.5
}

@media (max-width: 360px) {
    .content__profile-title h4 {
        font-size: 14px
    }
}

.content__profile-title p {
    font-size: 13px;
    margin: 0;
    line-height: 1.23
}

.content__profile-img {
    border-radius: 50%
}

.content__profile-block {
    width: 100%;
    height: auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding-top: 20px;
    padding-bottom: 90px
}

.content__profile-item {
    width: 100%;
    height: auto;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.3;
    padding-top: 23px;
    padding-bottom: 12px
}

@media (max-width: 360px) {
    .content__profile-item {
        font-size: 12px
    }
}

.content__profile-text {
    color: #8b7b91
}

.content__profile-btn-exit {
    display: inline-flex;
    display: -webkit-inline-flex;
    width: fit-content;
    height: auto;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    color: #31a191;
    margin-top: 23px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 10px
}

.content__profile-btn-exit svg {
    margin-right: 7px
}

.content__profile-btn-exit:active, .content__profile-btn-exit:focus, .content__profile-btn-exit:hover {
    color: #00ffad
}

.content__profile-btn-exit:active svg path, .content__profile-btn-exit:focus svg path, .content__profile-btn-exit:hover svg path {
    fill: #00ffad
}

@media (max-width: 360px) {
    .content__profile-btn-exit {
        font-size: 12px
    }
}

.content__profile-theme {
    width: 100%;
    height: auto;
    background-color: #1a4a4e;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 7;
    display: none
}

.content__profile-theme p {
    font-size: 13px;
    line-height: 1.23;
    text-align: center;
    letter-spacing: .02em;
    color: #8b7b91;
    padding-top: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid #5a4463;
    margin: 0
}

.content__profile-theme a, .content__profile-theme p {
    width: 100%;
    display: block
}

.content__profile-theme-btn {
    font-size: 15px;
    line-height: 1.47;
    color: #31a191;
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #5a4463
}

.content__profile-theme-btn, .content__profile-theme-cancel {
    font-weight: 800;
    text-align: center;
    letter-spacing: .02em;
    text-decoration: none
}

.content__profile-theme-cancel {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    line-height: 1.38;
    text-transform: uppercase;
    color: #d44d5c
}

.content__profile-theme-cancel:active, .content__profile-theme-cancel:focus, .content__profile-theme-cancel:hover {
    color: #ea5767
}

.content__promo-list {
    margin-top: 10px
}

.content__promo-list img {
    position: relative
}

.content__promo-item {
    width: 100%;
    height: auto;
    display: inline-flex;
    display: -webkit-inline-flex;
    margin: 10px 0;
    background-color: unset;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    text-decoration: none
}

.content__promo-img {
    margin: 28px 27px 28px 20px;
    width: 48px;
    height: 48px;
    display: block
}

.content__promo-title {
    font-size: 13px;
    line-height: 1.23;
    color: #8b7b91;
    padding: 16px 22px 18px 23px
}

.content__promo-title h4 {
    line-height: 1.37;
    font-size: 16px
}

@media (max-width: 360px) {
    .content__promo-title h4 {
        font-size: 14px
    }
}

.content__promo-title h4, .content__promo-title p {
    margin: 0
}

@media (max-width: 360px) {
    .content__promo-title {
        font-size: 11px
    }
}

.content__cards-value, .content__promo-value {
    width: 100%;
    cursor: text;
    font: 15px Avenir, sans-serif;
    padding: 15px 20px;
    line-height: 1.47;
    border-radius: 100px
}

@media (max-width: 360px) {
    .content__cards-value, .content__promo-value {
        font-size: 13px
    }
}

.content__sheduled-block {
    width: 100%;
    height: auto;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    font-size: 14px;
    line-height: 1.29;
    padding: 10px
}

@media (max-width: 360px) {
    .content__sheduled-block {
        font-size: 12px
    }
}

.content__sheduled-notice {
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    padding-left: 0;
    padding-right: 0
}

.content__sheduled-notice span {
    display: inherit
}

.content__sheduled-notice svg {
    margin-right: 12px
}

@media (max-width: 360px) {
    .content__sheduled-notice {
        font-size: 12px
    }
}

.content__sheduled-switch {
    position: relative;
    display: inline-block;
    width: 51px;
    height: 31px
}

.content__sheduled-switch input {
    display: none
}

.content__sheduled-switch input:checked.content__sheduled-slider {
    background-color: #31a191
}

.content__sheduled-switch input:focus.content__sheduled-slider {
    box-shadow: 0 0 1px #31a191
}

.content__sheduled-switch input:focus.content__sheduled-slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.content__sheduled-switch input:checked + .content__sheduled-slider {
    background-color: #31a191
}

.content__sheduled-switch input:focus + .content__sheduled-slider {
    box-shadow: 0 0 1px #31a191
}

.content__sheduled-switch input:checked + .content__sheduled-slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.content__sheduled-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.content__sheduled-slider:before {
    position: absolute;
    content: "";
    height: 27px;
    width: 27px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.content__sheduled-slider.slider-round {
    border-radius: 31px
}

.content__sheduled-slider.slider-round:before {
    border-radius: 50%
}

.content__car-btn {
    text-transform: uppercase;
    padding: 18px;
    font-weight: 800;
    font-size: 13px;
    line-height: 1.23;
    text-align: center;
    letter-spacing: .02em;
    color: #31a191;
    width: 100%;
    text-decoration: none;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 10px
}

.content__car-btn svg {
    margin-right: 11px
}

.content__car-btn:active, .content__car-btn:focus, .content__car-btn:hover {
    color: #00ffad;
    border: 1px solid #1a4a4e;
    background-color: #1a4a4e
}

.content__car-btn:active svg path, .content__car-btn:focus svg path, .content__car-btn:hover svg path {
    color: #00ffad
}

.content__input-edit {
    z-index: 3;
    top: 35px;
    opacity: 0;
    left: 65px
}

.content__btn-edit, .content__input-edit {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 0;
    position: absolute
}

.content__btn-edit {
    text-align: center;
    left: 60px;
    bottom: 10px;
    z-index: 2;
    cursor: pointer;
    border-width: 0;
    line-height: 0
}

.content__btn-edit:before {
    content: url(../img/edit-pen.svg);
    display: block;
    border-radius: inherit;
    position: absolute;
    padding: 10px
}

.content__profile-password {
    position: relative
}

.content__profile-password-btn, .content__profile-password-control {
    position: absolute;
    top: 21px;
    right: 20px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/view.svg) 0 0 no-repeat
}

.content__profile-password-btn.view, .content__profile-password-control.view {
    background: url(../img/no-view.svg) 0 0 no-repeat
}

.content__card-wrap {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    padding-top: 30px
}

.content__card-wrap.content__info {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-direction: column;
    -webkit-flex-direction: column
}

.content__card-wrap h2 {
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.5
}

@media (max-width: 360px) {
    .content__card-wrap h2 {
        font-size: 20px
    }
}

.content__card-wrap p {
    font-size: 14px;
    line-height: 1.29;
    margin-top: 10px;
    margin-bottom: 0
}

@media (max-width: 360px) {
    .content__card-wrap p {
        font-size: 12px
    }
}

.content__testimonial-rating {
    width: 160px;
    height: 16px;
    line-height: 16px
}

.content__testimonial-rating-stars {
    background: url(../img/star.svg) repeat-x;
    width: 80px;
    height: 16px;
    float: left
}

.content__testimonial-realrating {
    background: url(../img/star-fill.svg) repeat-x;
    height: 16px
}

.content__testimonial-numerical-rating {
    width: fit-content;
    min-width: 70px;
    padding-left: 6px;
    float: right;
    font-size: 14px;
    line-height: 1.29;
    color: #8b7b91;
    text-align: left
}

@media (max-width: 360px) {
    .content__testimonial-numerical-rating {
        font-size: 12px
    }
}

.content__card-info {
    width: 80%;
    height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.content__card-info p {
    margin: 0
}

.content__card-info.show {
    height: auto;
    display: flex
}

.content__accordion-less {
    display: none
}

.content__accordion-less, .content__accordion-more, .content__card-btn-less, .content__card-btn-more, .content__card-more-review {
    font-weight: 800;
    text-transform: uppercase;
    color: #31a191;
    margin-top: 10px
}

.content__accordion-less:active, .content__accordion-less:focus, .content__accordion-less:hover, .content__accordion-more:active, .content__accordion-more:focus, .content__accordion-more:hover, .content__card-btn-less:active, .content__card-btn-less:focus, .content__card-btn-less:hover, .content__card-btn-more:active, .content__card-btn-more:focus, .content__card-btn-more:hover, .content__card-more-review:active, .content__card-more-review:focus, .content__card-more-review:hover {
    color: #00ffad
}

.content__accordion-more, .content__card-btn-less, .content__card-btn-more, .content__card-info, .content__card-more-review {
    font-size: 14px;
    line-height: 1.785
}

@media (max-width: 360px) {
    .content__accordion-more, .content__card-btn-less, .content__card-btn-more, .content__card-info, .content__card-more-review {
        font-size: 12px
    }
}

.content__card-btn-less {
    display: none
}

.content__card-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 18px;
    line-height: 1.67
}

.content__card-map {
    padding-bottom: 110px;/*110 if ful menu*/
    padding-top: 10px
}

.content__topline {
    background-color: #1a4a4e
}

.content__accordion, .content__accordion-wrap {
    width: 100%;
    height: auto;
    box-sizing: border-box
}

.content__accordion-wrap {
    border-radius: 15px;
    position: relative;
    display: flex;
    flex-direction: column
}

.content__accordion-list {
    width: 100%;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 14px;
    line-height: 1.8
}

@media (max-width: 360px) {
    .content__accordion-list {
        font-size: 12px
    }
}

.content__accordion-price {
    width: 25%;
    text-align: right;
    white-space: nowrap
}

.content__accordion-item {
    box-sizing: border-box;
    padding: 10px 0;
    text-decoration: none;
    display: block;
    width: 100%;
    height: auto
}

.content__accordion-item:last-child {
    border-bottom: unset
}

.content__accordion-title {
    font-size: 14px;
    line-height: 1.29;
    color: #8b7b91;
    box-sizing: border-box;
    padding: 10px 0;
    transition: .2s;
    width: 100%;
    height: auto;
    margin: 0;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    display: -webkit-inline-flex
}

.content__accordion-title span {
    margin-left: 10px;
    padding-top: 3px
}

.content__accordion-title:after {
    content: "";
    top: 15px;
    right: 2px;
    width: 8px;
    height: 8px;
    position: absolute;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    transition: all .3s ease;
    border-left: 2px solid #8b7b91;
    border-bottom: 2px solid #8b7b91
}

@media (max-width: 360px) {
    .content__accordion-title {
        font-size: 12px
    }
}

.content__accordion-wrapper {
    width: 100%;
    height: auto;
    display: none
}

.content__accordion-nested {
    width: 100%;
    height: auto
}

.content__accordion ul {
    margin: 0;
    padding-inline-start: 20px
}

.content__accordion ul li {
    width: 100%;
    min-height: 36px;
    height: auto
}

.content__accordion-open .content__accordion-title .content__accordion-subtitle:after, .content__accordion-open .content__accordion-title:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.content__form, .content__review-block {
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.content__form img, .content__review-block img {
    width: 48px;
    height: 48px
}

.content__form .content__profile-title, .content__review-block .content__profile-title {
    margin-left: 10px;
    width: calc(100% - 58px);
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.content__form h4, .content__review-block h4 {
    font-size: 15px;
    line-height: 1.47
}

@media (max-width: 360px) {
    .content__form h4, .content__review-block h4 {
        font-size: 13px
    }
}

.content__form .content__promo-title, .content__review-block .content__promo-title {
    padding: 0
}

.content__form p, .content__review-block p {
    width: 100%;
    height: auto;
    padding-right: 20px;
    line-height: 1.7
}

.content__form-group {
    padding-top: 30px
}

.content__form-row {
    display: inline-flex;
    display: -webkit-inline-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box
}

.content__form-date {
    position: relative;
    display: block;
    width: 15%;
    min-width: 44px;
    height: auto;
    word-wrap: break-word;
    text-transform: capitalize;
    padding: 10px 8px;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.37;
    text-align: center;
    z-index: 2;
    font-weight: 600
}

.content__form-date:last-child {
    margin-right: 20px
}

.content__form-date.content__form-date-disabled {
    color: #8b7b91
}

.content__form-radio {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: 0;
    width: 100%;
    height: auto;
    padding: 20px;
    display: block
}

.content__form-time {
    display: inline-flex;
    display: -webkit-inline-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box
}

.content__form-time input, .content__form-time label {
    width: 16.5% !important;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 1.6%
}

@media (max-width: 360px) {
    .content__form-time input, .content__form-time label {
        font-size: 11px
    }
}

.content__form-time-row {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.content__form-row input[type=radio]:checked + label, .content__form-time input[type=radio]:checked + label {
    color: #aaa;
    background-color: #31a191
}

.content__car-block {
    padding-top: 20px;
    padding-bottom: 100px
}

.content__payment-wrap {
    display: inline-flex;
    display: -webkit-inline-flex;
    text-decoration: none;
    color: inherit
}

.content__service-wrap {
    padding-top: 10px;
    padding-bottom: 84px;
    width: 100%;
    box-sizing: border-box
}

.content__service-title {
    margin-bottom: 10px;
    line-height: 1.5
}

.content__service-change, .content__service-status {
    justify-content: flex-start !important;
    -webkit-justify-content: flex-start !important;
    font-weight: 800
}

.content__service-new {
    background-color: #fff
}

.content__service-new .content__list-text h6 {
    color: #aaa
}

.content__service-new .content__service-status {
    color: #23ce6b
}

.content__service-new .content__service-change {
    color: #d44d5c
}

.content__service-new:active, .content__service-new:focus, .content__service-new:hover {
    background-color: #fff
}

.content__btn-phone {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    border-radius: 52%;
    background-color: #31a191
}

.content__btn-main {
    display: flex;
    display: -webkit-flex;
    position: absolute;
    left: calc(50% - 75px);
    top: 30px;
    width: 150px;
    height: auto;
    font-family: Baloo, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.67;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none
}

.content__btn-main svg {
    margin-right: 10px
}

@media (max-width: 360px) {
    .content__btn-main svg {
        width: 30px;
        height: 30px
    }
}

@media (max-width: 360px) {
    .content__btn-main {
        top: 20px;
        font-size: 20px
    }
}

.content__btn-language {
    display: block;
    width: fit-content;
    margin-right: 10px;
    margin-left: 10px
}

.content__phone-wrap {
    width: 24%;
    height: auto;
    margin-top: 10px
}

.content__phone-form {
    width: calc(76% - 20px);
    margin-left: 20px
}

#search .content__payment-title {
    margin-top: 10px;
    margin-bottom: 30px
}

#loginForm .content__footer-btn {
    padding-left: 0;
    border: 0;
    width: 150px
}

#registrationPasswordBlock small {
    font-size: 10px;
    line-height: 1.4
}

#registration .content__footer-btn {
    background-color: #1a4a4e
}

#registration .content__footer-btn.active {
    background-color: #31a191
}

#registration .content__footer-btn:active, #registration .content__footer-btn:focus, #registration .content__footer-btn:hover {
    background-color: transparent
}

#registration .content__footer-btn-main {
    margin-bottom: 15px
}

#registration .content__payment-title {
    color: #fff;
    font-family: Baloo, sans-serif;
    font-size: 48px;
    line-height: 1.46;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 10px
}

@media (max-width: 360px) {
    #registration .content__payment-title {
        font-size: 40px
    }
}

#login .content__footer, #registration .content__footer, #registrationForm .content__footer, #registrationPassword .content__footer, #search .content__footer, #selectLanguage .content__footer {
    background-color: transparent;
    border: 0
}

#paymentSuccessful .content__block, #registration .content__block, #search .content__block, #selectLanguage .content__block {
    height: 100vh;
    padding-bottom: 150px
}

#selectLanguage .content__form-row {
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 40px
}

#giveFeedback textarea {
    overflow: hidden;
    resize: none;
    font-size: 15px;
    line-height: 1.47;
    padding: 15px 20px;
    width: 100%
}

#giveFeedback .content__card-title {
    padding-top: 10px
}

#giveFeedback p {
    font-size: 14px;
    line-height: 1.43;
    color: #8b7b91;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (max-width: 360px) {
    #giveFeedback p {
        font-size: 12px
    }
}

#search.content {
    background-color: #aaa
}

#paymentSuccessful.content, #registration.content, #selectLanguage.content {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #1a4a4e, #aaa)
}

#paymentSuccessful .content__footer-btn, #registration .content__footer-btn {
    width: 100%;
    text-align: center;
    display: block
}

#paymentSuccessful .content__footer-topline, #registration .content__footer-topline {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center
}

#paymentSuccessful .content__footer-btn:last-child {
    padding-bottom: 0
}

#paymentSuccessful .content__footer {
    background-color: transparent;
    border: 0
}

#paymentSuccessful .content__footer-btn-main {
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center
}

#orderSucsess .content__block {
    height: auto
}

#orderSucsess .content__card-wrap {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 0
}

#orderSucsess .content__car-btn {
    margin-top: 20px
}

#orderSucsess .content__footer {
    padding-top: 0
}

#myService .content__list-item {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

#myService .content__list-item .content__list-text {
    max-width: 75%
}

#myService .content__sheduled-block svg {
    margin-right: 6px
}

#orderReady .content__tabs, #orderStatus .content__tabs, #orderSucsess .content__tabs {
    top: 0;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

#orderReady .content__list-item, #orderStatus .content__list-item, #orderSucsess .content__list-item {
    display: inline-block;
    padding: 7px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.38
}

#orderReady .content__list-item svg, #orderStatus .content__list-item svg, #orderSucsess .content__list-item svg {
    margin: 0 7px;
    transform: translateY(4px)
}

@media (max-width: 360px) {
    #orderReady .content__list-item, #orderStatus .content__list-item, #orderSucsess .content__list-item {
        font-size: 11px
    }
}

#orderReady .content__block, #orderStatus .content__block, #orderSucsess .content__block {
    height: auto
}

#orderReady .content__footer svg, #orderStatus .content__footer svg, #orderSucsess .content__footer svg {
    margin: 20px auto
}

#orderReady .content__footer p, #orderStatus .content__footer p, #orderSucsess .content__footer p {
    font-size: 14px;
    margin-bottom: 20px
}

@media (max-width: 360px) {
    #orderReady .content__footer p, #orderStatus .content__footer p, #orderSucsess .content__footer p {
        font-size: 12px
    }
}

#orderDetails .content__card-wrap {
    padding-top: 10px
}

#orderDetails .content__payment-wrap h4, #orderReady .content__payment-wrap h4, #orderSucsess .content__payment-wrap h4 {
    margin-top: 0;
    margin-bottom: 10px
}

#orderDetails .content__payment-wrap img, #orderReady .content__payment-wrap img, #orderSucsess .content__payment-wrap img {
    margin-right: 20px
}

#orderDetails .content__sheduled-block, #orderReady .content__sheduled-block, #orderSucsess .content__sheduled-block {
    padding: 0
}

#orderDetails .content__profile-block, #orderReady .content__profile-block, #orderSucsess .content__profile-block {
    width: 100%;
    padding-bottom: 20px
}

#orderDetails .content__profile-block:last-child, #orderReady .content__profile-block:last-child, #orderSucsess .content__profile-block:last-child {
    border-bottom: 0
}

#orderDetails .content__card-title, #orderReady .content__card-title, #orderSucsess .content__card-title {
    font-size: 16px
}

#selectPayment .content__filter-checkbox, #selectService .content__filter-checkbox {
    margin-right: 5px;
    margin-left: 10px;
    margin-top: 5px
}

#selectPayment .content__profile-header {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

#orderReady .content__promo-title {
    padding: 0;
    color: #fff;
    margin-top: 7px;
    text-align: left
}

#orderReady .content__promo-title h4 {
    margin-top: 7px
}

#orderReady .content__block {
    height: auto
}

#orderReady .content__card-wrap {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 0
}

#orderReady .content__car-btn {
    margin-top: 20px
}

#orderReady .content__footer-topline {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-top: 15px
}

#selectService .content__filter-item {
    box-sizing: border-box
}

#selectService .content__filter-item label {
    flex-direction: column;
    -webkit-flex-direction: column
}

#selectService .content__filter-item label span {
    margin-left: 0
}

#selectService .content__promo-title {
    padding: 0;
    color: #fff;
    margin-top: 7px
}

#selectService .content__promo-title h4 {
    margin-top: 7px
}

#selectService .content__footer-topline {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

#carAdd .content__promo-list {
    margin-top: 20px;
    padding-bottom: 0
}

#carAdd select, #selectTime select {
    position: relative;
    background-image: url(../img/arrow-down.svg);
    background-position-y: 14px;
    background-position-x: calc(100% - 20px);
    background-repeat: no-repeat;
    background-size: 24px
}

#selectTime .content__cards-value {
    width: 100%
}

#selectTime select {
    margin-top: 10px
}

#selectTime .content__form-group:first-child {
    padding-top: 10px
}

#selectTime .content__form-group:last-child {
    padding-bottom: 30px
}

#selectCar .content__card-wrap {
    width: 70%;
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: 0
}

@media (max-width: 360px) {
    #selectCar .content__card-wrap {
        width: 65%
    }
}

#selectCar .content__filter-checkbox {
    margin-top: 20px
}

#reviewPage {
    padding-bottom: 40px
}

#filter .content {
    position: relative
}

#filter .content__form {
    width: 100%;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

#filter .content__cards-value {
    display: block;
    font-weight: 800;
    line-height: 1.47;
    width: fit-content
}

#filter input[type=submit] {
    padding-right: 50px;
    padding-left: 50px
}

@media (max-width: 360px) {
    #filter input[type=submit] {
        padding-right: 35px;
        padding-left: 35px
    }
}

#filterNoResults .content {
    position: relative
}

#paymentSuccessful .content__payment-title, #search .content__payment-title, #selectLanguage .content__payment-title {
    color: #fff
}

#carList .content__list-item, #payment .content__list-item, #selectCar .content__list-item, #sheduled .content__list-item {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

#selectCar .content__list-item, #selectPayment .content__list-item {
    padding-right: 45px
}

#selectCar .content__filter-item label, #selectPayment .content__filter-item label {
    padding-right: 0;
    padding-left: 0
}

#selectCar .content__car-block {
    padding-top: 0
}

#selectCar .content__filter-item {
    border: 0
}

#selectCar .content__filter-item label .content__select-checkbox {
    position: absolute;
    top: 15px;
    right: 20px;
    margin: 0
}

#carList .content__car-btn, #payment .content__car-btn {
    margin-top: 0;
    margin-bottom: 0
}

#contacts .content__profile-header, #registrationFormBlock .content__profile-header {
    border-bottom: 0;
    padding-bottom: 10px;
    position: relative
}

#profile .content__profile-theme-cancel {
    padding-top: 13px;
    padding-bottom: 12px
}

#cardCategory #map, #cardCategory iframe {
    height: 200px;
    width: 100%;
    padding-bottom: 0
}

#map, iframe {
    border: none;
    width: 100%;
    height: 100vh;
    padding-bottom: 75px
}

#carAdd .content__promo-list {
    position: relative
}

#carAdd .content__promo-list .content__btn-edit {
    left: 45px;
    bottom: 4px
}

#carAdd .content__promo-list .content__input-edit {
    z-index: 3;
    top: 30px;
    left: 45px;
    opacity: 0
}

#carAdd .content__promo-list:last-child {
    padding-bottom: 20px
}

#cardCategory .content__btn-back {
    z-index: 1100
}

#list .content__list-text {
    width: 100%
}

.content__card-slider {
    display: block;
    min-width: 100%;
    height: auto;
    width: 100%
}

.content__card-slider-wrap {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0
}

.content__card-slider img {
    width: 100%;
    display: inline-block;
    height: auto
}

.content__card-slider.slide {
    outline: 0
}

.content__card-slider .content__card-slider-item {
    position: relative;
    min-width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    cursor: pointer
}

.content__card-slider .content__card-slider-item.slick-slide {
    outline: none
}

.content__card-slider .content__card-slider-item.slick-slide.slick-current.slick-active .slider-img {
    display: inline-block
}

.content__card-slider button {
    font-size: 0;
    color: transparent;
    text-indent: 0;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: pointer;
    background-color: unset;
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: unset;
    border-image: none;
    width: 45%;
    height: 100%;
    min-height: 425px
}

.content__card-slider button.slick-next, .content__card-slider button.slick-prev {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    z-index: 100;
    width: 45%;
    height: 100%
}

.content__card-slider button.slick-next:before, .content__card-slider button.slick-prev:before {
    display: none
}

.content__card-slider button.slick-next.slick-disabled, .content__card-slider button.slick-prev.slick-disabled {
    opacity: 0
}

.content__card-slider button.slick-next {
    right: 0
}

.content__card-slider button.slick-prev {
    left: 0
}

.content__card-slider .slick-list {
    z-index: 900
}

#reviewStars-input input:checked ~ label, #reviewStars-input label, #reviewStars-input label:hover, #reviewStars-input label:hover ~ label {
    background: url(../img/star.png) no-repeat
}

#reviewStars-input {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    float: left;
    margin-bottom: 20px
}

#reviewStars-input input {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    z-index: 0
}

#reviewStars-input input:checked ~ label {
    background-position: 0 -32px;
    height: 32px;
    width: 32px
}

#reviewStars-input label {
    background-position: 0 0;
    height: 32px;
    width: 32px;
    float: right;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    z-index: 1
}

#reviewStars-input label:hover, #reviewStars-input label:hover ~ label {
    background-position: 0 -32px;
    height: 32px;
    width: 32px
}

#reviewStars-input #star-0 {
    left: 0
}

#reviewStars-input #star-1 {
    left: 32px
}

#reviewStars-input #star-2 {
    left: 64px
}

#reviewStars-input #star-3 {
    left: 96px
}

#reviewStars-input #star-4 {
    left: 128px
}

#reviewStars-input #star-5 {
    left: 160px
}

select.content__form-wrap {
    width: 100%;
    height: auto;
    padding: 15px 20px;
    font: 15px Avenir, sans-serif;
    line-height: 1.47
}

@media (max-width: 360px) {
    select.content__form-wrap {
        font-size: 13px
    }
}

.content__form-dropcontainer {
    position: relative
}

.content__form-trigger {
    width: 100%;
    font-size: 15px;
    line-height: 1.47;
    padding: 15px 20px;
    text-decoration: none;
    border: 0;
    display: block;
    border-radius: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media (max-width: 360px) {
    .content__form-trigger {
        font-size: 13px;
        background-position-y: 12px
    }
}

.content__form-activetrigger {
    width: 100%;
    font-size: 15px;
    line-height: 1.47;
    padding: 15px 20px;
    text-decoration: none;
    border-radius: 100px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 360px) {
    .content__form-activetrigger {
        font-size: 13px;
        background-position-y: 12px
    }
}

.content__form-dropcontainer ul {
    list-style-type: none;
    padding: 0;
    margin: 2px 0 0;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    z-index: 100
}

.content__form-dropcontainer li {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    list-style: none;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 100px;
    padding: 15px 25px 15px 20px
}

.content__form-dropcontainer li.current {
    border-bottom: none
}

.content__form-dropcontainer li a {
    text-decoration: none;
    font-size: 15px;
    line-height: 1.47
}

@media (max-width: 360px) {
    .content__form-dropcontainer li a {
        font-size: 13px
    }
}

.content__form-dropcontainer li:hover {
    outline: none
}

.content__form-dropcontainer li:first-child {
    display: none
}

@media (max-width: 360px) {
    .content__form-dropcontainer li {
        font-size: 13px
    }
}

.content__form-dropdownhidden {
    display: none
}

.content__form-dropdownvisible {
    height: auto;
    max-height: 260px;
    overflow-y: scroll
}

@media (max-width: 360px) {
    .content__form-dropdownvisible {
        max-height: 240px
    }
}

#carAdd .content__form-trigger, #carAdd select.content__form-wrap, #selectTime .content__form-trigger, #selectTime select.content__form-wrap {
    background-image: url(../img/arrow-down.svg);
    background-position-y: 14px;
    background-position-x: calc(100% - 20px);
    background-repeat: no-repeat;
    background-size: 24px
}

#carAdd .content__form-trigger:hover, #selectTime .content__form-trigger:hover {
    background-image: url(../img/arrow-down.svg)
}

#carAdd .content__form-activetrigger, #selectTime .content__form-activetrigger {
    background-image: url(../img/arrow-up.svg);
    background-position-y: 14px;
    background-position-x: calc(100% - 20px);
    background-repeat: no-repeat;
    background-size: 24px
}

#carAdd .content__form-activetrigger:active, #carAdd .content__form-activetrigger:hover, #selectTime .content__form-activetrigger:active, #selectTime .content__form-activetrigger:hover {
    background-image: url(../img/arrow-up.svg)
}

#contacts .content__car-block {
    padding-top: 0
}

#contacts .content__payment-wrap, #registrationForm .content__payment-wrap {
    width: 100%
}

#filter .content__footer-topline .content__cards-value {
    width: auto !important
}

#filter .content__filter-item.content__filter-variables {
    padding-top: 15px
}

#selectPayment .content__filter-item label, #selectService .content__filter-item label {
    padding-right: 30px;
    padding-left: 0
}

#selectPayment .content__filter-item label .content__select-checkbox, #selectService .content__filter-item label .content__select-checkbox {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

#selectPayment .content__select-label {
    width: 100%;
    height: auto;
    margin-top: 15px;
    display: inline-flex;
    display: -webkit-inline-flex
}

#selectCar .content__car-btn, #selectPayment .content__car-btn {
    margin-bottom: 20px;
    margin-top: 0
}

.invalid-feedback {
    padding-top: 0;
    margin-top: 0 !important
}

/*# sourceMappingURL=style.bundle.css.map*/