.time-select-service.success.free {
    border: 1px solid var(--blue-light);
    background: none;
    color: var(--blue-dark);
}

.time-select-popup .time-select-table__cell:hover {
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer;
    background-color: var(--blue-light);
    color: white;
}

.time-select-popup-schedule .time-select-table tbody .time-select-table__cell.success.free:hover {
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer;
    background-color: #1fae06;
}
.time-select-popup-schedule .time-select-table tbody .time-select-table__cell.success.free.active {
    background-color: var(--blue-light);
}


.time-select-popup .time-select-table__cell:active {
    background-color: var(--blue-light);.time-select-service
}

.time-select-popup .time-select-service.success.free:hover {
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer;
    background-color: var(--blue-light);
    color: white;
    font-weight: 700;
}

.time-select-service:hover {
    cursor: pointer;
}

.time-select-popup .time-select-service.free.active {
    font-weight: 700;
    color: white;
    background-color: var(--blue-light);
}

#time-grid thead .btn-next button img {
    transform: rotate(180deg);
}

#time-grid-schedule thead .btn-next-schedule img {
    transform: rotate(180deg);
}

.btn-next-schedule, .btn-prev-schedule {
    cursor: pointer;
}

.btn-next-schedule img , .btn-prev-schedule img {
    margin-bottom: 10px;
}

.services-container .form-error,
.filter__calc-tyrefitting .form-error {
    border-color: #dc3545;
    box-shadow: 0 0 3px #ff0006;
}
.services-container .btn-error {
    background-color: #dc3545;
}

.services-container {
    position: relative;
}

.service-happy-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.service-happy-param {
    display: block;
}

.time-select-popup__map.map__index a {
    display: block;
}
.time-select-popup__map.map__index a img {
    height: 100%;
    object-fit: cover;
}

#not-keep-message.danger {
    background-color: #f8d7da;
}

#not-keep-message, #changed-address-message {
    width: 100%;
    margin: 0 15px;
}

#changed-address-message {
    margin-top: 15px;
    font-weight: 600;
}

.btn.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.time-select-popup-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--gray);
    padding: 15px 20px;
}

h1.services-block__title {
    border: none;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.services-block__title.subtitle {
    font-size: 1.1em;
}

.services-block__title.subtitle-tyre {
    font-size: 1.1em;
    font: 400 16px var(--primary-font-family);
}

.services-calculation .nav-item {
    height: 40px;
}
.services-calculation .nav-item .btn {
    cursor: pointer;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
}

.services-calculation button.btn {
    font-size: 14px;
    height: 50px;
    line-height: 15px;
    width: 100%;
}
.services-calculation .btn {
    margin-top: inherit;
}
.services-calculation button.services-tyre__send-request {
    font-size: 18px;
    margin: 30px auto 0;
    display: block;
    width: 240px;
}

.time-select-popup-close, .services-tyre__send-request {
    width: 30%;
}
.upload-image-item {
    margin-bottom: 10px;
    height: 50px;
    overflow: hidden;
    position: relative;
}
.upload-image-item img {
    width: 100%;
    object-fit: cover;
}
.upload-image-item:hover:after {
    cursor: pointer;
    transition: all .2s ease;
}
.upload-image-item .delete-image {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}

.field-serviceform-imagefile input[type="file"] {
    display: none;
}
.field-serviceform-imagefile label {
    cursor: pointer;
}

.services-block.replace {
    padding: 20px 0;
    margin: 10px 0 0 0;
}
.services-tyre__set-wheels {
    box-shadow: none;
}

.services-info {
    background: #f9f9f9;
    border: 1px solid #dadde0;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0;
    color: var(--gray-light);
    line-height: 24px;
    padding: 15px;
}

.services-block .services-tyre__not-keep .form-group {
    margin-bottom: 20px;
}
.services-block .services-tyre__not-keep .btn {
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .services-calculation button.services-tyre__send-request {
        margin: 0 0 0;
    }
}

.table-wash .w-t {
    font-weight: 700;
    text-align: center;
    border: 1px solid #999;
}

.table-wash .w-d {
    font-weight: 300;
    width: 100%;
    text-align: center;
    font-size: 14px;
    border: 1px solid #999;
}

@media screen and (max-width: 370px){
    .table-wash-response-mobile {
        max-width: 95%;
    }

}

.order-service-block .order-service-input {
    width: 260px;
    display: inline-block;
    margin-bottom: 0;
}

.order-service-block input::-webkit-outer-spin-button,
.order-service-block input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#order-service-text {
    margin-bottom: 15px;
}

@media screen and (max-width: 500px){
    .order-service-block {
        display: flex;
        flex-wrap: wrap;
    }

    .order-service-block .order-service-input {
        width: 100%;
    }

    .order-service-block #fulltire-send-btn {
        margin-left: auto;
        margin-top: 1rem;
    }
}

.message-tire-service {
    display:none;
    font-weight: 600;
}

.price-not-discount {
    border-top: none !important;
    padding-top: 0 !important;
}

.border-service-top {
    border-top: 2px solid var(--border-dark);
}

.services-tyre__tab-content .around-radio strong{
    display: block;
    margin-bottom: 20px;
    color: #333;
}

.tyre_service_records {
    text-align: left;
    padding: 10px 45px;
}

@media screen and (max-width: 768px) {
    .tyre_block_service_mobile {
        padding: 5px 15px 10px;
    }
}

#popup-message {
    margin-top: 28px;
}

@media screen and (max-width: 768px) {
    #popup-message {
        margin: 0;
    }

    .field-serviceform-contractnumber label {
        font-size: 14px !important;
    }

    .services-block .services-tyre__not-keep .btn {
        margin-top: 15px;
    }

    .other-service-contact {
        margin-top: 15px;
    }
}

.services-block .services-tyre__not-keep .btn {
    margin-top: 15px;
}

.service-title {
    font: 600 20px var(--primary-font-family);
    margin-bottom: 15px;
    color: #333;
}

.services-block .nav-link {
    width: 50%;
    height: 50px;
    padding: 0;
    text-align: center;
    border: 1px solid #dadde0;
    color: #3b3e41;
    font: 600 16px var(--primary-font-family);
    line-height: 50px;
}

.contact-block {
    font-size: 16px;
    color: #3b3e41;
}

.contact-block input, .field-serviceform-contractnumber input {
    font-size: 14px;
    height: 40px;
}

.field-serviceform-contractnumber label {
    float: left;
    font-size: 16px;
    color: #3b3e41;
}

@media screen and (max-width: 768px) {
    #not-keep-tab, #keep-tab, #legal-person-tab {
        font-size: 14px;
    }

    .tyre_service_records {
        padding: 0;
        margin-top: 15px !important;
    }

    #inn-kpp-block {
        padding: 0 !important;
    }

    .props-collapse-service .props-collapse-block .form-group-inn, .props-collapse-service .props-collapse-block .form-group-legalName {
        margin: 0;
        padding-top: 0;
    }

    .props-collapse-service .legal-person {
        padding: 0 !important;
    }

    #not-keep-tab {
        border-radius: 4px 0 0 0;
    }

    #keep-tab {
        line-height: 1.2;
        padding-top: 18px;
    }

    #legal-person-tab {
        border-radius: 0;
    }
}

.btn-maps-service {
    position: absolute;
    right: 0;
}

.services-tyre__nav .nav-link.active {
    background-color: var(--blue-light);
}

.filter-service {
    padding: 0;
}

@media (min-width: 992px) {
    .filter-service {
        width: 580px;
    }
}

#choose-address {
    width: 55%;
}

.time-select-table__cell.active {
    background: var(--blue-light);
    color: white;
}

.date-schedule {
    font-size: 20px;
    font-weight: bolder;
}

.time-select-table {
    border-collapse: unset;
    border-spacing: 4px 4px !important;
}

.time-select-table__cell {
    border-radius: 4px;
}

.btn-next {
    transform: rotate(180deg);
    cursor: pointer;
}

.btn-prev {
    cursor: pointer;
}

.btn-prev, .btn-next {
    padding: 17px 28px !important;
    width: 65px;
    display: flex;
    align-items: center;
}

.time-select-service {
    width: 65px;
    background: var(--border);
    margin: 5px;
    padding: 10px;
    font: 400 12px OpenSans;
    text-align: center;
    border-radius: 4px;
    height: 40px;
    border: 1px solid var(--border-dark);
    color: var(--border-dark);
}

#body-service-popup {
    width: 80%;
}

#close-schedule-service {
    top:5px;
    right: 20px;
}

.date-month {
    display: flex;
    justify-content: center;
    font-size: 12px;
}

#body-service-block {
    margin-left: 7px;
    color: #3b3e41;
    width: 117px;
}

.time-select-table__btn {
    padding: 16px;
    font: 400 14px OpenSans;
    text-align: center;
    color: #000;
    border-radius: 4px;
    margin: 5px;
    border: 1px solid var(--border-dark);
}

.field-serviceform-imagefile label{
    font-size: 14px;
}

.service-map {
    width: 38px;
    height: 38px;
}

#serviceform-address {
    width: 65%;
    margin-right: 35%;
}

.form-service-address .search-list-input, .form-service-address ul {
    width: 100% !important;
}

.services-block .form-service-address .search-list-input {
    margin-right: 35%;
    width: 66% !important;
}

.map-service {
    bottom: 2%;
    right: 0;
    position: absolute;
}

.select-date-time-service {
    font-size: 16px;
}

.service-pencil {
    width: 17px;
    height: 17px;
}

.block-selected-time {
    display: none;
}

.user-agreement label{
    font-size: 16px;
    color: #5d5f63;
}

.service-block-send {
    padding: 20px 30px 5px;
}

.time-select-popup-close {
    float: left;
    margin: 15px 30px;
}

#map-btn {
    font-size: 14px;
    height: 40px;
    line-height: 15px;
}

#fulltire-send-btn {
    height: 40px;
    margin-left: 15px;
    margin-top: -2px;
    width: 160px;
}

.loading-image-tire:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .4);
}

.loading-image-tire > #loading-image {
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    height: 3em;
}

.nav-link.stored {
    border-radius: 0 4px 0 0;
}

.nav-link.stored.active {
    border-color: var(--blue-light);
}

.nav-link:first-of-type.stored {
    border-radius: 4px 0 0 0;
}

#disabled-date {
    cursor: unset;
    background: var(--border);
    color: var(--border-dark);
    border: 1px solid var(--border-dark);
}

@media (max-width: 1200px) {
    .map-service {
        width: 18%;
    }

    #map-btn {
        padding: 0;
    }
}


@media (max-width: 992px) {
    #serviceform-address {
        max-width: 100%;
    }

    .map-service {
        width: 18%;
    }

    .services-block .form-service-address:after {
        right: 20%;
    }

    .form-service-address .search-list-input, .form-service-address ul {
        width: 87%;
    }

    .filter-service {
        width: 100%;
    }

    .service-block-send {
        padding: 20px 15px;
    }

    .time-select-popup .time-select-table__cell {
        padding: 10px;
        font: 400 12px OpenSans;
    }

    .time-select-popup {
        top: 0;
        left: 0;
        position: fixed;
        height: 100%;
        width: 100%;
        overflow: auto;
    }

    .date-schedule {
        font-size: 17px;
    }

    .btn-prev, .btn-next {
        padding: 8px 10px !important;
    }

    .time-select-popup-close {
        width: 30%;
    }

    #thead-time-select {
        flex-wrap: wrap;
    }

    .services-calculation.remove{
        padding: 20px 20px 5px;
    }

    .services-tyre__keep {
        font-size: 16px;
        margin-top: 0 !important;
    }

}

@media (min-width: 993px) {
    .week-day {
        display: block;
    }
}

.services-tyre__keep {
    margin-top: 25px;
}

@media (max-width: 768px) {
    .map-service {
        width: 30%;
    }

    .services-tyre .services-calculation {
        padding: 20px;
    }

    .services-tyre__keep {
        font-size: 14px;
    }

    .services-tyre__not-keep .btn {
        width: 100%;
    }

    .services-block .form-service-address:after {
        right: 35%;
    }

    .time-select-popup .time-select-table__cell {
        order: 3;
        width: calc(25% - 10px);
    }

    .time-select-service {
        width: calc(25% - 10px);
    }

    .btn-prev {
        width: calc(50% - 10px);
        order: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-next {
        width: calc(50% - 10px);
        order: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #body-service-popup {
        width: 100%;
    }
}

.filter-service p {
    font: 500 15px var(--primary-font-family);
    margin: 15px 15px 15px 30px;
    color: #3b3e41;
}

#thead-time-select {
    overflow: auto;
}

.field-serviceform-imagefile .btn{
    width: 240px;
}

.filter__calc-tyrefitting #serviceform-address{
    width: 100%;
}

.header-popup-service {
    font: 500 16px var(--primary-font-family);
    margin-left: 15px;
    padding: 10px 15px;
}

.footer-popup-service {
    font-size: 16px;
    padding: 10px 15px;
    flex-wrap: wrap;
}

.fonts-result-record {
    font: 500 16px var(--primary-font-family);
}

#tyre-price-message, #not-keep-message, #invoice-message, #changed-address-message {
    background: #f9f9f9;
    border-radius: 5px;
    height: 25%;
    padding: 20px;
    border: 1px solid #dadde0;
}

#service-form #invoice-message {
    height: 30%;
    padding: 10px 0;
}

#seo-service {
    margin: 0;
}

.happy-page-row {
    margin-bottom: 5px;
}

.happy-page-row strong {
    font-weight: 600;
    color: #333;
}

.field-serviceform-imagefile .btn-primary {
    height: 50px;
    line-height: 48px;
}

#fulltire-checkbox-controls, #fullInsulation-checkbox-controls, #seasonalstorage-checkbox-controls {
    margin-left: 33px;
}

.hp-ul {
    margin-left: 33px;
    line-height: 25px;
    padding-left: 0;
    margin-bottom: -4px;
}


.hp-ul li:before {
    position: relative;
    left:     -5px;
}

.services-calculation .accordion .paintdisk-btn {
    width:100%;
    text-align: left;
    margin-top: 10px;
}

.paintdisk-btn-text {
    margin-left: 20px;
}

.accordion-item {
    border: 1px solid #cecece;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
}

.accordion-body {
    margin: 0 20px;
    padding-bottom: 20px;
}

.services-calculation .services-choice {
    margin-top: 0;
}

@media screen and (min-width: 992px) {
    .services-calculation .services-choice {
        padding: 7px 43px;
    }
}

@media screen and (max-width: 768px) {
    .field-serviceform-repaircomment {
        margin-top: 20px;
    }
}

.paintdisk-header-btn {
    display: flex;
}

.arrow-paintdisk {
    position: absolute;
    right: 20px;
    top: 16px;
    background: url(/images/arrow.svg) no-repeat;
    height: 8px;
    width: 12px;
    background-size: contain;
    vertical-align: middle;
    transition: transform .5s ease;
}

.services-calculation button.paintdisk-btn {
    height: 20px;
    line-height: 20px;
}

.form-item-input {
    margin-top: 20px;
}

#air-suspension {
    display: none;
}

.balancing-haweka-hide {
    display: none;
}

.error-tyre-check {
    background: #f9f9f9;
    border-radius: 5px;
    height: 25%;
    padding: 20px;
    border: 1px solid #dadde0;
    font-weight: 600;
}

.time-select-popup-schedule {
    overflow-y: scroll;
    overflow-x: hidden;
}

.time-grid-wrapper-schedule {
    overflow-x: auto;
}

.time-select-popup-schedule .time-select-table tbody .time-select-table__cell.success.free:hover {
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer;
    background-color: #1fae06;
}

.time-select-popup-schedule .time-select-table tbody .time-select-table__cell.success.free.active {
    background-color: var(--blue-light);
}

#serviceform-addresspopup {
    margin-left: 25px;
    height: 40px;
    color: #474747;
    font-size: 14px;
}

.footer-popup-service label {
    margin-top: 5px;
}

.form-service-address-popup {
    width: 39%;
}

.form-service-address-popup:after {
    width: 15px;
    top: 3px;
}

.info-select-record {
    padding: 5px 0
}


@media (max-width: 768px) {
    .info-select-record {
        padding: 5px 0;
        margin-top: 10px;
    }

    .form-service-address-popup, .field-serviceform-addresspopup {
        width: 100%;
    }

    .footer-popup-service {
        flex-wrap: wrap;
    }
}

.field-serviceform-addresspopup {
    width: 100%;
}

.other-service .field-serviceform-addresspopup{
    width: 100%;
}

.service-success-map {
    width: 100%;
    height: 230px;
}

.map-service-block {
    padding: 20px 15px;
}

.cart-service-point {
    padding: 15px 20px;
}

@media (min-width: 768px) {
    .cart-service-point .basket-delivery__place {
        padding: 0 10px;
    }
}

.cart-service-point .basket-delivery__place img{
    margin-right: 10px;
}

.cart-service-point .basket-delivery__place p:last-of-type {
    margin-bottom: 0;
}

.info-success-service {
    background: #f9f9f9;
    border: 1px solid #dadde0;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0;
    color: var(--gray-light);
    line-height: 24px;
    padding: 15px;
}

.info-block-success-service {
    padding: 30px 33px;
}

@media (min-width: 992px) {
    .data-block-service {
        padding: 20px 30px !important;
    }
}

.props-collapse-service .form-group .legal-person-input {
    width: 100%;
}

.services-block .props-collapse-service .props-collapse-block {
    display: flex;
    padding: 0 25px 0 45px;
}

@media (min-width: 768px) {
    .services-block .props-collapse-service .form-group {
        margin-bottom: 60px;
        line-height: 25px;
    }
}

.services-block .props-collapse-service .form-group .notifyjs-wrapper {
    width:100%;
}

@media (min-width: 768px) {
    .services-block .props-collapse-service .form-group .control-label {
        font-size: 14px;
    }

    .detailing-info .our-advantages-one-block {
        width: 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .services-block .props-collapse-service .props-collapse-block {
        flex-wrap: wrap;
    }

    .services-block .props-collapse-service .props-collapse-block .form-group-inn {
        margin-bottom: 10px;
    }

    .services-block .props-collapse-service .props-collapse-block .form-group-kpp {
        margin-bottom: 10px;
    }

    .services-block .props-collapse-service .props-collapse-block .form-group-legalName,
    .services-block .props-collapse-service .props-collapse-block .form-group-legalAddress {
        margin-bottom: 20px;
    }

    .filed-inn {
        margin-top: 5px;
    }

    .filed-kpp {
        margin-top: -10px;
    }

    .field-legal_address {
        margin-top: -5px;
    }


}

#legal-person .props-collapse-service .notifyjs-container {
    width: calc(100% - 30px);
}

.services-block .props-collapse-service .form-group .notifyjs-container {
    line-height: 15px;
}

.props-collapse-service {
    display: none;
    background: rgb(249, 249, 249);
    border-radius: 6px;
}

#inn-kpp-block {
    padding: 0 25px 0 45px;
}

.border-hp-service-top {
    border-top: 2px solid var(--border-dark);
    padding: 10px 0 0 0;
}

.services-tyre__keep .tyre_service_records .around-radio {
    margin-top: 5px;
}

.select-complex {
    margin-bottom: 15px;
    border-bottom: 2px solid #e7e7e5;
    padding: 0 0 10px;
}

.detailing-view {
    background: #1B2B46;
}

.detailing-view .breadcrumb-item a, .detailing-view .subtitle-tyre {
    color: #BABABA !important;
}

.detailing-view .breadcrumb-item.active {
    color: white;
}

.detailing-view .services-category {
    border: 1px solid #FEFFFF;
}

.detailing-view .services-category {
    background: 0 0;
    border-radius: 6px;
    padding: 0;
    box-shadow: 0 4px 10px rgba(78, 88, 98, 0.1);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.detailing-view .detailing-img {
    width: 348px;
    height: 153px;
    border-radius: 5px 0 0 0;
}

.detailing-view .detailing-title {
    padding: 0 30px 45px;
}

.detailing-view .services-category__subtitle {
    font-size: 22px;
    color: white;
    border-bottom: 0;
}

.detailing-view .services-category__slogan {
    font-size: 14px;
    color: white;
    width: 280px;
    margin-bottom: 20px;
}

.detailing-view .services-category__btn-more{
    margin-left: 30px;
    width: 83%;
    height: 40px;
    background: #FF5C00;
    bottom: 20px;
    line-height: 40px;
}

.detailing-view .services-category__btn-more svg {
    height: 7px;
}

.detailing-view .detailing-price{
    color: white;
    text-align: right;
    font-size: 14px;
    margin-bottom: 25px;
}

.detailing-view .btn.btn-primary:hover, .detailing-view #map-btn  {
    background: #FF5C00;
}

.detailing-view .services-calculation {
    background: #404962;
}

.detailing-view .services-calculation h1, .detailing-view .services-calculation h3, .detailing-view .services-calculation h2,
.detailing-view .services-calculation label, .detailing-view .detailing-bg-right-block p, .detailing-view .service-cost-text,
.detailing-view .seo-text, .detailing-view .comments-title, .detailing-view .comments-form-header,
.detailing-view .comments-form-button, .detailing-view .services-container .services-title, .detailing-view .blue-nickname,
.detailing-view .comment-header .comment-header-btn, .detailing-view .comment-footer .comment-footer-btn, .detailing-view .popup-btn,
.detailing-view .happy-page-services, .detailing-view .happy-page-row strong {
    color: white;
}

.detailing-view .services-sum, .detailing-view .services-calculation .services-sum + p:not(.services-info), .home-our-works-type {
    color: #BABABA;
}

.detailing-view .case-block-detailing {
    width: 98%;
}

.detailing-view .detailing-bg-right-block, .detailing-view .services-calculation .services-info,
.detailing-view .services-calculation #tyre-price-message {
    background: #404962;
    color: white !important;
}

.detailing-view .services-calculation .services-info {
    border: 1px solid #DADDE0;
}

.detailing-view .accordion-button {
    color: white !important;
}

.detailing-view .sent-detailing-btn {
    background: #FF5C00;
}

.detailing-view .error-color span {
    color: #FF5C00;
}

.detailing-view .white-block, .detailing-info {
    background: #404962;
    margin-top: 20px;
    color: white;
}

.detailing-info {
    padding-top: 50px;
    padding-bottom: 50px;
}

.detailing-info .our-advantages-blocks{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .our-advantages-blocks {
        flex-direction: column;
    }
}

.detailing-info .our-advantages-one-block {
    display: flex;
    margin-bottom: 20px;
}

.detailing-info .info-header {
    font-size: 18px;
}

.detailing-info .info-text {
    font-size: 12px;
    color: #BABABA;
}

.detailing-info .our-advantages-one-block-img {
    max-width: 100px;
    max-height: 100px;
}

.detailing-view .cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.detailing-view .card-detailing {
    max-width: 350px;
    border: 1px solid gray;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 15px;
    background: #404962;
}

.detailing-view .card-image-link {
    height: 200px;
}

.detailing-view .card-detailing-img {
    background-size: cover;
    height: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.detailing-view .flex-car-class {
    display: flex;
    justify-content: center;
}

.flex-car-class .detailing-not-found {
    padding: 25px;
}

.detailing-view .card-content {
    width: 100%;
}

.detailing-view .card-img {
    width: 100%;

}

.detailing-view .card-content-text {
    padding: 10px 30px 0;
    color: white;
}
.detailing-view .queue-up-btn {
    padding: 10px 30px;
    width: 100%;
}

.detailing-view .card-price {
    text-align: right;
    color: white;
}

.detailing-view .detailing-btn {
    margin-top: 5px;
    background: #FF5C00;
    padding: 3px 12px;
    width: 100%;
    height: 40px;
    color: white;
    line-height: 37px;
}

.detailing-view .detailing-btn:hover {
    color: white;
}

.detailing-view .card-content a {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 25px;
}

.detailing-view .card-text {
    font-size: 12px;
    margin-top: 10px;
    color: #BABABA;
}

.detailing-info .our-works {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .detailing-info .our-works {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 992px) {
    .detailing-info .our-works {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .detailing-info .our-works {
        grid-template-columns: 1fr;
    }
}

.case-detailing .our-works {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}
@media (max-width: 992px) {
    .case-detailing .our-works {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .case-detailing .our-works {
        grid-template-columns: 1fr;
    }
}

.our-works-item {
    height: 190px;
    border-radius: 5px;
}

.our-works-item-case {
    height: 210px;
    border-radius: 5px;
}

#image-our-works {
    text-decoration: unset;
}

.our-works-description {
    color: white;
    font-size: 16px;
}

.detailing-view #set-address {
    background: #FF5C00;
}

.detailing-view .services-container .services-title {
    margin: 0 0 40px;
}

.detailing-view .our-image {
    width: 255px;
    height: 190px;
    border-radius: 5px;
}

.detailing-view .our-image-home {
    width: 275px;
    height: 206px;
    border-radius: 5px;
}

.detailing-view .our-image-case {
    width: 348px;
    height: auto;
    border-radius: 5px;
}

.detailing-view .description-our-works-img {
    color: white;
    font-size: 13px;
    position: relative;
    width: 100%;
    bottom: 10px;
    margin-top: 15px;
    margin-left: 10px;
}

.detailing-view .description-our-works-img p {
    margin:0;
}

@media (max-width: 768px) {
    .detailing-info .our-advantages-one-block {
        max-width: 100%;
    }

    .detailing-view .our-works-item-service {
        margin: 5px 5px 35px;
    }

    .detailing-view .our-works{
        justify-content: center;
    }

    .detailing-view .services-container .services-title {
        margin: 0 0 15px;
    }
    .detailing-view .our-image {
        width: 255px;
    }
    .detailing-view .cards {
        justify-content: center;
    }
}

.detailing-header nav, .detailing-header .company {
    background: #404962;
}

.detailing-header .navbar-nav .nav-item a, .detailing-header .header__email, .detailing-header .header__phone,
.detailing-header .login-block .city, .detailing-header .h-badge {
    color: white;
}

.detailing-header .login img, .detailing-header .login svg{
    filter: invert(1)
}

.detailing-header #navbar-menu .nav-item a, .detailing-header #navbar-menu .type-client__small .nav-link,
.detailing-header #navbar-menu .type-client__small .header__phone, .detailing-header #navbar-menu .type-client__small .header__email{
    color: white;
}

.detailing-header .dropdown-main-menu {
    background: #404962;
}

.detailing-header .navbar-menu ul#navbar-menu li.dropdown .dropdown-menu .dropdown-item:hover {
    background: #404962;
}

.detailing-header .company {
    border-bottom: 1px solid #404962;
    border-top: 1px solid #404962;
}

.detailing-footer {
    background: #404962;
    border-bottom: 1px solid #404962;
}

.detailing-footer .license {
    background: #404962;
}

.detailing-view .info-success-service {
    background: none;
    color: white;
}

.detailing-footer ul li a, .detailing-footer .menu__category li.header, .detailing-footer .menu__contact span,
.detailing-footer .menu__contact p a, .detailing-footer .qr-code-div p, .detailing-footer .license span, .detailing-footer .license a,
.detailing-footer  .license .pay p, .detailing-footer .go-to-page-div, .detailing-footer .menu__contact-mail{
    color: white;
}

.detailing-header .company .navbar__close, .detailing-header .navbar__close {
    filter: invert(1)
}

.detailing-header .type-client__small {
    color:white;
}

.detailing-view .detailing-seo-text {
    margin-top: 15px;
    color: white;
    margin-bottom: 0;
}

.detailing-view .loading-image-tire:after {
    background: #1B2B46;
    opacity: 0.4;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .detailing-view .card-detailing {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .detailing-view .cards {
        justify-content: flex-start;
        column-gap: 15px;
    }
}

@media (min-width: 1200px) {
    .detailing-view .cards {
        column-gap: 30px;
    }
}

@media (max-width: 1200px) {
    .our-works {
        justify-content: center;
    }
}

.detailing-footer {
    border: none;
}

.detailing-view .map-service-block {
    padding: 12px 11px;
}

@media (min-width: 540px) and (max-width: 991px) {
    .our-works {
        justify-content: center;
    }
}

#time-select .form-group.around-radio .form-check .form-check-input + .form-check-label {
    border: none;
}

#time-select .form-group.around-radio .form-check .form-check-input + .form-check-label:before {
    top: 0;
}

#time-select .form-group.around-radio .form-check .form-check-input:checked + .form-check-label:after {
    top: 6px;
}

.services-choice-toning {
    border-radius: 6px;
    padding: 15px;
    color: white;
}

.toning-white {
    color: white !important;
}

#choice-toning {
    padding: 15px;
    height: auto;
}