.alert {
    margin: 0 25px 15px
}

.alert-success--order {
    color: #569562;
    font-size: 16px;
    line-height: 21px;
    padding: 17px 18px 17px 78px;
    background-image: url(../img/smile-green.svg);
    background-position: 18px center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border-radius: 8px;
    margin: 25px 25px 15px
}

.alert-danger--order {
    color: #fe283e;
    font-size: 16px;
    line-height: 21px;
    padding: 17px 18px 17px 78px;
    background-color: #ffedef;
    background-image: url(../img/alert-danger.svg);
    background-position: 18px center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border-radius: 8px
}

.alert_new {
    margin-top: 0;
    padding-top: 21px;
    border: 0;
    padding-bottom: 21px;
    background: #d7f5dc url(../img/rub.svg) no-repeat 18px center;
    background-size: 32px 32px
}

@media (max-width: 767.98px) {
    .alert {
        margin:15px 25px 0
    }

    .alert-success--order {
        padding: 15px 21px 15px 63px;
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 15px
    }

    .alert_new {
        padding-top: 24px;
        padding-bottom: 24px;
        width: calc(100% - 26px);
        margin-left: 13px
    }

    .alert-danger--order {
        padding: 14px 12px 14px 63px;
        font-size: 14px;
        line-height: 16px
    }
}

.filter {
    margin-left: 25px
}

.filter-icon {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../img/filter.svg);
    background-size: cover;
    position: relative
}

.filter-icon::after {
    content: attr(data-content);
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: -4px;
    left: 26px;
    background-color: #d31340;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    font-weight: 700
}

.filter-icon_no-active::after {
    display: none
}

.filter__icon-arrow {
    position: absolute;
    width: 8px;
    height: 8px;
    bottom: 100%;
    right: 21px;
    background-color: #fff;
    border-top-right-radius: 30%;
    -webkit-transform: rotate(-53deg) skewX(-15deg) scale(1,.866);
    -ms-transform: rotate(-53deg) skewX(-15deg) scale(1,.866);
    transform: rotate(-53deg) skewX(-15deg) scale(1,.866)
}

.filter__icon-arrow:after,.filter__icon-arrow:before {
    content: '';
    position: absolute;
    background-color: inherit;
    width: 8px;
    height: 8px;
    border-top-right-radius: 30%
}

.filter__icon-arrow:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
    -ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%)
}

.filter__icon-arrow:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
    -ms-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%)
}

.filter__wrap {
    padding: 21px 21px 0
}

.filter__content {
    position: absolute;
    display: none;
    top: 100%;
    right: -6px;
    margin-top: 14px;
    width: 412px;
    z-index: 101;
    background: #fff;
    border: 1px solid #f1f5f6;
    border-radius: 6px;
    -webkit-box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
    box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc
}

.filter__content:before {
    content: "";
    background-image: url(/local/templates/htmc_common/css/../img/angle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 11px;
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 3
}

.filter__item {
    display: inline-block;
    margin-right: 5px;
    cursor: pointer
}

.filter__item input {
    display: none
}

.filter__item input:checked+span {
    color: #fff;
    background-color: #4cd964;
    border-color: #4cd964
}

.filter__item span {
    display: block;
    padding: 0 13px;
    font-size: 15px;
    line-height: 30px;
    color: #73808d;
    border-radius: 15px;
    border: solid 1px #cfd8dc;
    background-color: #fff
}

.filter__send {
    margin: 15px auto;
    width: 90%;
    display: block;
    height: 43px;
    font-size: 18px;
    letter-spacing: .3px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ed4141),to(#d31340));
    background: -o-linear-gradient(top,#ed4141 0,#d31340 100%);
    background: linear-gradient(180deg,#ed4141 0,#d31340 100%);
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border: none;
    border-radius: 4px;
    font-weight: 700;
    color: #fff
}

.filter__reset {
    border: none;
    background: 0 0;
    font-weight: 700;
    float: right;
    outline: 0
}

.filter__links {
    margin-bottom: 20px;
    display: inline-block;
    border: 1px solid #cfd8dc;
    border-radius: 15px
}

.filter__link {
    display: inline-block;
    padding: 3px 15px 2px;
    font-size: 16px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    text-transform: uppercase;
    color: #a6b1bc
}

.filter__link:hover {
    text-decoration: none;
    cursor: pointer;
    color: #a6b1bc
}

.filter__link--choose {
    color: #2e2f31
}

.filter__link--choose:hover {
    cursor: pointer;
    color: #2e2f31;
    text-decoration: none
}

.filter__link+.filter__link {
    margin-left: -2px;
    border-left: 1px solid #cfd8dc
}

@media (max-width: 767.98px) {
    .filter {
        margin-right:0;
        margin-left: auto;
        right: 0
    }

    .filter+.form-search {
        display: none
    }

    .filter__content {
        width: auto;
        left: 0;
        right: 0;
        margin-top: -15px
    }

    .filter__content:before {
        height: 5.5px;
        width: 25px;
        top: -5px;
        right: 6px
    }

    .filter__content .btn-redwide {
        width: calc(100% - 20px)
    }

    .filter__content .filter__wrap {
        padding-left: 10px;
        padding-right: 10px
    }

    .filter__link {
        font-size: 13px
    }

    .filter__item span {
        font-size: 12px;
        line-height: 27px
    }

    .filter__send {
        color: #fff;
        font-size: 14px
    }
}

@media (max-width: 350px) {
    .filter__content {
        max-width:290px
    }
}

.line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.4;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0!important
}

.line-clamp:after {
    text-align: right;
    bottom: 0;
    right: 0;
    width: 25%;
    display: block;
    position: absolute;
    height: calc(1em * 1.2)
}

@supports (-webkit-line-clamp:1) {
    .line-clamp:after {
        display: none!important
    }
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    height: calc(1em * 1.4 * 1 + 3)
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    height: calc(1em * 1.4 * 2 + 3)
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    height: calc(1em * 1.4 * 3 + 3)
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    height: calc(1em * 1.4 * 4 + 3)
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
    height: calc(1em * 1.4 * 5 + 3)
}

.mobilemenu {
    position: fixed;
    z-index: 1009;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: none
}

@media (min-width: 768px) {
    .mobilemenu {
        display:none!important
    }
    .align-md-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
}
.footer__col--content, .footer__col--madeby {
    margin-top: 0;
}
.footer__madeby {
    color: #fff;
    text-align: right;
}

}

@media (max-width: 350px) {
    .mobilemenu {
        line-height:1
    }
}

.mobilemenu__menu {
    height: 100%;
    position: relative;
    background-color: #111;
    background-image: url(../img/background_foto.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 84px 30px 50px 30px
}

@media (max-height: 730px) {
    .mobilemenu__menu-content {
        position:relative
    }

    .mobilemenu__menu-content .mobilemenu__menu-ul2 {
        position: absolute;
        text-align: right;
        right: 0;
        top: 0
    }

    .mobilemenu__menu-content .mobilemenu__menu-ul2 .mobilemenu__menu-ul-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .mobilemenu__menu-content .mobilemenu__menu-ul2 .mobilemenu__menu-ul-flex .mobilemenu__cards {
        margin-top: 10px
    }
}

.mobilemenu__menu-header {
    position: relative;
    padding-bottom: 25px
}

.mobilemenu__menu-header-logout {
    position: absolute;
    padding: 12px 0 12px 35px;
    right: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    z-index: 1
}

.mobilemenu__menu-header-logout:hover {
    text-decoration: none
}

.mobilemenu__menu-header-logout:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 11px;
    width: 17px;
    height: 18px;
    background: url(../img/icons/log-btn.svg) center no-repeat
}

.mobilemenu__menu-header-city {
    background: 0 0;
    border: none;
    padding: 5px 38px 5px 36px;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 10px;
    position: relative
}

.mobilemenu__menu-header-city:focus,.mobilemenu__menu-header-city:hover {
    outline: 0
}

.mobilemenu__menu-header-city:after,.mobilemenu__menu-header-city:before {
    content: '';
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.mobilemenu__menu-header-city:before {
    left: 0;
    top: 6px;
    width: 14px;
    height: 18px;
    background-image: url(../img/location_marker_white.svg)
}

.mobilemenu__menu-header-city:after {
    right: 0;
    top: 11px;
    width: 16px;
    height: 9px;
    background: url(../img/location_arrow_white.svg) center no-repeat
}

.mobilemenu__menu-header-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0 10px 50px;
    font-size: 18px;
    position: relative
}

.mobilemenu__menu-header-item:hover {
    text-decoration: none
}

.mobilemenu__menu-header-item:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background-color: rgba(0,0,0,.4);
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid rgba(255,255,255,.14)
}

.mobilemenu__menu-header-item_profile:before {
    background-image: url(../img/location_marker_white.svg);
    background-size: 14px auto
}

.mobilemenu__menu-header-item_contacts:before {
    background-image: url(../img/phone.svg);
    background-size: 15px
}

.mobilemenu__menu-header-item-name {
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px;
    color: #73808d
}

.mobilemenu__menu-header-item-value {
    font-weight: 700;
    word-break: break-word;
    line-height: 21px;
    color: #fff
}

.mobilemenu__menu-orders {
    padding-top: 100px
}

.mobilemenu__menu-admin {
    padding-top: 105px
}

.mobilemenu__menu-admin[class*=mobilemenu__menu-orders] {
    padding-top: 140px
}

.mobilemenu__menu-ul li {
    display: block
}

.mobilemenu__menu-ul a {
    text-decoration: none;
    color: #fff;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.mobilemenu__menu-ul a:hover {
    color: #d4d4d4;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.mobilemenu__menu-ul1 li {
    margin: 15px auto;
    border-bottom: 1px dashed #a6b1bc;
    text-align: center;
}

.mobilemenu__menu-ul1 a {
    font-size: 19px;
    letter-spacing: .4px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    text-transform: uppercase
}

@media (max-height: 550px) {
    .mobilemenu__menu-ul2 {
        position:absolute;
        text-align: right;
        right: 30px;
        top: 140px
    }
}

.mobilemenu__menu-ul2 li {
    margin: 3px auto
}

.mobilemenu__menu-ul2 a {
    font-size: 13px
}

.mobilemenu__menu-ul3 li {
    margin: 3px auto
}

.mobilemenu__menu-ul3 a {
    font-size: 13px
}

.mobilemenu__menu-ul-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.mobilemenu__menu-ul-flex>div {
    width: 50%
}

.mobilemenu__menu-ul-flex>div:last-child {
    padding-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mobilemenu__menu-ul-flex img {
    height: 10px;
    padding-left: 10px
}

.mobilemenu__log-btn {
    text-transform: none!important;
    text-decoration: none!important;
    font-family: Roboto,sans-serif!important
}

.mobilemenu__log-btn img {
    margin-right: 20px;
    height: 20px;
    margin-top: -2px
}

@media (max-width: 350px) {
    .mobilemenu__log-btn img {
        margin-top:-5px
    }
}

.mobilemenu__log-btn-rotated {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobilemenu__menu-social {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 140px
}

@media (max-width: 350px) {
    .mobilemenu__menu-social {
        position: relative;
        bottom: 10px;
    }
}

.mobilemenu__menu-social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 4px;
    border-radius: 16px;
    position: relative;
    height: 32px;
    width: 32px
}

.mobilemenu__menu-social a img {
    width: 100%;
    height: 100%;
    display: block
}

.mobilemenu__menu-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px
}

.mobilemenu__menu-download a {
    margin: 0 5px
}

.mobilemenu__menu-download img {
    height: 38px;
    opacity: .8
}

.mobilemenu__footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
    padding: 10px;
    background: #111;
    width: 100%
}

.mobilemenu__footer a {
    display: block;
    margin: 0 auto;
    height: 39px
}

.mobilemenu__footer a img {
    height: 39px;
    width: 70px;
}

body.mobilemenu-open {
    overflow: hidden
}

body.mobilemenu-open .header__location-text_mobile {
    height: 0;
    padding: 0
}

body.mobilemenu-open .header-catfixed .header__top {
    padding: 0
}

body.mobilemenu-open .header-catfixed:not(.header-main) .h-categories {
    display: none;
    z-index: 1008
}

body.topalert-visible .mobilemenu__menu {
    padding-top: 130px
}

.ratingstar {
    margin-right: 10px;
    position: relative
}

.ratingstar__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ratingstar svg {
    width: 16px;
    height: 16px
}

.ratingstar svg .st0 {
    fill: #f8cd1c
}

.ratingstar svg .st1 {
    fill: transparent
}

.ratingstar.active:before {
    content: "";
    -webkit-box-shadow: 0 0 10px 5px rgba(249,206,29,.25);
    box-shadow: 0 0 10px 5px rgba(249,206,29,.25);
    width: 4px;
    height: 4px;
    background: #f8cd1c;
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ratingstar.active .st1 {
    fill: #f8cd1c
}

.reviews-page__section {
    margin-bottom: 100px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .reviews-page__section {
        margin-bottom:30px
    }
}

@media (max-width: 767.98px) {
    .reviews-page__section {
        margin-bottom:40px
    }
}

.reviews-page__btn {
    -ms-flex-item-align: self-end;
    align-self: self-end;
    color: #767e87;
    text-transform: none;
    margin-left: auto
}

.reviews-page__list-item {
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .reviews-page__list-item {
        margin-bottom:20px
    }
}

.reviews-page__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.reviews-page__buttons .btn {
    margin-right: 12px
}

@media (max-width: 768px) {
    .reviews-page__buttons .btn {
        margin-right:14px
    }
}

.table-touch {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: #73808d
}

.table-touch__list {
    position: relative;
    display: block
}

.table-touch__list tr {
    position: absolute;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    cursor: move
}

.table-touch__list tr.muuri-item-dragging {
    z-index: 3;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    cursor: move
}

.table-touch__list tr.muuri-item-releasing {
    z-index: 2
}

.table-touch__list tr.muuri-item-hidden {
    z-index: 0
}

.table-touch__list td:nth-child(1) {
    min-width: 300px
}

.table-touch__list td:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.table-touch__list td:nth-child(3),.table-touch__list td:nth-child(4) {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.table-touch__drag {
    height: 30px;
    position: absolute;
    left: 0;
    top: 8px;
    cursor: move;
    width: 30px;
    background: url(/local/templates/htmc_common/css/../img/drag.svg) 11px center/8px 16px no-repeat
}

.table-touch__item {
    background: url(/local/templates/htmc_common/css/../img/drag.svg) 11px center/8px 16px no-repeat;
    border-bottom: 1px solid #e7ebed
}

.table-touch__item_drag {
    background: 0 0
}

.table-touch__item-cell {
    cursor: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 14px 11px
}

.table-touch__item-cell:nth-child(1) {
    color: #2e2f31;
    font-weight: 500;
    background: url(/local/templates/htmc_common/css/../img/msg.svg) 40px center/18px no-repeat
}

.table-touch__item-cell:nth-child(1) .mob-txt {
    display: none;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #73808d
}

.table-touch__item-cell:first-child {
    padding-left: 75px
}

.table-touch__item-edit {
    display: inline-block;
    padding: 0;
    width: 14px;
    height: 14px;
    background: url(/local/templates/htmc_common/css/../img/edit.svg) center/contain no-repeat;
    border: none
}

.table-touch__item-del {
    display: inline-block;
    padding: 0;
    width: 14px;
    height: 16px;
    background: url(/local/templates/htmc_common/css/../img/delete.svg) center/contain no-repeat;
    border: none
}

.table-touch tfoot .table-touch__item-cell:first-child {
    padding-left: 40px;
    background: 0 0
}

.table-touch__add {
    display: inline-block;
    padding: 0 0 0 34px;
    color: #c1001f;
    font-weight: 500;
    background: url(/local/templates/htmc_common/css/../img/msg--red.svg) left center/18px no-repeat;
    border: none
}

@media (max-width: 991px) {
    .table-touch__list td:nth-child(1) {
        min-width:220px
    }
}

@media (max-width: 767px) {
    .table-touch__list td:nth-child(2) {
        display:none
    }

    .table-touch__list td:nth-child(3),.table-touch__list td:nth-child(4) {
        -ms-flex-preferred-size: 20px;
        flex-basis: 20px
    }

    .table-touch__list td:nth-child(4) {
        padding: 13px 0 13px 13px
    }

    .table-touch__item {
        background-position: 0 center
    }

    .table-touch__item-cell:first-child {
        padding-left: 28px!important;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        background: 0 0!important
    }

    .table-touch__item-cell:first-child .mob-txt {
        display: block
    }
}

.action {
    width: 100%;
    aspect-ratio: .875;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 #cfd8dc;
    box-shadow: 0 2px 4px 0 #cfd8dc;
    border-radius: 22px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media (min-width: 992px) {
    .action:hover {
        -webkit-box-shadow:0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        -webkit-transform: translateY(-14px);
        -ms-transform: translateY(-14px);
        transform: translateY(-14px)
    }
}

.action__link {
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}

.action__link:focus,.action__link:hover {
    outline: 0
}

.action__img {
    display: block;
    height: 100%;
    width: auto
}

.action__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 25px 25px 25px
}

.action__title {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-size: 26px;
    letter-spacing: .8px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 17px 0;
    position: relative;
    z-index: 2;
    line-height: 32px;
    -webkit-line-clamp: 2
}

@media (min-width: 768px) {
    .action__title {
        font-size:27px;
        letter-spacing: .84px
    }
}

.action__description {
    font-size: 14px;
    line-height: 1.36;
    letter-spacing: .4px;
    color: #cfd7de;
    position: relative;
    z-index: 2;
    -webkit-line-clamp: 3
}

@media (min-width: 768px) and (max-width:991.98px) {
    .action__title {
        font-size:20px
    }

    .action__description {
        font-size: 11px
    }
}

@media (max-width: 767.98px) {
    .action__title {
        font-size:26px;
        margin-bottom: 12px
    }

    .action__img {
        width: 100%;
        height: auto
    }

    .action__content {
        padding: 50px 25px 25px 25px
    }
}

.add-review-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.add-review-gallery__block {
    width: 65px;
    height: 65px;
    position: relative;
    margin-right: 10px
}

.add-review-gallery__image {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.add-review-gallery__image_add {
    width: 65px;
    height: 65px
}

.add-review-gallery__delete {
    position: absolute;
    top: 1px;
    right: 1px;
    cursor: pointer
}

@media (max-width: 767px) {
    .add-review-gallery__block {
        width:46px;
        height: 46px;
        margin-right: 7px
    }

    .add-review-gallery__delete {
        width: 20px;
        height: 20px
    }
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    border: 0;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 2px 2px #73808d;
    box-shadow: 0 2px 2px #73808d;
    z-index: 10
}

.ui-autocomplete-loading {
    background: url(/local/templates/htmc_common/css/../img/ui-anim_basic_16x16.gif) 98% center no-repeat
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    margin: 0;
    padding: 0 15px;
    display: block;
    width: 100%
}

.selection-pointer {
    background: #e0e5e9
}

.ui-menu .ui-menu-item {
    padding: 5px 0;
    border-bottom: 1px dotted #e3e8eb;
    font-size: 14px;
    color: #73808d;
    font-weight: 400;
    font-family: inherit
}

.ui-menu .ui-menu-item:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 0
}

.ui-menu .ui-menu-item:hover {
    cursor: pointer;
    color: #d3123f
}

.ui-helper-hidden-accessible {
    display: none
}

.btn {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-family: Roboto,sans-serif
}

.btn.focus,.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn_right {
    margin-right: 10px
}

.btn__close {
    position: absolute;
    right: 12px;
    top: 10px
}

.btn_no {
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin-left: 22px;
    padding: 15px 39px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#ed4141),to(#d31340));
    background: -o-linear-gradient(top,#ed4141 0,#d31340 100%);
    background: linear-gradient(180deg,#ed4141 0,#d31340 100%);
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border: none;
    border-radius: 4px
}

.btn_no::after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.btn_no img {
    position: relative;
    top: -2px;
    margin-right: 18px
}

.btn_no:focus,.btn_no:hover {
    color: #ccc
}

.btn-red {
    position: relative;
    z-index: 1;
    max-width: 100%;
    min-width: 216px;
    padding: 14px 25px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#ed4141),to(#d31340));
    background: -o-linear-gradient(top,#ed4141 0,#d31340 100%);
    background: linear-gradient(180deg,#ed4141 0,#d31340 100%);
    border: none;
    border-radius: 4px
}

.btn-red::after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.btn-red span {
    position: relative;
    z-index: 3
}

.btn-red:focus,.btn-red:hover {
    color: #fff
}

.btn-red:not(:disabled):hover::after {
    opacity: 0
}

.btn-red:disabled {
    opacity: .4
}

@media (max-width: 1024px) {
    .btn-red {
        padding:15px
    }
}

@media (max-width: 767.98px) {
    .btn-red {
        width:100%;
        min-width: auto;
        padding: 15px 25px;
        font-size: 15px
    }
}

.btn-gray {
    position: relative;
    z-index: 1;
    max-width: 100%;
    min-width: 216px;
    padding: 14px 25px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #999;
    border: none;
    border-radius: 4px
}

.btn-gray span {
    position: relative;
    z-index: 3
}

.btn-gray:focus,.btn-gray:hover {
    color: #fff
}

.btn-gray:not(:disabled):hover::after {
    opacity: 0
}

.btn-gray:disabled {
    opacity: .4
}

.btn-gray {
    position: relative;
    z-index: 1;
    max-width: 100%;
    min-width: 216px;
    padding: 14px 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #999;
    border: none;
    border-radius: 4px
}

.btn-gray span {
    position: relative;
    z-index: 3
}

.btn-gray:disabled {
    opacity: 1
}

@media (max-width: 380px) {
    .btn-gray {
        font-size:15px
    }
}

.btn-redwide {
    position: relative;
    z-index: 1;
    width: 90%;
    padding: 15px 25px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#ed4141),to(#d31340));
    background: -o-linear-gradient(top,#ed4141 0,#d31340 100%);
    background: linear-gradient(180deg,#ed4141 0,#d31340 100%);
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border: none;
    border-radius: 4px;
    margin: 16px auto;
    display: block
}

.btn-redwide::after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.btn-redwide span {
    position: relative;
    z-index: 3
}

.btn-redwide:focus,.btn-redwide:hover {
    color: #fff
}

.btn-redwide:not(:disabled):hover::after {
    opacity: 0
}

.btn-redwide:disabled {
    opacity: .4
}

@media (max-width: 1024px) {
    .btn-redwide {
        padding:15px
    }
}

@media (max-width: 767.98px) {
    .btn-redwide {
        width:100%;
        min-width: auto;
        padding: 15px 25px;
        font-size: 15px
    }
}

.btn-black {
    max-width: 100%;
    min-width: 216px;
    padding: 15px 65px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #2f2c2c;
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border: none;
    border-radius: 4px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.btn-black:not(:disabled):hover {
    background-color: #000;
    color: #fff
}

.btn-black:disabled {
    background-color: #979797;
    color: #fff
}

.btn-black a {
    color: #fff
}

.btn-black a:hover {
    text-decoration: none
}

@media (max-width: 767.98px) {
    .btn-black {
        width:100%;
        min-width: auto;
        padding: 15px 25px;
        font-size: 15px
    }
}

.btn-black-wide {
    position: relative;
    z-index: 1;
    max-width: 100%;
    min-width: 216px;
    padding: 14px 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #2f2c2c;
    border: none;
    border-radius: 4px
}

.btn-black-wide span {
    position: relative;
    z-index: 3
}

.btn-black-wide:disabled {
    opacity: .4
}

.btn-black-wide:not(:disabled):hover {
    color: #fff;
    background: #2f2c2c
}

@media (max-width: 380px) {
    .btn-black-wide {
        font-size:15px
    }
}

.btn-add {
    margin-left: 0!important
}

.btn-default {
    border: 2px solid #c6cdd0;
    background: 0 0;
    min-width: 145px;
    font-size: 15px;
    padding: 7px 20px;
    border-radius: 20px;
    letter-spacing: .3px;
    color: #767e87
}

.btn-default:hover {
    background: #cfd8dc;
    color: #fff
}

@media (max-width: 991.98px) {
    .btn-default {
        font-size:12px;
        border-width: 1.5px;
        min-width: 110px;
        padding: 5px 15px
    }
}

.btn-default--white {
    border-color: #fff;
    color: #fff
}

.btn-default--white:before {
    border-color: #fff!important
}

.btn-count {
    padding: 0;
    line-height: 0;
    font-size: 0;
    border: 0;
    width: 28px;
    height: 28px;
    background-color: #cfd8dc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%
}

.btn-count-minus {
    background-image: url(/local/templates/htmc_common/css/../img/icons/minus.svg)
}

.btn-count-minus:hover {
    background-image: url(/local/templates/htmc_common/css/../img/icons/minus-hover.svg)
}

.btn-count-plus {
    background-image: url(/local/templates/htmc_common/css/../img/icons/plus.svg)
}

.btn-count-plus:hover {
    background-image: url(/local/templates/htmc_common/css/../img/icons/plus-hover.svg)
}

.btn-count-plus_active {
    background-image: url(/local/templates/htmc_common/css/../img/icons/plus-hover.svg)
}

.btn-buy {
    background: -webkit-gradient(linear,left bottom,left top,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(bottom,#d31340 0,#ed4141 100%);
    background: linear-gradient(0deg,#d31340 0,#ed4141 100%);
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border-radius: 4px;
    font-family: Roboto;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    padding: 14px 48px
}

.btn-buy_on-counter {
    padding: 13px 47px
}

.btn-buy_on-counter:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    color: #fff
}

.btn-buy_small {
    background: #d3132c;
    border-radius: 20px;
    font-size: 12px;
    line-height: 22px;
    padding: 4px 30px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .btn-buy {
        font-style:normal;
        font-size: 16.2692px;
        line-height: 18px;
        padding: 12px 27px;
        background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
        background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
        background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none
    }

    .btn-buy_on-counter {
        padding: 11px 34px
    }
}

.btn-file {
    cursor: pointer;
    margin-bottom: 0;
    max-width: 150px
}

.btn-file input {
    display: none
}

.btn-file span {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-back,.btn-edit {
    position: relative;
    padding: 9px 28px 9px 55px;
    font-family: Roboto;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    -webkit-box-shadow: 0 7px 3px rgba(0,0,0,.5);
    box-shadow: 0 7px 3px rgba(0,0,0,.5);
    border: 2px solid rgba(255,255,255,.17)
}

.btn-back::before,.btn-edit::before {
    content: '';
    position: absolute;
    left: 22px;
    top: calc(50% - 7px);
    display: block;
    width: 20px;
    height: 14px;
    background: url(/local/templates/htmc_common/css/../img/btn-back__arrow.svg) center/cover no-repeat
}

.btn-back:hover,.btn-edit:hover {
    background: 0 0;
    border: 1.5px solid #c1001f
}

@media (max-width: 767px) {
    .btn-back,.btn-edit {
        display:none
    }
}

.btn-back-page {
    position: relative;
    padding: 8px 0 8px 12px;
    font-family: Roboto;
    font-size: 12px;
    color: #fff;
    -webkit-box-shadow: 0 7px 3px rgba(0,0,0,.5);
    box-shadow: 0 7px 3px rgba(0,0,0,.5);
    border: 1.5px solid #fff
}

.btn-back-page::before {
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 20px;
    left: 11px;
    top: calc(50% - 10px);
    background: url(/img/btn-back__arrow-2.svg) center/cover no-repeat
}

.btn-back-page:hover {
    background: 0 0;
    border: 1.5px solid #c1001f
}

@media (max-width: 767px) {
    .btn-back-page {
        display:none
    }
}

.btn-back-page-desktop {
    display: inherit;
    height: 40px;
    padding: 7px 0 8px 5px;
    text-transform: none!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #767e87!important;
    margin-left: auto;
    min-width: 145px;
    font-size: 15px
}


@media (max-width: 767px) {
    .btn-back-page-desktop {
        display:none
    }
}

.btn-clear {
    background: rgba(0,0,0,.297394);
    border: 1px solid rgba(255,255,255,.177256);
    border-radius: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    padding: 10px 30px 10px 45px;
    font-family: Roboto;
    color: #fff;
    -webkit-box-shadow: 0 7px 3px rgba(0,0,0,.5);
    box-shadow: 0 7px 3px rgba(0,0,0,.5);
    position: relative
}

.btn-clear::before {
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 20px;
    left: 11px;
    top: calc(50% - 10px);
    background: url(/local/templates/htmc_common/css/../img/btn-clear.svg) center/cover no-repeat
}

.btn-clear:hover {
    background: 0 0;
    border: 1px solid #c1001f
}

.btn-edit {
    background: rgba(0,0,0,.297394);
    -webkit-box-shadow: 0 7px 3px rgba(0,0,0,.5);
    box-shadow: 0 7px 3px rgba(0,0,0,.5)
}

.btn-edit:before {
    background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0215 4.77478L14.0856 7.83891L6.87535 15.0492L3.81122 15.0492L3.81122 11.9851L11.0215 4.77478ZM13.2214 2.57489C13.6553 2.14097 14.3588 2.14097 14.7928 2.57489L16.2855 4.06767C16.7195 4.50159 16.7195 5.2051 16.2855 5.63902L16.2463 5.6783L13.1821 2.61417L13.2214 2.57489Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    width: 20px;
    height: 18px
}

.btn-icon {
    border: solid 1px #cfd8dc;
    color: #73808d;
    background: 0 0;
    font-size: 15px;
    font-weight: 300;
    padding: 3px 36px 3px 16px;
    border-radius: 15px;
    letter-spacing: .3px;
    text-align: left;
    position: relative;
    outline: 0!important
}

.btn-icon:hover {
    background: #cfd8dc;
    color: #fff
}

.btn-icon:hover .btn-icon__icon {
    fill: #fff
}

.btn-icon__icon {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    content: '';
    display: block;
    height: 12px;
    width: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn-icon__setting {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    content: '';
    display: block;
    height: 17px;
    width: 17px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 991.98px) {
    .btn-icon {
        font-size:13px
    }

    .btn-icon__text {
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .btn-icon {
        font-size:12px;
        padding: 5px 36px 5px 16px
    }

    .btn-icon__text {
        font-size: 15px
    }
}

.btn-rectangle {
    border-radius: 4px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#9e1636));
    background-image: -o-linear-gradient(top,#d31340,#9e1636);
    background-image: linear-gradient(to bottom,#d31340,#9e1636);
    min-width: 145px;
    font-size: 14px;
    line-height: 1.7;
    padding: 11px 70px;
    color: #fff;
    white-space: nowrap;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    outline: 0
}

.btn-rectangle:hover {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#d31340),to(#9e1636));
    background-image: -o-linear-gradient(bottom,#d31340,#9e1636);
    background-image: linear-gradient(to top,#d31340,#9e1636);
    color: #fff
}

@media (max-width: 991.98px) {
    .btn-rectangle {
        font-size:12px;
        min-width: 110px;
        padding: 5px 15px
    }
}

.btn-rectangle--grey {
    padding-left: 13px;
    padding-right: 13px;
    min-width: 46px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#75818c),to(#5b646d));
    background-image: -o-linear-gradient(top,#75818c,#5b646d);
    background-image: linear-gradient(to bottom,#75818c,#5b646d)
}

.btn-rectangle--grey:hover {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#75818c),to(#5b646d));
    background-image: -o-linear-gradient(bottom,#75818c,#5b646d);
    background-image: linear-gradient(to top,#75818c,#5b646d)
}

.btn-rectangle--auto {
    min-width: 216px;
    max-width: 100%!important
}

@media (max-width: 767px) {
    .btn-rectangle--auto {
        padding:11px 26px!important
    }
}

.checkout__action-btn {
    padding: 19px 0 0;
    text-align: right;
    min-height: 80px
}

@media only screen and (max-width: 767.8px) {
    .checkout__action-btn {
        padding-bottom:30px
    }
}

@media only screen and (max-width: 575px) {
    .checkout__action-btn .btn {
        width:100%;
        margin: 0 auto;
        display: block
    }

    .checkout__action-btn .btn--static {
        position: -webkit-sticky;
        position: sticky;
        width: 100%
    }

    .checkout__action-btn .btn-black {
        margin-bottom: 8px
    }
}

.btn-promo {
    color: #f8cd1c;
    border: 1.16505px dashed #f8cd1c;
    border-radius: 3.49515px;
    display: inline-block;
    padding: 4px 15px 5px 42px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    font-weight: 400;
    outline: 0;
    background: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1359 19.1719L19.9612 13.3906' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5534 14.5469C14.5185 14.5469 15.301 13.7704 15.301 12.8125C15.301 11.8546 14.5185 11.0781 13.5534 11.0781C12.5882 11.0781 11.8058 11.8546 11.8058 12.8125C11.8058 13.7704 12.5882 14.5469 13.5534 14.5469Z' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5437 21.4844C21.5088 21.4844 22.2913 20.7079 22.2913 19.75C22.2913 18.7921 21.5088 18.0156 20.5437 18.0156C19.5785 18.0156 18.7961 18.7921 18.7961 19.75C18.7961 20.7079 19.5785 21.4844 20.5437 21.4844Z' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.98057 18.0156V18.0156C3.40698 18.0156 1.32037 15.9448 1.32037 13.3906V6.45312C1.32037 3.89897 3.40698 1.82812 5.98057 1.82812H17.6311C20.2046 1.82812 22.2912 3.89897 22.2912 6.45312V6.45312' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.2912 6.45312V9.92188' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.98056 18.0156H8.31066' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.98056 6.45312H17.631' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.98056 11.0781H8.31066' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 10px 50% no-repeat
}

.btn-promo strong {
    display: block
}

.btn-promo_new {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 41px;
    font-size: 12px
}

@media (max-width: 1199px) {
    .btn-buy_small {
        padding-left:20px;
        padding-right: 20px
    }
}

@media (max-width: 991px) {
    .btn-buy_small {
        padding-left:23px;
        padding-right: 23px
    }
}

@media (max-width: 767px) {
    .btn-buy_small {
        background:#d3132c;
        padding: 4px 30px;
        font-size: 12px;
        line-height: 22px
    }

    .btn_no {
        width: 100%;
        margin-bottom: 14px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0
    }

    .page-content__head .btn-promo {
        text-transform: capitalize;
        margin-left: 0;
        padding-right: 29px;
        font-size: 11px
    }

    .btn__close {
        right: 8px
    }
}

.btn-regular {
    padding: 14px 25px
}

@media (max-width: 991px) {
    .btn-medium {
        min-width:auto
    }
}

.carousel {
    border-radius: 10px;
    -webkit-box-shadow: 0 9px 41px rgba(0,0,0,.5);
    box-shadow: 0 9px 41px rgba(0,0,0,.5);
    padding-top: 20px;
    overflow: hidden
}

@media (max-width: 575px) {
    .carousel {
        border-radius:0;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        padding-top: 14px
    }
}

.carousel__item {
    height: 220px;
    width: 100%;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

@media (max-width: 767.98px) {
    .carousel__item {
        height:272px
    }
}

@media (max-width: 767.98px) and (max-width:575px) {
    .carousel__item {
        height:51.5vw;
        border-radius: 0
    }
}

.carousel__item .circle {
    width: 450px;
    height: 450px;
    border-radius: 250px
}

.carousel__item .circle1 {
    background: #d31340;
    position: absolute;
    top: -20px;
    left: -210px;
    z-index: 2
}

.carousel__item .circle2 {
    background: #a7082e;
    position: absolute;
    top: -100px;
    left: -200px;
    z-index: 1
}

.carousel__header {
    font-family: CoresansBlack,Roboto,sans-serif;
    color: #fff;
    font-size: 53px;
    z-index: 5;
    background: 0 0;
    position: absolute;
    top: 30px;
    left: 40px;
    max-width: 550px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1.4px
}

@media (max-width: 991.98px) {
    .carousel__header {
        font-size:40px;
        max-width: 400px
    }
}

@media (max-width: 767.98px) {
    .carousel__header {
        max-width:240px;
        line-height: 1.3;
        font-size: 35px;
        left: 20px;
        top: 20px
    }
}

.carousel__price {
    color: #fff;
    font-size: 55px;
    z-index: 6;
    background: 0 0;
    position: absolute;
    bottom: 20px;
    right: 40px
}

@media (max-width: 767.98px) {
    .carousel__price {
        font-size:30px
    }
}

@media (max-width: 767.98px) {
    .carousel .slick-dots {
        width:70%;
        left: 20px;
        padding-left: 0!important
    }

    .carousel .circle1 {
        left: -300px
    }

    .carousel .circle2 {
        left: -310px
    }
}

@media (min-width: 768px) {
    .category-page {
        min-height:calc(100vh - 185px - 303px)
    }
}

.category-page .title-h3 {
    margin-bottom: 35px;
    font-size: 20px
}

.category-page .head-with-btns-search .search__mobile-box {
    margin-right: 15px
}

@media (max-width: 767.98px) {
    .category-page .title-h3 {
        font-size:18px;
        margin-bottom: 20px
    }

    .category-page .head-with-btns-search {
        margin-top: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .category-page .head-with-btns-search .search__mobile-box {
        top: 15px
    }

    .category-page .head-with-btns-search .search__mobile-box .form-search,.category-page .head-with-btns-search .search__mobile-box .form-search--focused {
        width: auto
    }
}

.category-filter {
    margin-bottom: 45px
}

.category-filter-wrapper {
    opacity: 0
}

.category-filter ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.category-filter__item {
    width: auto!important;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 11px
}

.category-filter__link {
    display: inline-block;
    padding: 0 21px;
    font-size: 15px;
    line-height: 37px;
    letter-spacing: .3px;
    border-radius: 20px;
    border: solid 2px #c6cdd0;
    color: #556270;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.category-filter__link:hover {
    background: #c6cdd0;
    color: #fff;
    text-decoration: none
}

.category-filter__link--active {
    background: #c6cdd0;
    color: #fff
}

.category-block {
    margin-bottom: 100px
}

@media (max-width: 767.98px) {
    .category-filter {
        margin-right:-15px;
        margin-bottom: 20px;
        white-space: nowrap
    }

    .category-filter__link {
        padding: 0 12px;
        line-height: 26px
    }

    .category-block {
        margin-bottom: 20px
    }
}

.counter-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.counter-form button {
    cursor: pointer;
    background-image: url(/local/templates/htmc_common/css/../img/minus.svg);
    background-color: transparent;
    background-position: center;
    background-size: cover;
    border: 0;
    outline: 0;
    height: 28px;
    width: 28px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.counter-form button:hover {
    background-image: url(/local/templates/htmc_common/css/../img/minus-hover.svg)
}

.counter-form button~button,.counter-form button~button:hover {
    background-image: url(/local/templates/htmc_common/css/../img/plus_2.svg)
}

.counter-form input {
    background: 0 0;
    border: none;
    color: #2e2f31;
    font-size: 19px;
    letter-spacing: -1px;
    text-align: center;
    padding: 0;
    outline: 0;
    width: 34px
}

@media (min-width: 768px) and (max-width:991px) {
    .counter-form input {
        font-size:18px
    }
}

.xdsoft_datetimepicker {
    background: #fff;
    border: 1px solid #cfd8dc;
    color: #000;
    display: none;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    padding: 30px 24px 20px;
    position: absolute;
    z-index: 99999;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.xdsoft_datetimepicker::after {
    background: url("data:image/svg+xml,%3Csvg width='24' height='8' viewBox='0 0 24 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-345.4 11.0081C-345.4 8.79989 -343.611 7.00941 -341.402 7.00809L1.40486 6.8021C3.70375 6.80072 5.83998 5.61587 7.0584 3.66641L7.35973 3.18432C9.9283 -0.925418 15.9713 -0.749648 18.2967 3.50245C19.4085 5.5355 21.5411 6.79988 23.8583 6.79988H35C37.2091 6.79988 39 8.59074 39 10.7999V303.791C39 306 37.2105 307.79 35.0022 307.791L-341.398 307.998C-343.608 307.999 -345.4 306.208 -345.4 303.998V11.0081Z' fill='white'/%3E%3Cpath d='M-344.9 11.0081C-344.9 9.07591 -343.334 7.50925 -341.402 7.50809L1.40517 7.3021C3.87633 7.30061 6.17265 6.02697 7.48241 3.93141L7.78371 3.44934L7.35973 3.18432L7.78374 3.44932C10.1497 -0.33625 15.716 -0.174348 17.858 3.74235C19.0575 5.93577 21.3583 7.29988 23.8583 7.29988H35C36.933 7.29988 38.5 8.86688 38.5 10.7999V303.791C38.5 305.724 36.9342 307.29 35.0019 307.291L-341.398 307.498C-343.332 307.499 -344.9 305.931 -344.9 303.998V11.0081Z' stroke='%23CFD8DC' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='-394.4' y='-24.795' width='482.4' height='405.793' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='24'/%3E%3CfeGaussianBlur stdDeviation='24.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.811765 0 0 0 0 0.847059 0 0 0 0 0.862745 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat;
    width: 24px;
    height: 8px;
    display: block;
    position: absolute;
    left: 12px;
    right: auto;
    bottom: 100%;
    content: ""
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker {
        width:calc(100% - 31px)
    }
}

@media only screen and (max-width: 675px) {
    .xdsoft_datetimepicker {
        padding:10px 5px;
        left: 16px!important
    }

    .xdsoft_datetimepicker::after {
        display: none
    }
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_noselect::selection {
    background: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 264px;
    float: left
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_datepicker {
        width:100%
    }
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_timepicker {
        width:100%
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        margin: auto!important
    }
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 38px
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
        margin-top:32px;
        margin-left: 0;
        margin-right: 0
    }
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
    height: 28px;
    padding-bottom: 8px
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev {
    width: 20px;
    height: 20px;
    border: none
}

.xdsoft_datetimepicker .xdsoft_prev {
    background: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292901 7.85114C0.683425 7.46062 1.31659 7.46062 1.70711 7.85114L8.77818 14.9222C9.16871 15.3127 9.16871 15.9459 8.77818 16.3364C8.38766 16.7269 7.75449 16.7269 7.36397 16.3364L0.292901 9.26535C-0.0976229 8.87483 -0.0976229 8.24166 0.292901 7.85114Z' fill='%23A6B1BC'/%3E%3Cpath d='M0.292901 9.21958C0.683425 9.6101 1.31659 9.6101 1.70711 9.21958L8.77818 2.14851C9.16871 1.75799 9.16871 1.12482 8.77818 0.734299C8.38766 0.343775 7.75449 0.343775 7.36397 0.734299L0.292901 7.80537C-0.0976229 8.19589 -0.0976229 8.82906 0.292901 9.21958Z' fill='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.xdsoft_datetimepicker .xdsoft_next {
    background: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33655 9.21966C8.94603 9.61018 8.31287 9.61018 7.92234 9.21966L0.851273 2.14859C0.460749 1.75807 0.460749 1.1249 0.851273 0.734379C1.2418 0.343855 1.87496 0.343855 2.26549 0.734379L9.33655 7.80545C9.72708 8.19597 9.72708 8.82914 9.33655 9.21966Z' fill='%23A6B1BC'/%3E%3Cpath d='M9.33655 7.85122C8.94603 7.4607 8.31287 7.4607 7.92234 7.85122L0.851273 14.9223C0.460749 15.3128 0.460749 15.946 0.851273 16.3365C1.2418 16.727 1.87496 16.727 2.26549 16.3365L9.33655 9.26543C9.72708 8.87491 9.72708 8.24174 9.33655 7.85122Z' fill='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    display: none
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 222px;
    width: 72px;
    overflow: hidden
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        width:62px;
        margin-left: 10px;
        height: 175px!important;
        overflow: scroll!important
    }
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    color: #000;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    line-height: 32px;
    border-radius: 6px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 114px;
    text-align: right
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_month {
        width:44%!important;
        text-align: right
    }
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px;
    position: absolute;
    right: 30px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_calendar td>div {
        width:30px!important;
        height: 30px!important;
        line-height: 30px!important
    }
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 33px;
    color: #778699;
    font-weight: 700;
    font-size: 14px
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
    text-align: center;
    border: none;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_calendar td {
    padding: 3px 2px
}

.xdsoft_datetimepicker .xdsoft_calendar td div {
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 6px
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div {
    background-color: #f1f5f6
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div {
    background: #d31340;
    color: #fff!important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled div {
    color: #778699
}

.xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_disabled):hover div {
    color: #fff;
    background: #d31340
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_calendar td {
        padding:0!important
    }
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #778699;
    font-size: 14px;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc!important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee!important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa!important
}

.xdsoft_time_box {
    position: relative
}

.xdsoft_time_box .xdsoft_current {
    background-color: #d31340;
    color: #fff!important
}

.xdsoft_time_box>.xdsoft_scrollbar>.xdsoft_scroller {
    background-color: #cfd8dc
}

.xdsoft_time_box>.xdsoft_scrollbar {
    position: absolute;
    width: 5px;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #f1f5f6;
    cursor: pointer
}

.xdsoft_time_variant {
    width: 60px;
    position: relative;
    padding-bottom: 10px
}

.xdsoft_time_variant .xdsoft_disabled {
    display: none
}

@media only screen and (max-width: 400px) {
    .xdsoft_time_variant {
        width:45px
    }
}

.xdsoft_select {
    max-height: 220px;
    overflow: hidden;
    border: 1px solid #cfd8dc;
    -webkit-box-shadow: 0 24px 49px #cfd8dc;
    box-shadow: 0 24px 49px #cfd8dc;
    margin-top: 8px;
    border-radius: 6px;
    position: relative;
    display: none
}

.xdsoft_option {
    cursor: pointer
}

.xdsoft_option:hover {
    background: #e7ebed
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_scroller {
    background: #ccc!important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_datetimepicker.xdsoft_yearpicker .xdsoft_year {
    display: block!important
}

.dish-card .page-content__wrap {
    padding: 30px;
    margin-top: 0;
    min-height: auto
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish-card .page-content__wrap {
        padding:20px
    }
}

@media (max-width: 767.98px) {
    .dish-card {
        padding-top:0;
        background: #fff
    }

    .dish-card .breadcrumb {
        display: none
    }

    .dish-card .page-content__wrap {
        padding: 0
    }

    .dish-card .dish__additional {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px
    }
}

.dish_lunch .dish__content {
    position: relative
}

.dish_lunch .dish__content:after {
    content: 'Пн – Пт \A 11:00 – 15:00';
    white-space: pre;
    display: block;
    position: absolute;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.741969px;
    text-transform: uppercase;
    color: #d3132c;
    z-index: 1;
    bottom: 2px;
    right: -5px;
    border: 3px solid #d3132c;
    padding: 3px 6px;
    -webkit-transform: rotate(-7.79deg);
    -ms-transform: rotate(-7.79deg);
    transform: rotate(-7.79deg)
}

@media (max-width: 767.98px) {
    .dish_lunch .dish__content:after {
        bottom:auto;
        top: 310px;
        right: 10px;
        z-index: 4
    }
}

.dish_lunch .dish__content .btn-count {
    opacity: .65
}

.dish_lunch .dish__content .dish__count {
    opacity: .3
}

.dish__mobile-show {
    display: none!important
}

@media (max-width: 767.98px) {
    .dish__mobile-show {
        display:inherit!important
    }
}

@media (max-width: 767.98px) {
    .dish__mobile-hide {
        position:absolute;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        right: 5px;
        bottom: 60px
    }
}

.dish__star-icon {
    background: url(/local/templates/htmc_common/css/../img/icons/circle-star-icon.svg) 50% 50% no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 0 -3px 10px
}

.dish__composition .modal-dialog {
    margin: 20px auto!important
}

.dish__composition .modal-content {
    background: 0 0;
    width: 100%;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.dish__comp-modal {
    width: 100%;
    max-width: 510px;
    background-color: #fff;
    border-radius: 5.8px;
    -webkit-box-shadow: 0 2px 34px 0 rgba(115,128,141,.47);
    box-shadow: 0 2px 34px 0 rgba(115,128,141,.47);
    padding: 15px 15px 15px;
    position: relative;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .dish__comp-modal {
        max-width:360px
    }
}

.dish__comp-modal__close-btn {
    position: absolute;
    right: 19px;
    top: 19px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.845895 13.2478C0.260109 12.6621 0.260109 11.7123 0.845895 11.1265L10.7454 1.22703C11.3312 0.641243 12.2809 0.641242 12.8667 1.22703C13.4525 1.81282 13.4525 2.76256 12.8667 3.34835L2.96722 13.2478C2.38143 13.8336 1.43168 13.8336 0.845895 13.2478Z' fill='%2373808D'/%3E%3Cpath d='M12.8667 13.2478C13.4525 12.6621 13.4525 11.7123 12.8667 11.1265L2.96722 1.22703C2.38143 0.641243 1.43168 0.641242 0.845895 1.22703C0.260109 1.81282 0.260109 2.76256 0.845895 3.34835L10.7454 13.2478C11.3312 13.8336 12.2809 13.8336 12.8667 13.2478Z' fill='%2373808D'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    border: none;
    cursor: pointer;
    outline: 0;
    width: 14px;
    height: 14px;
    display: block
}

.dish__comp-modal__header {
    padding-bottom: 18px
}

.dish__comp-modal__content {
    padding-right: 20px
}

@media only screen and (min-width: 767px) {
    .dish__comp-modal__content {
        max-height:420px
    }
}

@media only screen and (min-width: 1400px) {
    .dish__comp-modal__content {
        max-height:488px
    }
}

.dish__comp-modal__content .simplebar-track {
    border-radius: 2.5px;
    background-color: #f1f5f6;
    width: 5px
}

.dish__comp-modal__content .simplebar-scrollbar {
    right: 0
}

.dish__comp-modal__content .simplebar-scrollbar:before {
    border-radius: 2.5px;
    background-color: #cfd8dc
}

.dish__comp-modal__title {
    margin: 0;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.38px;
    color: #2e2f31;
    text-transform: uppercase;
    font-family: CoreSansDS75Black,sans-serif
}

.dish__comp-modal__item {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: .17px;
    color: #73808d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: dashed 1px #a6b1bc;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative
}

@media only screen and (max-width: 767.98px) {
    .dish__comp-modal__item {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.dish__comp-modal__item:last-child {
    border: none
}

.dish__comp-modal__item-img {
    width: 64px;
    height: 64px;
    min-width: 64px;
    margin-right: 14px;
    border-radius: 16px;
    overflow: hidden;
    background-size: cover!important
}

.dish__comp-modal__item-title {
    font-size: 17px;
    font-weight: 900;
    line-height: 1.18;
    color: #2e2f31;
    margin: 0 0 10px
}

@media only screen and (max-width: 767.98px) {
    .dish__comp-modal__item-title {
        display:block;
        padding-right: 60px
    }
}

.dish__comp-modal__item-price {
    font-size: 22px;
    font-weight: 900;
    line-height: .95;
    color: #2e2f31;
    width: 100px;
    text-align: right;
    margin-left: auto;
    white-space: nowrap
}

@media only screen and (max-width: 767.98px) {
    .dish__comp-modal__item-price {
        position:absolute;
        right: -16px;
        top: 0
    }
}

.dish__comp-modal__footer {
    border-top: 2px solid rgba(207,216,220,.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 5px;
    font-weight: 900;
    margin-right: 20px
}

.dish__comp-modal__footer-label {
    font-size: 18px;
    line-height: 1.11;
    color: #27292e
}

.dish__comp-modal__footer-price {
    font-size: 22px;
    line-height: .95;
    color: #2e2f31;
    text-align: right;
    position: relative
}

.dish__comp-modal__footer-price[data-old-price]::after {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.13;
    color: #73808d;
    display: block;
    padding-right: 12px;
    margin-top: 5px;
    content: attr(data-old-price)
}

.dish__comp-modal__footer-price[data-old-price]::before {
    display: block;
    height: 2px;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 10px;
    background-color: #73808d;
    content: ""
}

@media (max-width: 767px) {
    .dish__header {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        bottom: calc(100% + 20px);
        margin-bottom: 10px;
        width: calc(100% - 40px)
    }
}

@media (max-width: 767px) {
    .dish__title-block {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-preferred-size: 53%;
        flex-basis: 53%
    }
}

.dish__photo {
    width: 50%;
    position: relative;
    overflow: hidden
}

.dish__photo_detail {
    height: auto
}

@media (max-width: 768px) {
    .dish__photo_detail {
        height:auto
    }
}

@media (max-width: 767.98px) {
    .dish__photo {
        width:100%
    }

    .dish__photo:after {
        content: '';
        display: block;
        height: 200px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(39,41,43,0)),to(#000));
        background-image: -o-linear-gradient(top,rgba(39,41,43,0),#000);
        background-image: linear-gradient(to bottom,rgba(39,41,43,0),#000)
    }
}

.dish__image {
    display: block;
    border-radius: 22px;
    background-color: #a6b1bc;
    position: relative;
    padding-top: 75%;
    overflow: hidden
}

.dish__image:before {
    content: '';
    display: block;
    width: 100%
}

@media (max-width: 767.98px) {
    .dish__image {
        border-radius:0
    }
}

.dish__image4x3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.dish .good__properties {
    top: 18px;
    left: 18px;
    right: 18px;
    padding: 0
}

.dish .good__properties .good__icon {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    margin-right: 0
}

.dish .good__properties .good__icon+.good__icon {
    margin-left: 16px
}

.dish .good__properties .good__icon-like {
    background-size: cover;
    height: 36px;
    width: 36px
}

.dish__title {
    color: #2e2f31;
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 24px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: .2px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__title {
        font-size:22px
    }
}

@media (max-width: 767.98px) {
    .dish__title {
        color:#fff;
        font-size: 20px;
        position: absolute;
        bottom: calc(100% + 20px);
        margin-bottom: 10px;
        padding-right: 110px
    }

    .dish__title_mobile {
        position: inherit;
        bottom: 0;
        margin-bottom: 0;
        font-size: 17px
    }
}

.dish__composition-title {
    color: #2e2f31;
    font-size: 17px;
    font-family: CoreSansDS75Black,sans-serif;
    text-transform: uppercase;
    letter-spacing: .2px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__composition-title {
        font-size:15px
    }
}

@media (max-width: 767.98px) {
    .dish__composition-title {
        display:none
    }
}

.dish__composition-text {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    letter-spacing: .43px;
    color: #73808d;
    line-height: 19px;
    margin-bottom: 20px
}

@media (max-width: 991.98px) {
    .dish__composition-text {
        font-size:14px
    }
}

@media (max-width: 767.98px) {
    .dish__composition-text {
        margin-bottom:15px
    }
}

.dish__parents {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 30px
}

.dish__parent {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .426666px;
    color: #73808d
}

@media (max-width: 767.98px) {
    .dish__parent {
        font-size:14px
    }
}

.dish__parent:before {
    content: 'i';
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    background: #a6b1bc;
    border-radius: 15px;
    left: 0;
    top: 2px
}

.dish__parent-link {
    color: #73808d;
    text-decoration: underline
}

.dish__weight {
    font-family: AktivGroteskCorp,sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #73808d;
    white-space: nowrap;
    position: relative;
    padding-left: 22px;
    letter-spacing: .194286px
}

.dish__weight:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 13px;
    height: 18px;
    line-height: 1;
    background-image: url(../img/weight.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (max-width: 767px) {
    .dish__weight-mobile {
        position:absolute;
        margin-top: 0;
        right: 20px;
        bottom: 85px
    }
}

.dish__weight--xs {
    display: none
}

@media (max-width: 767px) {
    .dish__weight {
        font-size:14px;
        line-height: 16px;
        letter-spacing: .362133px;
        margin-bottom: 14px
    }

    .dish__weight--md {
        display: none
    }

    .dish__weight--xs {
        display: block
    }
}

.dish__size {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dish__size input {
    display: none
}

.dish__size input:checked+label {
    color: #2e2f31
}

.dish__size label {
    display: block;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cfd8dc;
    color: #a6b1bc;
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 17px;
    font-weight: 900;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 5px 15px 4px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    white-space: nowrap
}

.dish__size label:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left: 15px
}

.dish__size label:not(:first-of-type) {
    border-left: none
}

.dish__size label:last-of-type {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 15px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__size label {
        font-size:15px
    }

    .dish__size label:first-of-type {
        padding-left: 14px
    }

    .dish__size label:last-of-type {
        padding-right: 14px
    }
}

@media (max-width: 767px) {
    .dish__size label {
        font-size:13px;
        padding: 6px 12px 5px
    }
}

@media (max-width: 767px) {
    .dish__size {
        position:absolute;
        top: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.dish__pizza {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.dish__pizza input {
    display: none
}

.dish__pizza input:checked+label {
    color: #2e2f31
}

.dish__pizza label {
    display: block;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cfd8dc;
    color: #a6b1bc;
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 17px;
    font-weight: 900;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 5px 15px 4px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    white-space: nowrap
}

.dish__pizza label:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left: 15px
}

.dish__pizza label:not(:first-of-type) {
    border-left: none
}

.dish__pizza label:last-of-type {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 15px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__pizza label {
        font-size:15px
    }

    .dish__pizza label:first-of-type {
        padding-left: 14px
    }

    .dish__pizza label:last-of-type {
        padding-right: 14px
    }
}

@media (max-width: 767px) {
    .dish__pizza label {
        font-size:13px;
        padding: 6px 12px 5px
    }
}

.dish__pizza-btn {
    position: absolute;
    top: 45px;
    left: 0
}

@media (max-width: 767px) {
    .dish__pizza-btn {
        top:0;
        left: 145px
    }
}

.dish__price {
    font-family: Roboto,sans-serif;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.1;
    position: relative;
    top: 1px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__price {
        font-size:26px
    }
}

@media (max-width: 767px) {
    .dish__price {
        font-style:normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .dish__price_mobile {
        color: #fff
    }
}

.dish__price-stroked {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: .4px;
    color: #a6b1bc;
    font-weight: 400;
    margin-left: 15px;
    margin-right: 5px;
    text-decoration: line-through
}

@media (max-width: 768px) {
    .dish__price-stroked {
        margin:0
    }
}

.dish__price-stroked_left {
    margin-left: 0;
    margin-right: 21px;
    text-decoration: none;
    position: relative
}

.dish__price-stroked_left:after {
    position: absolute;
    display: block;
    content: '';
    width: 125%;
    height: 2px;
    background: #a6b1bc;
    left: -10%;
    top: 40%
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__price-stroked {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .dish__price-stroked {
        font-size:14px
    }

    .dish__price-stroked_mobile {
        font-size: 16px;
        line-height: 24px
    }
}

.dish__price-wrap {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 767px) {
    .dish__price-wrap_mobile {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.dish__count {
    font-size: 19px;
    letter-spacing: -1px;
    line-height: 1;
    min-width: 30px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center
}

.dish__count_detail {
    min-width: 40px
}

@media (max-width: 767px) {
    .dish__count_mobile {
        color:#fff;
        font-size: 22px;
        line-height: 24px;
        min-width: 36px
    }
}

.dish__count-wrap {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 11px
}

.dish__count-wrap_hidden {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .dish__count-wrap .btn-count {
        width:30px;
        height: 30px
    }

    .dish__count-wrap_hidden {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.dish__btn-icon {
    font-family: AktivGroteskCorp,sans-serif;
    white-space: nowrap
}

@media (max-width: 767px) {
    .dish__btn-icon {
        margin-bottom:0
    }
}

.dish__properties {
    width: 50%;
    padding-left: 35px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__properties {
        padding-left:15px
    }
}

@media (max-width: 767px) {
    .dish__properties {
        max-width:100%;
        padding: 100px 20px 0;
        background-color: #fff;
        border-radius: 22px;
        position: relative;
        top: -18px;
        margin-bottom: -44px;
        width: 100%
    }
}

.dish__content {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dish__content-row {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px 0
}

.dish__content-row:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .dish__content-row:last-child {
        margin-top:20px;
        margin-bottom: 10px;
        position: relative
    }
}

.dish__content-row_info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .dish__content-row_info {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .dish__content-row {
        margin:5px 0
    }

    .dish__content-row_mobile-hidden {
        display: none
    }
}

.dish__content-row_second {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    margin: 0 0 80px 0
}

@media (max-width: 767px) {
    .dish__content-row_second {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 0;
        margin: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

.dish__content-column {
    display: none
}

@media (max-width: 767px) {
    .dish__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .dish__content-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.dish__info {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 30px
}

.dish__info>li {
    text-align: center;
    width: 85px;
}

.dish__info>li .icon {
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto 5px
}

@media (max-width: 767px) {
    .dish__info>li .icon {
        margin-right:10px;
        margin-bottom: 0
    }
}

.dish__info>li .icon--kkal {
    background-image: url(../img/kkal.svg)
}

.dish__info>li .icon--protein {
    background-image: url(../img/belok.svg)
}

.dish__info>li .icon--fats {
    background-image: url(../img/fat.svg)
}

.dish__info>li .icon--carbo {
    background-image: url(../img/uglevod.svg)
}

.dish__info>li .amount {
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    color: #2e2f31
}

@media (max-width: 1024px) {
    .dish__info>li .amount {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .dish__info>li .amount {
        font-size:13px
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__info {
        margin-left:10px
    }
}

@media (max-width: 767px) {
    .dish__info {
        position:absolute;
        top: 40px;
        right: 0;
        left: 0;
        margin-left: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px
    }

    .dish__info>li {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.dish__additional {
    padding: 20px 0 0
}

.dish__additional .swiper-button-circle {
    background-color: #cfd8dc;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    position: relative
}

.dish__additional .swiper-button-circle--prev {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 20px
}

.dish__additional .swiper-button-circle--next {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 20px
}

.dish__additional .swiper-button-circle:hover {
    background-color: #d3132c
}

.dish__additional .swiper-button-circle.swiper-button-disabled:after,.dish__additional .swiper-button-circle::after {
    border-color: #fff
}

@media (max-width: 767px) {
    .dish__additional {
        padding:20px 0
    }
}

.dish__additional>.container {
    padding: 0
}

@media (max-width: 767px) {
    .dish__additional>.container {
        padding:0 15px
    }
}

.dish__additional-title {
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #2e2f31;
    margin-bottom: 25px;
    text-transform: uppercase
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__additional-title {
        font-size:15px
    }
}

@media (max-width: 767px) {
    .dish__additional-title {
        text-align:left;
        margin-bottom: 20px
    }
}

.dish__additional-swiper {
    position: relative;
    overflow: hidden;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dish__additional-swiper-wrap {
    position: relative;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dish__supplement {
    cursor: pointer;
    text-align: center
}

.dish__supplement input {
    display: none
}

input:checked+.dish__supplement-img-wrap {
    border-color: #d3132c
}

input:checked+.dish__supplement-img-wrap:after {
    opacity: 1
}

.dish__supplement-img-wrap {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: solid 5px #eceff1;
    border-radius: 50%;
    height: 66px;
    width: 66px;
    margin-bottom: 10px;
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
}

@media (max-width: 767px) {
    .dish__supplement-img-wrap {
        height:46px;
        width: 46px;
        border-width: 3px;
        margin-bottom: 3px;
        border: 2px solid transparent
    }
}

.dish__supplement-img-wrap:hover {
    border-color: #d3132c
}

.dish__supplement-img-wrap:after {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 8;
    color: #fff;
    background: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.48527 25.4558C13.1716 30.1421 20.7695 30.1421 25.4558 25.4558C30.1421 20.7696 30.1421 13.1716 25.4558 8.48528C20.7695 3.79899 13.1716 3.79899 8.48527 8.48528C3.79898 13.1716 3.79898 20.7696 8.48527 25.4558Z' fill='%23D3132C'/%3E%3Cpath d='M21.9788 17.0085L11.9624 17.0079' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9707 22.0165L16.9701 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat #d3132c;
    border-radius: 50%;
    line-height: 1;
    height: 24px;
    width: 24px;
    position: absolute;
    right: -12px;
    bottom: -6px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

@media only screen and (max-width: 767px) {
    .dish__supplement-img-wrap:after {
        z-index:11
    }
}

.dish__supplement-quant {
    position: relative;
    display: inline-block
}

.dish__supplement-quant .dish__supplement-counter:not([value="0"])+.dish__supplement-add {
    display: none
}

.dish__supplement-add {
    position: absolute;
    background: #d3132c;
    width: 100%;
    height: 28px;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 14px;
    cursor: pointer;
    font-weight: 900;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .141667px;
    color: #fff
}

.dish__supplement img {
    display: block;
    position: relative;
    z-index: 10;
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.dish__supplement h6 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #2e2f31;
    font-family: Roboto,sans-serif;
    text-transform: none;
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .dish__supplement h6 {
        font-size:13px!important
    }
}

.dish__topping {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media (min-width: 767px) {
    .dish__topping {
        margin-left:auto;
        margin-right: 8px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

@media (min-width: 960px) {
    .dish__topping {
        margin-right:1.5rem
    }
}

.dish__pizza-size {
    display: none
}

@media (max-width: 767px) {
    .dish__pizza-size {
        color:#fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: -80px;
        right: 0;
        z-index: 4
    }
}

.dish__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .dish__btns {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.dish__2v1 {
    display: inline-block;
    position: relative;
    border: 1px solid #cfd8dc;
    border-radius: 15px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    letter-spacing: .514286px;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    font-size: 14px;
    line-height: 17px;
    padding: 5.5px 7px 5.5px 45px;
    margin: 0 4px
}

.dish__2v1:hover {
    text-decoration: none
}

.dish__2v1:before {
    content: '';
    display: block;
    position: absolute;
    background: url(/local/templates/htmc_common/css/../img/2v1.svg);
    background-size: contain;
    width: 26px;
    height: 14px;
    left: 10px
}

@media (min-width: 768px) {
    .dish__2v1 {
        margin-top:10px;
        margin-left: 0
    }
}

.swiper-button-circle {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.18);
    box-shadow: 0 2px 4px rgba(0,0,0,.18);
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: 0
}

@media (max-width: 767px) {
    .swiper-button-circle {
        top:35px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.swiper-button-circle:after {
    content: '';
    display: block;
    border: 2px solid #d3132c;
    border-top: none;
    border-right: none;
    height: 10px;
    width: 10px;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    position: absolute;
    top: 10px;
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
}

.swiper-button-circle.swiper-button-disabled:after {
    border-color: #cfd8dc
}

.swiper-button-circle--next {
    right: 0
}

.swiper-button-circle--next:after {
    right: 12px;
    -webkit-transform: rotateZ(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotateZ(-135deg)
}

@media (max-width: 767px) {
    .swiper-button-circle--next {
        display:none
    }
}

.swiper-button-circle--prev {
    left: 0
}

.swiper-button-circle--prev:after {
    left: 12px
}

@media (max-width: 767px) {
    .swiper-button-circle--prev {
        display:none
    }
}

@media (max-width: 767px) {
    .dish__additional-swiper-wrap_arr .swiper-button-circle--next,.dish__additional-swiper-wrap_arr .swiper-button-circle--prev {
        display:block;
        z-index: 3
    }

    .dish__additional-swiper-wrap_arr .swiper-button-circle--prev {
        left: -5px
    }

    .dish__additional-swiper-wrap_arr .swiper-button-circle--next {
        right: -5px
    }
}

.dish__price-wrap-new {
    color: #fff;
    background: #d3132c;
    border-radius: 0 20px 0 20px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-right: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width: 768px) {
    .dish__price-wrap-new {
        border-radius:8px 0 0 8px;
        display: block!important;
        padding: 4px 20px;
        text-align: right;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.dish__price-new {
    font-weight: 700
}

.dish__supplement-cost-new {
    background: #d3132c;
    color: #fff;
    border-radius: 13px;
    padding: 2px 20px;
    font-size: 14px;
    font-weight: 400
}

@media (max-width: 767px) {
    .dish__price-new {
        font-size:24px;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .dish__pizza-size-new {
        color:#fff;
        top: -130px
    }
}

.dish__price-stroked-new {
    color: rgba(255,255,255,.8)
}

@media (max-width: 768px) {
    .dish__price-stroked-new {
        margin:0
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71);
    -o-transition-timing-function: cubic-bezier(.47,0,.74,.71);
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
    -o-transition-timing-function: cubic-bezier(.22,.61,.36,1);
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease,visibility 0s ease .25s;
    -o-transition: opacity .25s ease,visibility 0s ease .25s;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s;
    -o-transition: opacity .25s ease 0s,visibility 0s ease 0s;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.85)),color-stop(50%,rgba(0,0,0,.3)),color-stop(65%,rgba(0,0,0,.15)),color-stop(75.5%,rgba(0,0,0,.075)),color-stop(82.85%,rgba(0,0,0,.037)),color-stop(88%,rgba(0,0,0,.019)),to(transparent));
    background: -o-linear-gradient(bottom,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding:75px 44px 25px 44px
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    -o-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    -o-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left:12px;
            padding-right: 12px
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    -o-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}


.footer {
    background-color: #111;
    width: 100%;
    color: #626b71;
    font-size: 13px;
    padding-bottom: 0px;
    padding-top: 38px;
    height: auto;
}

.footer__container {
    width: 100%
}

@media (min-width: 768px) {
    .footer__container {
        display:-ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.footer__logo {
    display: block;
    height: 40px;
    opacity: .3;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.footer__logo:hover {
    opacity: 1
}

.footer__logo img {
    height: 100%
}

@media (min-width: 768px) {
    .footer__left {
        display:-ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.footer__info {
    margin-right: 40px
}

.footer__social-icons {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 15px
}

.footer__social-icons a {
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    opacity: .2;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.footer__social-icons a:last-child {
    margin-right: 0
}

.footer__social-icons a:hover {
    opacity: 1
}

.footer__social-icons a img {
    width: 32px;
    height: 32px;
    display: block
}

.footer__copy {
    margin-top: 40px
}

.footer__copy a {
    color: inherit;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease
}

.footer__copy a:hover {
    color: #889198;
    text-decoration: none
}

.footer__menu {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.footer__menu ul {
    margin-left: 35px;
    min-width: 100px
}

.footer__menu ul:first-child {
    margin-left: 0
}

.footer__menu a {
    color: #9fa3a7;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px
}

.footer__menu a:hover {
    color: #c7c9cc;
    text-decoration: none
}

@media (min-width: 768px) {
    .footer__right {
        display:-ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.footer__right-download {
    text-align: right
}

.footer__right-download a {
    display: block;
    margin-bottom: 35px;
    opacity: .5;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.footer__right-download a:last-child {
    margin-bottom: 0
}

.footer__right-download a img {
    height: 25px
}

.footer__right-download a:hover {
    opacity: 1
}

.footer__pay {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    opacity: .5
}

.footer__pay img {
    width: 40px;
    height: 13px;
    margin-right: 15px
}

.footer__pay img:last-child {
    margin-right: 0;
    width: 46px
}

.footer__pay img:nth-child(2) {
    width: 16px
}

.footer__right-pay {
    margin-top: 40px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .footer {
        padding-bottom:50px;
        padding-top: 25px
    }

    .footer__container {
        padding-bottom: 10px
    }

    .footer__copy {
        margin-top: 30px
    }

    .footer__menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__menu a {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .footer__menu ul {
        min-width: 70px
    }

    .footer__menu-contacts {
        width: 100%;
        margin-left: 0!important;
        margin-top: 5px
    }
}

@media (max-width: 767.98px) {
    .footer {
        padding-bottom:58px;
        padding-top: 18px;
        height: auto
    }

    .footer__container {
        padding-bottom: 50px;
        border-bottom: 0;
        position: relative
    }

    .footer__info {
        margin-right: 0
    }

    .footer__logo {
        height: 39px;
        text-align: center
    }

    .footer__copy {
        margin-top: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center
    }

    .footer__menu {
        margin-bottom: 40px
    }

    .footer__menu>ul {
        width: 50%;
        margin-bottom: 0
    }

    .footer__menu>ul a {
        padding-right: 0
    }

    .footer__menu-contacts {
        display: none
    }

    .footer__right-pay {
        display: none
    }

    .footer__right-download {
        width: 100%;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px
    }

    .footer__right-download a {
        margin-right: 20px;
        margin-bottom: 0;
        opacity: .2
    }

    .footer__right-download a:last-child {
        margin-right: 0
    }

    .footer__social-icons {
        margin-top: 0;
        position: absolute;
        bottom: 100px;
        left: 0;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__mobile {
        margin-bottom: 40px;
        margin-top: 40px
    }

    .footer__mobile-contacts {
        margin-bottom: 0
    }

    .footer__mobile-contacts a {
        color: #9fa3a7;
        -webkit-transition: color .5s ease;
        -o-transition: color .5s ease;
        transition: color .5s ease;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .footer__mobile-contacts a:hover {
        color: #c7c9cc
    }

    .footer__mobile-pay {
        height: 100%;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        opacity: .2
    }

    .footer__mobile-pay img {
        margin-bottom: 8px
    }
}

@media (max-width: 767.98px) {
    .footer.footer-inner {
        padding-bottom:18px
    }

    .footer.footer-inner .footer__container {
        padding-bottom: 0!important
    }

    .footer.footer-inner .footer__copy,.footer.footer-inner .footer__menu,.footer.footer-inner .footer__right,.footer.footer-inner .footer__social-icons {
        display: none!important
    }
}

.form-button {
    font-size: 15px;
    position: relative;
    min-height: 30px;
    text-align: left
}

.state-active+.form-button__placeholder {
    font-size: 12px;
    top: 12px
}

@media (max-width: 991px) {
    .form-button {
        font-size:15px
    }
}

.form-button .bootstrap-select button.dropdown-toggle {
    width: 110px;
    max-width: 100%;
    height: 30px;
    padding: 0 15px;
    border-radius: 15px
}

.form-button .bootstrap-select button.dropdown-toggle .filter-option-inner-inner {
    width: auto!important;
    display: block;
    font-weight: 500
}

.form-button .form-button__counter {
    display: none
}

.form-button .form-button__placeholder {
    left: 16px;
    font-weight: 400
}

.form-button--active-label .form-button__placeholder {
    color: #73808d;
    font-size: 16px;
    line-height: 1;
    top: 24px;
    font-family: Roboto,sans-serif
}

.form-button__placeholder {
    color: #73808d;
    font-size: inherit;
    line-height: 2;
    letter-spacing: .4px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 24px;
    right: 0;
    z-index: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.form-button button.dropdown-toggle,.form-button>input,.form-button>textarea {
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #e0e6e9;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    padding: 21px 21px 21px 24px;
    outline: 0;
    min-height: 100%;
    width: 100%;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s,-webkit-box-shadow .5s
}

.form-button button.dropdown-toggle[value]:valid,.form-button>input[value]:valid,.form-button>textarea[value]:valid {
    border-color: #b8e986
}

.form-button button.dropdown-toggle[value]:invalid,.form-button>input[value]:invalid,.form-button>textarea[value]:invalid {
    border-color: #f96261
}

.form-button button.dropdown-toggle:focus,.form-button>input:focus,.form-button>textarea:focus {
    border-color: #b8e986
}

.form-button button.dropdown-toggle:focus[value]:valid,.form-button>input:focus[value]:valid,.form-button>textarea:focus[value]:valid {
    -webkit-box-shadow: 0 2px 14px 0 rgba(76,217,165,.23);
    box-shadow: 0 2px 14px 0 rgba(76,217,165,.23);
    border-color: #4cd9a5
}

.form-button>input:focus+.form-button__placeholder,.form-button>input[value]+.form-button__placeholder,.form-button>textarea:focus+.form-button__placeholder,.form-button>textarea[value]+.form-button__placeholder {
    display: none
}

.form-button>textarea {
    resize: none
}

.form-button .bootstrap-select {
    border-radius: 4px;
    overflow: hidden
}

.form-button .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.form-button .bootstrap-select button.dropdown-toggle {
    background-color: transparent!important;
    z-index: 1
}

.form-button .bootstrap-select button.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0!important
}

.form-button .bootstrap-select button.dropdown-toggle::after {
    display: block!important;
    margin: 0!important;
    vertical-align: top!important;
    border: 2px solid #cfd8dc;
    border-top: none;
    border-right: none;
    position: absolute;
    top: calc(50% - (12px * 2/3));
    right: 14px;
    height: 12px;
    width: 12px;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transform-origin: calc(12px/4) calc(12px * 3/4);
    -ms-transform-origin: calc(12px/4) calc(12px * 3/4);
    transform-origin: calc(12px/4) calc(12px * 3/4);
    -webkit-transition: border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    transition: border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    -o-transition: transform .3s,border-color .2s,opacity .3s .3s;
    transition: transform .3s,border-color .2s,opacity .3s .3s;
    transition: transform .3s,border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    content: ''!important
}

@media (max-width: 767px) {
    .form-button .bootstrap-select button.dropdown-toggle::after {
        top:calc(50% - (12px * 3/4));
        right: 10px;
        height: 12px;
        width: 12px;
        -webkit-transform-origin: calc(12px/4) calc(12px * 3/4);
        -ms-transform-origin: calc(12px/4) calc(12px * 3/4);
        transform-origin: calc(12px/4) calc(12px * 3/4)
    }
}

.form-button .bootstrap-select button.dropdown-toggle .filter-option-inner-inner {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 80%
}

.form-button .bootstrap-select .dropdown-item {
    color: #73808d;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15.4px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.form-button .bootstrap-select .dropdown-item--selected,.form-button .bootstrap-select .dropdown-item.active,.form-button .bootstrap-select .dropdown-item:active {
    background-color: inherit;
    color: #000;
    outline: 0
}

.form-button .bootstrap-select [data-type=counter]~.dropdown-menu a {
    background-color: #fff!important;
    cursor: default
}

.form-button .bootstrap-select [data-type=counter]~.dropdown-menu a.active,.form-button .bootstrap-select [data-type=counter]~.dropdown-menu a.selected {
    color: #73808d
}

.form-button .bootstrap-select [data-type=counter]~.dropdown-menu a.dropdown-item--selected {
    color: #000!important
}

.form-button .bootstrap-select [data-type=counter]~button.dropdown-toggle .filter-option,.form-button .bootstrap-select [data-type=time]~button.dropdown-toggle .filter-option {
    display: none
}

.form-button .bootstrap-select [data-type=counter]~.dropdown-menu a,.form-button .bootstrap-select [data-type=time]~.dropdown-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px
}

.form-button .bootstrap-select [data-type=counter]~.dropdown-menu a.active,.form-button .bootstrap-select [data-type=time]~.dropdown-menu a.active {
    cursor: default
}

.form-button .bootstrap-select [data-type=counter]~.dropdown-menu .time-form,.form-button .bootstrap-select [data-type=time]~.dropdown-menu .time-form {
    margin-right: 28px
}

.form-button .bootstrap-select [data-type=counter]~.dropdown-menu [role=listbox],.form-button .bootstrap-select [data-type=time]~.dropdown-menu [role=listbox] {
    overflow: visible!important
}

.form-button .bootstrap-select.show {
    overflow: visible
}

.form-button .bootstrap-select.show button.dropdown-toggle {
    border-color: #e0e6e9;
    -webkit-box-shadow: 0 0 0 3px #4cd96a;
    box-shadow: 0 0 0 3px #4cd96a
}

.form-button .bootstrap-select.show button.dropdown-toggle:after {
    border-color: #000;
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg)
}

.form-button .bootstrap-select.active+.form-button__placeholder {
    display: none
}

.form-button .bootstrap-select.active button.dropdown-toggle {
    border-color: #e0e6e9
}

.form-button .bootstrap-select.active button.dropdown-toggle::after {
    border-color: #44474a
}

.form-button .bootstrap-select.active button.dropdown-toggle:focus {
    -webkit-box-shadow: 0 2px 14px 0 rgba(76,217,165,.23);
    box-shadow: 0 2px 14px 0 rgba(76,217,165,.23);
    border-color: #4cd9a5
}

.form-button .bootstrap-select .filter-option {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.form-button .bootstrap-select .bs-placeholder .filter-option {
    opacity: 0
}

.form-button .bootstrap-select>.dropdown-menu {
    top: 10px!important;
    overflow: visible!important
}

.form-button .bootstrap-select>.dropdown-menu:before {
    content: '';
    display: block;
    background-color: #fff;
    border: 1px solid #cfd8dc;
    border-top: none;
    border-right: none;
    border-radius: 2px;
    position: absolute;
    top: -6px;
    right: 20px;
    height: 10px;
    width: 10px;
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg)
}

@media (max-width: 767px) {
    .form-button .bootstrap-select>.dropdown-menu:before {
        right:12px
    }
}

.form-button__counter {
    cursor: pointer;
    background: 0 0;
    border: none;
    color: #2e2f31;
    font-size: inherit;
    letter-spacing: -1px;
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    outline: 0;
    padding: 0;
    height: 24px;
    width: 80%
}

.form-button__option-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 60px
}

.form-button:after {
    content: '!';
    display: block;
    color: #fff;
    background-color: #ff584c;
    border-radius: 50%;
    font-size: 20px;
    font-family: CoreSansDS75CnBlack;
    text-align: center;
    line-height: 1.2;
    opacity: 0;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 20px;
    right: 14px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 768px) and (max-width:991px) {
    .form-button:after {
        font-size:14px;
        line-height: 1.3;
        height: 18px;
        width: 18px;
        right: 12px
    }
}

.form-button--invalid button.dropdown-toggle,.form-button--invalid input,.form-button--invalid textarea {
    border-color: #f96261!important
}

.form-button--invalid button.dropdown-toggle:focus,.form-button--invalid input:focus,.form-button--invalid textarea:focus {
    -webkit-box-shadow: 0 2px 14px 0 rgba(220,53,69,.23);
    box-shadow: 0 2px 14px 0 rgba(220,53,69,.23)
}

.form-button--invalid:after {
    opacity: 1
}

.form-button--activated .bootstrap-select+.form-button__placeholder,.form-button--activated input+.form-button__placeholder,.form-button--activated textarea+.form-button__placeholder {
    display: none
}

.form-button .tooltip {
    left: auto!important;
    right: 27px!important;
    -webkit-transform: translate3d(50%,-30px,0)!important;
    transform: translate3d(50%,-30px,0)!important
}

.form-field-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-field-group .form-field {
    margin: 0 4px;
    width: 25%;
    -webkit-transition: width .35s ease-in-out,opacity .4s;
    -o-transition: width .35s ease-in-out,opacity .4s;
    transition: width .35s ease-in-out,opacity .4s
}

.form-field-group .form-field:first-child {
    margin-left: 0
}

.form-field-group .form-field:last-child {
    margin-right: 0
}

.form-field-group .form-field[data-grow="0"] {
    overflow: hidden;
    margin: 0;
    width: 0;
    opacity: 0
}

.form-field-group .form-field[data-grow="0"] .dropdown-toggle:after {
    opacity: 0
}

.form-field-group .form-field[data-grow="0"] button .filter-option {
    opacity: 0
}

.form-field-group .form-field[data-grow="2"] {
    width: calc(50% + 8px)
}

.form-field-group .form-field[data-grow="4"] {
    margin: 0;
    width: 100%
}

#savedAddrInput {
    cursor: default
}

.form-field {
    font-size: 16px;
    position: relative;
    min-height: 64px;
    text-align: left
}

.state-active+.form-field__placeholder {
    font-size: 12px;
    top: 5px
}

@media (max-width: 991px) {
    .form-field {
        font-size:15px
    }
}

.form-field .bootstrap-select button.dropdown-toggle {
    width: 344px;
    max-width: 100%;
    height: 64px;
    padding: 0 15px
}

.form-field .bootstrap-select button.dropdown-toggle .filter-option-inner-inner {
    width: auto!important;
    display: block;
    position: absolute;
    bottom: 10px;
    font-weight: 500
}

.form-field .form-field__counter {
    display: none
}

.form-field .bootstrap-select.active .form-field__counter,.form-field .bootstrap-select.active+.form-field__placeholder {
    display: block!important
}

.form-field .form-field__placeholder {
    left: 16px;
    font-weight: 400
}

.form-field--active-label .form-field__placeholder {
    color: #73808d;
    font-size: 16px;
    line-height: 1;
    top: 24px;
    font-family: Roboto,sans-serif
}

.form-field__placeholder {
    color: #73808d;
    font-size: inherit;
    line-height: 2;
    letter-spacing: .4px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 16px;
    left: 24px;
    right: 0;
    z-index: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.form-field__placeholder_select {
    font-size: 12px;
    top: 5px
}

.form-field button.dropdown-toggle,.form-field>input,.form-field>textarea {
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #e0e6e9;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    padding: 21px 21px 21px 24px;
    outline: 0;
    min-height: 100%;
    width: 100%;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s,-webkit-box-shadow .5s
}

.form-field button.dropdown-toggle[value]:valid,.form-field>input[value]:valid,.form-field>textarea[value]:valid {
    border-color: #b8e986
}

.form-field button.dropdown-toggle[value]:invalid,.form-field>input[value]:invalid,.form-field>textarea[value]:invalid {
    border-color: #f96261
}

.form-field button.dropdown-toggle:focus,.form-field>input:focus,.form-field>textarea:focus {
    border-color: #b8e986
}

.form-field button.dropdown-toggle:focus[value]:valid,.form-field>input:focus[value]:valid,.form-field>textarea:focus[value]:valid {
    -webkit-box-shadow: 0 2px 14px 0 rgba(76,217,165,.23);
    box-shadow: 0 2px 14px 0 rgba(76,217,165,.23)
}

.form-field>input:focus+.form-field__placeholder,.form-field>input[value]+.form-field__placeholder,.form-field>textarea:focus+.form-field__placeholder,.form-field>textarea[value]+.form-field__placeholder {
    display: none
}

.form-field>textarea {
    resize: none
}

.form-field .bootstrap-select {
    border-radius: 4px;
    overflow: hidden
}

.form-field .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.form-field .bootstrap-select button.dropdown-toggle {
    background-color: transparent!important;
    z-index: 1
}

.form-field .bootstrap-select button.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0!important
}

.form-field .bootstrap-select button.dropdown-toggle::after {
    display: block!important;
    margin: 0!important;
    vertical-align: top!important;
    border: 2px solid #cfd8dc;
    border-top: none;
    border-right: none;
    position: absolute;
    top: calc(50% - (14px * 3 / 4));
    right: 14px;
    height: 14px;
    width: 14px;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transform-origin: calc(14px / 4) calc(14px * 3 / 4);
    -ms-transform-origin: calc(14px / 4) calc(14px * 3 / 4);
    transform-origin: calc(14px / 4) calc(14px * 3 / 4);
    -webkit-transition: border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    transition: border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    -o-transition: transform .3s,border-color .2s,opacity .3s .3s;
    transition: transform .3s,border-color .2s,opacity .3s .3s;
    transition: transform .3s,border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    content: ''!important
}

@media (max-width: 767px) {
    .form-field .bootstrap-select button.dropdown-toggle::after {
        top:calc(50% - (12px * 3 / 4));
        right: 10px;
        height: 12px;
        width: 12px;
        -webkit-transform-origin: calc(12px / 4) calc(12px * 3 / 4);
        -ms-transform-origin: calc(12px / 4) calc(12px * 3 / 4);
        transform-origin: calc(12px / 4) calc(12px * 3 / 4)
    }
}

.form-field .bootstrap-select button.dropdown-toggle .filter-option-inner-inner {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 80%
}

.form-field .bootstrap-select .dropdown-item {
    color: #73808d;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15.4px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.form-field .bootstrap-select .dropdown-item--selected,.form-field .bootstrap-select .dropdown-item.active,.form-field .bootstrap-select .dropdown-item:active {
    background-color: inherit;
    color: #000;
    outline: 0
}

.form-field .bootstrap-select [data-type=counter]~.dropdown-menu a {
    background-color: #fff!important;
    cursor: default
}

.form-field .bootstrap-select [data-type=counter]~.dropdown-menu a.active,.form-field .bootstrap-select [data-type=counter]~.dropdown-menu a.selected {
    color: #73808d
}

.form-field .bootstrap-select [data-type=counter]~.dropdown-menu a.dropdown-item--selected {
    color: #000!important
}

.form-field .bootstrap-select [data-type=counter]~button.dropdown-toggle .filter-option,.form-field .bootstrap-select [data-type=time]~button.dropdown-toggle .filter-option {
    display: none
}

.form-field .bootstrap-select [data-type=counter]~.dropdown-menu a,.form-field .bootstrap-select [data-type=time]~.dropdown-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px
}

.form-field .bootstrap-select [data-type=counter]~.dropdown-menu a.active,.form-field .bootstrap-select [data-type=time]~.dropdown-menu a.active {
    cursor: default
}

.form-field .bootstrap-select [data-type=counter]~.dropdown-menu .time-form,.form-field .bootstrap-select [data-type=time]~.dropdown-menu .time-form {
    margin-right: 28px
}

.form-field .bootstrap-select [data-type=counter]~.dropdown-menu [role=listbox],.form-field .bootstrap-select [data-type=time]~.dropdown-menu [role=listbox] {
    overflow: visible!important
}

.form-field .bootstrap-select.show {
    overflow: visible
}

.form-field .bootstrap-select.show button.dropdown-toggle {
    border-color: #e0e6e9;
    -webkit-box-shadow: 0 0 0 3px #4cd96a;
    box-shadow: 0 0 0 3px #4cd96a
}

.form-field .bootstrap-select.show button.dropdown-toggle:after {
    border-color: #000;
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg)
}

.form-field .bootstrap-select.active+.form-field__placeholder {
    display: none
}

.form-field .bootstrap-select.active button.dropdown-toggle {
    border-color: #e0e6e9
}

.form-field .bootstrap-select.active button.dropdown-toggle::after {
    border-color: #44474a
}

.form-field .bootstrap-select.active button.dropdown-toggle:focus {
    -webkit-box-shadow: 0 2px 14px 0 rgba(76,217,165,.23);
    box-shadow: 0 2px 14px 0 rgba(76,217,165,.23)
}

.form-field .bootstrap-select .filter-option {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.form-field .bootstrap-select .bs-placeholder .filter-option {
    opacity: 0
}

.form-field .bootstrap-select>.dropdown-menu {
    top: 8px!important;
    overflow: visible!important
}

.form-field .bootstrap-select>.dropdown-menu:before {
    content: '';
    display: block;
    background-color: #fff;
    border: 1px solid #cfd8dc;
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 5px;
    position: absolute;
    top: -6px;
    right: 20px;
    height: 10px;
    width: 10px;
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg)
}

@media (max-width: 767px) {
    .form-field .bootstrap-select>.dropdown-menu:before {
        right:12px
    }
}

.form-field__counter {
    cursor: pointer;
    background: 0 0;
    border: none;
    color: #2e2f31;
    font-size: inherit;
    letter-spacing: -1px;
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    outline: 0;
    padding: 0;
    height: 24px;
    width: 80%
}

.form-field__option-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 60px
}

.form-field:after {
    content: '!';
    display: block;
    color: #fff;
    background-color: #ff584c;
    border-radius: 50%;
    font-size: 20px;
    font-family: CoreSansDS75CnBlack;
    text-align: center;
    line-height: 1.2;
    opacity: 0;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 20px;
    right: 14px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 768px) and (max-width:991px) {
    .form-field:after {
        font-size:14px;
        line-height: 1.3;
        height: 18px;
        width: 18px;
        right: 12px
    }
}

.form-field--invalid button.dropdown-toggle,.form-field--invalid input,.form-field--invalid textarea {
    border-color: #f96261!important
}

.form-field--invalid button.dropdown-toggle:focus,.form-field--invalid input:focus,.form-field--invalid textarea:focus {
    -webkit-box-shadow: 0 2px 14px 0 rgba(220,53,69,.23);
    box-shadow: 0 2px 14px 0 rgba(220,53,69,.23)
}

.form-field--invalid:after {
    opacity: 1
}

.form-field--activated .bootstrap-select+.form-field__placeholder,.form-field--activated input+.form-field__placeholder,.form-field--activated textarea+.form-field__placeholder {
    display: none
}

.form-field .tooltip {
    left: auto!important;
    right: 27px!important;
    -webkit-transform: translate3d(50%,-30px,0)!important;
    transform: translate3d(50%,-30px,0)!important
}

.form-field_fixed-placeholder .bootstrap-select button.dropdown-toggle .filter-option-inner-inner {
    margin-top: 18px
}

.c-form-field {
    background: #fff;
    border: 1px solid #e0e6e9;
    border-radius: 4px;
    width: 100%;
    position: relative;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.c-form-field .form-error {
    display: none;
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    z-index: 1001;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700;
    color: #cc4b37
}

.c-form-field .form-error .icon-error {
    display: inline-block;
    font-size: 17px;
    background: #fd283e;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    border-radius: 100%
}

.c-form-field .form-error .error-message {
    background-color: #2e2f31;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    padding: 8px 15px;
    border-radius: 6px;
    font-weight: 400;
    text-align: center;
    width: 170px;
    position: absolute;
    bottom: 100%;
    right: 50%;
    margin-right: -85px;
    margin-bottom: 20px;
    z-index: 15001;
    opacity: .9
}

.c-form-field .form-error .error-message:after {
    content: "";
    background: url(/local/templates/htmc_common/css/../img/tooltip-bottom.png) no-repeat left top;
    height: 9px;
    width: 16px;
    position: absolute;
    bottom: -9px;
    right: 50%;
    margin-right: -8px;
    opacity: .9;
    z-index: 15000
}

.c-form-field.has-success:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 14px;
    background: url(/local/templates/htmc_common/css/../img/icons/ok.svg) center center no-repeat;
    z-index: 3
}

.c-form-field.has-error {
    -webkit-box-shadow: 0 0 0 1px #f96261;
    box-shadow: 0 0 0 1px #f96261;
    border-color: #f96261
}

.c-form-field.has-error .form-error {
    display: block
}

.c-form-field__success {
    position: absolute;
    right: 14px;
    top: calc(50% - 12px)
}

.c-form-field__success img {
    width: 24px;
    height: 24px
}

.c-form-field_fixed-label .c-form-field__label {
    font-size: 12px;
    padding-bottom: 22px
}

.c-form-field .validation-tooltip {
    display: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 19px;
    margin-top: -12px;
    z-index: 10
}

.c-form-field.state-lock {
    background: #f3f5f6 url("data:image/svg+xml,%3Csvg width='17' height='24' viewBox='0 0 17 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.7196 23.5883C4.37423 23.5883 0.851691 20.0658 0.850342 15.7202C0.851691 11.3751 4.37396 7.85242 8.71976 7.85107C13.0651 7.85242 16.5876 11.375 16.5876 15.7203C16.5876 20.0651 13.0644 23.5883 8.7196 23.5883ZM8.7196 22.5883C12.5121 22.5883 15.5876 19.5128 15.5876 15.7203C15.5876 11.9272 12.5127 8.85225 8.71976 8.85107C4.92634 8.85225 1.85152 11.9274 1.85034 15.7202C1.85152 19.5134 4.92646 22.5883 8.7196 22.5883Z' fill='%23CFD8DC'/%3E%3Cpath d='M14.2851 6.04866C14.2851 2.97504 11.793 0.483398 8.71985 0.483398C5.64518 0.483398 3.15332 2.97526 3.15332 6.04866V10.5834H4.15332V6.04866C4.15332 3.52754 6.19746 1.4834 8.71985 1.4834C11.2408 1.4834 13.2851 3.52736 13.2851 6.04866V10.596H14.2851V6.04866Z' fill='%23CFD8DC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.32449 15.5097H8.93039H9.32449H9.7186C9.7186 15.0739 9.36617 14.7202 8.93039 14.7202C8.49333 14.7202 8.13965 15.0739 8.13965 15.5097C8.13965 15.9455 8.49333 16.2992 8.93039 16.2992C9.36617 16.2992 9.7186 15.9455 9.7186 15.5097H9.32449Z' fill='%23CFD8DC'/%3E%3C/svg%3E%0A") calc(100% - 22px) 50% no-repeat
}

.c-form-field.state-lock::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    content: ""
}

.c-form-field.validation-true {
    border-color: #4cd96a
}

.c-form-field.validation-true .validation-tooltip {
    display: block;
    background: #4cd96a url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.05882L4.48914 7.5L8.92371 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.c-form-field.validation-false {
    border-color: #fe283e
}

.c-form-field.validation-false .validation-tooltip {
    display: block;
    background: #fd283e url("data:image/svg+xml,%3Csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.49781 0.0149993C0.681809 0.0149993 0.0188087 0.678 0.0188087 1.494V1.97L0.358809 7.104C0.401309 7.733 0.868809 8.192 1.49781 8.192C2.12681 8.192 2.59431 7.733 2.63681 7.104L2.97681 1.97V1.494C2.97681 0.678 2.31381 0.0149993 1.49781 0.0149993ZM0.0528086 10.64C0.0528086 11.439 0.698809 12.085 1.49781 12.085C2.27981 12.085 2.94281 11.439 2.94281 10.64C2.94281 9.858 2.27981 9.195 1.49781 9.195C0.698809 9.195 0.0528086 9.858 0.0528086 10.64Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.c-form-field__area,.c-form-field__inp,.c-form-field__textarea {
    border: none;
    height: 62px;
    padding: 20px 16px 0;
    width: 100%;
    background: 0 0;
    outline: 0;
    position: relative;
    z-index: 10;
    margin: 0;
    font-weight: 500
}

.c-form-field__area[readonly],.c-form-field__inp[readonly],.c-form-field__textarea[readonly] {
    cursor: not-allowed;
    background-color: #f1f5f6
}

.c-form-field__area_not-readonly[readonly],.c-form-field__inp_not-readonly[readonly],.c-form-field__textarea_not-readonly[readonly] {
    background: 0 0;
    cursor: pointer
}

.c-form-field__inp.number {
    -moz-appearance: textfield
}

.c-form-field__inp.number::-webkit-inner-spin-button {
    display: none
}

.c-form-field__area {
    min-height: 121px;
    padding-top: 28px;
    resize: none
}

.c-form-field__area_mini {
    padding-top: 16px
}

.c-form-field__textarea {
    resize: none
}

.c-form-field .form-select__dropdown {
    display: none
}

.c-form-field .ui-menu {
    padding: 0 15px
}

.c-form-field .rotate_element {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-form-field .saved-address-list {
    max-height: 190px;
    overflow: auto
}

.c-form-field .c-form-field__button:focus {
    outline: 0
}

.c-form-field__label,.c-form-field__label--textarea {
    color: #73808d;
    font-size: 16px;
    line-height: 1;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    margin-bottom: 0
}

.c-form-field__label--textarea {
    top: 22px
}

.c-form-field__label {
    top: 0;
    bottom: 0
}

.c-form-field__label_readonly {
    z-index: 11;
    cursor: not-allowed
}

.c-form-field__label--area {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 25px
}

.c-form-field__label span {
    color: #fe283e;
    font-weight: 700;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle
}

.c-form-field__button {
    position: absolute;
    height: 100%;
    width: 50px;
    top: 0;
    right: 0;
    background: 0 0;
    border: none;
    cursor: pointer;
    z-index: 20
}

.c-form-field__button_arrow {
    height: calc(100% - 20px);
    top: auto;
    bottom: 0;
    background: url(/local/templates/htmc_common/css/../img/angle-down.svg) center no-repeat
}

.c-form-field.active .c-form-field__label,.c-form-field.always-active .c-form-field__label,.c-form-field.state-focus .c-form-field__label {
    font-size: 12px;
    padding-bottom: 22px
}

.c-form-field.active .c-form-field__label--area,.c-form-field.always-active .c-form-field__label--area,.c-form-field.state-focus .c-form-field__label--area {
    padding-top: 15px
}

.c-form-field.active .c-form-field__label--textarea,.c-form-field.always-active .c-form-field__label--textarea,.c-form-field.state-focus .c-form-field__label--textarea {
    top: 8px;
    font-size: 12px
}

.form-search {
    position: relative;
    width: 250px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.form-search .form-group {
    margin-bottom: 0
}

.form-search .form-control {
    letter-spacing: .3px;
    font-size: 15px;
    font-family: AktivGroteskCorp,sans-serif;
    color: #767e87;
    border-radius: 20px;
    padding: 7px 20px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    border: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media (max-width: 767.98px) {
    .form-search .form-control {
        -webkit-transition:none;
        -o-transition: none;
        transition: none
    }
}

.form-search .form-control:focus {
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.15)
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:767.98px) {
    .form-search .form-control:focus {
        font-size:16px!important;
        height: 32px
    }
}

.form-search__btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -2px;
    right: 0;
    border-radius: 20px;
    background-color: transparent;
    background: url(/local/templates/htmc_common/css/../img/icons/search.svg) center center no-repeat;
    background-size: 16px 16px
}

.form-search .form-search-modal {
    right: 0!important;
    top: 47px
}

.form-search .form-search-modal:before {
    right: 0
}

@media (max-width: 767px) {
    .form-search .form-search-modal {
        width:calc(100vw - 30px)
    }
}

.form-search--focused {
    width: 408px
}

@media (max-width: 991px) and (min-width:768px) {
    .form-search--focused {
        width:390px
    }
}

@media (max-width: 767px) {
    .form-search .form-control {
        font-size:16px;
        padding: 5px 15px;
        height: 38px!important
    }

    .form-search__btn {
        width: 32px;
        height: 32px;
        background-size: 20px 20px;
        top: 3px;
        right: 9px
    }

    .form-search .basket-modal__picture {
        display: none
    }

    .form-search .basket-modal__items-name {
        width: auto
    }

    .form-search .basket-modal__items-inner {
        width: 100%
    }
}

.form-select {
    background-color: transparent;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    position: relative;
    border: 1px solid #e0e6e9
}

.form-select.state-focus {
    -webkit-box-shadow: 0 0 0 2px #4cd96a;
    box-shadow: 0 0 0 2px #4cd96a
}

.form-select--comment {
    position: relative
}

.form-select--comment:after {
    display: block;
    margin: 0!important;
    vertical-align: top!important;
    border: 2px solid #cfd8dc;
    border-top: none;
    border-right: none;
    position: absolute;
    top: calc(50% - (14px * 3/4));
    right: 14px;
    height: 14px;
    width: 14px;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transform-origin: calc(14px/4) calc(14px * 3/4);
    -ms-transform-origin: calc(14px/4) calc(14px * 3/4);
    transform-origin: calc(14px/4) calc(14px * 3/4);
    -webkit-transition: border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    transition: border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    -o-transition: transform .3s,border-color .2s,opacity .3s .3s;
    transition: transform .3s,border-color .2s,opacity .3s .3s;
    transition: transform .3s,border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    content: ''
}

@media (max-width: 767px) {
    .form-select--comment:after {
        top:calc(50% - (12px * 3/4));
        right: 10px;
        height: 12px;
        width: 12px;
        -webkit-transform-origin: calc(12px/4) calc(12px * 3/4);
        -ms-transform-origin: calc(12px/4) calc(12px * 3/4);
        transform-origin: calc(12px/4) calc(12px * 3/4)
    }
}

.form-select--comment.state-focus::after {
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg);
    border-color: #44474a
}

.form-select .form-label {
    padding: 0;
    margin: 0;
    color: #73808d;
    font-size: 17px;
    line-height: 2;
    letter-spacing: .3px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 13px;
    left: 15px;
    right: 0;
    z-index: 0;
    -webkit-transform: scale(.7) translateY(-18px);
    -ms-transform: scale(.7) translateY(-18px);
    transform: scale(.7) translateY(-18px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.form-select .form-control {
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 26px 16px 10px;
    font-weight: 500;
    color: #2e2f31;
    background-color: transparent!important
}

.form-select--no-label .form-control {
    padding-top: 10px
}

.form-select__dropdown {
    max-height: 300px;
    overflow: visible!important;
    position: absolute;
    z-index: 100;
    top: 110%;
    left: -1px;
    right: -1px;
    padding-bottom: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 24px 49px 0 #cfd8dc;
    box-shadow: 0 24px 49px 0 #cfd8dc
}

.form-select__dropdown:before {
    content: "";
    display: block;
    width: 60px;
    height: 10px;
    background-image: url(/local/templates/htmc_common/css/../img/angle-border.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 85%;
    position: absolute;
    top: -10px;
    right: 0
}

.form-select .ui-menu {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    background-color: transparent;
    border-radius: 4px;
    max-height: 300px;
    overflow: visible!important;
    position: relative!important
}

.form-select .ui-menu-item {
    padding: 0;
    border-bottom: none
}

.form-select .ui-menu-item-wrapper {
    color: #73808d;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    margin: 13px 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 11px;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.form-select .ui-menu-item:hover .ui-menu-item-wrapper {
    color: #495057
}

@media (max-width: 767px) {
    .form-select .ui-menu:before {
        right:12px
    }
}

.good {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 366px;
    min-height: 366px;
    border-radius: 22px;
   /* -webkit-box-shadow: 0 2px 4px 0 #cfd8dc;
    box-shadow: 0 2px 4px 0 #cfd8dc;*/
    padding: 14px;
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media (min-width: 992px) {
    .good:hover {
        -webkit-box-shadow:0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        -webkit-transform: translateY(-14px);
        -ms-transform: translateY(-14px);
        transform: translateY(-14px)
    }
}

@media (max-width: 420px) {
    .good {
        min-height:250px
    }
}

.good_lunch:after {
    content: 'Пн – Пт \A 11:00 – 15:00';
    white-space: pre;
    display: block;
    position: absolute;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.741969px;
    text-transform: uppercase;
    color: #d3132c;
    z-index: 1;
    bottom: 0;
    right: 9px;
    border: 3px solid #d3132c;
    padding: 3px 6px;
    -webkit-transform: rotate(-7.79deg);
    -ms-transform: rotate(-7.79deg);
    transform: rotate(-7.79deg)
}

.good_lunch .btn-count {
    opacity: .65
}

.good_lunch .good__count {
    opacity: .3
}

.good__image {
    display: block;
    border-radius: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    z-index: 1
}

.good__image:before {
    content: '';
    display: block;
    width: 100%
}

.good__image4x3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.good__properties {
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 8px 0 8px;
    z-index: 2;
    min-height: 36px
}

.good__properties-left {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.good__properties-left .good__icon {
    margin-right: 5px
}

.good__properties-left .good__icon:last-child {
    margin-right: 0
}

.good__properties-right {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.good__icon {
    width: 28px;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: none
}

.good__icon-like {
    background-image: url(../img/like.svg);
    cursor: pointer
}

.good__icon-like--red {
    background-image: url(../img/like-red.svg)
}

.good__icon-new {
    background-image: url(../img/new.svg)
}

.good__icon-spicy {
    background-image: url(../img/spicy.svg)
}

.good__icon-vegan {
    background-image: url(../img/vegan.svg)
}

.good__content {
    padding-top: 12px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 175px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media (max-width: 420px) {
    .good__content {
        min-height:0
    }
}

.good__title {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 8px 0;
    text-transform: uppercase;
    display: block;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    max-height: 40px;
    min-height: 0;
    overflow: hidden;
    color: #27292e;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.good__title>a {
    color: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.good__title>a:focus,.good__title>a:hover {
    text-decoration: none
}

@media (max-width: 420px) {
    .good__title {
        min-height:0
    }
}

.good__descr {
    font-size: 12px;
    letter-spacing: .6px;
    color: #73808d;
    line-height: 1.2;
    margin-bottom: 10px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    min-height: 0;
    max-height: 40px;
    overflow: hidden
}

@media (max-width: 420px) {
    .good__descr {
        min-height:0
    }
}

.good__weight {
    font-size: 12px;
    line-height: 1.2;
    color: #73808d;
    font-weight: 500;
    text-align: right
}

@media (min-width: 768px) {
    .good__weight {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.good__weight_mobile {
    display: none;
    position: relative;
    padding-left: 14px
}

.good__weight_mobile:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C6.20914 12 8 10.2091 8 8C8 5.79086 6.20914 4 4 4C1.79086 4 0 5.79086 0 8C0 10.2091 1.79086 12 4 12Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 5C5.10457 5 6 4.10457 6 3C6 1.89543 5.10457 1 4 1C2.89543 1 2 1.89543 2 3C2 4.10457 2.89543 5 4 5Z' fill='white' stroke='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.good__bottom {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.good__bottom-left {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.good__bottom-right {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal
}

.good__bottom-right_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1px;
    padding-bottom: 1px
}

.good__bottom-right_hidden {
    display: none
}

.good__count {
    font-size: 19px;
    letter-spacing: -1px;
    line-height: 1;
    min-width: 30px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    font-weight: 700
}

@media (max-width: 991px) and (min-width:768px) {
    .good__count {
        min-width:23px;
        padding-left: 0
    }
}

.good__price {
    font-family: Roboto;
    font-style: normal;
    letter-spacing: -1px;
    line-height: 1;
    font-size: 22px;
    font-weight: 700
}

.good__price_left {
    font-size: 26px;
    line-height: 17px
}

.good__price-stroked {
    font-family: AktivGroteskCorp,sans-serif;
    line-height: 1;
    font-size: 14px;
    letter-spacing: .4px;
    color: #73808d;
    margin-right: 4px;
    margin-left: 0;
    padding-top: 6px;
    padding-left: 8px
}

.good__price-stroked:after {
    display: block;
    content: '';
    width: 107%;
    height: 2px;
    background: #73808d;
    margin-top: -7px;
    margin-left: -2px
}

.good__price-stroked_right {
    padding-top: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 11px;
    font-size: 16px;
    line-height: 17px
}

.good__price-stroked_right::after {
    width: 115%;
    margin-top: -10px;
    margin-left: -3px
}

@media (max-width: 1199px) {
    .good__price-stroked {
        font-size:13px;
        margin-right: 2px;
        padding-left: 2px;
        margin-left: 1px
    }

    .good__price-stroked:after {
        height: 2.3px;
        margin-top: -7px
    }
}

@media (max-width: 767.98px) {
    .good__price-stroked:after {
        height:2.5px;
        margin-top: -12px
    }
}

.good__middle {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: auto
}

.good__pizza {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px
}

.good__pizza .btn-icon--settings {
    padding: 0;
    width: 21px;
    height: 21px;
    position: relative;
    margin-left: 5px
}

.good__pizza .btn-icon--settings:after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(/local/templates/htmc_common/css/../img/icons/settings.svg) top right no-repeat;
    position: absolute;
    top: 3px;
    left: 3px
}

.good__size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    .good__size {
        position:absolute;
        right: 16px;
        top: calc(70% - 23px);
        z-index: 10;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.good__size input {
    display: none
}

.good__size input:checked+label {
    color: #000
}

.good__size label {
    display: block;
    cursor: pointer;
    border: 1px solid #cfd8dc;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #a6b1bc;
    background: #fff;
    margin-bottom: 0;
    padding: 5.5px 7px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media (max-width: 767.98px) {
    .good__size label {
        width:68px;
        text-align: center
    }
}

@media (min-width: 768px) {
    .good__size label {
        padding:4px 7px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: .2px
    }
}

.good__size label:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left: 10px
}

@media (max-width: 767.98px) {
    .good__size label:first-of-type {
        padding-left:14px
    }
}

.good__size label:not(:first-of-type) {
    border-left: none
}

.good__size label:last-of-type {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 8px
}

@media (max-width: 767.98px) {
    .good__size label:last-of-type {
        padding-right:14px
    }
}

.good__2v1 {
    position: relative;
    border: 1px solid #cfd8dc;
    border-radius: 15px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    letter-spacing: .514286px;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    font-size: 10px;
    line-height: 12px;
    padding: 4px 7px 4px 35px;
    margin: 0 4px
}

.good__2v1:hover {
    text-decoration: none
}

.good__2v1:before {
    content: '';
    display: block;
    position: absolute;
    background: url(/local/templates/htmc_common/css/../img/2v1.svg);
    background-size: contain;
    width: 19px;
    height: 10px;
    left: 8px
}

@media (max-width: 767.98px) {
    .good__2v1 {
        position:absolute;
        top: calc(70% - 23px);
        right: 155px;
        z-index: 10;
        font-size: 14px;
        line-height: 17px;
        padding: 5.5px 7px;
        padding-left: 45px
    }

    .good__2v1:before {
        width: 26px;
        height: 14px;
        left: 10px
    }
}

.good__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.good__btn .btn {
    font-size: 10px;
    font-weight: 300;
    padding: 2px 26px 2px 8px;
    color: #a6b1bc;
    position: relative
}

.good__btn .btn:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 6px
}

.good__btn .btn-icon--eye:after {
    width: 18px;
    height: 12px;
    background: url(/local/templates/htmc_common/css/../img/icons/eye.svg) top right no-repeat
}

.good__btn .btn-icon--eye-red {
    color: #d31340!important;
    border: solid 1px #d31340!important
}

.good__btn .btn-icon--settings {
    padding-right: 22px
}

.good__btn .btn-icon--settings:after {
    width: 12px;
    height: 12px;
    background: url(img/settings.svg) top right no-repeat
}

.good-like .good__icon-like {
    display: block
}

.good-new .good__icon-new {
    display: block
}

.good-spicy .good__icon-spicy {
    display: block
}

.good-vegan .good__icon-vegan {
    display: block
}

@media (max-width: 1199px) {
    .good__price_left {
        font-size:21px
    }

    .good__price-stroked_right {
        margin-right: 0;
        padding-left: 0;
        margin-left: 9px
    }

    .good__price-stroked_right::after {
        margin-top: -10px
    }

    .good__count_mobile {
        min-width: 24px
    }
}

@media (max-width: 991px) {
    .good__price-stroked_right {
        margin-left:11px
    }

    .good__count_mobile {
        min-width: 30px
    }
}

@media (max-width: 767.98px) {
    .good {
        height:auto;
        padding: 9px;
        min-height: 0
    }

    .good__properties {
        top: 7px;
        left: 7px;
        right: 7px
    }

    .good__price {
        font-size: 32px
    }

    .good__price-stroked {
        font-size: 21px;
        margin-right: 10px;
        margin-left: 5px;
        padding-top: 8px;
        padding-left: 5px
    }

    .good__price-stroked_right {
        margin-right: 0;
        margin-left: 13px;
        margin-top: -14px;
        padding-left: 0;
        padding-top: 0;
        font-size: 22px;
        line-height: 24px
    }

    .good__price-stroked_right::after {
        margin-left: -6px;
        margin-top: -15px;
        width: 120%
    }

    .good__count {
        min-width: 32px
    }

    .good__content {
        padding-top: 14px;
        min-height: 0;
        display: block
    }

    .good__title {
        height: auto;
        margin-bottom: 14px;
        min-height: 0
    }

    .good__title_mobile {
        font-size: 20px;
        line-height: 20px
    }

    .good__weight {
        display: none
    }

    .good__descr {
        display: none
    }
}

.good-label-img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px
}

.good-bottom-new {
    margin-top: 23px;
    z-index: 4
}

.good-bottom-left-new {
    color: #fff
}

.good_price-label-new {
    border-radius: 4px;
    background: #d3132c;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: -120px;
    font-family: Roboto,sans-serif
}

@media (max-width: 768px) {
    .good_price-label-new {
        bottom:-210px
    }

    .good__2v1-new {
        right: 15px;
        top: 100px
    }

    .good-label-img {
        width: 180px;
        border-radius: 0 20px 0 20px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .good-bottom-new {
        margin-top: 10px
    }

    .good__bottom-right-new {
        padding-left: 10px
    }
}

.good__icon-new-new {
    display: block
}

.good__properties-right-new {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.good__price-stroked-new {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: .38px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: rgba(255,255,255,.5);
    padding-left: 3px
}

.good__price-stroked-new::after {
    display: none
}

.good__price-new {
    font-size: 24px
}

.good__bottom-right-new {
    z-index: 4;
    color: #fff;
    -webkit-box-align: first baseline;
    -ms-flex-align: first baseline;
    align-items: first baseline;
    padding-top: 2px
}

.h-categories {
    opacity: 0;
    position: relative;
    padding: 5px 0 0 0
}

.h-categories__item {
    height: 66px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: calc(100% / 3);
    border-color: transparent
}

@media (max-width: 767.98px) {
    .h-categories__item {
        margin-right:-4px
    }
}

@media (min-width: 360px) {
    .h-categories__item {
        width:calc(100% / 4)
    }
}

@media (min-width: 440px) {
    .h-categories__item {
        width:calc(100% / 5)
    }
}

@media (min-width: 550px) {
    .h-categories__item {
        width:calc(100% / 6)
    }
}

@media (min-width: 767px) {
    .h-categories__item {
        width:calc(100% / 8)
    }
}

@media (min-width: 991px) {
    .h-categories__item {
        width:calc(100% / 11)
    }
}

@media (min-width: 1199px) {
    .h-categories__item {
        width:calc(100% / 15)
    }
}

.h-categories__item img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto;
    width: 48px;
    height: 48px;
    padding: 6px;
    border: 2px solid transparent;
    border-radius: 12px
}

.h-categories__item-icon {
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.h-categories__item-name {
    position: absolute;
    bottom: -3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    margin-top: -5px;
    font-size: 12px;
    font-family: CoresansBlack,Roboto,sans-serif;
    color: #d8d8d8;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    letter-spacing: 1.2px
}

.h-categories__item-name.green {
    color: #4cd964
}

.h-categories__item-name.yellow {
    color: #f8cd1c
}

.h-categories__item-divider {
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -9px 0 0
}

@media (max-width: 767.98px) {
    .h-categories__item-divider {
        display:none
    }
}

.h-categories__item-divider div {
    margin: 1.5px 0;
    background: #d8d8d8;
    opacity: .3;
    width: 3px;
    height: 3px;
    border-radius: 1.5px
}

.h-categories__item-active .h-categories__item-name,.h-categories__item:hover .h-categories__item-name {
    color: #fff
}

.h-categories__item-active .h-categories__item-icon,.h-categories__item:hover .h-categories__item-icon {
    background: rgba(0,0,0,.4);
    border-color: #d3132c
}

@media (min-width: 1199px) {
    .h-categories__item:hover .h-categories__item-name {
        color:#fff
    }

    .h-categories__item:hover .h-categories__item-icon {
        border-color: #d3132c
    }
}

.h-categories .swiper-button-disabled {
    display: none!important
}

.h-categories .swiper-button-next {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    background-image: none!important;
    right: -5px;
    top: 5px;
    height: 100%;
    margin-top: 0;
    z-index: 1000
}

@media (max-width: 767.98px) {
    .h-categories .swiper-button-next {
        display:none
    }
}

.h-categories .swiper-button-next:after {
    font-size: 14px;
    font-weight: 700;
    color: #d8d8d8;
    margin-top: 18px
}

.h-categories .swiper-button-next:focus {
    outline: 0
}

.h-categories .swiper-button-next .arrow-right {
    position: absolute;
    top: 48%;
    right: 0;
    margin-top: -15px;
    height: 12px;
    width: 12px;
    border: 1px solid rgba(255,255,255,.4);
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.h-categories .swiper-button-prev {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    background-image: none!important;
    left: -5px;
    height: 100%;
    top: 5px;
    margin-top: 0;
    z-index: 1000
}

@media (max-width: 767.98px) {
    .h-categories .swiper-button-prev {
        display:none
    }
}

.h-categories .swiper-button-prev:after {
    font-size: 14px;
    font-weight: 700;
    color: #d8d8d8;
    margin-top: 18px
}

.h-categories .swiper-button-prev:focus {
    outline: 0
}

.h-categories .swiper-button-prev .arrow-left {
    position: absolute;
    top: 48%;
    left: 0;
    margin-top: -15px;
    height: 12px;
    width: 12px;
    border: 1px solid rgba(255,255,255,.4);
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

@media (max-width: 420px) {
    .h-categories .swiper-scrollbar {
        display:none
    }
}

.header {
    background: url(../img/header-bg.jpg);
    width: 100%;
    min-height: 185px;
    background-size: cover;
    background-position: center top;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    background-repeat: no-repeat
}

.header-main {
    background: url(../img/header-bg-main.jpg);
    background-size: cover
}

@media (min-width: 1200px) {
    .header-main {
        background-image:url(../img/header-bg-main-1366.webp)
    }
}

@media (min-width: 1400px) {
    .header-main {
        background-image:url(../img/header-bg-main-1600.webp)
    }
}

@media (min-width: 1650px) {
    .header-main {
        background-image:url(../img/header-bg-main-1920.webp)
    }
}

@media (min-width: 2000px) {
    .header-main {
        background-image:url(../img/header-bg-main-2560.webp)
    }
}

@media (min-width: 3000px) {
    .header-main {
        background-image:url(../img/header-bg-main-3840.webp)
    }
}

@media (max-width: 767.98px) {
    .header-withcategories {
        min-height:150px
    }

    .header-catfixed:not(.header-main) .header__top {
        padding-bottom: 40px
    }

    .header-catfixed:not(.header-main) .h-categories {
        position: fixed;
        z-index: 1010;
        width: 100%;
        padding-top: 0;
        margin-top: -5px
    }

    .header-catfixed:not(.header-main) .h-categories__item {
        height: auto;
        border: 2px solid transparent
    }

    .header-catfixed:not(.header-main) .h-categories__item-active {
        border-color: #d3132c;
        border-radius: 60px
    }

    .header-catfixed:not(.header-main) .h-categories__item-divider,.header-catfixed:not(.header-main) .h-categories__item-icon {
        display: none
    }

    .header-catfixed:not(.header-main) .h-categories__item-name {
        position: relative;
        bottom: 0;
        margin-top: 0;
        line-height: 25px
    }

    .header-small-xs {
        min-height: 54px!important
    }

    .header-small-xs .header__content {
        display: none!important
    }

    .header-small-xs.actions-detail {
        min-height: 150px!important
    }
}

@media (max-width: 767.98px) {
    .header_new~.page-content {
        margin-top:-110px
    }
}

.header_order {
    min-height: 215px
}

.header_order.header-small-xs {
    min-height: 91px!important
}

.header_order .header__top {
    margin-top: 37px
}

.header_order .header__content {
    padding-top: 109px
}

@media (max-width: 767.98px) {
    .header_order .header__content {
        padding-top:115px!important
    }
}

@media (max-width: 767.98px) {
    .header_order {
        min-height:190px
    }

    .header_order:not([class*=header-withcategories]) {
        min-height: 225px
    }
}

.header__order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .514286px;
    color: #fff;
    padding: 11px 20px;
    background: #111;
    position: fixed;
    width: 100%;
    z-index: 1010
}

@media (min-width: 768px) {
    .header__order {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header__order-content {
    padding-left: 40px;
    position: relative
}

.header__order-content:before {
    position: absolute;
    content: '';
    left: 0;
    top: -3px;
    width: 24px;
    height: 18px;
    background-image: url(../img/order.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.header__order-link {
    font-weight: 700;
    text-decoration: underline
}

.header__top {
    width: 100%;
    -webkit-box-shadow: 0 12px 34px rgba(0,0,0,.5);
    box-shadow: 0 12px 34px rgba(0,0,0,.5);
    border-bottom: 1px solid rgba(255,255,255,.14);
    z-index: 1010;
    position: relative;
    background: inherit;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media (max-width: 767.98px) {
    .header__top_new+.header__content {
        padding-top:85px
    }
}

.header__top:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 4px;
    bottom: 0;
    background: inherit;
    -webkit-filter: blur(9px);
    filter: blur(9px);
    z-index: 1
}

.header__top:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(6,6,7,.3)
}

.header__top-line {
    line-height: 0;
    font-size: 0;
    width: 100%;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #d31340;
    z-index: 4
}

.header__top .container {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media (max-width: 767.98px) {
    .header__top {
        border-bottom:0
    }

    .header__top:before {
        display: none
    }

    .header__top:after {
        background: #000;
        opacity: .75
    }
}

.header__top-left,.header__top-right {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 3;
    height: 60px;
    margin-top: 4px
}

@media (max-width: 767.98px) {
    .header__top-left,.header__top-right {
        height:65px;
        margin-top: 0
    }
}

.header__top-left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header__top-back {
    width: 30px;
    height: 30px;
    border-radius: 11px;
    background-color: rgba(255,255,255,.1);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/arrow.svg);
    margin-right: 15px;
    display: none
}

@media (max-width: 767.98px) {
    .header__top-back {
        display:block
    }
}

.header__top-logo {
    display: block
}

.header__top-logo img {
    height: auto;
    width: 83px;
}

.header__top-logo:hover {
    -webkit-filter: contrast(90%);
    filter: contrast(90%)
}

@media (min-width: 768px) and (max-width:991.98px) {
    .header__top-logo {
        width:42px;
        height: 42px;
        overflow: hidden
    }
}

@media (max-width: 767.98px) {
    .header__top-logo {
        width:60px;
        height: auto;
        overflow: hidden
    }

    .header__top-logo img {
        height: auto;
        width: 60px;
    }
}

.header__city {
    padding: 0 8px 0 28px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    border: none;
    background: url(../img/location.svg) center left/16px 20px no-repeat;
    outline: 0!important;
    margin-left: 30px
}

.header__city:focus,.header__city:hover {
    color: #ccc
}

@media (max-width: 767.98px) {
    .header__city {
        margin-left:auto;
        margin-right: auto
    }
}

.header__location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__location-button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 8px;
    margin-right: 4px;
    padding: 8px 10px 8px 10px;
    background: rgba(255,255,255,.1);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.0800781);
    box-shadow: 0 1px 4px rgba(0,0,0,.0800781);
    border-radius: 12px;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    letter-spacing: .265385px;
    color: #fcfcfc;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.header__location-button:visited {
    color: #fcfcfc
}

.header__location-button:hover {
    color: #fcfcfc
}

@media (min-width: 768px) {
    .header__location-button {
        max-width:300px;
        padding: 10px 45px 10px 20px;
        font-size: 15px;
        line-height: 18px;
        margin-right: 11px
    }
}

@media (min-width: 600px) and (max-width:767px) {
    .header__location-button {
        max-width:370px
    }
}

@media (min-width: 414px) and (max-width:599px) {
    .header__location-button {
        max-width:220px
    }
}

@media (min-width: 375px) and (max-width:413px) {
    .header__location-button {
        max-width:200px
    }
}

@media (max-width: 374px) {
    .header__location-button {
        max-width:130px
    }
}

.header__location-button:after {
    content: '';
    display: block;
    position: absolute;
    right: 12px;
    top: 9px;
    width: 14px;
    height: 14px;
    background: url() center no-repeat
}

@media (min-width: 768px) {
    .header__location-button:after {
        width:16px;
        height: 16px;
        right: 15px;
        top: 12px
    }
}

.header__location-text {
    display: none
}

@media (min-width: 768px) {
    .header__location-text {
        display:block
    }
}

.header__location-text_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 100%;
    margin-top: -8px;
    padding: 6px 0;
    z-index: 3;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media (min-width: 768px) {
    .header__location-text_mobile {
        display:none
    }
}

.header__location-line {
    font-size: 12px;
    line-height: 16px;
    color: #73808d;
    white-space: nowrap
}

@media (max-width: 767px) {
    .header__location-line:last-child {
        margin-left:25px
    }
}

.header__location-value {
    font-weight: 700;
    color: #fcfcfc
}

.header__top-menu {
    padding: 0;
    margin: 0;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.header__top-menu li {
    position: relative;
    height: 100%
}

.header__top-menu li a {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    opacity: .6;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    font-weight: 500;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.header__top-menu li a:hover {
    opacity: 1
}

.header__top-menu li.active:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 12px 0 12px;
    border-color: #d31340 transparent transparent transparent;
    position: absolute;
    top: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header__top-menu li.active a {
    opacity: 1
}

.header__menu-right {
    padding: 0;
    margin: 0;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    margin-left: 10px
}

.header__menu-right-item {
    height: 100%;
    position: relative
}

.header__menu-right-item>a {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-left: 15px;
    padding-right: 20px;
    border-left: 1px solid rgba(255,255,255,.14);
    text-decoration: none
}

.header__menu-right-item>a:hover {
    text-decoration: none
}

@media (max-width: 1024px) {
    .header__menu-right-item>a {
        padding-left:5px;
        padding-right: 10px
    }
}

.header__menu-right-item-link {
    padding-left: 35px;
    margin-left: 17px;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #73808d;
    line-height: 40px
}

.header__menu-right-item-link_profile,.header__menu-right-item-link_profile:active,.header__menu-right-item-link_profile:hover {
    background: url(../img/profile.svg) no-repeat left center/contain
}

.header__menu-right-item-link_favorites,.header__menu-right-item-link_favorites:active,.header__menu-right-item-link_favorites:hover {
    background: url(../img/favorites.svg) no-repeat left center/contain
}

.header__menu-right-item-link_logout,.header__menu-right-item-link_logout:active,.header__menu-right-item-link_logout:hover {
    background: url(../img/logout.svg) no-repeat left center/contain
}

.header__menu-right-item-icon {
    height: 36px;
    width: 36px;
    border-radius: 12px;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: rgba(0,0,0,.4);
    background-repeat: no-repeat;
    background-position: center center
}

.header__menu-right-item-icon:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header__menu-right-item-icon--account {
    background-image: url(../img/account.svg);
    background-size: 14px auto
}

.header__menu-right-item-icon--basket {
    background-image: url(../img/basket.svg);
    background-size: 16px auto
}

.header__menu-right-item-icon--phone {
    background-image: url(../img/phone.svg);
    background-size: 15px
}

@media (min-width: 768px) {
    .header__menu-right-item-xs {
        display:none
    }
}

.header__menu-right-item-icon-bars {
    -webkit-animation: re-disappear .5s forwards;
    animation: re-disappear .5s forwards;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px
}

.header__menu-right-item-icon-bars,.header__menu-right-item-icon-bars:after,.header__menu-right-item-icon-bars:before {
    height: 2px;
    width: 12px;
    background-color: #fff;
    display: block;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    border-radius: 1.5px
}

@media (min-width: 768px) {
    .header__menu-right-item-icon-bars {
        margin-top:17px
    }
}

.header__menu-right-item-icon-bars:after {
    content: '';
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-animation: re-slideUpForAfter .5s forwards;
    animation: re-slideUpForAfter .5s forwards
}

.header__menu-right-item-icon-bars:before {
    content: '';
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation: re-slideDownForBefore .5s forwards;
    animation: re-slideDownForBefore .5s forwards
}

.header__menu-right-item-icon-bars.animation {
    -webkit-animation: disappear .5s linear forwards;
    animation: disappear .5s linear forwards
}

.header__menu-right-item-icon-bars.animation:after {
    -webkit-animation: slideUpForAfter .5s linear forwards;
    animation: slideUpForAfter .5s linear forwards
}

.header__menu-right-item-icon-bars.animation:before {
    -webkit-animation: slideDownForBefore .5s linear forwards;
    animation: slideDownForBefore .5s linear forwards
}

.header__menu-right-item-text {
    font-size: 14px;
    font-weight: 500;
    color: #73808d;
    display: block;
    line-height: 1.2;
    margin-left: 10px
}

.header__menu-right-item-text>strong {
    font-weight: 700;
    color: #fff;
    display: block;
    white-space: nowrap;
    font-size: 15px
}

.header__menu-right-item-text--account>strong {
    font-size: 14px;
    margin-top: 1px
}

.header__menu-right-item-badge {
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #d31340;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    font-weight: 700;
    display: block;
    position: absolute;
    top: -9px;
    right: -9px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 2
}

.header__menu-right-item:last-child>a {
    padding-right: 0
}

.header__menu-right-item>a:hover .header__menu-right-item-icon {
    background-color: #000
}

.header__menu-right-item>a:hover .header__menu-right-item-icon:after {
    border: 2px solid #d3132c
}

.header__menu-right-item .dropdown-menu {
    width: 100%
}

.header__menu-right-item .dropdown-menu.show::before {
    content: '';
    display: block;
    top: -7px;
    right: 15px;
    height: 5px;
    position: absolute;
    width: 20px;
    height: 8px;
    background: url(../img/select-arrow-down.png) no-repeat right bottom
}

@media (min-width: 768px) and (max-width:991.98px) {
    .header__menu-right {
        margin-right:5px
    }

    .header__menu-right-item>a {
        padding-left: 10px;
        padding-right: 10px
    }

    .header__menu-right-item:not(:last-child) .header__menu-right-item-text {
        display: none
    }

    .header__menu-right .dropdown-menu.show::before {
        left: 18px;
        right: auto
    }
}

@media (max-width: 767.98px) {
    .header__menu-right {
        margin-left:0
    }

    .header__menu-right-item>a {
        border-left: 0;
        padding-left: 4px;
        padding-right: 4px
    }

    .header__menu-right-item-icon {
        width: 30px;
        height: 30px;
        background-color: rgba(255,255,255,.1);
        border-radius: 11px
    }

    .header__menu-right-item-icon:after {
        border: 0
    }

    .header__menu-right-item-icon--basket {
        background-size: 13px auto
    }

    .header__menu-right-item-badge {
        min-width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 10px;
        font-weight: 400;
        top: -5px;
        right: -5px
    }
}

.header__content {
    padding-top: 85px;
    padding-bottom: 35px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .header__content {
        padding-bottom:25px
    }
}

@media (max-width: 767.98px) {
    .header__content {
        padding-top:65px;
        padding-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    .header .hidden-xs {
        display:none
    }

    .header .basket-modal {
        display: none!important
    }
}

body.header-fixed .header__top {
    position: fixed
}

body.topalert-visible {
    padding-top: 40px
}

@media (max-width: 420px) {
    body.topalert-visible {
        padding-top:44px
    }
}

@media (max-width: 350px) {
    body.topalert-visible {
        padding-top:64px
    }
}

.hr {
    border-top: 1px solid #e2e8ea;
    margin-bottom: 0
}

.hr_basket {
    margin-top: 0
}

.hr_new {
    margin-top: 0;
    margin-left: 0;
    width: calc(100% - 30px)
}

@media (max-width: 767px) {
    .hr {
        display:none
    }

    .hr__basket {
        display: block
    }
}

.section-info {
    padding-top: 20px;
    padding-bottom: 20px
}

.section-info__item {
    margin-bottom: 60px
}

.section-info__title {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-size: 20px;
    letter-spacing: .4px;
    color: #27292e;
    text-transform: uppercase;
    margin: 0 0 28px 0
}

.section-info__text {
    font-size: 12px;
    line-height: 1.75;
    margin-bottom: 0
}

.section-info__link-view {
    text-align: right;
    display: none;
    font-size: 13px;
    margin-top: 5px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .section-info__item {
        margin-bottom:40px
    }

    .section-info__title {
        font-size: 15px;
        letter-spacing: .3px;
        margin-bottom: 20px
    }

    .section-info__text {
        font-size: 9px;
        letter-spacing: .2px
    }
}

@media (max-width: 767.98px) {
    .section-info__item {
        display:none;
        margin-bottom: 0;
        margin-top: 40px
    }

    .section-info__item:first-child {
        display: block;
        margin-top: 0
    }

    .section-info__title {
        margin-bottom: 10px;
        max-width: none
    }

    .section-info__text {
        font-size: 13px;
        line-height: 1.6
    }

    .section-info__link-view {
        display: block
    }
}

.input-radio input {
    display: none
}

.input-radio input:checked+i:after {
    opacity: 1
}

.input-radio i {
    display: block;
    border: solid 1px #4cd9a5;
    border-radius: 50%;
    height: 13px;
    width: 13px;
    position: relative
}

.input-radio i:after {
    content: '';
    display: block;
    background-color: #4cd9a5;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    position: absolute;
    top: 1px;
    left: 1px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.group-radio input {
    display: none
}

.group-radio input:checked+.group-radio__label .group-radio__label-indicator:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.group-radio input:disabled+.group-radio__label .group-radio__label-indicator {
    background: #cfd8dc
}

.group-radio input:disabled:checked+.group-radio__label .group-radio__label-indicator {
    background: #fff
}

.group-radio input:disabled:checked+.group-radio__label .group-radio__label-indicator:after {
    background: #cfd8dc;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.group-radio__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.group-radio__label-indicator {
    display: block;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 2px solid #cfd8dc;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    margin-right: 16px
}

.group-radio__label-indicator:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #d3132c;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.radio input {
    display: none
}

.radio input:checked+label::after {
    opacity: 1;
    background-color: #d3132c
}

.radio input:disabled+label::after {
    background-color: #cfd8dc;
    -webkit-box-shadow: 0 0 0 5px #cfd8dc;
    box-shadow: 0 0 0 5px #cfd8dc
}

.radio input:disabled:checked+label::after {
    background-color: #cfd8dc;
    -webkit-box-shadow: 0 0 0 3px #fff,0 0 0 5px #cfd8dc;
    box-shadow: 0 0 0 3px #fff,0 0 0 5px #cfd8dc
}

.radio label {
    position: relative;
    display: inline-block;
    padding-left: 40px;
    cursor: pointer
}

.radio label::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 5px;
    display: block;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px #fff,0 0 0 5px #cfd8dc;
    box-shadow: 0 0 0 3px #fff,0 0 0 5px #cfd8dc;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.label {
    position: relative;
    cursor: pointer
}

@media (max-width: 767.98px) {
    .label {
        display:block;
        margin-bottom: 25px;
        margin-top: 10px
    }
}

.label__input {
    display: none
}

.label__input:checked~.label__text::before {
    background-position: 50% 50%
}

.label__input~.label__text::before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49373 0.758435C8.83831 0.413855 9.39698 0.413855 9.74156 0.758435C10.0861 1.10302 10.0861 1.66169 9.74156 2.00627L4.44745 7.30039C4.10287 7.64497 3.54419 7.64497 3.19961 7.30039L0.258435 4.35921C-0.0861451 4.01463 -0.0861451 3.45596 0.258435 3.11138C0.603015 2.7668 1.16169 2.7668 1.50627 3.11138L3.82353 5.42864L8.49373 0.758435Z' fill='%23D3123F'/%3E%3C/svg%3E%0A") 50% -150% no-repeat #fff;
    border: 2px solid #cfd8dc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 7px 64px rgba(0,0,0,.07);
    box-shadow: 0 7px 64px rgba(0,0,0,.07);
    border-radius: 6px;
    content: "";
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.label__text {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    letter-spacing: .004em;
    color: #000;
    padding: 0 40px;
    display: block
}

.loader {
    font-size: 10px;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #fff;
    background: -o-linear-gradient(left,#fff 10%,rgba(255,255,255,0) 42%);
    background: -webkit-gradient(linear,left top,right top,color-stop(10%,#fff),color-stop(42%,rgba(255,255,255,0)));
    background: linear-gradient(to right,#fff 10%,rgba(255,255,255,0) 42%);
    position: relative;
    -webkit-animation: load3 .75s infinite linear;
    animation: load3 .75s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.loader:before {
    width: 50%;
    height: 50%;
    background: #27292e;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.loader:after {
    background: #cfd8dc;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.styledPlacemark {
    border: 1px solid #fff;
    padding: 3px;
    border-radius: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform: translate(-50%,-105%);
    -ms-transform: translate(-50%,-105%);
    transform: translate(-50%,-105%);
    outline: 0
}

.styledPlacemark>a {
    display: inline-block;
    background: rgba(214,77,77,.7);
    color: #fff;
    padding: 15px 25px;
    border-radius: 40px;
    text-decoration: none;
    outline: 0;
    position: relative
}

.placemarkr {
    position: relative
}

.placemarkr-tooltip {
    position: absolute;
    bottom: calc(100% + 55px);
    left: calc(50% - 8px);
    border-radius: 8px;
    background-color: #000;
    padding: 10px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .23s;
    -o-transition: opacity .23s;
    transition: opacity .23s;
    width: 180px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.placemarkr-tooltip:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #000;
    border-bottom: 0;
    content: "";
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px)
}

.placemarkr-tooltip__hours {
    margin-top: 10px
}

.placemarkr-tooltip__hours-image {
    width: 15px;
    height: 15px
}

.placemarkr-tooltip__hours-title {
    margin-left: 10px
}

.placemarkr-tooltip>span {
    display: block;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: .32px;
    color: #fff
}

.placemarkr-icon {
    position: relative;
    width: 30px;
    height: 45px;
    left: -15px;
    top: -45px
}

.placemarkr-icon::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url(/local/templates/htmc_common/css/../img/map/pin_2.svg);
    background-size: 30px 45px;
    width: 30px;
    height: 45px;
    background-position: center;
    opacity: 0;
    -webkit-transition: opacity .32s;
    -o-transition: opacity .32s;
    transition: opacity .32s
}

.placemarkr-icon::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url(/local/templates/htmc_common/css/../img/map/pin_3.svg);
    width: 30px;
    height: 45px;
    background-position: center;
    background-size: 30px 45px;
    opacity: 1;
    -webkit-transition: opacity .32s;
    -o-transition: opacity .32s;
    transition: opacity .32s
}

.placemarkr-icon--black:before {
    background-image: url(/local/templates/htmc_common/css/../img/map/pin_2.svg)
}

.placemarkr-hover .placemarkr-tooltip {
    opacity: 1
}

.placemarkr-hover .placemarkr-icon:after {
    opacity: 1
}

.placemarkr-hover .placemarkr-icon:before {
    opacity: 0
}

.menu-modal {
    background: #fff;
    -webkit-box-shadow: 0 24px 49px rgba(115,128,141,.5);
    box-shadow: 0 24px 49px rgba(115,128,141,.5);
    border-radius: 8px;
    padding: 27px;
    position: absolute;
    right: 0;
    width: 380px;
    display: none;
    margin-top: 15px;
    background-image: url(../img/background_foto-desktop.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.menu-modal:before {
    content: "";
    background: url(../img/select-arrow-down.png) no-repeat bottom;
    width: 36px;
    height: 11px;
    position: absolute;
    top: -11px;
    right: 0;
    z-index: 1
}

.menu-modal__header {
    position: relative;
    padding-bottom: 5px
}

.menu-modal__header-logout {
    position: absolute;
    padding: 12px 0 12px 35px;
    right: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #73808d;
    z-index: 1
}

.menu-modal__header-logout:hover {
    text-decoration: none
}

.menu-modal__header-logout:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 11px;
    width: 17px;
    height: 18px;
    background: url(../img/logout_gray.svg) center no-repeat
}

.menu-modal__header-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0 10px 50px;
    font-size: 14px;
    position: relative
}

.menu-modal__header-item:hover {
    text-decoration: none
}

.menu-modal__header-item:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 36px;
    height: 36px
}

.menu-modal__header-item_profile:before {
    background: url(../img/location_marker-white.svg) center no-repeat
}

.menu-modal__header-item_contacts:before {
    background: url(../img/phone.svg) center no-repeat
}

.menu-modal__header-item-name {
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px;
    color: #73808d
}

.menu-modal__header-item-value {
    font-weight: 700;
    word-break: break-word;
    line-height: 21px;
    color: #fff;
}

.menu-modal__content {
    border-top: 1px dashed #a6b1bc;
    border-bottom: 1px dashed #a6b1bc;
    padding: 15px 0
}

.menu-modal__content-city {
    background: 0 0;
    border: none;
    padding: 5px 38px 5px 36px;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #000;
    margin-bottom: 10px;
    position: relative
}

.menu-modal__content-city:focus,.menu-modal__content-city:hover {
    outline: 0
}

.menu-modal__content-city:after,.menu-modal__content-city:before {
    content: '';
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.menu-modal__content-city:before {
    left: 0;
    top: 6px;
    width: 14px;
    height: 18px;
    background-image: url(../img/location_marker.svg)
}

.menu-modal__content-city:after {
    right: 0;
    top: 11px;
    width: 16px;
    height: 9px;
    background: url(../img/location_arrow.svg) center no-repeat
}

.menu-modal__content-link {
    font-family: CoreSansDS75Black;
    font-weight: 900;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #a3a3a3;
    display: block
}

.menu-modal__content-link:hover {
    text-decoration: none
}

.menu-modal__footer {
    position: relative;
    padding: 15px 0 0
}

.menu-modal__footer-link {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: .4px;
    color: #000;
    display: block
}

.menu-modal__footer-link:hover {
    text-decoration: none
}

.menu-modal__footer-pay {
    position: absolute;
    right: 0;
    bottom: 0
}

.menu-modal__footer-pay-icon {
    height: 25px;
    margin-left: 12px
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
html.os-html,html.os-html>.os-host {
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%!important;
    width: 100%!important;
    min-width: 100%!important;
    min-height: 100%!important;
    margin: 0!important;
    position: absolute!important
}

html.os-html>.os-host>.os-padding {
    position: absolute
}

body.os-dragging,body.os-dragging * {
    cursor: default
}

.os-host,.os-host-textarea {
    position: relative;
    overflow: visible!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.os-host-flexbox {
    overflow: hidden!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.os-host-flexbox>.os-size-auto-observer {
    height: inherit!important
}

.os-host-flexbox>.os-content-glue {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.os-host-flexbox>.os-content-glue,.os-host-flexbox>.os-size-auto-observer {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px
}

#os-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

#os-dummy-scrollbar-size:after,#os-dummy-scrollbar-size:before,.os-content:after,.os-content:before {
    content: '';
    display: table;
    width: .01px;
    height: .01px;
    line-height: 0;
    font-size: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    visibility: hidden
}

#os-dummy-scrollbar-size,.os-viewport {
    -ms-overflow-style: scrollbar!important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none!important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none!important;
    width: 0!important;
    height: 0!important;
    visibility: hidden!important;
    background: 0 0!important
}

.os-content-glue {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.os-padding {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto!important;
    height: auto!important
}

.os-host-overflow>.os-padding {
    overflow: hidden
}

.os-viewport {
    direction: inherit!important;
    -webkit-box-sizing: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    outline: 0!important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none
}

.os-content {
    direction: inherit;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    visibility: visible
}

.os-content>.os-textarea {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    direction: inherit!important;
    background: 0 0!important;
    outline: 0 none transparent!important;
    overflow: hidden!important;
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    margin: 0!important;
    border-radius: 0!important;
    float: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    border: none!important;
    resize: none!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    max-width: none!important;
    max-height: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-perspective: none!important;
    perspective: none!important;
    opacity: 1!important;
    z-index: 1!important;
    clip: auto!important;
    vertical-align: baseline!important;
    padding: 0
}

.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
    right: 0!important
}

.os-content>.os-textarea-cover {
    z-index: -1;
    pointer-events: none
}

.os-content>.os-textarea[wrap=off] {
    white-space: pre!important;
    margin: 0!important
}

.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    -o-text-overflow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text
}

.os-resize-observer,.os-resize-observer-host {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.os-resize-observer-host.observed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host>.os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.os-resize-observer-host.observed>.os-resize-observer:before {
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: inherit;
    border: inherit;
    margin: 0
}

.os-size-auto-observer {
    -webkit-box-sizing: inherit!important;
    box-sizing: inherit!important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.os-size-auto-observer>.os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px
}

.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr!important;
    -webkit-box-flex: 0!important;
    -ms-flex: none!important;
    flex: none!important
}

.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
    -webkit-box-flex: 0!important;
    -ms-flex: none!important;
    flex: none!important
}

.os-resize-observer {
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-name: os-resize-observer-dummy-animation;
    animation-name: os-resize-observer-dummy-animation
}

object.os-resize-observer {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important
}

@-webkit-keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

@keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner {
    -webkit-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;
    -o-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;
    transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s
}

html.os-html>.os-host>.os-scrollbar {
    position: absolute;
    z-index: 999999
}

.os-scrollbar,.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    z-index: 1
}

.os-scrollbar-corner {
    bottom: 0;
    right: 0
}

.os-scrollbar {
    pointer-events: none
}

.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0!important;
    border: none!important
}

.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%
}

.os-scrollbar-handle-off,.os-scrollbar-track-off {
    pointer-events: none
}

.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none!important
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0!important
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    top: 0;
    right: 0
}

.os-host-rtl>.os-scrollbar-horizontal {
    right: 0
}

.os-host-rtl>.os-scrollbar-vertical {
    right: auto;
    left: 0
}

.os-host-rtl>.os-scrollbar-corner {
    right: auto;
    left: 0
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-padding+.os-scrollbar-corner,.os-scrollbar-auto-hidden,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.os-scrollbar-corner-resize-both {
    cursor: nwse-resize
}

.os-host-rtl>.os-scrollbar-corner-resize-both {
    cursor: nesw-resize
}

.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize
}

.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
    top: 0;
    bottom: 0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
    right: 0;
    left: 0
}

.os-scrollbar-corner.os-scrollbar-corner-resize,.os-scrollbar:hover {
    opacity: 1!important;
    visibility: visible!important
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto!important
}

.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.os-host-overflow {
    overflow: hidden!important
}

.os-theme-none>.os-scrollbar-corner,.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical {
    display: none!important
}

.os-theme-none>.os-scrollbar-corner-resize {
    display: block!important;
    min-width: 10px;
    min-height: 10px
}

.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal {
    right: 10px;
    height: 10px
}

.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical {
    bottom: 10px;
    width: 10px
}

.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
    left: 10px;
    right: 0
}

.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner {
    height: 10px;
    width: 10px
}

.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner {
    background-color: transparent
}

.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar {
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0
}

.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar.os-scrollbar-unusable {
    background: 0 0
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track {
    background: 0 0
}

.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
    min-width: 30px
}

.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
    min-height: 30px
}

.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    border-radius: 10px
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0,0,0,.4)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255,255,255,.4)
}

.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0,0,0,.55)
}

.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255,255,255,.55)
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(0,0,0,.7)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(255,255,255,.7)
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px
}

.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px
}

.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px
}

.os-host-overflow-y .os-content {
    padding-right: 20px!important
}

.pizza-size {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 57px
}

.pizza-size input {
    display: none
}

.pizza-size input:checked+label {
    opacity: 1
}

.pizza-size label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
    white-space: nowrap;
    background-image: url(/local/templates/htmc_common/css/../img/icons/pizza.svg);
    background-repeat: no-repeat;
    background-position: right 50% bottom 22px;
    color: #a6b1bc;
    letter-spacing: .6px;
    padding-top: 35px;
    margin: 0 17px;
    height: 100%;
    opacity: .75;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

@media (max-width: 959px) {
    .pizza-size label {
        font-size:10px;
        line-height: 1;
        margin: 0 7px
    }
}

.pizza-size__30 {
    background-size: 27px;
    font-size: 12px;
    line-height: 1
}

@media (max-width: 959px) {
    .pizza-size__30 {
        background-size:24px
    }
}

.pizza-size__40 {
    background-size: 34px;
    font-size: 16px;
    line-height: .85
}

@media (max-width: 959px) {
    .pizza-size__40 {
        background-size:30px
    }
}

@media (max-width: 767px) {
    .pizza-size--white-xs {
        padding-right:13px
    }

    .pizza-size--white-xs label {
        background-image: url(/local/templates/htmc_common/css/../img/icons/pizza-white.svg);
        background-position: right 50% bottom 16px;
        color: #fff
    }
}

.policyalert {
    z-index: 1000;
    position: fixed;
    bottom: 60px;
    right: 0;
    width: 280px
}

.policyalert[data-show="0"] {
    display: none
}

.policyalert__container {
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px #cfd8dc;
    box-shadow: 0 0 5px #cfd8dc;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    padding: 14px 12px
}

.policyalert__text {
    padding-right: 20px;
    text-align: initial
}

.policyalert__link {
    font-weight: 700;
    text-decoration: underline
}

.policyalert__btn-mobile-close {
    display: none;
    width: 20px;
    height: 20px;
    border: 0;
    padding: 0;
    border-radius: 10px;
    background: url(/local/templates/htmc_common/css/../img/close-disabled.svg) top left no-repeat;
    background-size: 20px 20px
}

.policyalert__btn-mobile-close:focus,.policyalert__btn-mobile-close:hover {
    background-image: url(/local/templates/htmc_common/css/../img/close.svg)
}

.policyalert__btn-close {
    min-width: 50px;
    font-size: 15px;
    padding: 7px 14px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .policyalert__container {
        font-size:11px;
        padding: 14px 12px
    }

    .policyalert__text {
        padding-right: 60px
    }
}

@media (max-width: 991.98px) {
    .policyalert__btn-close {
        min-width:50px
    }
}

@media (max-width: 767.98px) {
    .policyalert {
        left:0;
        width: 270px
    }

    .policyalert__container {
        font-size: 12px;
        line-height: 18px;
        padding: 10px 12px;
        height: 63px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial
    }

    .policyalert__text {
        padding-right: 10px;
        width: 165px
    }

    .policyalert__btns {
        width: 20px
    }

    .policyalert__btn-close {
        display: block
    }

    .policyalert__btn-mobile-close {
        display: none
    }
}

.vpn-modal {
    width: 100%;
    position: fixed;
    bottom: 90px;
    left: 0;
    z-index: 99999
}

@media (min-width: 768px) {
    .vpn-modal {
        bottom:60px
    }
}

.vpn-modal[data-show="0"] {
    display: none
}

.vpn-modal__container {
    width: calc(100% - 30px);
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px #cfd8dc;
    box-shadow: 0 0 5px #cfd8dc;
    margin: 0 15px
}

@media (min-width: 768px) {
    .vpn-modal__container {
        width:420px;
        margin: 0 auto
    }
}

.vpn-modal__block {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    font-size: 14px
}

.vpn-modal__title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0 5px
}

.vpn-modal__close {
    margin-top: 5px;
    cursor: pointer
}

.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rating__caption {
    font-size: 16px
}

@media (max-width: 1199px) {
    .rating__caption {
        font-size:13px
    }
}

.rating__group {
    position: relative;
    width: 110px;
    height: 1rem;
    background-image: url(/local/templates/htmc_common/css/../img/rating/star.svg);
    background-size: 22px auto;
    background-repeat: repeat-x
}

.rating__star {
    height: 1rem;
    cursor: pointer;
    font-size: inherit;
    background-size: 22px auto;
    background-repeat: repeat-x;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    background-color: transparent;
    border: none
}

.rating__star:focus {
    outline: 0
}

.rating__star:checked,.rating__star:hover {
    background-image: url(/local/templates/htmc_common/css/../img/rating/star-fill.svg);
    background-size: 22px auto
}

.rating__star:hover~.rating__star {
    background-image: url(/local/templates/htmc_common/css/../img/rating/star.svg)
}

.rating__star:nth-of-type(1) {
    z-index: 5;
    width: calc(100%/5)
}

.rating__star:nth-of-type(2) {
    z-index: 4;
    width: calc(100% * 2/5)
}

.rating__star:nth-of-type(3) {
    z-index: 3;
    width: calc(100% * 3/5)
}

.rating__star:nth-of-type(4) {
    z-index: 2;
    width: calc(100% * 4/5)
}

.rating__star:nth-of-type(5) {
    z-index: 1;
    width: 100%
}

.recommend.swiper-container {
    overflow: inherit;
    margin-right: -15px;
    margin-left: -15px
}

@media (max-width: 767.98px) {
    .recommend.swiper-container.swiper-container {
        overflow:hidden;
        margin: 0 auto
    }

    .recommend.swiper-container .col-md-4.swiper-slide {
        padding: 0
    }

    .recommend.swiper-container .swiper-pagination-bullet {
        -webkit-transition: background-color .15s;
        -o-transition: background-color .15s;
        transition: background-color .15s;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    .recommend.swiper-container .reccommend-pagination {
        text-align: center;
        padding-bottom: 15px
    }

    .recommend.swiper-container .reccommend-pagination .swiper-pagination-bullet-active {
        background-color: #000
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .recommend .swiper-wrapper .swiper-slide:last-child {
        display:none
    }
}

@media (max-width: 575px) {
    .recommend .good {
        height:auto;
        min-height: 104px;
        padding: 9px 9px 9px 90px;
        position: relative;
        border-radius: 9px
    }

    .recommend .good__image {
        position: absolute;
        left: 9px;
        top: 9px;
        width: 64px;
        height: 64px;
        min-height: 0;
        padding: 0
    }

    .recommend .good__properties {
        display: none
    }

    .recommend .good__content {
        padding: 0 80px 0 0
    }

    .recommend .good__title {
        font-family: Roboto,sans-serif;
        font-size: 16px;
        line-height: 1;
        font-weight: 700;
        text-transform: none;
        white-space: normal;
        margin: 8px 0 10px;
        overflow: hidden;
        max-height: 32px
    }

    .recommend .good__bottom-right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .recommend .good__price {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        font-size: 20px;
        text-align: right
    }

    .recommend .good__price-stroked {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 15px;
        width: auto;
        text-align: right;
        margin: 0
    }

    .recommend .good__price-stroked:after {
        height: 2px;
        margin-top: -7px
    }

    .recommend .good__bottom {
        width: 80px;
        position: absolute;
        right: 15px;
        top: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .recommend .good__bottom-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 20px
    }

    .recommend .good__bottom-right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 10px
    }

    .recommend .good__weight {
        display: none;
        text-align: left
    }

    .recommend .good__weight_mobile {
        display: block
    }

    .recommend .good__count {
        font-size: 14px
    }

    .recommend .good .btn-count {
        width: 20px;
        height: 20px
    }

    .recommend .good__middle {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.review {
    height: 250px;
    position: relative;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 4px;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 4px 0 #cfd8dc;
    box-shadow: 0 2px 4px 0 #cfd8dc;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media (min-width: 992px) {
    .review:hover {
        -webkit-box-shadow:0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        -webkit-transform: translateY(-14px);
        -ms-transform: translateY(-14px);
        transform: translateY(-14px)
    }
}

.review__link {
    display: block;
    opacity: 0;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.review__gallery-link {
    margin-right: 2px
}

.review__gallery-link:last-child {
    margin-right: 0
}

.review__gallery-img {
    width: 18%;
    margin-top: 9px
}

.review__image {
    margin-top: 1rem;
    width: 100%
}

.review__swiper-container {
    position: relative;
    overflow: hidden
}

.review__head {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.review__head-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.review__head-info {
    margin-left: 20px;
    width: calc(100% - 80px)
}

.review__head-name {
    font-family: CoreSansDS75Black;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 3px;
    margin-bottom: 10px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.review__rating {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review__rating .ratingstar2 {
    width: 32px;
    height: 32px;
    background: url(/local/templates/htmc_common/css/../img/star.svg) center center no-repeat;
    background-size: 16px 16px;
    margin-left: -10px
}

.review__rating .ratingstar2.active {
    background-image: url(/local/templates/htmc_common/css/../img/star-fill.svg);
    background-size: 32px 32px
}

.review__text {
    line-height: 1.57;
    letter-spacing: .7px;
    color: #73808d
}

@media (min-width: 768px) and (max-width:991.98px) {
    .review {
        height:186px
    }

    .review__head {
        margin-bottom: 5px
    }

    .review__head-avatar {
        width: 44px;
        height: 44px
    }

    .review__head-info {
        margin-left: 15px;
        width: calc(100% - 59px)
    }

    .review__head-name {
        font-size: 15px;
        margin-bottom: 5px
    }

    .review__rating {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .review__rating .ratingstar2 {
        width: 28px;
        height: 28px;
        background-size: 12px 12px;
        margin-left: -6px
    }

    .review__rating .ratingstar2.active {
        background-size: 28px 28px
    }

    .review__text {
        line-height: 1.35;
        letter-spacing: .6px;
        font-size: 12px
    }
}

.sizes[data-current-size="100"] .sizes-100 {
    display: block
}

.sizes[data-current-size="100"] .sizes-all {
    display: none
}

.sizes[data-current-size=all] .sizes-100 {
    display: none
}

.sizes[data-current-size=all] .sizes-all {
    display: block
}

.swiper-disable-transitions * {
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.swiper-pagination {
    text-align: left;
    padding-left: 40px;
    bottom: 15px
}

@media (max-width: 767.98px) {
    .swiper-pagination {
        padding-left:20px
    }
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    margin: 0 6px;
    -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,1);
    box-shadow: 0 0 0 3px rgba(255,255,255,1);
    opacity: 0.8;
}

.swiper-pagination-bullet:active {
    outline: 0
}

.swiper-pagination-bullet-active {
    background: #d31340;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 20px
}

@media (max-width: 767.98px) {
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom:15px
    }
}

.swiper-mobile-show {
    display: none
}

@media (max-width: 767.98px) {
    .swiper-mobile-show {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 767.98px) and (max-width:575px) {
    .swiper-mobile-show {
        margin:0 -15px 0 -15px
    }
}

@media (max-width: 767.98px) {
    .swiper-mobile-hide {
        display:none
    }
}

.swiper-fix {
    margin-left: 3%;
    width: 94%;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .swiper-fix {
        width:112%;
        margin-left: 0;
        padding-left: 2%
    }
}

@media (max-width: 549.98px) {
    .swiper-fix {
        width:114%;
        margin-left: 0;
        padding-left: 2%
    }
}

@media (max-width: 439.98px) {
    .swiper-fix {
        width:115%;
        margin-left: 0;
        padding-left: 3%
    }
}

.swiper-h {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden
}

.swiper-button--next,.swiper-button--prev {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 5
}

.swiper-button--prev {
    left: 8px
}

.swiper-button--next {
    right: 8px
}

.tabs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tabs-container__select {
    background: #f1f5f6;
    border: 1px solid #e0e6e9;
    padding: 13px 10px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .6px;
    color: #7c8894;
    font-family: CoreSansDS75Black;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 768px) {
    .tabs-container__select {
        padding:16px;
        font-weight: 900;
        font-size: 17px;
        line-height: 13px
    }
}

.tabs-container__select:nth-of-type(1) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.tabs-container__select:nth-of-type(2) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.tabs-container__select-input {
    display: none
}

.tabs-container__select-input:checked[data-block=delivery]~.tabs-container__select[data-block=delivery] {
    background: #fff;
    color: #000
}

.tabs-container__select-input:checked[data-block=delivery]~.tabs-container__block[data-block=delivery] {
    display: block
}

.tabs-container__select-input:checked[data-block=pickup]~.tabs-container__select[data-block=pickup] {
    background: #fff;
    color: #000
}

.tabs-container__select-input:checked[data-block=pickup]~.tabs-container__block[data-block=pickup] {
    display: block
}

.tabs-container__select-disc {
    background: #4cd96a;
    border-radius: 4px;
    padding: 7px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin-left: 8px
}

.tabs-container__block {
    display: none;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.tabs-container__block-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #2e2f31;
    padding: 10px
}

@media (min-width: 768px) {
    .tabs-container__block-title {
        font-size:16px;
        line-height: 20px
    }
}

.tabs-container__block-help {
    font-size: 12px;
    line-height: 14px;
    color: #73808d;
    position: relative;
    padding-left: 20px;
    margin-top: 10px
}

.tabs-container__block-help:before {
    content: 'i';
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    background: #a6b1bc;
    border-radius: 13px;
    left: 0;
    top: 2px
}

.text-help {
    padding-left: 22px;
    font-size: 12px;
    line-height: 14px;
    color: #73808d;
    position: relative;
    text-align: left
}

.text-help:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
    height: 15px;
    background-image: url(/local/templates/htmc_common/css/../img/help.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.text-opener.active .text-opener__inner {
    display: block
}

.text-opener__toggler {
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #2e2f31;
    cursor: pointer;
    margin-bottom: 10px
}

.text-opener__inner {
    display: none;
    position: relative;
    padding: 10px 0;
    height: 150px
}

.text-opener__inner.simplebar-scrollable-y:before {
    background: -o-linear-gradient(top,#fff 18.75%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(18.75%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(180deg,#fff 18.75%,rgba(255,255,255,0) 100%);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    z-index: 10;
    content: ""
}

.text-opener__inner.simplebar-scrollable-y:after {
    background: -o-linear-gradient(bottom,#fff 18.75%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(18.75%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(0deg,#fff 18.75%,rgba(255,255,255,0) 100%);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    z-index: 10;
    content: ""
}

.text-opener__inner.simplebar-scrollable-y .simplebar-track.simplebar-vertical {
    background-color: #f1f5f6;
    border-radius: 2.5px;
    right: -8px;
    width: 5px
}

.text-opener__inner.simplebar-scrollable-y .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    width: 5px;
    right: 0;
    background: #cfd8dc
}

.timepicker {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 146px;
    overflow: hidden;
    margin-bottom: 10px
}

.timepicker:after,.timepicker:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    height: 35px;
    width: 100%;
    left: 0;
    pointer-events: none
}

.timepicker:before {
    top: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100%)
}

.timepicker:after {
    bottom: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg,#fff 0,rgba(255,255,255,0) 100%)
}

.timepicker__list {
    overflow: visible;
    height: 50px;
    margin: 50px 0;
    cursor: pointer
}

.timepicker__list-next,.timepicker__list-prev {
    display: block;
    position: absolute;
    width: 100%;
    height: 15px;
    background: url(/local/templates/htmc_common/css/../img/angle-down.svg) center no-repeat;
    background-size: 15px;
    z-index: 1000
}

.timepicker__list-next.swiper-button-disabled,.timepicker__list-prev.swiper-button-disabled {
    display: none
}

.timepicker__list-prev {
    top: -50px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.timepicker__list-next {
    bottom: -50px
}

.timepicker__element {
    width: 80px;
    font-size: 22px;
    line-height: 26px;
    padding: 12px 0;
    border-bottom: 2px solid #eaeaea
}

.personal__modal-timepicker {
    padding: 30px 20px
}

.personal__modal-image {
    margin-bottom: 45px
}

.personal__modal-timepicker .personal__modal-title {
    margin-bottom: 15px
}

.personal__modal-timepicker .personal__modal-form__btn {
    padding-top: 15px
}

.personal__modal-timepicker .personal__modal-form__btn .btn {
    width: 100%;
    min-width: 100%;
    padding: 15px
}

@media (max-width: 991px) {
    .personal__modal-timepicker .personal__modal-form__btn .btn+.btn {
        margin-top:15px
    }
}

@media (min-width: 992px) {
    .personal__modal-timepicker .personal__modal-form__btn {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .personal__modal-timepicker .personal__modal-form__btn .btn {
        width: 200px;
        min-width: 200px
    }
}

.personal__modal-timepicker .personal__modal-info-delivery {
    padding: 10px 0
}

.js-timepicker-info-delivery {
    display: inline-block;
    background: #fff3df;
    color: #f6a226;
    font-weight: 500;
    padding: 10px 15px;
    margin: 0 auto
}

.js-timepicker-info-delivery.today {
    background: #d7f5dc;
    color: #569562
}

.js-timepicker-container {
    position: relative
}

.js-timepicker-container:before {
    content: ":";
    display: block;
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 3px);
    width: 6px;
    font-size: 22px;
    line-height: 26px
}

.c-form-field__label-date {
    position: absolute;
    top: 27px;
    left: 16px;
    width: 144px;
    height: 27px;
    background: #fff;
    line-height: 27px;
    font-weight: 500;
    cursor: pointer;
    z-index: 1
}

#delivery-date {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.time-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-top: 18px
}

.time-form select {
    opacity: 0
}

.time-form button {
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: 0;
    padding: 0;
    position: relative;
    height: 18px;
    width: 14px
}

.time-form button:before {
    content: '';
    display: block;
    border: 2px solid #cfd8dc;
    border-top: none;
    border-right: none;
    position: absolute;
    top: calc(50% - (9px/2));
    left: calc(50% - (9px/2));
    height: 9px;
    width: 9px;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.time-form button:not(:active):before {
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.time-form button:active:hover:before,.time-form button:not(:active):before {
    border-color: #cfd8dc
}

.time-form button:active:before,.time-form button:not(:active):hover:before {
    border-color: #1e1e1e
}

.time-form button~button:before {
    -webkit-transform: rotateZ(225deg);
    -ms-transform: rotate(225deg);
    transform: rotateZ(225deg)
}

.time-form input {
    background: 0 0;
    border: none;
    color: #2e2f31;
    font-size: 19px;
    font-family: AktivGrotesk;
    letter-spacing: -1px;
    text-align: center;
    outline: 0;
    padding: 0;
    margin-right: 2px;
    width: 34px
}

@media (min-width: 768px) and (max-width:991px) {
    .time-form input {
        font-size:18px
    }
}

.time-form span {
    color: #73808d;
    font-family: AktivGrotesk;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0
}

.title-h2 {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    font-size: 24px;
    margin: 0 0 20px 0;
    letter-spacing: .4px;
    text-transform: uppercase
}

@media (min-width: 768px) and (max-width:991.98px) {
    .title-h2 {
        font-size:24px
    }
}

@media (max-width: 767.98px) {
    .title-h2 {
        font-size:20px
    }
}

.title-h2--breadcrumbs a {
    color: inherit
}

@media (max-width: 767.98px) {
    .title-h2--breadcrumbs {
        font-size:0;
        position: relative
    }

    .title-h2--breadcrumbs a {
        font-size: 24px;
        padding-left: 22px
    }

    .title-h2--breadcrumbs a:before {
        content: '';
        display: block;
        border: 1px solid #c6cdd0;
        border-top: none;
        border-right: none;
        height: 8px;
        width: 8px;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%) rotateZ(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotateZ(45deg)
    }
}

.title-h3 {
    display: block;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 17px;
    margin: 0 0 10px 0
}

.breadcrumb {
    padding: 0;
    margin: 0 0 20px 0;
    background-color: inherit;
    font-size: 24px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #2e2f31
}

@media (min-width: 768px) and (max-width:991.98px) {
    .breadcrumb {
        font-size:24px
    }
}

@media (max-width: 767.98px) {
    .breadcrumb {
        font-size:20px
    }
}

.breadcrumb a {
    color: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    text-transform: uppercase
}

.breadcrumb .title-h2 {
    display: inline-block;
    margin: 0
}

.breadcrumb .breadcrumb-item {
    color: #27292e
}

.breadcrumb .breadcrumb-item.active {
    color: #2e2f31
}

.breadcrumb .breadcrumb-item.button {
    margin-left: auto
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #2e2f31
}

@media (max-width: 767.98px) {
    .breadcrumb .breadcrumb-item:not(.active) {
        display:none
    }

    .breadcrumb .breadcrumb-item.active {
        padding-left: 0
    }

    .breadcrumb .breadcrumb-item.active::before {
        display: none
    }
}

.head-with-btns {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 30px
}

.head-with-btns .title-h2 {
    margin-bottom: 0
}

.head-with-btns__btns {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.head-with-btns__btns .btn {
    margin-left: 15px
}

.head-with-btns__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.head-with-btns__left,.head-with-btns__right {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.head-with-btns .breadcrumb {
    margin-bottom: 0
}

@media (min-width: 768px) and (max-width:991.98px) {
    .head-with-btns {
        margin-bottom:15px
    }
}

@media (max-width: 767.98px) {
    .head-with-btns {
        margin-bottom:20px
    }
}

.head-with-btns-search {
    position: relative
}

.head-with-btns-search .title-h2 {
    margin-right: 20px
}

@media (max-width: 991.98px) {
    .head-with-btns-search .title-h2 {
        margin-right:15px
    }
}

@media (max-width: 767.98px) {
    .head-with-btns-search {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .head-with-btns-search .head-with-btns__left {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .head-with-btns-search .head-with-btns__left_big {
        -ms-flex-preferred-size: 500%;
        flex-basis: 500%
    }

    .head-with-btns-search .head-with-btns__right {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 15px
    }

    .head-with-btns-search .head-with-btns__right .search__mobile-box {
        top: auto
    }
}

.tooltip {
    max-width: 185px;
    font-size: 12px;
    line-height: 16px
}

.tooltip-inner {
    padding: 13px 10px;
    font-family: Roboto;
    font-weight: 500;
    text-align: left;
    color: #fbfbfb;
    border-radius: 8px
}

@media (max-width: 991px) {
    .tooltip-mobile {
        width:270px;
        max-width: 330px;
        padding: 27px;
        border-radius: 4px;
        background-color: #fff;
        opacity: 1!important;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.25);
        box-shadow: 0 0 4px rgba(0,0,0,.25)
    }

    .tooltip-mobile .tooltip-close {
        display: block;
        width: 13px;
        height: 13px;
        margin: 2px 0 5px 10px;
        float: right;
        font-size: 0;
        background: url(/local/templates/htmc_common/css/../img/modal-close.svg) center/13px no-repeat;
        cursor: pointer
    }

    .tooltip-mobile .tooltip-inner {
        width: auto;
        max-width: 100%;
        padding: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #2e2f31;
        background: 0 0
    }
}

.topalert {
    background-color: #111;
    position: fixed;
    top: 0;
    z-index: 3000;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease;
    -o-transition: max-height .3s ease;
    transition: max-height .3s ease;
    font-size: 12px
}

.topalert.active {
    max-height: 100px;
    min-height: 40px
}

@media (max-width: 420px) {
    .topalert.active {
        min-height:44px
    }
}

@media (max-width: 350px) {
    .topalert.active {
        min-height:64px
    }
}

.topalert>.container {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative
}

.topalert__text {
    color: #fff;
    letter-spacing: .5px
}

.topalert__btn {
    padding: 0 30px;
    height: 30px;
    line-height: 28px;
    font-size: 10px;
    letter-spacing: .5px;
    border: 1px solid #c6cdd0;
    color: #fff;
    border-radius: 15px;
    margin-left: 20px
}

.topalert__btn:hover {
    background: #2b2b2b;
    color: #fff;
    border-color: #fff
}

.topalert__close {
    width: 30px;
    height: 30px;
    background: url(/local/templates/htmc_common/css/../img/icons/close-white.svg) center center no-repeat;
    margin-left: 30px
}

@media (max-width: 767.98px) {
    .topalert>.container {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .topalert__close {
        margin-left: 20px
    }
}

.trigger-alert {
    display: block;
    position: fixed;
    z-index: 100;
    right: -30px;
    bottom: 100px;
    height: 200px;
    width: 65px;
    background: #fff;
    -webkit-box-shadow: 0 5.0668px 5.0668px rgba(0,0,0,.25);
    box-shadow: 0 5.0668px 5.0668px rgba(0,0,0,.25);
    border-radius: 5.0668px;
    padding: 17px 40px 42px 10px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-image: url(/local/templates/htmc_common/css/../img/icons/bug.svg);
    background-repeat: no-repeat;
    background-position: 7px calc(100% - 10px)
}

.trigger-alert:focus,.trigger-alert:hover {
    right: -25px
}

.trigger-alert__text {
    display: block;
    position: absolute;
    width: 141px;
    bottom: 105px;
    right: -23px;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #2e2f31;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.trigger-alert_small {
    padding: 0;
    height: 40px
}

.trigger-alert_small .trigger-alert__text {
    display: none
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 25px
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0
}

.window-auth .modal-dialog {
    width: 335px
}

.window-auth .modal-content .modal-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 16px 30px 30px 30px
}

.window-auth .modal-content .modal-footer .btn {
    width: 100%;
    margin: 0
}

.window-auth .modal-content .modal-footer .auth-text {
    margin-top: 7px;
    width: 100%
}

.window-auth .modal-content .modal-footer .auth-links-block {
    margin: 8px 0 0 0;
    width: 100%;
    text-align: center
}

.window-auth .modal-content .modal-body {
    padding-right: 30px;
    padding-left: 30px
}

.window-auth .modal-content .modal-header {
    padding: 21px 30px 10px;
    margin-top: 0
}

.window-auth .modal-content .modal-header .close {
    top: 30px;
    right: 30px;
    width: 13px;
    height: 13px;
    display: block;
    padding: 0;
    margin: 0
}

.window-auth .modal-content .modal-title {
    margin: 0 auto
}

.window-auth .auth-form-error {
    display: none;
    margin: 16px 0 0 0!important;
    font-size: 12px;
    color: #73808d;
    width: 100%;
    text-align: center;
    letter-spacing: .4px
}

.window-auth .auth-form .c-form-field {
    margin-bottom: 15px
}

.window-auth .auth-form .c-form-field:last-child {
    margin-bottom: 0
}

.window-auth .auth-text {
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #73808d;
    margin-top: -5px
}

.window-auth .auth-text a {
    color: #73808d;
    text-decoration: underline
}

.window-auth .auth-big-text {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #73808d;
    margin-bottom: 20px
}

.window-confirm .modal-dialog {
    width: 412px
}

.window-confirm .modal-dialog--small {
    width: 335px
}

@media (max-width: 1199px) {
    .window-confirm .modal-dialog {
        width:318px
    }
}

@media (max-width: 767.98px) {
    .window-confirm .modal-dialog {
        width:auto
    }
}

.window-confirm .c-form-field {
    margin-bottom: 15px
}

.window-confirm__resend {
    display: block;
    background-color: #fff;
    border: none;
    padding: 0;
    font-family: inherit;
    font-size: 12px;
    line-height: 2;
    text-align: center;
    color: #73808d;
    width: 100%;
    margin: -15px 0 0 0
}

.window.modal.window-delivery .modal-dialog {
    max-width: 450px
}

.window.modal.window-delivery .modal-header .close {
    top: 26px;
    right: 26px
}

@media (min-width: 768px) {
    .window.modal.window-delivery .modal-header {
        padding-top:23px
    }
}

.window.modal.window-delivery .modal-body,.window.modal.window-delivery .modal-footer,.window.modal.window-delivery .modal-header {
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 768px) {
    .window.modal.window-delivery .modal-body,.window.modal.window-delivery .modal-footer,.window.modal.window-delivery .modal-header {
        padding-right:35px;
        padding-left: 35px
    }

    .window.modal.window-delivery .modal-body .btn,.window.modal.window-delivery .modal-footer .btn,.window.modal.window-delivery .modal-header .btn {
        max-width: 200px
    }
}

.window.modal.window-delivery .modal-footer {
    padding-top: 12px;
    padding-bottom: 40px
}

.window.modal.window-delivery .modal-footer button {
    width: 100%
}

.window.modal.window-delivery .modal-title {
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto
}

@media (max-width: 991px) {
    .window.modal.window-delivery .modal-title {
        margin-bottom:0;
        font-size: 20px;
        line-height: 25px
    }
}

.window.modal.window-delivery .c-form-field,.window.modal.window-delivery .form-field {
    width: 100%;
    margin-bottom: 8px
}

.window.modal.window-delivery .c-form-field .bootstrap-select button.dropdown-toggle,.window.modal.window-delivery .form-field .bootstrap-select button.dropdown-toggle {
    width: 100%
}

.window.modal.window-delivery .row {
    margin-left: -4px;
    margin-right: -4px
}

.window.modal.window-delivery .row>[class^=col-] {
    padding-left: 4px;
    padding-right: 4px
}

.modal {
    padding-right: 0!important;
    z-index: 3001
}

.window-detail .modal-dialog {
    width: 412px
}

.window-detail .modal-dialog--small {
    width: 335px
}

@media (max-width: 991.98px) {
    .window-detail .modal-dialog {
        width:318px
    }
}

@media (max-width: 767.98px) {
    .window-detail .modal-dialog {
        width:auto
    }
}

.window-detail__ratings {
    margin-bottom: 6px
}

.window-detail__ratings .rating {
    margin: 2px 0
}

@media (max-width: 991.98px) {
    .window-detail__ratings {
        margin-bottom:12px
    }
}

.window-detail .basket-modal__items-inner,.window-detail .basket-modal__items-name {
    width: 100%
}

.window-detail .basket-modal__items {
    padding-left: 0;
    padding-right: 0
}

.window-detail .simplebar-wrapper .basket-modal__items {
    padding-right: 12px
}

.window-detail label.basket-modal__items {
    cursor: pointer
}

@media (max-width: 991.98px) {
    .window-detail .basket-modal__items-title {
        font-size:16px;
        margin-bottom: 10px
    }

    .window-detail .basket-modal__price {
        font-size: 18px
    }

    .window-detail .basket-modal__items-inner {
        margin-top: 3px;
        margin-bottom: 3px
    }
}

.window-detail .modal-header {
    padding-top: 1.5rem
}

.window-detail .modal-body {
    border: none;
    padding-top: 0;
    padding-right: 24px!important
}

.window-detail .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 40px
}

.window-detail .modal-footer .btn {
    width: 216px
}

@media (max-width: 991.98px) {
    .window-detail .modal-footer {
        padding-top:20px!important;
        padding-bottom: 20px!important
    }

    .window-detail .modal-footer .btn {
        width: 170px;
        height: 36px
    }
}

.window-detail__title {
    font-family: AktivGrotesk;
    font-size: 24px;
    font-weight: 700
}

@media (max-width: 991.98px) {
    .window-detail__title {
        font-size:18px
    }
}

.window.window-location .modal-dialog {
    max-width: 350px
}

.window.window-location .modal-header .close {
    top: 34px;
    right: 34px
}

@media (max-width: 991px) {
    .window.window-location .modal-header {
        padding-top:23px
    }
}

.window.window-location .modal-body,.window.window-location .modal-footer {
    padding-right: 45px;
    padding-left: 45px
}

@media (max-width: 767.98px) {
    .window.window-location .modal-body,.window.window-location .modal-footer {
        padding-right:30px;
        padding-left: 30px
    }
}

.window.window-location .modal-footer {
    padding-top: 12px;
    padding-bottom: 40px
}

.window.window-location .modal-footer button {
    width: 100%
}

.window.window-location .modal-title {
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto
}

@media (max-width: 991px) {
    .window.window-location .modal-title {
        margin-bottom:0;
        font-size: 20px;
        line-height: 25px
    }
}

.window.window-location .form-field {
    width: 100%
}

.window.window-location .form-field__choose-city .bootstrap-select .dropdown-menu {
    width: calc(100% + 2px);
    left: -1px!important
}

.window.window-location .form-field__choose-city .bootstrap-select .dropdown-menu>.inner {
    overflow-x: hidden
}

.modal {
    padding-right: 0!important;
    z-index: 3001
}

.window-review .modal-dialog {
    width: 512px;
    max-width: 512px
}

.window-review .modal-dialog .modal-content .modal-body {
    padding-top: 13px
}

@media (max-width: 991px) {
    .window-review .modal-dialog {
        width:392px
    }

    .window-review .modal-dialog .modal-content .modal-body {
        padding-top: 10px
    }

    .window-review .modal-dialog.modal-dialog-complete .modal-title {
        margin: 0 auto
    }
}

@media (max-width: 767.98px) {
    .window-review .modal-dialog {
        width:auto
    }
}

.window-review .modal-dialog--small {
    width: 335px
}

.window-review .modal-dialog--small .modal-content .modal-body,.window-review .modal-dialog--small .modal-content .modal-footer,.window-review .modal-dialog--small .modal-content .modal-header {
    padding-left: 20px;
    padding-right: 20px
}

.window-review .modal-dialog--small .modal-content .modal-header {
    padding-top: 20px
}

.window-review .modal-dialog--small .modal-content .modal-header .close {
    top: 20px;
    right: 20px
}

.window-review .modal-dialog--small .modal-content .modal-body:last-child {
    padding-bottom: 23px
}

@media (max-width: 991px) {
    .window-review .modal-dialog--small .modal-content .modal-body,.window-review .modal-dialog--small .modal-content .modal-footer,.window-review .modal-dialog--small .modal-content .modal-header {
        padding-left:16px;
        padding-right: 16px
    }

    .window-review .modal-dialog--small .modal-content .modal-header {
        padding-top: 16px
    }

    .window-review .modal-dialog--small .modal-content .modal-header .close {
        top: 16px;
        right: 16px
    }

    .window-review .modal-dialog--small .modal-content .modal-body:last-child {
        padding-bottom: 22px
    }
}

@media (max-width: 767px) {
    .window-review .modal-dialog--small {
        width:auto
    }

    .window-review .modal-dialog--small .modal-content .modal-body,.window-review .modal-dialog--small .modal-content .modal-footer,.window-review .modal-dialog--small .modal-content .modal-header {
        padding-left: 20px;
        padding-right: 20px
    }

    .window-review .modal-dialog--small .modal-content .modal-header {
        padding-top: 20px
    }

    .window-review .modal-dialog--small .modal-content .modal-header .close {
        top: 20px;
        right: 20px
    }

    .window-review .modal-dialog--small .modal-content .modal-body:last-child {
        padding-bottom: 21px
    }
}

@media (max-width: 350px) {
    .window-review .modal-dialog--small .modal-content .modal-header .close {
        top:12px;
        right: 12px
    }
}

.window-review__ratings {
    margin-bottom: 20px
}

.window-review__ratings .rating {
    margin: 7px 0
}

.window-review__ratings .rating-group {
    margin: auto 0
}

@media (max-width: 767px) {
    .window-review__ratings {
        margin-bottom:10px
    }
}

.window-review__gallery {
    margin-top: 14px
}

.window-review .modal-footer .btn {
    width: 50%;
    max-width: 50%
}

.window-review .modal-footer .btn-file {
    padding-left: 10px;
    padding-right: 10px
}

.window-review .review__head-name {
    max-width: 170px
}

@media (max-width: 767px) {
    .window-review .review__head-name {
        min-width:130px
    }
}

.window-review .review__added-block p {
    font-size: 16px
}

.window-review .review__added-block img {
    margin-top: 30px
}

@media (max-width: 991px) {
    .window-review .review__added-block p {
        font-size:12px
    }

    .window-review .review__added-block img {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .window-review .review__added-block p {
        font-size:14px
    }

    .window-review .review__added-block img {
        margin-top: 36px;
        margin-bottom: 22px
    }
}

.window-review .review__image {
    border-radius: 6px
}

@media (max-width: 767px) {
    .window-review__gallery {
        margin-top:10px;
        margin-bottom: 5px
    }
}

.window.modal .modal-content {
    color: #2e2f31;
    -webkit-box-shadow: 0 2px 4px 0 #cfd8dc,0 12px 20px 0 #a6b1bc;
    box-shadow: 0 2px 4px 0 #cfd8dc,0 12px 20px 0 #a6b1bc;
    border: none;
    border-radius: 4px
}

.window.modal .modal-content.align-center {
    text-align: center
}

.window.modal .modal-body,.window.modal .modal-footer,.window.modal .modal-header {
    border: none;
    padding-left: 27px;
    padding-right: 27px
}

.window.modal .modal-header {
    color: #2e2f31;
    padding: 27px 63px 0
}

.window.modal .modal-header .close {
    color: #73808d;
    font-size: 2rem;
    opacity: 1;
    position: absolute;
    top: 27px;
    right: 27px;
    background-image: url(/local/templates/htmc_common/css/../img/modal-close.svg);
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat;
    outline: 0
}

.window.modal .modal-title {
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    letter-spacing: .008em;
    text-transform: uppercase;
    color: #1a1a2a
}

.window.modal .modal-body {
    padding-bottom: 0;
    padding-top: 20px
}

.window.modal .modal-body:last-child {
    padding-bottom: 1.8rem
}

.window.modal .modal-body>.modal-text {
    text-align: center
}

.window.modal .modal-footer {
    padding-bottom: 27px;
    padding-top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.window.modal .modal-footer>:not(:first-child) {
    margin-left: 10px
}

.window.modal .modal-footer>:not(:last-child) {
    margin-right: 10px
}

.window.modal .modal-inline-block {
    display: inline-block
}

@media (max-width: 991px) {
    .window.modal .modal-body,.window.modal .modal-footer,.window.modal .modal-header {
        padding-left:22px;
        padding-right: 22px
    }

    .window.modal .modal-header {
        padding-top: 16px
    }

    .window.modal .modal-header .close {
        font-size: 1.5rem;
        top: 22px;
        right: 22px
    }

    .window.modal .modal-title {
        font-size: 18.5px;
        margin: 0
    }

    .window.modal .modal-footer {
        padding-top: 22px;
        padding-bottom: 22px
    }
}

@media (max-width: 767.98px) {
    .window.modal .modal-dialog {
        margin:0 auto;
        width: 90%;
        max-width: 335px;
        padding-top: 50px;
        padding-bottom: 80px;
        max-height: 100%
    }

    .window.modal .modal-dialog:not('.modal-dialog_no-padding') {
        padding-top: 50px;
        padding-bottom: 80px
    }

    .window.modal .modal-content {
        -webkit-box-shadow: 0 2px 3px 0 #cfd8dc;
        box-shadow: 0 2px 3px 0 #cfd8dc
    }

    .window.modal .modal-body,.window.modal .modal-footer,.window.modal .modal-header {
        padding-left: 15px;
        padding-right: 15px
    }

    .window.modal .modal-header {
        padding-top: 15px
    }

    .window.modal .modal-header .close {
        font-size: 2rem;
        top: 15px;
        right: 15px
    }

    .window.modal .modal-title {
        font-size: 24px;
        margin: 0 auto
    }

    .window.modal .modal-body {
        padding-top: 13px
    }

    .window.modal .modal-footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .window.modal .modal-footer .btn {
        width: 100%;
        max-width: 100%
    }

    .window.modal .modal-footer>:not(:first-child) {
        margin-left: 0
    }

    .window.modal .modal-footer>:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px
    }
}

.modal-open {
    padding-right: 0!important
}

.modal-open .container,.modal-open .container-fluid,.modal-open .header,.modal-open .swiper-container {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.modal-open .modal .swiper-container {
    -webkit-filter: none;
    filter: none
}

.modal-backdrop {
    background-color: #979797
}

.modal-backdrop.fade {
    opacity: .5
}

@media (max-width: 767.98px) {
    .modal-backdrop {
        background-color:#080000
    }
}


html {
    width: 100%
}
html {
  scroll-behavior: smooth;
}
body {
    width: 100%;
    min-width: 320px;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #27292e;
    background-color: #000;
    background: url(../img/fon-footer.jpg);
    background-attachment: fixed;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.main{
    margin-top: 60px;
}
.page,body,html {
    min-height: 100%
}

body.modal-open {
    position: fixed;
    overflow-y: scroll;
    left: 0;
    right: 0;
    width: 100%
}

a {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    color: #656565;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    cursor: pointer;
    outline: 0
}

a:hover {
    color: #d3132c;
    text-decoration: underline
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

@media (min-width: 768px) and (max-width:991.98px) {
    .container {
        max-width:812px;
        width: 100%
    }
}

.tooltip {
    pointer-events: none
}

@supports (padding-top: constant(safe-area-inset-top)) {
    .page-content {
        --safe-area-inset-top:constant(safe-area-inset-top);
        padding-top: var(--safe-area-inset-top)
    }
}

@supports (padding-top: env(safe-area-inset-top)) {
    .page-content {
        --safe-area-inset-top:env(safe-area-inset-top);
        padding-top: var(--safe-area-inset-top)
    }
}

.page-content {
    margin-top: -90px;
    margin-bottom: 90px;
    position: relative;
    min-height: calc(100vh - 185px - 303px)
}

.page-content .mobile__no-mtml {
    margin-top: 0;
    margin-left: 15px;
    margin-right: 15px
}

.page-content__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 795px) {
    .page-content__head .btn-back,.page-content__head .btn-edit {
        display:none
    }
}

.page-content__head-inner {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-content__head .btn-promo {
    margin-left: 70px
}

.page-content__head h1 {
    margin: 0;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-size: 28px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #fff
}

.page-content__head-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1199px) {
    .page-content__head-inner .page-content__head-steps {
        padding-left:0
    }

    .page-content__head-inner h1 {
        display: none
    }
}

.page-content__head-steps {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 19px;
    color: #fff;
    padding-left: 70px
}

@media only screen and (max-width: 992px) {
    .page-content__head-steps {
        padding-left:0
    }

    .page-content__head-steps h1 {
        display: none
    }
}

.page-content__head-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    margin: 0 30px 0 0
}

.page-content__head-step:last-child {
    display: none
}

@media only screen and (max-width: 767.98px) {
    .page-content__head-step {
        font-size:12px;
        line-height: 13px;
        width: 33.3%;
        margin-right: 0;
        padding-right: 20px
    }

    .page-content__head-step:last-child {
        display: none
    }

    .page-content__head-step br {
        display: none
    }

    .page-content__head-step [data-resp-label] div {
        display: none
    }

    .page-content__head-step [data-resp-label]::after {
        display: block;
        content: attr(data-resp-label)
    }

    .page-content__head-step__icon,.page-content__head-step__icon--hidden {
        opacity: 1!important;
        border-color: rgba(255,255,255,.140823)!important
    }
}

@media only screen and (max-width: 400px) {
    .page-content__head-step {
        padding-right:0
    }
}

.page-content__head-step__icon {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    font-size: 21px;
    color: #fff;
    font-weight: 700;
    border-radius: 17px;
    background: rgba(0,0,0,.421762);
    border: 1.5px solid #fff
}

@media only screen and (max-width: 767.98px) {
    .page-content__head-step__icon {
        width:32px;
        height: 32px;
        line-height: 30px;
        font-size: 14px;
        border-radius: 12px
    }
}

.page-content__head-step__icon--hidden {
    opacity: .6;
    border-color: rgba(255,255,255,.140823)
}

.page-content__head-step__icon--success {
    border-color: #4cd86a;
    -webkit-box-shadow: inset 0 0 26px rgba(76,217,106,.45),0 0 20px rgba(76,217,106,.45);
    box-shadow: inset 0 0 26px rgba(76,217,106,.45),0 0 20px rgba(76,217,106,.45);
    background: rgba(0,0,0,.421762) url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 9.95384L6.99216 15.3976L15.5457 1.5' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.page-content__head-step__icon--success span {
    display: none
}

@media only screen and (max-width: 767.98px) {
    .page-content__head-step__icon--success {
        background-size:10px
    }
}

.page-content__head-step__caption {
    padding-left: 19px
}

@media only screen and (max-width: 767.98px) {
    .page-content__head-step__caption {
        padding-left:9px;
        width: calc(100% - 32px);
        font-size: 12px;
        line-height: 1;
        word-break: break-word
    }
}

.page-content__head-step:not(.page-content__head-step--current) .page-content__head-step__caption {
    opacity: .4
}

.page-content__wrap {
    margin-top: 30px;
    padding: 18px 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.15);
    box-shadow: 0 2px 3px rgba(98,107,113,.15);
    background-color: #fff;
    min-height: 600px
}

.page-content__wrap-wide {
    margin-top: 60px;
    padding: 25px;
    -webkit-box-shadow: 0 3px 20px 0 #595959;
    box-shadow: 0 3px 20px 0 #595959;
    border-radius: 8px;
}


.page-content__wrap-wide p{
color: #adadad;
    letter-spacing: 1.6px;
    padding: 10px 48px;
}


.page-content__wrap-wide_blog {
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.15);
    box-shadow: 0 2px 3px rgba(98,107,113,.15)
}

.page-content__wrap-wide.action-detail__new-bg {
    margin-top: 30px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

@media (min-width: 768px) {
    .page-catalog {
        min-height:calc(100vh - 185px - 303px)
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .page-content__wrap {
        min-height:460px
    }

    .page-content__wrap.dish {
        min-height: 0
    }
}

@media (max-width: 767.98px) {
    .page-content {
        margin-top:-114px;
        margin-bottom: 0
    }

    .page-content__head {
        padding-top: 16px;
        margin-bottom: 16px
    }

    .page-content__head h1 {
        font-size: 24px
    }

    .page-content__head .btn-back {
        display: none
    }

    .page-content__wrap,.page-content__wrap-wide {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 -15px 0 -15px;
        padding: 15px;
        min-height: 0;
        position: relative;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    body.topalert-visible.header-fixed .page-content__wrap,body.topalert-visible.header-fixed .page-content__wrap-wide {
        min-height: calc(100vh - 54px - 75px - 46px - 55px)
    }
}

@media (min-width: 768px) {
    .hide-for-medium {
        display:none!important
    }
}

@media (max-width: 780px) {
    .hide-for-small {
        display:none!important
    }
}

.page-content-transp {
    padding-top: 30px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .page-content-transp {
        padding-top:15px
    }
}

.page-content-white {
    padding: 25px;
    -webkit-box-shadow: 0 52px 44px 0 #cfd8dc;
    box-shadow: 0 52px 44px 0 #cfd8dc;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 30px;
    margin-bottom: 100px;
    min-height: 688px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .page-content-white {
        margin-bottom:60px;
        min-height: 570px
    }
}

@media (max-width: 767px) {
    .page-content-white {
        -webkit-box-shadow:none;
        box-shadow: none;
        border-radius: 0;
        margin: 0;
        min-height: calc(100vh - 160px - 75px - 50px)
    }
}

body.topalert-visible.header-fixed .page-content-white {
    min-height: calc(100vh - 160px - 75px - 46px - 50px)
}

.link-gray {
    color: #27292e;
    text-decoration: underline
}

.link-gray:hover {
    color: #4a4e57;
    text-decoration: none
}

.hidden {
    display: none
}

.hide {
    display: none!important
}

#bx-panel,#bx-panel.bx-panel-fixed {
    position: fixed!important;
    z-index: 9999999!important;
    height: 40px!important;
    width: 100%!important;
    top: 0!important
}

#bx-panel-back {
    display: none!important
}

.no-bg {
    background: 0 0!important
}

.no-border {
    border: none!important
}

@media (max-width: 1199.98px) and (min-width:992px) {
    .col-lg-3-fix {
        -ms-flex:0 0 33.33%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

.layer_full h2 {
    clear: both;
    display: block;
    padding-top: 20px
}

.layer_full h2 .title-2 {
    margin-bottom: 20px
}

.grecaptcha-badge {
    visibility: hidden
}

@media (max-width: 767px) {
    .personal__submit-btn .btn:nth-child(1) {
        margin-bottom:8px
    }
}

@media (max-width: 767px) {
    .hide-for-small-only {
        display:none!important
    }
}

@media (max-width: 767px) {
    .small-top-10 {
        margin-top:10px
    }
}

@-webkit-keyframes slideDownForBefore {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    25%,75% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(-45deg);
        transform: translateY(0) rotateZ(-45deg)
    }
}

@keyframes slideDownForBefore {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    25%,75% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(-45deg);
        transform: translateY(0) rotateZ(-45deg)
    }
}

@-webkit-keyframes slideUpForAfter {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    25%,75% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    50%,75% {
        -webkit-transform: translateY(-2px) rotateZ(0);
        transform: translateY(-2px) rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(-2px) rotateZ(45deg);
        transform: translateY(-2px) rotateZ(45deg)
    }
}

@keyframes slideUpForAfter {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    25%,75% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    50%,75% {
        -webkit-transform: translateY(-2px) rotateZ(0);
        transform: translateY(-2px) rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(-2px) rotateZ(45deg);
        transform: translateY(-2px) rotateZ(45deg)
    }
}

@-webkit-keyframes disappear {
    0% {
        background-color: #fefefe
    }

    100%,50% {
        background-color: transparent
    }
}

@keyframes disappear {
    0% {
        background-color: #fefefe
    }

    100%,50% {
        background-color: transparent
    }
}

@-webkit-keyframes re-slideUpForAfter {
    0% {
        -webkit-transform: translateY(-5px) rotateZ(50deg);
        transform: translateY(-5px) rotateZ(50deg)
    }

    25%,75% {
        -webkit-transform: translateY(-5px) rotateZ(0);
        transform: translateY(-5px) rotateZ(0)
    }

    50%,75% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    100% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes re-slideUpForAfter {
    0% {
        -webkit-transform: translateY(-5px) rotateZ(50deg);
        transform: translateY(-5px) rotateZ(50deg)
    }

    25%,75% {
        -webkit-transform: translateY(-5px) rotateZ(0);
        transform: translateY(-5px) rotateZ(0)
    }

    50%,75% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    100% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@-webkit-keyframes re-slideDownForBefore {
    0% {
        -webkit-transform: translateY(0) rotateZ(-50deg);
        transform: translateY(0) rotateZ(-50deg)
    }

    25%,75% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes re-slideDownForBefore {
    0% {
        -webkit-transform: translateY(0) rotateZ(-50deg);
        transform: translateY(0) rotateZ(-50deg)
    }

    25%,75% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes re-disappear {
    0% {
        background-color: transparent
    }

    100%,50% {
        background-color: #fefefe
    }
}

@keyframes re-disappear {
    0% {
        background-color: transparent
    }

    100%,50% {
        background-color: #fefefe
    }
}

.btn {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-family: Roboto,sans-serif
}

.btn.focus,.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn_right {
    margin-right: 10px
}

.btn__close {
    position: absolute;
    right: 12px;
    top: 10px
}

.btn_no {
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin-left: 22px;
    padding: 15px 39px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#ed4141),to(#d31340));
    background: -o-linear-gradient(top,#ed4141 0,#d31340 100%);
    background: linear-gradient(180deg,#ed4141 0,#d31340 100%);
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border: none;
    border-radius: 4px
}

.btn_no::after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.btn_no img {
    position: relative;
    top: -2px;
    margin-right: 18px
}

.btn_no:focus,.btn_no:hover {
    color: #ccc
}

.btn-red {
    position: relative;
    z-index: 1;
    max-width: 100%;
    min-width: 216px;
    padding: 14px 25px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#ed4141),to(#d31340));
    background: -o-linear-gradient(top,#ed4141 0,#d31340 100%);
    background: linear-gradient(180deg,#ed4141 0,#d31340 100%);
    border: none;
    border-radius: 4px
}

.btn-red::after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.btn-red span {
    position: relative;
    z-index: 3
}

.btn-red:focus,.btn-red:hover {
    color: #fff
}

.btn-red:not(:disabled):hover::after {
    opacity: 0
}

.btn-red:disabled {
    opacity: .4
}

@media (max-width: 1024px) {
    .btn-red {
        padding:15px
    }
}

@media (max-width: 767.98px) {
    .btn-red {
        width:100%;
        min-width: auto;
        padding: 15px 25px;
        font-size: 15px
    }
}

.btn-gray {
    position: relative;
    z-index: 1;
    max-width: 100%;
    min-width: 216px;
    padding: 14px 25px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #999;
    border: none;
    border-radius: 4px
}

.btn-gray span {
    position: relative;
    z-index: 3
}

.btn-gray:focus,.btn-gray:hover {
    color: #fff
}

.btn-gray:not(:disabled):hover::after {
    opacity: 0
}

.btn-gray:disabled {
    opacity: .4
}

.btn-gray {
    position: relative;
    z-index: 1;
    max-width: 100%;
    min-width: 216px;
    padding: 14px 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #999;
    border: none;
    border-radius: 4px
}

.btn-gray span {
    position: relative;
    z-index: 3
}

.btn-gray:disabled {
    opacity: 1
}

@media (max-width: 380px) {
    .btn-gray {
        font-size:15px
    }
}

.btn-redwide {
    position: relative;
    z-index: 1;
    width: 90%;
    padding: 15px 25px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#ed4141),to(#d31340));
    background: -o-linear-gradient(top,#ed4141 0,#d31340 100%);
    background: linear-gradient(180deg,#ed4141 0,#d31340 100%);
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border: none;
    border-radius: 4px;
    margin: 16px auto;
    display: block
}

.btn-redwide::after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.btn-redwide span {
    position: relative;
    z-index: 3
}

.btn-redwide:focus,.btn-redwide:hover {
    color: #fff
}

.btn-redwide:not(:disabled):hover::after {
    opacity: 0
}

.btn-redwide:disabled {
    opacity: .4
}

@media (max-width: 1024px) {
    .btn-redwide {
        padding:15px
    }
}

@media (max-width: 767.98px) {
    .btn-redwide {
        width:100%;
        min-width: auto;
        padding: 15px 25px;
        font-size: 15px
    }
}

.btn-black {
    max-width: 100%;
    min-width: 216px;
    padding: 15px 65px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #2f2c2c;
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border: none;
    border-radius: 4px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.btn-black:not(:disabled):hover {
    background-color: #000;
    color: #fff
}

.btn-black:disabled {
    background-color: #979797;
    color: #fff
}

.btn-black a {
    color: #fff
}

.btn-black a:hover {
    text-decoration: none
}

@media (max-width: 767.98px) {
    .btn-black {
        width:100%;
        min-width: auto;
        padding: 15px 25px;
        font-size: 15px
    }
}

.btn-black-wide {
    position: relative;
    z-index: 1;
    max-width: 100%;
    min-width: 216px;
    padding: 14px 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #2f2c2c;
    border: none;
    border-radius: 4px
}

.btn-black-wide span {
    position: relative;
    z-index: 3
}

.btn-black-wide:disabled {
    opacity: .4
}

.btn-black-wide:not(:disabled):hover {
    color: #fff;
    background: #2f2c2c
}

@media (max-width: 380px) {
    .btn-black-wide {
        font-size:15px
    }
}

.btn-add {
    margin-left: 0!important
}
.btn-default {
border: 1px solid rgba(255,255,255,.14);
border: 2px solid #d3132c;
    border-radius: 12px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: 0 0;
    min-width: 145px;
    font-size: 15px;
    padding: 7px 20px;
    letter-spacing: .3px;
    color: #767e87;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    user-select: none;
}

.btn-default:hover {
    background: rgba(0,0,0,.4);
    border: 2px solid #d3132c;
    text-decoration: none;
}

@keyframes attentionBlink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

.head-with-btns__btns a.btn-default {
  animation: attentionBlink 2s infinite; /* 2s - длительность анимации, infinite - бесконечное повторение */
}

.gradient {
  position: absolute;
  width: 100cqh;
  aspect-ratio: 1;
/*   background: red; */
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  border-radius: 50%;
  animation: slide var(--speed) ease-in-out infinite alternate;
/*   animation-timing-function: linear; */
}

.gradient:after {
  --spread: 90deg;
  content: "";
  position: absolute;
  inset: -100%;
  background: conic-gradient(
    from calc(270deg - (var(--spread) * 0.5)),
    transparent 0,
    hsl(0 0% 100% / 0.75) var(--spread),
    transparent var(--spread));
  animation: rotate calc(var(--speed) * 2) infinite linear;
/*   opacity: 0.25; */
}

@keyframes rotate {
  0% {
    rotate: 0deg;
  }
  15%, 35% {
    rotate: 90deg;
  }
  65%, 85% {
    rotate: 270deg;
  }
  100% {
    rotate: 360deg;
  }
}

@keyframes slide {
  to {
    transform: translate(calc(100cqw - 100%), 0);
  }
}



@media (max-width: 991.98px) {
    .btn-default {
        font-size:12px;
        border-width: 1.5px;
        min-width: 110px;
        padding: 5px 15px
    }
}

.btn-default--white {
    border-color: #fff;
    color: #fff
}

.btn-default--white:before {
    border-color: #fff!important
}

.btn-count {
    padding: 0;
    line-height: 0;
    font-size: 0;
    border: 0;
    width: 28px;
    height: 28px;
    background-color: #cfd8dc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%
}

.btn-count-minus {
    background-image: url(/local/templates/htmc_common/css/../img/icons/minus.svg)
}

.btn-count-minus:hover {
    background-image: url(/local/templates/htmc_common/css/../img/icons/minus-hover.svg)
}

.btn-count-plus {
    background-image: url(/local/templates/htmc_common/css/../img/icons/plus.svg)
}

.btn-count-plus:hover {
    background-image: url(/local/templates/htmc_common/css/../img/icons/plus-hover.svg)
}

.btn-count-plus_active {
    background-image: url(/local/templates/htmc_common/css/../img/icons/plus-hover.svg)
}
.btn-buy:hover {
    color: #0f0f0f;
    background: -webkit-gradient(linear,left bottom,left top,from(#ffbe16),to(#ed4141));
    background: -o-linear-gradient(bottom,#ffbe16 0,#ed4141 100%);
    background: linear-gradient(0deg,#ffbe16 0,#ed4141 100%);
    border-color: #ffbe16;
}
.btn-buy {
    background: -webkit-gradient(linear,left bottom,left top,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(bottom,#d31340 0,#ed4141 100%);
    background: linear-gradient(0deg,#d31340 0,#ed4141 100%);
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border-radius: 4px;
    font-family: Roboto;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    padding: 14px 20px;
    position: relative;
    bottom: 0;
    width: 150px;
}


.btn-buy_on-counter {
    padding: 13px 47px
}

.btn-buy_on-counter:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    color: #fff
}

.btn-buy_small {
    text-transform: uppercase;
    background: #d3132c;
    border-radius: 4px;
    font-size: 12px;
    line-height: 22px;
    padding: 4px 15px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 767px) {
    .btn-buy {
        font-style:normal;
        font-size: 16.2692px;
        line-height: 18px;
        padding: 12px 27px;
        background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
        background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
        background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none
    }

    .btn-buy_on-counter {
        padding: 11px 34px
    }
}

.btn-file {
    cursor: pointer;
    margin-bottom: 0;
    max-width: 150px
}

.btn-file input {
    display: none
}

.btn-file span {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-back,.btn-edit {
    position: relative;
    padding: 9px 28px 9px 55px;
    font-family: Roboto;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    -webkit-box-shadow: 0 7px 3px rgba(0,0,0,.5);
    box-shadow: 0 7px 3px rgba(0,0,0,.5);
    border: 2px solid rgba(255,255,255,.17)
}

.btn-back::before,.btn-edit::before {
    content: '';
    position: absolute;
    left: 22px;
    top: calc(50% - 7px);
    display: block;
    width: 20px;
    height: 14px;
    background: url(/local/templates/htmc_common/css/../img/btn-back__arrow.svg) center/cover no-repeat
}

.btn-back:hover,.btn-edit:hover {
    background: 0 0;
    border: 1.5px solid #c1001f
}

@media (max-width: 767px) {
    .btn-back,.btn-edit {
        display:none
    }
}

.btn-back-page {
    position: relative;
    padding: 8px 0 8px 12px;
    font-family: Roboto;
    font-size: 12px;
    color: #fff;
    -webkit-box-shadow: 0 7px 3px rgba(0,0,0,.5);
    box-shadow: 0 7px 3px rgba(0,0,0,.5);
    border: 1.5px solid #fff
}

.btn-back-page::before {
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 20px;
    left: 11px;
    top: calc(50% - 10px);
    background: url(/img/btn-back__arrow-2.svg) center/cover no-repeat
}

.btn-back-page:hover {
    background: 0 0;
    border: 1.5px solid #c1001f
}

@media (max-width: 767px) {
    .btn-back-page {
        display:none
    }
}

.btn-back-page-desktop {
    display: inherit;
    height: 40px;
    padding: 7px 0 8px 5px;
    text-transform: none!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #767e87!important;
    margin-left: auto;
    min-width: 145px;
    font-size: 15px
}



/* Стили для SVG-иконки */
.burger-menu {
    fill: #d3132c;
    padding-left: 5px;
    width: 21px;
    height: 21px;
    display: block;
    left: 0;
    margin: 0 10px 0 10px;
    transition: fill 0.3s;
}

/* Стили для изменения цвета SVG-иконки при наведении на весь контейнер */
a.btn.btn-default.btn-back-page-desktop:hover .burger-menu {
    fill: #767e87;
}





@media (max-width: 767px) {
    .btn-back-page-desktop {
        display:none
    }
}

.btn-clear {
    background: rgba(0,0,0,.297394);
    border: 1px solid rgba(255,255,255,.177256);
    border-radius: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    padding: 10px 30px 10px 45px;
    font-family: Roboto;
    color: #fff;
    -webkit-box-shadow: 0 7px 3px rgba(0,0,0,.5);
    box-shadow: 0 7px 3px rgba(0,0,0,.5);
    position: relative
}

.btn-clear::before {
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 20px;
    left: 11px;
    top: calc(50% - 10px);
    background: url(/local/templates/htmc_common/css/../img/btn-clear.svg) center/cover no-repeat
}

.btn-clear:hover {
    background: 0 0;
    border: 1px solid #c1001f
}

.btn-edit {
    background: rgba(0,0,0,.297394);
    -webkit-box-shadow: 0 7px 3px rgba(0,0,0,.5);
    box-shadow: 0 7px 3px rgba(0,0,0,.5)
}

.btn-edit:before {
    background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0215 4.77478L14.0856 7.83891L6.87535 15.0492L3.81122 15.0492L3.81122 11.9851L11.0215 4.77478ZM13.2214 2.57489C13.6553 2.14097 14.3588 2.14097 14.7928 2.57489L16.2855 4.06767C16.7195 4.50159 16.7195 5.2051 16.2855 5.63902L16.2463 5.6783L13.1821 2.61417L13.2214 2.57489Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    width: 20px;
    height: 18px
}

.btn-icon {
    border: solid 1px #cfd8dc;
    color: #73808d;
    background: 0 0;
    font-size: 15px;
    font-weight: 300;
    padding: 3px 36px 3px 16px;
    border-radius: 15px;
    letter-spacing: .3px;
    text-align: left;
    position: relative;
    outline: 0!important
}

.btn-icon:hover {
    background: #cfd8dc;
    color: #fff
}

.btn-icon:hover .btn-icon__icon {
    fill: #fff
}

.btn-icon__icon {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    content: '';
    display: block;
    height: 12px;
    width: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn-icon__setting {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    content: '';
    display: block;
    height: 17px;
    width: 17px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 991.98px) {
    .btn-icon {
        font-size:13px
    }

    .btn-icon__text {
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .btn-icon {
        font-size:12px;
        padding: 5px 36px 5px 16px
    }

    .btn-icon__text {
        font-size: 15px
    }
}

.btn-rectangle {
    border-radius: 4px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#9e1636));
    background-image: -o-linear-gradient(top,#d31340,#9e1636);
    background-image: linear-gradient(to bottom,#d31340,#9e1636);
    min-width: 145px;
    font-size: 14px;
    line-height: 1.7;
    padding: 11px 70px;
    color: #fff;
    white-space: nowrap;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    outline: 0
}

.btn-rectangle:hover {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#d31340),to(#9e1636));
    background-image: -o-linear-gradient(bottom,#d31340,#9e1636);
    background-image: linear-gradient(to top,#d31340,#9e1636);
    color: #fff
}

@media (max-width: 991.98px) {
    .btn-rectangle {
        font-size:12px;
        min-width: 110px;
        padding: 5px 15px
    }
}

.btn-rectangle--grey {
    padding-left: 13px;
    padding-right: 13px;
    min-width: 46px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#75818c),to(#5b646d));
    background-image: -o-linear-gradient(top,#75818c,#5b646d);
    background-image: linear-gradient(to bottom,#75818c,#5b646d)
}

.btn-rectangle--grey:hover {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#75818c),to(#5b646d));
    background-image: -o-linear-gradient(bottom,#75818c,#5b646d);
    background-image: linear-gradient(to top,#75818c,#5b646d)
}

.btn-rectangle--auto {
    min-width: 216px;
    max-width: 100%!important
}

@media (max-width: 767px) {
    .btn-rectangle--auto {
        padding:11px 26px!important
    }
}

.checkout__action-btn {
    padding: 19px 0 0;
    text-align: right;
    min-height: 80px
}

@media only screen and (max-width: 767.8px) {
    .checkout__action-btn {
        padding-bottom:30px
    }
}

@media only screen and (max-width: 575px) {
    .checkout__action-btn .btn {
        width:100%;
        margin: 0 auto;
        display: block
    }

    .checkout__action-btn .btn--static {
        position: -webkit-sticky;
        position: sticky;
        width: 100%
    }

    .checkout__action-btn .btn-black {
        margin-bottom: 8px
    }
}

.btn-promo {
    color: #f8cd1c;
    border: 1.16505px dashed #f8cd1c;
    border-radius: 3.49515px;
    display: inline-block;
    padding: 4px 15px 5px 42px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    font-weight: 400;
    outline: 0;
    background: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1359 19.1719L19.9612 13.3906' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5534 14.5469C14.5185 14.5469 15.301 13.7704 15.301 12.8125C15.301 11.8546 14.5185 11.0781 13.5534 11.0781C12.5882 11.0781 11.8058 11.8546 11.8058 12.8125C11.8058 13.7704 12.5882 14.5469 13.5534 14.5469Z' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5437 21.4844C21.5088 21.4844 22.2913 20.7079 22.2913 19.75C22.2913 18.7921 21.5088 18.0156 20.5437 18.0156C19.5785 18.0156 18.7961 18.7921 18.7961 19.75C18.7961 20.7079 19.5785 21.4844 20.5437 21.4844Z' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.98057 18.0156V18.0156C3.40698 18.0156 1.32037 15.9448 1.32037 13.3906V6.45312C1.32037 3.89897 3.40698 1.82812 5.98057 1.82812H17.6311C20.2046 1.82812 22.2912 3.89897 22.2912 6.45312V6.45312' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.2912 6.45312V9.92188' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.98056 18.0156H8.31066' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.98056 6.45312H17.631' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.98056 11.0781H8.31066' stroke='%23F8CD1C' stroke-width='1.74757' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 10px 50% no-repeat
}

.btn-promo strong {
    display: block
}

.btn-promo_new {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 41px;
    font-size: 12px
}

@media (max-width: 1199px) {
    .btn-buy_small {
        padding-left:20px;
        padding-right: 20px
    }
}

@media (max-width: 991px) {
    .btn-buy_small {
        padding-left:23px;
        padding-right: 23px
    }
}

@media (max-width: 767px) {
    .btn-buy_small {
        background:#d3132c;
        padding: 4px 30px;
        font-size: 12px;
        line-height: 22px
    }

    .btn_no {
        width: 100%;
        margin-bottom: 14px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0
    }

    .page-content__head .btn-promo {
        text-transform: capitalize;
        margin-left: 0;
        padding-right: 29px;
        font-size: 11px
    }

    .btn__close {
        right: 8px
    }
}

.btn-regular {
    padding: 14px 25px
}

@media (max-width: 991px) {
    .btn-medium {
        min-width:auto
    }
}

.title-h2 {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    font-size: 24px;
    margin: 0 0 20px 0;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #d31340;
}

@media (min-width: 768px) and (max-width:991.98px) {
    .title-h2 {
        font-size:24px
    }
}

@media (max-width: 767.98px) {
    .title-h2 {
        font-size:20px
    }
}

.title-h2--breadcrumbs a {
    color: inherit
}

@media (max-width: 767.98px) {
    .title-h2--breadcrumbs {
        font-size:0;
        position: relative
    }

    .title-h2--breadcrumbs a {
        font-size: 24px;
        padding-left: 22px
    }

    .title-h2--breadcrumbs a:before {
        content: '';
        display: block;
        border: 1px solid #c6cdd0;
        border-top: none;
        border-right: none;
        height: 8px;
        width: 8px;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%) rotateZ(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotateZ(45deg)
    }
}

.title-h3 {
    display: block;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 17px;
    margin: 0 0 10px 0
}

.breadcrumb {
    padding: 0;
    margin: 0 0 20px 0;
    background-color: inherit;
    font-size: 24px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #2e2f31
}

@media (min-width: 768px) and (max-width:991.98px) {
    .breadcrumb {
        font-size:24px
    }
}

@media (max-width: 767.98px) {
    .breadcrumb {
        font-size:20px
    }
}

.breadcrumb a {
    color: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    text-transform: uppercase
}

.breadcrumb .title-h2 {
    display: inline-block;
    margin: 0
}

.breadcrumb .breadcrumb-item {
    color: #8b8b8b;
}

.breadcrumb .breadcrumb-item.active {
    color: #2e2f31
}

.breadcrumb .breadcrumb-item.button {
    margin-left: auto
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #2e2f31
}

@media (max-width: 767.98px) {
    .breadcrumb .breadcrumb-item:not(.active) {
        display:none
    }

    .breadcrumb .breadcrumb-item.active {
        padding-left: 0
    }

    .breadcrumb .breadcrumb-item.active::before {
        display: none
    }
}

.head-with-btns {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 30px
}

.head-with-btns .title-h2 {
    margin-bottom: 0
}

.head-with-btns__btns {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.head-with-btns__btns .btn {
    margin-left: 15px
}

.head-with-btns__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.head-with-btns__left,.head-with-btns__right {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.head-with-btns .breadcrumb {
    margin-bottom: 0
}

@media (min-width: 768px) and (max-width:991.98px) {
    .head-with-btns {
        margin-bottom:15px
    }
}

@media (max-width: 767.98px) {
    .head-with-btns {
        margin-bottom:20px
    }
}

.head-with-btns-search {
    position: relative
}

.head-with-btns-search .title-h2 {
    margin-right: 20px
}

@media (max-width: 991.98px) {
    .head-with-btns-search .title-h2 {
        margin-right:15px
    }
}

@media (max-width: 767.98px) {
    .head-with-btns-search {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .head-with-btns-search .head-with-btns__left {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .head-with-btns-search .head-with-btns__left_big {
        -ms-flex-preferred-size: 500%;
        flex-basis: 500%
    }

    .head-with-btns-search .head-with-btns__right {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 15px
    }

    .head-with-btns-search .head-with-btns__right .search__mobile-box {
        top: auto
    }
}

.tooltip {
    max-width: 185px;
    font-size: 12px;
    line-height: 16px
}

.tooltip-inner {
    padding: 13px 10px;
    font-family: Roboto;
    font-weight: 500;
    text-align: left;
    color: #fbfbfb;
    border-radius: 8px
}

@media (max-width: 991px) {
    .tooltip-mobile {
        width:270px;
        max-width: 330px;
        padding: 27px;
        border-radius: 4px;
        background-color: #fff;
        opacity: 1!important;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.25);
        box-shadow: 0 0 4px rgba(0,0,0,.25)
    }

    .tooltip-mobile .tooltip-close {
        display: block;
        width: 13px;
        height: 13px;
        margin: 2px 0 5px 10px;
        float: right;
        font-size: 0;
        background: url(/local/templates/htmc_common/css/../img/modal-close.svg) center/13px no-repeat;
        cursor: pointer
    }

    .tooltip-mobile .tooltip-inner {
        width: auto;
        max-width: 100%;
        padding: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #2e2f31;
        background: 0 0
    }
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    border: 0;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 2px 2px #73808d;
    box-shadow: 0 2px 2px #73808d;
    z-index: 10
}

.ui-autocomplete-loading {
    background: url(/local/templates/htmc_common/css/../img/ui-anim_basic_16x16.gif) 98% center no-repeat
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    margin: 0;
    padding: 0 15px;
    display: block;
    width: 100%
}

.selection-pointer {
    background: #e0e5e9
}

.ui-menu .ui-menu-item {
    padding: 5px 0;
    border-bottom: 1px dotted #e3e8eb;
    font-size: 14px;
    color: #73808d;
    font-weight: 400;
    font-family: inherit
}

.ui-menu .ui-menu-item:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 0
}

.ui-menu .ui-menu-item:hover {
    cursor: pointer;
    color: #d3123f
}

.ui-helper-hidden-accessible {
    display: none
}

.topalert {
    background-color: #111;
    position: fixed;
    top: 0;
    z-index: 3000;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease;
    -o-transition: max-height .3s ease;
    transition: max-height .3s ease;
    font-size: 12px
}

.topalert.active {
    max-height: 100px;
    min-height: 40px
}

@media (max-width: 420px) {
    .topalert.active {
        min-height:44px
    }
}

@media (max-width: 350px) {
    .topalert.active {
        min-height:64px
    }
}

.topalert>.container {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative
}

.topalert__text {
    color: #fff;
    letter-spacing: .5px
}

.topalert__btn {
    padding: 0 30px;
    height: 30px;
    line-height: 28px;
    font-size: 10px;
    letter-spacing: .5px;
    border: 1px solid #c6cdd0;
    color: #fff;
    border-radius: 15px;
    margin-left: 20px
}

.topalert__btn:hover {
    background: #2b2b2b;
    color: #fff;
    border-color: #fff
}

.topalert__close {
    width: 30px;
    height: 30px;
    background: url(/local/templates/htmc_common/css/../img/icons/close-white.svg) center center no-repeat;
    margin-left: 30px
}

@media (max-width: 767.98px) {
    .topalert>.container {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .topalert__close {
        margin-left: 20px
    }
}

.footer {
    background-color: #202225;
    background: url(../img/fon-footer.jpg);
    background-attachment: fixed;
    width: 100%;
    color: #626b71;
    font-size: 13px;
    padding-bottom: 0px;
    padding-top: 38px;
    height: auto;
    border-top: 2px solid #d31340;
    webkit-box-shadow: 0 3px 20px 0 #595959;
    box-shadow: 0 3px 20px 0 #595959;
}

.footer__container {
    width: 100%
}



@media (min-width: 768px) {
    .footer__container {
        display:-ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.footer__logo {
    display: block;
    height: 40px;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    text-align: center;
}

.footer__logo:hover {
    opacity: 0.4
}

.footer__logo img {
    height: 100%
}

@media (min-width: 768px) {
    .footer__left {
        display:-ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
}

.footer__info {
    margin-right: 0px;
    width: 100%;
}

.footer__social-icons {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    left: 0;
    right: 0;
}

.footer__social-icons a {
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    opacity: 0.6;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.footer__social-icons a:last-child {
    margin-right: 0
}

.footer__social-icons a:hover {
    opacity: 1;
}

.footer__social-icons a img {
    width: 32px;
    height: 32px;
    display: block
}

.footer__copy {
    margin: 15px 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 50%;
    max-width: 50%;
}
.footer__copy .right{
    text-align: right;
}
.footer__copy a {
    color: inherit;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease
}

.footer__copy a:hover {
    color: #dfdfdf;
    text-decoration: none
}

.footer__menu {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.footer__menu ul {
    margin-left: 35px;
    min-width: 100px
}

.footer__menu ul:first-child {
    margin-left: 0
}

.footer__menu a {
    color: #9fa3a7;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px
}

.footer__menu a:hover {
    color: #c7c9cc;
    text-decoration: none
}

@media (min-width: 768px) {
    .footer__right {
        display:-ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.footer__right-download {
    text-align: right
}

.footer__right-download a {
    display: block;
    margin-bottom: 35px;
    opacity: .5;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.footer__right-download a:last-child {
    margin-bottom: 0
}

.footer__right-download a img {
    height: 25px
}

.footer__right-download a:hover {
    opacity: 1
}

.footer__pay {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    opacity: .5
}

.footer__pay img {
    width: 40px;
    height: 13px;
    margin-right: 15px
}

.footer__pay img:last-child {
    margin-right: 0;
    width: 46px
}

.footer__pay img:nth-child(2) {
    width: 16px
}

.footer__right-pay {
    margin-top: 40px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .footer {
        padding-bottom:50px;
        padding-top: 25px
    }

    .footer__container {
        padding-bottom: 10px
    }

    .footer__copy {
        margin-top: 30px
    }

    .footer__menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__menu a {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .footer__menu ul {
        min-width: 70px
    }

    .footer__menu-contacts {
        width: 100%;
        margin-left: 0!important;
        margin-top: 5px
    }
}

@media (max-width: 767.98px) {
    .footer {
        padding-bottom: 0;
        padding-top: 18px;
        height: auto
    }

    .footer__container {
        padding-bottom: 0;
        border-bottom: 0;
        position: relative
    }

    .footer__info {
        margin-right: 0
    }

    .footer__logo {
        height: 39px;
        text-align: center
    }

    .footer__copy {
        margin-top: 0;
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: initial;
    }

    .footer__menu {
        margin-bottom: 30px
    }

    .footer__menu>ul {
        width: 50%;
        margin-bottom: 0
    }

    .footer__menu>ul a {
        padding-right: 0
    }

    .footer__menu-contacts {
        display: none
    }

    .footer__right-pay {
        display: none
    }

    .footer__right-download {
        width: 100%;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px
    }

    .footer__right-download a {
        margin-right: 20px;
        margin-bottom: 0;
        opacity: .2
    }
.footer__bottom{
    display: none;
}
    .footer__right-download a:last-child {
        margin-right: 0
    }

    .footer__social-icons {
        margin: 25px 0 20px;
        position: relative;
        bottom: 10px;
        left: 0;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__mobile {
        margin-bottom: 40px;
        margin-top: 40px
    }

    .footer__mobile-contacts {
        margin-bottom: 0
    }

    .footer__mobile-contacts a {
        color: #9fa3a7;
        -webkit-transition: color .5s ease;
        -o-transition: color .5s ease;
        transition: color .5s ease;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .footer__mobile-contacts a:hover {
        color: #c7c9cc
    }

    .footer__mobile-pay {
        height: 100%;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        opacity: .5
    }

    .footer__mobile-pay img {
        margin-bottom: 8px
    }
}

@media (max-width: 767.98px) {
    .footer.footer-inner {
        padding-bottom:18px
    }

    .footer.footer-inner .footer__container {
        padding-bottom: 0!important
    }

    .footer.footer-inner .footer__copy,.footer.footer-inner .footer__menu,.footer.footer-inner .footer__right,.footer.footer-inner .footer__social-icons {
        display: none!important
    }
}

.line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.4;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0!important
}

.line-clamp:after {
    text-align: right;
    bottom: 0;
    right: 0;
    width: 25%;
    display: block;
    position: absolute;
    height: calc(1em * 1.2)
}

@supports (-webkit-line-clamp:1) {
    .line-clamp:after {
        display: none!important
    }
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    height: calc(1em * 1.4 * 1 + 3)
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    height: calc(1em * 1.4 * 2 + 3)
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    height: calc(1em * 1.4 * 3 + 3)
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    height: calc(1em * 1.4 * 4 + 3)
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
    height: calc(1em * 1.4 * 5 + 3)
}

.ratingstar {
    margin-right: 10px;
    position: relative
}

.ratingstar__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ratingstar svg {
    width: 16px;
    height: 16px
}

.ratingstar svg .st0 {
    fill: #f8cd1c
}

.ratingstar svg .st1 {
    fill: transparent
}

.ratingstar.active:before {
    content: "";
    -webkit-box-shadow: 0 0 10px 5px rgba(249,206,29,.25);
    box-shadow: 0 0 10px 5px rgba(249,206,29,.25);
    width: 4px;
    height: 4px;
    background: #f8cd1c;
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ratingstar.active .st1 {
    fill: #f8cd1c
}

.policyalert {
    z-index: 1000;
    position: fixed;
    bottom: 60px;
    right: 0;
    width: 280px
}

.policyalert[data-show="0"] {
    display: none
}

.policyalert__container {
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px #cfd8dc;
    box-shadow: 0 0 5px #cfd8dc;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    padding: 14px 12px
}

.policyalert__text {
    padding-right: 20px;
    text-align: initial
}

.policyalert__link {
    font-weight: 700;
    text-decoration: underline
}

.policyalert__btn-mobile-close {
    display: none;
    width: 20px;
    height: 20px;
    border: 0;
    padding: 0;
    border-radius: 10px;
    background: url(/local/templates/htmc_common/css/../img/close-disabled.svg) top left no-repeat;
    background-size: 20px 20px
}

.policyalert__btn-mobile-close:focus,.policyalert__btn-mobile-close:hover {
    background-image: url(/local/templates/htmc_common/css/../img/close.svg)
}

.policyalert__btn-close {
    min-width: 50px;
    font-size: 15px;
    padding: 7px 14px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .policyalert__container {
        font-size:11px;
        padding: 14px 12px
    }

    .policyalert__text {
        padding-right: 60px
    }
}

@media (max-width: 991.98px) {
    .policyalert__btn-close {
        min-width:50px
    }
}

@media (max-width: 767.98px) {
    .policyalert {
        left:0;
        width: 270px
    }

    .policyalert__container {
        font-size: 12px;
        line-height: 18px;
        padding: 10px 12px;
        height: 63px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial
    }

    .policyalert__text {
        padding-right: 10px;
        width: 165px
    }

    .policyalert__btns {
        width: 20px
    }

    .policyalert__btn-close {
        display: block
    }

    .policyalert__btn-mobile-close {
        display: none
    }
}

.vpn-modal {
    width: 100%;
    position: fixed;
    bottom: 90px;
    left: 0;
    z-index: 99999
}

@media (min-width: 768px) {
    .vpn-modal {
        bottom:60px
    }
}

.vpn-modal[data-show="0"] {
    display: none
}

.vpn-modal__container {
    width: calc(100% - 30px);
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px #cfd8dc;
    box-shadow: 0 0 5px #cfd8dc;
    margin: 0 15px
}

@media (min-width: 768px) {
    .vpn-modal__container {
        width:420px;
        margin: 0 auto
    }
}

.vpn-modal__block {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    font-size: 14px
}

.vpn-modal__title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0 5px
}

.vpn-modal__close {
    margin-top: 5px;
    cursor: pointer
}

.section-info {
    padding-top: 20px;
    padding-bottom: 20px
}

.section-info__item {
    margin-bottom: 60px
}

.section-info__title {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-size: 20px;
    letter-spacing: .4px;
    color: #5d5d5d;
    text-transform: uppercase;
    margin: 0 0 28px 0
}

.section-info__text {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 0;
    color: #9d9d9d;
}

.section-info__link-view {
    text-align: right;
    display: none;
    font-size: 13px;
    margin-top: 5px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .section-info__item {
        margin-bottom:40px
    }

    .section-info__title {
        font-size: 15px;
        letter-spacing: .3px;
        margin-bottom: 20px
    }

    .section-info__text {
        font-size: 9px;
        letter-spacing: .2px
    }
}

@media (max-width: 767.98px) {
    .section-info__item {
        display:none;
        margin-bottom: 0;
        margin-top: 40px
    }

    .section-info__item:first-child {
        display: block;
        margin-top: 0
    }

    .section-info__title {
        margin-bottom: 10px;
        max-width: none
    }

    .section-info__text {
        font-size: 13px;
        line-height: 1.6
    }

    .section-info__link-view {
        display: block
    }
}

.action {
    width: 100%;
    aspect-ratio: .875;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 #cfd8dc;
    box-shadow: 0 2px 4px 0 #cfd8dc;
    border-radius: 4px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media (min-width: 992px) {
    .action:hover {
        -webkit-box-shadow:0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        -webkit-transform: translateY(-14px);
        -ms-transform: translateY(-14px);
        transform: translateY(-14px)
    }
}

.action__link {
    display: block;
    height: 100%;
    width: 100%;
    position: relative
}

.action__link:focus,.action__link:hover {
    outline: 0
}

.action__img {
    display: block;
    height: 100%;
    width: auto
}

.action__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 25px 25px 25px
}

.action__title {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-size: 26px;
    letter-spacing: .8px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 17px 0;
    position: relative;
    z-index: 2;
    line-height: 32px;
    -webkit-line-clamp: 2
}

@media (min-width: 768px) {
    .action__title {
        font-size:27px;
        letter-spacing: .84px
    }
}

.action__description {
    font-size: 14px;
    line-height: 1.36;
    letter-spacing: .4px;
    color: #cfd7de;
    position: relative;
    z-index: 2;
    -webkit-line-clamp: 3
}

@media (min-width: 768px) and (max-width:991.98px) {
    .action__title {
        font-size:20px
    }

    .action__description {
        font-size: 11px
    }
}

@media (max-width: 767.98px) {
    .action__title {
        font-size:26px;
        margin-bottom: 12px
    }

    .action__img {
        width: 100%;
        height: auto
    }

    .action__content {
        padding: 50px 25px 25px 25px
    }
}

.review {
    height: 250px;
    position: relative;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 4px;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 4px 0 #cfd8dc;
    box-shadow: 0 2px 4px 0 #cfd8dc;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media (min-width: 992px) {
    .review:hover {
        -webkit-box-shadow:0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        -webkit-transform: translateY(-14px);
        -ms-transform: translateY(-14px);
        transform: translateY(-14px)
    }
}

.review__link {
    display: block;
    opacity: 0;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.review__gallery-link {
    margin-right: 2px
}

.review__gallery-link:last-child {
    margin-right: 0
}

.review__gallery-img {
    width: 18%;
    margin-top: 9px
}

.review__image {
    margin-top: 1rem;
    width: 100%
}

.review__swiper-container {
    position: relative;
    overflow: hidden
}

.review__head {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.review__head-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.review__head-info {
    margin-left: 20px;
    width: calc(100% - 80px)
}

.review__head-name {
    font-family: CoreSansDS75Black;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 3px;
    margin-bottom: 10px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.review__rating {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review__rating .ratingstar2 {
    width: 32px;
    height: 32px;
    background: url(/local/templates/htmc_common/css/../img/star.svg) center center no-repeat;
    background-size: 16px 16px;
    margin-left: -10px
}

.review__rating .ratingstar2.active {
    background-image: url(/local/templates/htmc_common/css/../img/star-fill.svg);
    background-size: 32px 32px
}

.review__text {
    line-height: 1.57;
    letter-spacing: .7px;
    color: #73808d
}

@media (min-width: 768px) and (max-width:991.98px) {
    .review {
        height:186px
    }

    .review__head {
        margin-bottom: 5px
    }

    .review__head-avatar {
        width: 44px;
        height: 44px
    }

    .review__head-info {
        margin-left: 15px;
        width: calc(100% - 59px)
    }

    .review__head-name {
        font-size: 15px;
        margin-bottom: 5px
    }

    .review__rating {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .review__rating .ratingstar2 {
        width: 28px;
        height: 28px;
        background-size: 12px 12px;
        margin-left: -6px
    }

    .review__rating .ratingstar2.active {
        background-size: 28px 28px
    }

    .review__text {
        line-height: 1.35;
        letter-spacing: .6px;
        font-size: 12px
    }
}

.good {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 366px;
    min-height: 366px;
    border-radius: 4px;
    /*background-color: #000;*/
    /*-webkit-box-shadow: 0 2px 4px 0 #cfd8dc;
    box-shadow: 0 2px 4px 0 #cfd8dc;*/
    padding: 14px;
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media (min-width: 992px) {
    .good:hover {
        -webkit-box-shadow:0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
        -webkit-transform: translateY(-14px);
        -ms-transform: translateY(-14px);
        transform: translateY(-14px)
    }
}

@media (max-width: 420px) {
    .good {
        min-height:250px
    }
}

.good_lunch:after {
    content: 'Пн – Пт \A 11:00 – 15:00';
    white-space: pre;
    display: block;
    position: absolute;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.741969px;
    text-transform: uppercase;
    color: #d3132c;
    z-index: 1;
    bottom: 0;
    right: 9px;
    border: 3px solid #d3132c;
    padding: 3px 6px;
    -webkit-transform: rotate(-7.79deg);
    -ms-transform: rotate(-7.79deg);
    transform: rotate(-7.79deg)
}

.good_lunch .btn-count {
    opacity: .65
}

.good_lunch .good__count {
    opacity: .3
}

.good__image {
    display: block;
    border-radius: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    z-index: 1
}

.good__image:before {
    content: '';
    display: block;
    width: 100%
}

.good__image4x3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.good__properties {
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 8px 0 8px;
    z-index: 2;
    min-height: 36px
}

.good__properties-left {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.good__properties-left .good__icon {
    margin-right: 5px
}

.good__properties-left .good__icon:last-child {
    margin-right: 0
}

.good__properties-right {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.good__icon {
    width: 28px;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: none
}

.good__icon-like {
    background-image: url(/../img/like.svg);
    cursor: pointer
}

.good__icon-like--red {
    background-image: url(../img/like-red.svg)
}

.good__icon-new {
    background-image: url(../img//new.svg)
}

.good__icon-spicy {
    background-image: url(../img/spicy.svg)
}

.good__icon-vegan {
    background-image: url(../img/vegan.svg)
}

.good__content {
    padding-top: 12px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 175px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media (max-width: 420px) {
    .good__content {
        min-height:0
    }
}

.good__title {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 8px 0;
    text-transform: uppercase;
    display: block;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    max-height: 40px;
    min-height: 0;
    overflow: hidden;
    color: #686868;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.good__title>a {
    color: inherit;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.good__title>a:focus,.good__title>a:hover {
    text-decoration: none
}

@media (max-width: 420px) {
    .good__title {
        min-height:0
    }
}

.good__descr {
    font-size: 12px;
    letter-spacing: .6px;
    color: #73808d;
    line-height: 1.2;
    margin-bottom: 10px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    min-height: 0;
    max-height: 42px;
    overflow: hidden;
    cursor: help;
}

@media (max-width: 420px) {
    .good__descr {
        min-height:0
    }
}

.good__weight {
    font-size: 12px;
    line-height: 1.2;
    color: #73808d;
    font-weight: 500;
    text-align: right
}

@media (min-width: 768px) {
    .good__weight {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.good__weight_mobile {
    display: none;
    position: relative;
    padding-left: 14px
}

.good__weight_mobile:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C6.20914 12 8 10.2091 8 8C8 5.79086 6.20914 4 4 4C1.79086 4 0 5.79086 0 8C0 10.2091 1.79086 12 4 12Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 5C5.10457 5 6 4.10457 6 3C6 1.89543 5.10457 1 4 1C2.89543 1 2 1.89543 2 3C2 4.10457 2.89543 5 4 5Z' fill='white' stroke='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.good__bottom {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.good__bottom-left {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.good__bottom-right {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal
}

.good__bottom-right_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1px;
    padding-bottom: 1px
}

.good__bottom-right_hidden {
    display: none
}

.good__count {
    font-size: 19px;
    letter-spacing: -1px;
    line-height: 1;
    min-width: 30px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    font-weight: 700
}

@media (max-width: 991px) and (min-width:768px) {
    .good__count {
        min-width:23px;
        padding-left: 0
    }
}

.good__price {
    font-family: Roboto;
    font-style: normal;
    letter-spacing: -1px;
    line-height: 1;
    font-size: 22px;
    font-weight: 700;
    color: white;
}

.good__price_left {
    font-size: 26px;
    line-height: 17px
}

.good__price-stroked {
    font-family: AktivGroteskCorp,sans-serif;
    line-height: 0.7;
    font-size: 18px;
    letter-spacing: .4px;
    color: #ffbe16;
    margin-right: 4px;
    margin-left: 0;
    padding-top: 6px;
    padding-left: 8px
}

.good__price-stroked:after {
    display: block;
    content: '';
    width: 107%;
    height: 1px;
    background: #fff;
    margin-top: -7px;
    margin-left: -2px
}

.good__price-stroked_right {
    padding-top: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 11px;
    font-size: 16px;
    line-height: 17px
}

.good__price-stroked_right::after {
    width: 115%;
    margin-top: -10px;
    margin-left: -3px
}

@media (max-width: 1199px) {
    .good__price-stroked {
        font-size:13px;
        margin-right: 2px;
        padding-left: 2px;
        margin-left: 1px
    }

    .good__price-stroked:after {
        height: 2.3px;
        margin-top: -7px
    }
}

@media (max-width: 767.98px) {
    .good__price-stroked:after {
        height:2.5px;
        margin-top: -12px
    }
}

.good__middle {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: auto
}

.good__pizza {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px
}

.good__pizza .btn-icon--settings {
    padding: 0;
    width: 21px;
    height: 21px;
    position: relative;
    margin-left: 5px
}

.good__pizza .btn-icon--settings:after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(/local/templates/htmc_common/css/../img/icons/settings.svg) top right no-repeat;
    position: absolute;
    top: 3px;
    left: 3px
}

.good__size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    .good__size {
        position:absolute;
        right: 16px;
        top: calc(70% - 23px);
        z-index: 10;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.good__size input {
    display: none
}

.good__size input:checked+label {
    color: #000
}

.good__size label {
    display: block;
    cursor: pointer;
    border: 1px solid #cfd8dc;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #a6b1bc;
    background: #fff;
    margin-bottom: 0;
    padding: 5.5px 7px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media (max-width: 767.98px) {
    .good__size label {
        width:68px;
        text-align: center
    }
}

@media (min-width: 768px) {
    .good__size label {
        padding:4px 7px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: .2px
    }
}

.good__size label:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left: 10px
}

@media (max-width: 767.98px) {
    .good__size label:first-of-type {
        padding-left:14px
    }
}

.good__size label:not(:first-of-type) {
    border-left: none
}

.good__size label:last-of-type {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 8px
}

@media (max-width: 767.98px) {
    .good__size label:last-of-type {
        padding-right:14px
    }
}

.good__2v1 {
    position: relative;
    border: 1px solid #cfd8dc;
    border-radius: 15px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    letter-spacing: .514286px;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    font-size: 10px;
    line-height: 12px;
    padding: 4px 7px 4px 35px;
    margin: 0 4px
}

.good__2v1:hover {
    text-decoration: none
}

.good__2v1:before {
    content: '';
    display: block;
    position: absolute;
    background: url(/local/templates/htmc_common/css/../img/2v1.svg);
    background-size: contain;
    width: 19px;
    height: 10px;
    left: 8px
}

@media (max-width: 767.98px) {
    .good__2v1 {
        position:absolute;
        top: calc(70% - 23px);
        right: 155px;
        z-index: 10;
        font-size: 14px;
        line-height: 17px;
        padding: 5.5px 7px;
        padding-left: 45px
    }

    .good__2v1:before {
        width: 26px;
        height: 14px;
        left: 10px
    }
}

.good__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.good__btn .btn {
    font-size: 10px;
    font-weight: 300;
    padding: 2px 26px 2px 8px;
    color: #a6b1bc;
    position: relative
}

.good__btn .btn:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 6px
}

.good__btn .btn-icon--eye:after {
    width: 18px;
    height: 12px;
    background: url(/local/templates/htmc_common/css/../img/icons/eye.svg) top right no-repeat
}

.good__btn .btn-icon--eye-red {
    color: #d31340!important;
    border: solid 1px #d31340!important
}

.good__btn .btn-icon--settings {
    padding-right: 22px
}

.good__btn .btn-icon--settings:after {
    width: 12px;
    height: 12px;
    background: url(/local/templates/htmc_common/css/../img/icons/settings.svg) top right no-repeat
}

.good-like .good__icon-like {
    display: block
}

.good-new .good__icon-new {
    display: block
}

.good-spicy .good__icon-spicy {
    display: block
}

.good-vegan .good__icon-vegan {
    display: block
}

@media (max-width: 1199px) {
    .good__price_left {
        font-size:21px
    }

    .good__price-stroked_right {
        margin-right: 0;
        padding-left: 0;
        margin-left: 9px
    }

    .good__price-stroked_right::after {
        margin-top: -10px
    }

    .good__count_mobile {
        min-width: 24px
    }
}

@media (max-width: 991px) {
    .good__price-stroked_right {
        margin-left:11px
    }

    .good__count_mobile {
        min-width: 30px
    }
}

@media (max-width: 767.98px) {
    .good {
        height:auto;
        padding: 9px;
        min-height: 0
    }

    .good__properties {
        top: 7px;
        left: 7px;
        right: 7px
    }

    .good__price {
        font-size: 32px
    }

    .good__price-stroked {
        font-size: 21px;
        margin-right: 10px;
        margin-left: 5px;
        padding-top: 8px;
        padding-left: 5px
    }

    .good__price-stroked_right {
        margin-right: 0;
        margin-left: 13px;
        margin-top: -14px;
        padding-left: 0;
        padding-top: 0;
        font-size: 22px;
        line-height: 24px
    }

    .good__price-stroked_right::after {
        margin-left: -6px;
        margin-top: -15px;
        width: 120%
    }

    .good__count {
        min-width: 32px
    }

    .good__content {
        padding-top: 14px;
        min-height: 0;
        display: block
    }

    .good__title {
        height: auto;
        margin-bottom: 14px;
        min-height: 0
    }

    .good__title_mobile {
        font-size: 20px;
        line-height: 20px
    }

    .good__weight {
        display: none
    }
.good__weight_mobile {
    display: block;
    font-size: 14px;
}
    .good__descr {
        display: block;
    }
}

.good-label-img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px
}

.good-bottom-new {
    margin-top: 23px;
    z-index: 4
}

.good-bottom-left-new {
    color: #fff
}

.good_price-label-new {
    border-radius: 4px;
    background: #d3132c;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: -120px;
    font-family: Roboto,sans-serif
}

@media (max-width: 768px) {
    .good_price-label-new {
        bottom:-210px
    }

    .good__2v1-new {
        right: 15px;
        top: 100px
    }

    .good-label-img {
        width: 180px;
        border-radius: 0 20px 0 20px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .good-bottom-new {
        margin-top: 10px
    }

    .good__bottom-right-new {
        padding-left: 10px
    }
}

.good__icon-new-new {
    display: block
}

.good__properties-right-new {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.good__price-stroked-new {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: .38px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: rgba(255,255,255,.5);
    padding-left: 3px
}

.good__price-stroked-new::after {
    display: none
}

.good__price-new {
    font-size: 24px
}

.good__bottom-right-new {
    z-index: 4;
    color: #fff;
    -webkit-box-align: first baseline;
    -ms-flex-align: first baseline;
    align-items: first baseline;
    padding-top: 2px
}

.pizza-size {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 57px
}

.pizza-size input {
    display: none
}

.pizza-size input:checked+label {
    opacity: 1
}

.pizza-size label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
    white-space: nowrap;
    background-image: url(/local/templates/htmc_common/css/../img/icons/pizza.svg);
    background-repeat: no-repeat;
    background-position: right 50% bottom 22px;
    color: #a6b1bc;
    letter-spacing: .6px;
    padding-top: 35px;
    margin: 0 17px;
    height: 100%;
    opacity: .75;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

@media (max-width: 959px) {
    .pizza-size label {
        font-size:10px;
        line-height: 1;
        margin: 0 7px
    }
}

.pizza-size__30 {
    background-size: 27px;
    font-size: 12px;
    line-height: 1
}

@media (max-width: 959px) {
    .pizza-size__30 {
        background-size:24px
    }
}

.pizza-size__40 {
    background-size: 34px;
    font-size: 16px;
    line-height: .85
}

@media (max-width: 959px) {
    .pizza-size__40 {
        background-size:30px
    }
}

@media (max-width: 767px) {
    .pizza-size--white-xs {
        padding-right:13px
    }

    .pizza-size--white-xs label {
        background-image: url(/local/templates/htmc_common/css/../img/icons/pizza-white.svg);
        background-position: right 50% bottom 16px;
        color: #fff
    }
}

.dish-card .page-content__wrap {
    padding: 30px;
    margin-top: 0;
    min-height: auto
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish-card .page-content__wrap {
        padding:20px
    }
}

@media (max-width: 767.98px) {
    .dish-card {
        padding-top:0;
        background: #000;
    }

    .dish-card .breadcrumb {
        display: none
    }

    .dish-card .page-content__wrap {
        padding: 0
    }

    .dish-card .dish__additional {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px
    }
}

.dish_lunch .dish__content {
    position: relative
}

.dish_lunch .dish__content:after {
    content: 'Пн – Пт \A 11:00 – 15:00';
    white-space: pre;
    display: block;
    position: absolute;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.741969px;
    text-transform: uppercase;
    color: #d3132c;
    z-index: 1;
    bottom: 2px;
    right: -5px;
    border: 3px solid #d3132c;
    padding: 3px 6px;
    -webkit-transform: rotate(-7.79deg);
    -ms-transform: rotate(-7.79deg);
    transform: rotate(-7.79deg)
}

@media (max-width: 767.98px) {
    .dish_lunch .dish__content:after {
        bottom:auto;
        top: 310px;
        right: 10px;
        z-index: 4
    }
}

.dish_lunch .dish__content .btn-count {
    opacity: .65
}

.dish_lunch .dish__content .dish__count {
    opacity: .3
}

.dish__mobile-show {
    display: none!important
}

@media (max-width: 767.98px) {
    .dish__mobile-show {
        display:inherit!important
    }
}

@media (max-width: 767.98px) {
    .dish__mobile-hide {
        position:absolute;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        right: 5px;
        bottom: 60px
    }
}

.dish__star-icon {
    background: url(/local/templates/htmc_common/css/../img/icons/circle-star-icon.svg) 50% 50% no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 0 -3px 10px
}

.dish__composition .modal-dialog {
    margin: 20px auto!important
}

.dish__composition .modal-content {
    background: 0 0;
    width: 100%;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.dish__comp-modal {
    width: 100%;
    max-width: 510px;
    background-color: #fff;
    border-radius: 5.8px;
    -webkit-box-shadow: 0 2px 34px 0 rgba(115,128,141,.47);
    box-shadow: 0 2px 34px 0 rgba(115,128,141,.47);
    padding: 15px 15px 15px;
    position: relative;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .dish__comp-modal {
        max-width:360px
    }
}

.dish__comp-modal__close-btn {
    position: absolute;
    right: 19px;
    top: 19px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.845895 13.2478C0.260109 12.6621 0.260109 11.7123 0.845895 11.1265L10.7454 1.22703C11.3312 0.641243 12.2809 0.641242 12.8667 1.22703C13.4525 1.81282 13.4525 2.76256 12.8667 3.34835L2.96722 13.2478C2.38143 13.8336 1.43168 13.8336 0.845895 13.2478Z' fill='%2373808D'/%3E%3Cpath d='M12.8667 13.2478C13.4525 12.6621 13.4525 11.7123 12.8667 11.1265L2.96722 1.22703C2.38143 0.641243 1.43168 0.641242 0.845895 1.22703C0.260109 1.81282 0.260109 2.76256 0.845895 3.34835L10.7454 13.2478C11.3312 13.8336 12.2809 13.8336 12.8667 13.2478Z' fill='%2373808D'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    border: none;
    cursor: pointer;
    outline: 0;
    width: 14px;
    height: 14px;
    display: block
}

.dish__comp-modal__header {
    padding-bottom: 18px
}

.dish__comp-modal__content {
    padding-right: 20px
}

@media only screen and (min-width: 767px) {
    .dish__comp-modal__content {
        max-height:420px
    }
}

@media only screen and (min-width: 1400px) {
    .dish__comp-modal__content {
        max-height:488px
    }
}

.dish__comp-modal__content .simplebar-track {
    border-radius: 2.5px;
    background-color: #f1f5f6;
    width: 5px
}

.dish__comp-modal__content .simplebar-scrollbar {
    right: 0
}

.dish__comp-modal__content .simplebar-scrollbar:before {
    border-radius: 2.5px;
    background-color: #cfd8dc
}

.dish__comp-modal__title {
    margin: 0;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.38px;
    color: #2e2f31;
    text-transform: uppercase;
    font-family: CoreSansDS75Black,sans-serif
}

.dish__comp-modal__item {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: .17px;
    color: #73808d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: dashed 1px #a6b1bc;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative
}

@media only screen and (max-width: 767.98px) {
    .dish__comp-modal__item {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.dish__comp-modal__item:last-child {
    border: none
}

.dish__comp-modal__item-img {
    width: 64px;
    height: 64px;
    min-width: 64px;
    margin-right: 14px;
    border-radius: 16px;
    overflow: hidden;
    background-size: cover!important
}

.dish__comp-modal__item-title {
    font-size: 17px;
    font-weight: 900;
    line-height: 1.18;
    color: #2e2f31;
    margin: 0 0 10px
}

@media only screen and (max-width: 767.98px) {
    .dish__comp-modal__item-title {
        display:block;
        padding-right: 60px
    }
}

.dish__comp-modal__item-price {
    font-size: 22px;
    font-weight: 900;
    line-height: .95;
    color: #2e2f31;
    width: 100px;
    text-align: right;
    margin-left: auto;
    white-space: nowrap
}

@media only screen and (max-width: 767.98px) {
    .dish__comp-modal__item-price {
        position:absolute;
        right: -16px;
        top: 0
    }
}

.dish__comp-modal__footer {
    border-top: 2px solid rgba(207,216,220,.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 5px;
    font-weight: 900;
    margin-right: 20px
}

.dish__comp-modal__footer-label {
    font-size: 18px;
    line-height: 1.11;
    color: #27292e
}

.dish__comp-modal__footer-price {
    font-size: 22px;
    line-height: .95;
    color: #2e2f31;
    text-align: right;
    position: relative
}

.dish__comp-modal__footer-price[data-old-price]::after {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.13;
    color: #73808d;
    display: block;
    padding-right: 12px;
    margin-top: 5px;
    content: attr(data-old-price)
}

.dish__comp-modal__footer-price[data-old-price]::before {
    display: block;
    height: 2px;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 10px;
    background-color: #73808d;
    content: ""
}

@media (max-width: 767px) {
    .dish__header {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        bottom: calc(100% + 20px);
        margin-bottom: 10px;
        width: calc(100% - 40px)
    }
}

@media (max-width: 767px) {
    .dish__title-block {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-preferred-size: 53%;
        flex-basis: 53%
    }
}

.dish__photo {
    width: 50%;
    position: relative;
    overflow: hidden
}

.dish__photo_detail {
    height: auto
}

@media (max-width: 768px) {
    .dish__photo_detail {
        height:auto
    }
}

@media (max-width: 767.98px) {
    .dish__photo {
        width:100%
    }

    .dish__photo:after {
        content: '';
        display: block;
        height: 200px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(39,41,43,0)),to(#000));
        background-image: -o-linear-gradient(top,rgba(39,41,43,0),#000);
        background-image: linear-gradient(to bottom,rgba(39,41,43,0),#000)
    }
}

/* Стилі для великого зображення */
    .modall {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 40px;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .modall-content {
        margin: auto;
        display: block;
        width: auto; /* Розміри великого зображення */
        height: auto;
        max-height: 100%;
    }

    .close {
        position: absolute;
        top: 35px;
        right: 15px;
        color: #f00;
        font-size: 35px;
        cursor: pointer;
    }
.close:hover {
    color: #ffbe16;
    text-decoration: none;
}
@media only screen and (max-width: 600px) {
    /* Зменшуємо розмір зображення на мобільних пристроях */
    .dish__image {
        max-height: 100%; /* Автоматична висота */
        touch-action: manipulation!important; /* Дозволяє користувачам зумувати зображення */
        cursor: zoom-in; /* Зміна курсора на "зум" при наведенні на зображення */
    }
    .modall-content{

        max-height: 100%; /* Автоматична висота */
        touch-action: manipulation!important; /* Дозволяє користувачам зумувати зображення */
        cursor: zoom-in; /* Зміна курсора на "зум" при наведенні на зображення */
    }
}


.dish__image {
    display: block;
    border-radius: 22px;
    background-color: #000;
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    cursor: zoom-in;
}

.dish__image:before {
    content: '';
    display: block;
    width: 100%
}

@media (max-width: 767.98px) {
    .dish__image {
        border-radius:0;
        height: 394px;
    }
    .modall {
    top: 0px;
}
}

.dish__image4x3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: inherit;
}

.dish .good__properties {
    top: 18px;
    left: 18px;
    right: 18px;
    padding: 0
}

.dish .good__properties .good__icon {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    margin-right: 0
}

.dish .good__properties .good__icon+.good__icon {
    margin-left: 16px
}

.dish .good__properties .good__icon-like {
    background-size: cover;
    height: 36px;
    width: 36px
}

.dish__title {
    color: #2e2f31;
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 24px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: .2px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__title {
        font-size:22px
    }
}

@media (max-width: 767.98px) {
    .dish__title {
        color:#fff;
        font-size: 20px;
        position: absolute;
        bottom: calc(100% + 20px);
        margin-bottom: 10px;
        padding-right: 110px
    }

    .dish__title_mobile {
        position: inherit;
        bottom: 0;
        margin-bottom: 0;
        font-size: 17px
    }
}

.dish__composition-title {
    color: #2e2f31;
    font-size: 17px;
    font-family: CoreSansDS75Black,sans-serif;
    text-transform: uppercase;
    letter-spacing: .2px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__composition-title {
        font-size:15px
    }
}

@media (max-width: 767.98px) {
    .dish__composition-title {
        display:none
    }
}

.dish__composition-text {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    letter-spacing: .43px;
    color: #73808d;
    line-height: 19px;
    margin-bottom: 20px
}

@media (max-width: 991.98px) {
    .dish__composition-text {
        font-size:14px
    }
}

@media (max-width: 767.98px) {
    .dish__composition-text {
        margin-bottom:15px
    }
}

.dish__parents {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 30px
}

.dish__parent {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .426666px;
    color: #73808d
}

@media (max-width: 767.98px) {
    .dish__parent {
        font-size:14px
    }
}

.dish__parent:before {
    content: 'i';
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    background: #a6b1bc;
    border-radius: 15px;
    left: 0;
    top: 2px
}

.dish__parent-link {
    color: #73808d;
    text-decoration: underline
}

.dish__weight {
    font-family: AktivGroteskCorp,sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #73808d;
    white-space: nowrap;
    position: relative;
    padding-left: 22px;
    letter-spacing: .194286px
}

.dish__weight:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 13px;
    height: 18px;
    line-height: 1;
    background-image: url(../img/weight.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (max-width: 767px) {
    .dish__weight-mobile {
        position:absolute;
        margin-top: 0;
        right: 20px;
        bottom: 85px
    }
}

.dish__weight--xs {
    display: none
}

@media (max-width: 767px) {
    .dish__weight {
        font-size:14px;
        line-height: 16px;
        letter-spacing: .362133px;
        margin-bottom: 14px
    }

    .dish__weight--md {
        display: none
    }

    .dish__weight--xs {
        display: block
    }
}

.dish__size {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dish__size input {
    display: none
}

.dish__size input:checked+label {
    color: #2e2f31
}

.dish__size label {
    display: block;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cfd8dc;
    color: #a6b1bc;
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 17px;
    font-weight: 900;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 5px 15px 4px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    white-space: nowrap
}

.dish__size label:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left: 15px
}

.dish__size label:not(:first-of-type) {
    border-left: none
}

.dish__size label:last-of-type {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 15px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__size label {
        font-size:15px
    }

    .dish__size label:first-of-type {
        padding-left: 14px
    }

    .dish__size label:last-of-type {
        padding-right: 14px
    }
}

@media (max-width: 767px) {
    .dish__size label {
        font-size:13px;
        padding: 6px 12px 5px
    }
}

@media (max-width: 767px) {
    .dish__size {
        position:absolute;
        top: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.dish__pizza {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.dish__pizza input {
    display: none
}

.dish__pizza input:checked+label {
    color: #2e2f31
}

.dish__pizza label {
    display: block;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #cfd8dc;
    color: #a6b1bc;
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 17px;
    font-weight: 900;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 5px 15px 4px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    white-space: nowrap
}

.dish__pizza label:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-left: 15px
}

.dish__pizza label:not(:first-of-type) {
    border-left: none
}

.dish__pizza label:last-of-type {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 15px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__pizza label {
        font-size:15px
    }

    .dish__pizza label:first-of-type {
        padding-left: 14px
    }

    .dish__pizza label:last-of-type {
        padding-right: 14px
    }
}

@media (max-width: 767px) {
    .dish__pizza label {
        font-size:13px;
        padding: 6px 12px 5px
    }
}

.dish__pizza-btn {
    position: absolute;
    top: 45px;
    left: 0
}

@media (max-width: 767px) {
    .dish__pizza-btn {
        top:0;
        left: 145px
    }
}

.dish__price {
    font-family: Roboto,sans-serif;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.1;
    position: relative;
    top: 1px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__price {
        font-size:26px
    }
}

@media (max-width: 767px) {
    .dish__price {
        font-style:normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .dish__price_mobile {
        color: #fff
    }
}

.dish__price-stroked {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: .4px;
    color: #a6b1bc;
    font-weight: 400;
    margin-left: 15px;
    margin-right: 5px;
    text-decoration: line-through
}

@media (max-width: 768px) {
    .dish__price-stroked {
        margin:0
    }
}

.dish__price-stroked_left {
    margin-left: 0;
    margin-right: 21px;
    text-decoration: none;
    position: relative
}

.dish__price-stroked_left:after {
    position: absolute;
    display: block;
    content: '';
    width: 125%;
    height: 2px;
    background: #a6b1bc;
    left: -10%;
    top: 40%
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__price-stroked {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .dish__price-stroked {
        font-size:14px
    }

    .dish__price-stroked_mobile {
        font-size: 16px;
        line-height: 24px
    }
}

.dish__price-wrap {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 767px) {
    .dish__price-wrap_mobile {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.dish__count {
    font-size: 19px;
    letter-spacing: -1px;
    line-height: 1;
    min-width: 30px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center
}

.dish__count_detail {
    min-width: 40px
}

@media (max-width: 767px) {
    .dish__count_mobile {
        color:#fff;
        font-size: 22px;
        line-height: 24px;
        min-width: 36px
    }
}

.dish__count-wrap {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 11px
}

.dish__count-wrap_hidden {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .dish__count-wrap .btn-count {
        width:30px;
        height: 30px
    }

    .dish__count-wrap_hidden {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.dish__btn-icon {
    font-family: AktivGroteskCorp,sans-serif;
    white-space: nowrap
}

@media (max-width: 767px) {
    .dish__btn-icon {
        margin-bottom:0
    }
}

.dish__properties {
    width: 50%;
    padding-left: 35px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__properties {
        padding-left:15px
    }
}

@media (max-width: 767px) {
    .dish__properties {
        max-width:100%;
        padding: 100px 20px 0;
        background-color: #fff;
        border-radius: 22px;
        position: relative;
        top: -18px;
        margin-bottom: -44px;
        width: 100%
    }
}

.dish__content {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dish__content-row {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px 0
}

.dish__content-row:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .dish__content-row:last-child {
        margin-top:20px;
        margin-bottom: 10px;
        position: relative
    }
}

.dish__content-row_info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .dish__content-row_info {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .dish__content-row {
        margin:5px 0
    }

    .dish__content-row_mobile-hidden {
        display: none
    }
}

.dish__content-row_second {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    margin: 0 0 80px 0
}

@media (max-width: 767px) {
    .dish__content-row_second {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 0;
        margin: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }
}

.dish__content-column {
    display: none
}

@media (max-width: 767px) {
    .dish__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .dish__content-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.dish__info {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 30px
}

.dish__info>li {
    text-align: center
}

.dish__info>li .icon {
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto 5px
}

@media (max-width: 767px) {
    .dish__info>li .icon {
        margin-right:10px;
        margin-bottom: 0
    }
}

.dish__info>li .icon--kkal {
    background-image: url(../img/kkal.svg)
}

.dish__info>li .icon--protein {
    background-image: url(../img/belok.svg)
}

.dish__info>li .icon--fats {
    background-image: url(../img/fat.svg)
}

.dish__info>li .icon--carbo {
    background-image: url(../img/uglevod.svg)
}

.dish__info>li .amount {
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    color: #2e2f31
}

@media (max-width: 1024px) {
    .dish__info>li .amount {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .dish__info>li .amount {
        font-size:13px
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__info {
        margin-left:10px
    }
}

@media (max-width: 767px) {
    .dish__info {
        position:absolute;
        top: 40px;
        right: 0;
        left: 0;
        margin-left: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px
    }

    .dish__info>li {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.dish__additional {
    padding: 20px 0 0
}

.dish__additional .swiper-button-circle {
    background-color: #cfd8dc;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    position: relative
}

.dish__additional .swiper-button-circle--prev {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 20px
}

.dish__additional .swiper-button-circle--next {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 20px
}

.dish__additional .swiper-button-circle:hover {
    background-color: #d3132c
}

.dish__additional .swiper-button-circle.swiper-button-disabled:after,.dish__additional .swiper-button-circle::after {
    border-color: #fff
}

@media (max-width: 767px) {
    .dish__additional {
        padding:20px 0
    }
}

.dish__additional>.container {
    padding: 0
}

@media (max-width: 767px) {
    .dish__additional>.container {
        padding:0 15px
    }
}

.dish__additional-title {
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #2e2f31;
    margin-bottom: 25px;
    text-transform: uppercase
}

@media (min-width: 768px) and (max-width:991.98px) {
    .dish__additional-title {
        font-size:15px
    }
}

@media (max-width: 767px) {
    .dish__additional-title {
        text-align:left;
        margin-bottom: 20px
    }
}

.dish__additional-swiper {
    position: relative;
    overflow: hidden;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dish__additional-swiper-wrap {
    position: relative;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dish__supplement {
    cursor: pointer;
    text-align: center
}

.dish__supplement input {
    display: none
}

input:checked+.dish__supplement-img-wrap {
    border-color: #d3132c
}

input:checked+.dish__supplement-img-wrap:after {
    opacity: 1
}

.dish__supplement-img-wrap {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: solid 5px #eceff1;
    border-radius: 50%;
    height: 66px;
    width: 66px;
    margin-bottom: 10px;
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
}

@media (max-width: 767px) {
    .dish__supplement-img-wrap {
        height:46px;
        width: 46px;
        border-width: 3px;
        margin-bottom: 3px;
        border: 2px solid transparent
    }
}

.dish__supplement-img-wrap:hover {
    border-color: #d3132c
}

.dish__supplement-img-wrap:after {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 8;
    color: #fff;
    background: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.48527 25.4558C13.1716 30.1421 20.7695 30.1421 25.4558 25.4558C30.1421 20.7696 30.1421 13.1716 25.4558 8.48528C20.7695 3.79899 13.1716 3.79899 8.48527 8.48528C3.79898 13.1716 3.79898 20.7696 8.48527 25.4558Z' fill='%23D3132C'/%3E%3Cpath d='M21.9788 17.0085L11.9624 17.0079' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9707 22.0165L16.9701 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat #d3132c;
    border-radius: 50%;
    line-height: 1;
    height: 24px;
    width: 24px;
    position: absolute;
    right: -12px;
    bottom: -6px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

@media only screen and (max-width: 767px) {
    .dish__supplement-img-wrap:after {
        z-index:11
    }
}

.dish__supplement-quant {
    position: relative;
    display: inline-block
}

.dish__supplement-quant .dish__supplement-counter:not([value="0"])+.dish__supplement-add {
    display: none
}

.dish__supplement-add {
    position: absolute;
    background: #d3132c;
    width: 100%;
    height: 28px;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 14px;
    cursor: pointer;
    font-weight: 900;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .141667px;
    color: #fff
}

.dish__supplement img {
    display: block;
    position: relative;
    z-index: 10;
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.dish__supplement h6 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #2e2f31;
    font-family: Roboto,sans-serif;
    text-transform: none;
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .dish__supplement h6 {
        font-size:13px!important
    }
}

.dish__topping {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media (min-width: 767px) {
    .dish__topping {
        margin-left:auto;
        margin-right: 8px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

@media (min-width: 960px) {
    .dish__topping {
        margin-right:1.5rem
    }
}

.dish__pizza-size {
    display: none
}

@media (max-width: 767px) {
    .dish__pizza-size {
        color:#fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: -80px;
        right: 0;
        z-index: 4
    }
}

.dish__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .dish__btns {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.dish__2v1 {
    display: inline-block;
    position: relative;
    border: 1px solid #cfd8dc;
    border-radius: 15px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    letter-spacing: .514286px;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    font-size: 14px;
    line-height: 17px;
    padding: 5.5px 7px 5.5px 45px;
    margin: 0 4px
}

.dish__2v1:hover {
    text-decoration: none
}

.dish__2v1:before {
    content: '';
    display: block;
    position: absolute;
    background: url(/local/templates/htmc_common/css/../img/2v1.svg);
    background-size: contain;
    width: 26px;
    height: 14px;
    left: 10px
}

@media (min-width: 768px) {
    .dish__2v1 {
        margin-top:10px;
        margin-left: 0
    }
}

.swiper-button-circle {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.18);
    box-shadow: 0 2px 4px rgba(0,0,0,.18);
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: 0
}

@media (max-width: 767px) {
    .swiper-button-circle {
        top:35px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.swiper-button-circle:after {
    content: '';
    display: block;
    border: 2px solid #d3132c;
    border-top: none;
    border-right: none;
    height: 10px;
    width: 10px;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    position: absolute;
    top: 10px;
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
}

.swiper-button-circle.swiper-button-disabled:after {
    border-color: #cfd8dc
}

.swiper-button-circle--next {
    right: 0
}

.swiper-button-circle--next:after {
    right: 12px;
    -webkit-transform: rotateZ(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotateZ(-135deg)
}

@media (max-width: 767px) {
    .swiper-button-circle--next {
        display:none
    }
}

.swiper-button-circle--prev {
    left: 0
}

.swiper-button-circle--prev:after {
    left: 12px
}

@media (max-width: 767px) {
    .swiper-button-circle--prev {
        display:none
    }
}

@media (max-width: 767px) {
    .dish__additional-swiper-wrap_arr .swiper-button-circle--next,.dish__additional-swiper-wrap_arr .swiper-button-circle--prev {
        display:block;
        z-index: 3
    }

    .dish__additional-swiper-wrap_arr .swiper-button-circle--prev {
        left: -5px
    }

    .dish__additional-swiper-wrap_arr .swiper-button-circle--next {
        right: -5px
    }
}

.dish__price-wrap-new {
    color: #fff;
    background: #d3132c;
    border-radius: 0 20px 0 20px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-right: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width: 768px) {
    .dish__price-wrap-new {
        border-radius:8px 0 0 8px;
        display: block!important;
        padding: 4px 20px;
        text-align: right;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.dish__price-new {
    font-weight: 700
}

.dish__supplement-cost-new {
    background: #d3132c;
    color: #fff;
    border-radius: 13px;
    padding: 2px 20px;
    font-size: 14px;
    font-weight: 400
}

@media (max-width: 767px) {
    .dish__price-new {
        font-size:24px;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .dish__pizza-size-new {
        color:#fff;
        top: -130px
    }
}

.dish__price-stroked-new {
    color: rgba(255,255,255,.8)
}

@media (max-width: 768px) {
    .dish__price-stroked-new {
        margin:0
    }
}

.styledPlacemark {
    border: 1px solid #fff;
    padding: 3px;
    border-radius: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform: translate(-50%,-105%);
    -ms-transform: translate(-50%,-105%);
    transform: translate(-50%,-105%);
    outline: 0
}

.styledPlacemark>a {
    display: inline-block;
    background: rgba(214,77,77,.7);
    color: #fff;
    padding: 15px 25px;
    border-radius: 40px;
    text-decoration: none;
    outline: 0;
    position: relative
}

.placemarkr {
    position: relative
}

.placemarkr-tooltip {
    position: absolute;
    bottom: calc(100% + 55px);
    left: calc(50% - 8px);
    border-radius: 8px;
    background-color: #000;
    padding: 10px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .23s;
    -o-transition: opacity .23s;
    transition: opacity .23s;
    width: 180px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.placemarkr-tooltip:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #000;
    border-bottom: 0;
    content: "";
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px)
}

.placemarkr-tooltip__hours {
    margin-top: 10px
}

.placemarkr-tooltip__hours-image {
    width: 15px;
    height: 15px
}

.placemarkr-tooltip__hours-title {
    margin-left: 10px
}

.placemarkr-tooltip>span {
    display: block;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: .32px;
    color: #fff
}

.placemarkr-icon {
    position: relative;
    width: 30px;
    height: 45px;
    left: -15px;
    top: -45px
}

.placemarkr-icon::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url(/local/templates/htmc_common/css/../img/map/pin_2.svg);
    background-size: 30px 45px;
    width: 30px;
    height: 45px;
    background-position: center;
    opacity: 0;
    -webkit-transition: opacity .32s;
    -o-transition: opacity .32s;
    transition: opacity .32s
}

.placemarkr-icon::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url(/local/templates/htmc_common/css/../img/map/pin_3.svg);
    width: 30px;
    height: 45px;
    background-position: center;
    background-size: 30px 45px;
    opacity: 1;
    -webkit-transition: opacity .32s;
    -o-transition: opacity .32s;
    transition: opacity .32s
}

.placemarkr-icon--black:before {
    background-image: url(/local/templates/htmc_common/css/../img/map/pin_2.svg)
}

.placemarkr-hover .placemarkr-tooltip {
    opacity: 1
}

.placemarkr-hover .placemarkr-icon:after {
    opacity: 1
}

.placemarkr-hover .placemarkr-icon:before {
    opacity: 0
}

.recommend.swiper-container {
    overflow: inherit;
    margin-right: -15px;
    margin-left: -15px
}

@media (max-width: 767.98px) {
    .recommend.swiper-container.swiper-container {
        overflow:hidden;
        margin: 0 auto
    }

    .recommend.swiper-container .col-md-4.swiper-slide {
        padding: 0
    }

    .recommend.swiper-container .swiper-pagination-bullet {
        -webkit-transition: background-color .15s;
        -o-transition: background-color .15s;
        transition: background-color .15s;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    .recommend.swiper-container .reccommend-pagination {
        text-align: center;
        padding-bottom: 15px
    }

    .recommend.swiper-container .reccommend-pagination .swiper-pagination-bullet-active {
        background-color: #000
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .recommend .swiper-wrapper .swiper-slide:last-child {
        display:none
    }
}

@media (max-width: 575px) {
    .recommend .good {
        height:auto;
        min-height: 104px;
        padding: 9px 9px 9px 90px;
        position: relative;
        border-radius: 9px
    }

    .recommend .good__image {
        position: absolute;
        left: 9px;
        top: 9px;
        width: 64px;
        height: 64px;
        min-height: 0;
        padding: 0
    }

    .recommend .good__properties {
        display: none
    }

    .recommend .good__content {
        padding: 0 80px 0 0
    }

    .recommend .good__title {
        font-family: Roboto,sans-serif;
        font-size: 16px;
        line-height: 1;
        font-weight: 700;
        text-transform: none;
        white-space: normal;
        margin: 8px 0 10px;
        overflow: hidden;
        max-height: 32px
    }

    .recommend .good__bottom-right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .recommend .good__price {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        font-size: 20px;
        text-align: right
    }

    .recommend .good__price-stroked {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 15px;
        width: auto;
        text-align: right;
        margin: 0
    }

    .recommend .good__price-stroked:after {
        height: 2px;
        margin-top: -7px
    }

    .recommend .good__bottom {
        width: 80px;
        position: absolute;
        right: 15px;
        top: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .recommend .good__bottom-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 20px
    }

    .recommend .good__bottom-right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 10px
    }

    .recommend .good__weight {
        display: none;
        text-align: left
    }

    .recommend .good__weight_mobile {
        display: block
    }

    .recommend .good__count {
        font-size: 14px
    }

    .recommend .good .btn-count {
        width: 20px;
        height: 20px
    }

    .recommend .good__middle {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 25px
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0
}

.sizes[data-current-size="100"] .sizes-100 {
    display: block
}

.sizes[data-current-size="100"] .sizes-all {
    display: none
}

.sizes[data-current-size=all] .sizes-100 {
    display: none
}

.sizes[data-current-size=all] .sizes-all {
    display: block
}

.text-opener.active .text-opener__inner {
    display: block
}

.text-opener__toggler {
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #2e2f31;
    cursor: pointer;
    margin-bottom: 10px
}

.text-opener__inner {
    display: none;
    position: relative;
    padding: 10px 0;
    height: 150px
}

.text-opener__inner.simplebar-scrollable-y:before {
    background: -o-linear-gradient(top,#fff 18.75%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(18.75%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(180deg,#fff 18.75%,rgba(255,255,255,0) 100%);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    z-index: 10;
    content: ""
}

.text-opener__inner.simplebar-scrollable-y:after {
    background: -o-linear-gradient(bottom,#fff 18.75%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(18.75%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(0deg,#fff 18.75%,rgba(255,255,255,0) 100%);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    z-index: 10;
    content: ""
}

.text-opener__inner.simplebar-scrollable-y .simplebar-track.simplebar-vertical {
    background-color: #f1f5f6;
    border-radius: 2.5px;
    right: -8px;
    width: 5px
}

.text-opener__inner.simplebar-scrollable-y .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    width: 5px;
    right: 0;
    background: #cfd8dc
}

.text-help {
    padding-left: 22px;
    font-size: 12px;
    line-height: 14px;
    color: #73808d;
    position: relative;
    text-align: left
}

.text-help:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
    height: 15px;
    background-image: url(/local/templates/htmc_common/css/../img/help.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.form-search {
    position: relative;
    width: 250px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

.form-search .form-group {
    margin-bottom: 0
}

.form-search .form-control {
    letter-spacing: .3px;
    font-size: 15px;
    font-family: AktivGroteskCorp,sans-serif;
    color: #767e87;
    border-radius: 20px;
    padding: 7px 20px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    border: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

@media (max-width: 767px) {
    .form-search .form-control {
        -webkit-transition:none;
        -o-transition: none;
        transition: none
    }
}

.form-search .form-control:focus {
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.15)
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:767px) {
    .form-search .form-control:focus {
        font-size:16px!important;
        height: 32px
    }
}

.form-search__btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -2px;
    right: 0;
    border-radius: 20px;
    background-color: transparent;
    background: url(/local/templates/htmc_common/css/../img/icons/search.svg) center center no-repeat;
    background-size: 16px 16px
}

.form-search .form-search-modal {
    right: 0!important;
    top: 47px
}

.form-search .form-search-modal:before {
    right: 0
}

@media (max-width: 767px) {
    .form-search .form-search-modal {
        width:calc(100vw - 30px)
    }
}

.form-search--focused {
    width: 408px
}

@media (max-width: 991px) and (min-width:768px) {
    .form-search--focused {
        width:390px
    }
}

@media (max-width: 767px) {
    .form-search .form-control {
        font-size:16px;
        padding: 5px 15px;
        height: 38px!important
    }

    .form-search__btn {
        width: 32px;
        height: 32px;
        background-size: 20px 20px;
        top: 3px;
        right: 9px
    }

    .form-search .basket-modal__picture {
        display: none
    }

    .form-search .basket-modal__items-name {
        width: auto
    }

    .form-search .basket-modal__items-inner {
        width: 100%
    }
}

.form-select {
    background-color: transparent;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    position: relative;
    border: 1px solid #e0e6e9
}

.form-select.state-focus {
    -webkit-box-shadow: 0 0 0 2px #4cd96a;
    box-shadow: 0 0 0 2px #4cd96a
}

.form-select--comment {
    position: relative
}

.form-select--comment:after {
    display: block;
    margin: 0!important;
    vertical-align: top!important;
    border: 2px solid #cfd8dc;
    border-top: none;
    border-right: none;
    position: absolute;
    top: calc(50% - (14px * 3/4));
    right: 14px;
    height: 14px;
    width: 14px;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transform-origin: calc(14px/4) calc(14px * 3/4);
    -ms-transform-origin: calc(14px/4) calc(14px * 3/4);
    transform-origin: calc(14px/4) calc(14px * 3/4);
    -webkit-transition: border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    transition: border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    -o-transition: transform .3s,border-color .2s,opacity .3s .3s;
    transition: transform .3s,border-color .2s,opacity .3s .3s;
    transition: transform .3s,border-color .2s,opacity .3s .3s,-webkit-transform .3s;
    content: ''
}

@media (max-width: 767px) {
    .form-select--comment:after {
        top:calc(50% - (12px * 3/4));
        right: 10px;
        height: 12px;
        width: 12px;
        -webkit-transform-origin: calc(12px/4) calc(12px * 3/4);
        -ms-transform-origin: calc(12px/4) calc(12px * 3/4);
        transform-origin: calc(12px/4) calc(12px * 3/4)
    }
}

.form-select--comment.state-focus::after {
    -webkit-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg);
    border-color: #44474a
}

.form-select .form-label {
    padding: 0;
    margin: 0;
    color: #73808d;
    font-size: 17px;
    line-height: 2;
    letter-spacing: .3px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 13px;
    left: 15px;
    right: 0;
    z-index: 0;
    -webkit-transform: scale(.7) translateY(-18px);
    -ms-transform: scale(.7) translateY(-18px);
    transform: scale(.7) translateY(-18px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.form-select .form-control {
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 26px 16px 10px;
    font-weight: 500;
    color: #2e2f31;
    background-color: transparent!important
}

.form-select--no-label .form-control {
    padding-top: 10px
}

.form-select__dropdown {
    max-height: 300px;
    overflow: visible!important;
    position: absolute;
    z-index: 100;
    top: 110%;
    left: -1px;
    right: -1px;
    padding-bottom: 10px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 24px 49px 0 #cfd8dc;
    box-shadow: 0 24px 49px 0 #cfd8dc
}

.form-select__dropdown:before {
    content: "";
    display: block;
    width: 60px;
    height: 10px;
    background-image: url(/local/templates/htmc_common/css/../img/angle-border.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 85%;
    position: absolute;
    top: -10px;
    right: 0
}

.form-select .ui-menu {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    background-color: transparent;
    border-radius: 4px;
    max-height: 300px;
    overflow: visible!important;
    position: relative!important
}

.form-select .ui-menu-item {
    padding: 0;
    border-bottom: none
}

.form-select .ui-menu-item-wrapper {
    color: #73808d;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    margin: 13px 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 11px;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.form-select .ui-menu-item:hover .ui-menu-item-wrapper {
    color: #495057
}

@media (max-width: 767px) {
    .form-select .ui-menu:before {
        right:12px
    }
}

.xdsoft_datetimepicker {
    background: #fff;
    border: 1px solid #cfd8dc;
    color: #000;
    display: none;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    padding: 30px 24px 20px;
    position: absolute;
    z-index: 99999;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.xdsoft_datetimepicker::after {
    background: url("data:image/svg+xml,%3Csvg width='24' height='8' viewBox='0 0 24 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-345.4 11.0081C-345.4 8.79989 -343.611 7.00941 -341.402 7.00809L1.40486 6.8021C3.70375 6.80072 5.83998 5.61587 7.0584 3.66641L7.35973 3.18432C9.9283 -0.925418 15.9713 -0.749648 18.2967 3.50245C19.4085 5.5355 21.5411 6.79988 23.8583 6.79988H35C37.2091 6.79988 39 8.59074 39 10.7999V303.791C39 306 37.2105 307.79 35.0022 307.791L-341.398 307.998C-343.608 307.999 -345.4 306.208 -345.4 303.998V11.0081Z' fill='white'/%3E%3Cpath d='M-344.9 11.0081C-344.9 9.07591 -343.334 7.50925 -341.402 7.50809L1.40517 7.3021C3.87633 7.30061 6.17265 6.02697 7.48241 3.93141L7.78371 3.44934L7.35973 3.18432L7.78374 3.44932C10.1497 -0.33625 15.716 -0.174348 17.858 3.74235C19.0575 5.93577 21.3583 7.29988 23.8583 7.29988H35C36.933 7.29988 38.5 8.86688 38.5 10.7999V303.791C38.5 305.724 36.9342 307.29 35.0019 307.291L-341.398 307.498C-343.332 307.499 -344.9 305.931 -344.9 303.998V11.0081Z' stroke='%23CFD8DC' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='-394.4' y='-24.795' width='482.4' height='405.793' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='24'/%3E%3CfeGaussianBlur stdDeviation='24.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.811765 0 0 0 0 0.847059 0 0 0 0 0.862745 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat;
    width: 24px;
    height: 8px;
    display: block;
    position: absolute;
    left: 12px;
    right: auto;
    bottom: 100%;
    content: ""
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker {
        width:calc(100% - 31px)
    }
}

@media only screen and (max-width: 675px) {
    .xdsoft_datetimepicker {
        padding:10px 5px;
        left: 16px!important
    }

    .xdsoft_datetimepicker::after {
        display: none
    }
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_noselect::selection {
    background: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 264px;
    float: left
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_datepicker {
        width:100%
    }
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_timepicker {
        width:100%
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        margin: auto!important
    }
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 38px
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
        margin-top:32px;
        margin-left: 0;
        margin-right: 0
    }
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
    height: 28px;
    padding-bottom: 8px
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev {
    width: 20px;
    height: 20px;
    border: none
}

.xdsoft_datetimepicker .xdsoft_prev {
    background: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292901 7.85114C0.683425 7.46062 1.31659 7.46062 1.70711 7.85114L8.77818 14.9222C9.16871 15.3127 9.16871 15.9459 8.77818 16.3364C8.38766 16.7269 7.75449 16.7269 7.36397 16.3364L0.292901 9.26535C-0.0976229 8.87483 -0.0976229 8.24166 0.292901 7.85114Z' fill='%23A6B1BC'/%3E%3Cpath d='M0.292901 9.21958C0.683425 9.6101 1.31659 9.6101 1.70711 9.21958L8.77818 2.14851C9.16871 1.75799 9.16871 1.12482 8.77818 0.734299C8.38766 0.343775 7.75449 0.343775 7.36397 0.734299L0.292901 7.80537C-0.0976229 8.19589 -0.0976229 8.82906 0.292901 9.21958Z' fill='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.xdsoft_datetimepicker .xdsoft_next {
    background: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33655 9.21966C8.94603 9.61018 8.31287 9.61018 7.92234 9.21966L0.851273 2.14859C0.460749 1.75807 0.460749 1.1249 0.851273 0.734379C1.2418 0.343855 1.87496 0.343855 2.26549 0.734379L9.33655 7.80545C9.72708 8.19597 9.72708 8.82914 9.33655 9.21966Z' fill='%23A6B1BC'/%3E%3Cpath d='M9.33655 7.85122C8.94603 7.4607 8.31287 7.4607 7.92234 7.85122L0.851273 14.9223C0.460749 15.3128 0.460749 15.946 0.851273 16.3365C1.2418 16.727 1.87496 16.727 2.26549 16.3365L9.33655 9.26543C9.72708 8.87491 9.72708 8.24174 9.33655 7.85122Z' fill='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    display: none
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 222px;
    width: 72px;
    overflow: hidden
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        width:62px;
        margin-left: 10px;
        height: 175px!important;
        overflow: scroll!important
    }
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    color: #000;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    line-height: 32px;
    border-radius: 6px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 114px;
    text-align: right
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_month {
        width:44%!important;
        text-align: right
    }
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px;
    position: absolute;
    right: 30px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_calendar td>div {
        width:30px!important;
        height: 30px!important;
        line-height: 30px!important
    }
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 33px;
    color: #778699;
    font-weight: 700;
    font-size: 14px
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
    text-align: center;
    border: none;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_calendar td {
    padding: 3px 2px
}

.xdsoft_datetimepicker .xdsoft_calendar td div {
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 6px
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div {
    background-color: #f1f5f6
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div {
    background: #d31340;
    color: #fff!important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled div {
    color: #778699
}

.xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_disabled):hover div {
    color: #fff;
    background: #d31340
}

@media only screen and (max-width: 400px) {
    .xdsoft_datetimepicker .xdsoft_calendar td {
        padding:0!important
    }
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #778699;
    font-size: 14px;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc!important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee!important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa!important
}

.xdsoft_time_box {
    position: relative
}

.xdsoft_time_box .xdsoft_current {
    background-color: #d31340;
    color: #fff!important
}

.xdsoft_time_box>.xdsoft_scrollbar>.xdsoft_scroller {
    background-color: #cfd8dc
}

.xdsoft_time_box>.xdsoft_scrollbar {
    position: absolute;
    width: 5px;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #f1f5f6;
    cursor: pointer
}

.xdsoft_time_variant {
    width: 60px;
    position: relative;
    padding-bottom: 10px
}

.xdsoft_time_variant .xdsoft_disabled {
    display: none
}

@media only screen and (max-width: 400px) {
    .xdsoft_time_variant {
        width:45px
    }
}

.xdsoft_select {
    max-height: 220px;
    overflow: hidden;
    border: 1px solid #cfd8dc;
    -webkit-box-shadow: 0 24px 49px #cfd8dc;
    box-shadow: 0 24px 49px #cfd8dc;
    margin-top: 8px;
    border-radius: 6px;
    position: relative;
    display: none
}

.xdsoft_option {
    cursor: pointer
}

.xdsoft_option:hover {
    background: #e7ebed
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_scroller {
    background: #ccc!important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_datetimepicker.xdsoft_yearpicker .xdsoft_year {
    display: block!important
}

.main__section {
    margin-bottom: 100px
}

.main__section p{
color: #adadad;
    letter-spacing: 1.6px;
    padding: 0 48px 0 25px;
    border-left: 1px dashed #a6b1bc;
    margin: 40px 0;
}
@media (min-width: 768px) and (max-width:991.98px) {
    .main__section {
        margin-bottom:30px
    }
}

@media (max-width: 767.98px) {
    .main__section {
        margin-bottom:40px
    }

    .main__section-reviews .head-with-btns .head-with-btns__btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .main__section-reviews .btn__newreview {
        width: 30px;
        height: 30px;
        padding: 0;
        border-radius: 15px;
        min-width: auto;
        background: url(/local/templates/htmc_common/css/../img/pencil.svg) center center no-repeat;
        background-size: 14px 14px
    }

    .main__section-reviews .btn__newreview .btn__txt {
        display: none
    }
}

.main .section-info {
    margin-top: 0
}

@media (max-width: 991.98px) {
    .main .section-info {
        margin-top:40px
    }
}

.main__goods-btns {
    display: none
}

.main__goods-pagination {
    text-align: center;
    padding-bottom: 15px
}

.main__goods-pagination .swiper-pagination-bullet-active {
    background-color: #000
}

@media (max-width: 1199.98px) {
    .main__goods-item:nth-child(4) {
        display:block;
    }
}

@media (max-width: 767.98px) {
    .main__goods-item {
        margin-bottom:15px
    }

//*    .main__goods-item:nth-child(3) {
        display: none
    }
*//
    .main__goods-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 15px;
        width: 100%
    }
}

.main__actions {
    position: relative
}

.main__actions>.swiper-pagination {
    display: none
}

.main__actions.swiper-container {
    overflow: inherit;
    margin-right: -15px;
    margin-left: -15px
}

@media (max-width: 767.98px) {
    .main__actions.swiper-container {
        overflow:hidden;
        margin: 0 auto
    }

    .main__actions .col-md-4.swiper-slide {
        padding: 0
    }

    .main__actions .swiper-pagination-bullet {
        -webkit-transition: background-color .15s;
        -o-transition: background-color .15s;
        transition: background-color .15s;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    .main__actions .swiper-pagination {
        bottom: 6px;
        text-align: center;
        padding: 0;
        display: block
    }
}

.main__reviews {
    position: relative
}

.main__reviews.swiper-container {
    overflow: inherit;
    margin-right: -15px;
    margin-left: -15px
}

@media (max-width: 767.98px) {
    .main__reviews.swiper-container {
        overflow:hidden;
        margin: 0 auto
    }

    .main__reviews .col-md-4.swiper-slide {
        padding: 0
    }

    .main__reviews .swiper-pagination-bullet {
        background-color: #979797;
        opacity: .3;
        -webkit-transition: -webkit-box-shadow .15s;
        transition: -webkit-box-shadow .15s;
        -o-transition: box-shadow .15s;
        transition: box-shadow .15s;
        transition: box-shadow .15s,-webkit-box-shadow .15s;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    .main__reviews .swiper-pagination-bullet-active {
        opacity: .9;
        -webkit-box-shadow: 0 0 0 3px rgba(151,151,151,.29);
        box-shadow: 0 0 0 3px rgba(151,151,151,.29);
        background-color: #fff
    }

    .main__reviews .swiper-pagination {
        bottom: 10px;
        text-align: center;
        padding: 0
    }
}

@media (min-width: 768px) {
    .main__mobile-carousel .col-md-4 {
        margin-bottom:30px
    }
}

@media (min-width: 768px) {
    .main__mobile-carousel .swiper-wrapper {
        -webkit-transform:none!important;
        -ms-transform: none!important;
        transform: none!important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -30px
    }
}

@media (max-width: 767.98px) {
    .main .form-search {
        width:100%
    }

    .main .form-search__result .form-search-modal {
        width: 100%
    }
}

.main .form-search__result .form-search-modal {
    top: 47px
}

@-webkit-keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes blink2 {
    0% {
        background-color: transparent
    }

    50% {
        background-color: #e3f5fb
    }

    100% {
        background-color: transparent
    }
}

@keyframes blink2 {
    0% {
        background-color: transparent
    }

    50% {
        background-color: #e3f5fb
    }

    100% {
        background-color: transparent
    }
}

.basket__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    position: relative;
    z-index: 3
}

.basket__icon {
    text-align: center;
    width: 64px
}

.basket__icon img {
    width: 26px;
    height: 24px
}

.basket__replace {
    position: relative;
    padding-top: 15px;
    padding-bottom: 0
}

.basket__replace::before {
    display: block;
    background-color: #e3f5fb;
    opacity: 0;
    position: absolute;
    top: -1px;
    right: 0;
    left: -23px;
    bottom: -1px;
    z-index: 1;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    content: ""
}

.basket__crab {
    font-weight: 700;
    font-size: 17px;
    line-height: 1.12;
    color: #2e2f31;
    padding-left: 15px;
    width: calc(100% - 64px)
}

@media (max-width: 991px) {
    .basket__icon {
        width:46px
    }
}

@media (max-width: 767px) {
    .basket__icon {
        width:64px
    }

    .basket__replace {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: calc(100% - 30px);
        padding-top: 0
    }

    .basket__crab {
        padding-top: 0;
        font-size: 16px
    }

    .basket__basketWindowTd_other {
        display: block!important
    }

    .basket__basketWindowTd_other:after {
        display: none!important
    }

    .basket__basketWindowTd_other .basket__basketWindow-delete {
        width: 20px;
        height: 20px;
        display: block
    }
}

body.topalert-visible.header-fixed .basket-page--empty .page-content__wrap {
    min-height: calc(100vh - 54px - 75px - 112px)
}

[data-mobile-step-logic] {
    display: none
}

@media (max-width: 767px) {
    [data-mobile-step-logic] {
        display:block
    }
}

@media only screen and (max-width: 767.98px) {
    .basket-page--empty .detail-page__section {
        display:none
    }

    .basket-page--empty .page-content__wrap {
        min-height: calc(100vh - 54px - 75px - 74px)
    }
}

@media only screen and (max-width: 767.98px) {
    .basket-page [data-resp-basket-qty]::after {
        display:block;
        font-size: 11px;
        line-height: 1;
        font-weight: 500;
        letter-spacing: .1px;
        color: rgba(255,255,255,.74);
        font-family: Roboto,sans-serif;
        text-transform: none;
        content: attr(data-resp-basket-qty)
    }

    .basket-page .page-content__head-inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.basket-page .page-content__wrap {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    padding: 23px 23px 24px;
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.15);
    box-shadow: 0 2px 3px rgba(98,107,113,.15);
    min-height: 0
}

@media (max-width: 767px) {
    .basket-page .page-content__wrap {
        padding:0
    }

    .basket-page .page-content__wrap+.page-content__wrap {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.basket-page .detail-page__section {
    padding-top: 33px
}

@media only screen and (max-width: 767.98px) {
    .basket-page .detail-page__section {
        padding-top:0
    }
}

.basket {
    position: relative
}

.basket__order-alert {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin-bottom: 15px;
    text-align: center
}

@media (min-width: 768px) {
    .basket__order-alert {
        text-align:right
    }
}

.basket__order-btn {
    text-align: right;
    padding-top: 19px
}

.basket__order-btn .btn {
    font-size: 18px;
    -webkit-box-shadow: 0 3px 2px #e2e8ea;
    box-shadow: 0 3px 2px #e2e8ea
}

@media (min-width: 768px) {
    .basket__order-btn-anchor {
        display:none
    }
}

.basket__order-btn--resp {
    display: none
}

@media only screen and (max-width: 575px) {
    .basket__order-btn {
        display:none
    }

    .basket__order-btn .btn {
        display: block;
        width: 100%
    }

    .basket__order-btn--resp {
        width: 100%;
        display: block;
        padding: 15px;
        position: -webkit-sticky;
        position: sticky;
        z-index: 999;
        bottom: 0;
        margin-top: -15px
    }

    .basket__order-btn--resp .btn {
        width: 100%;
        display: block
    }

    .basket__order-btn--resp .btn-black {
        margin-bottom: 8px
    }
}

.basket__items-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center
}

.basket__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 22px
}

.basket__items:first-child {
    margin-right: 65px
}

.basket__items--disabled {
    opacity: .5
}

.basket__items-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.basket__items-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background-color: rgba(0,0,0,.42);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 14px
}

.basket__items-icon--bonuses {
    background-image: url(/local/templates/htmc_common/css/../img/coin.svg);
    background-size: 22px 17px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__items-icon--bonuses {
        background-size:16px 12px
    }
}

.basket__items-icon--basket {
    background-image: url(/local/templates/htmc_common/css/../img/basket.svg);
    background-size: 18px 22px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__items-icon--basket {
        background-size:13px 16px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__items-icon {
        width:36px;
        height: 36px;
        border-radius: 10px
    }
}

.basket__items-info {
    -ms-flex-item-align: center;
    align-self: center
}

.basket__items-title {
    font-size: 18px;
    font-weight: 700;
    line-height: .94;
    color: #d8d8d8
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__items-title {
        font-size:16px
    }
}

.basket__basketWindow {
    border-radius: 4px 4px 13px 13px;
    background-color: #fff;
    margin-bottom: 7px;
    overflow: hidden;
    margin-left: -23px
}

@media (max-width: 767px) {
    .basket__basketWindow {
        margin-left:0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 0;
        overflow: visible;
        background: 0 0
    }
}

.basket__basketWindow-title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    color: #2e2f31;
    margin-bottom: 28px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-title {
        font-size:17px;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-title {
        display:none
    }
}

.basket__basketWindow-title-2 {
    font-family: CoreSansBlack;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.36;
    letter-spacing: .4px;
    color: #2e2f31;
    text-transform: uppercase;
    position: relative
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-title-2 {
        font-size:20.7px;
        line-height: 1.36
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-title-2 {
        font-size:20.7px;
        line-height: 1.36;
        letter-spacing: .3px;
        padding-left: 20px
    }

    .basket__basketWindow-title-2:before {
        content: '';
        display: block;
        border: 1px solid #c6cdd0;
        border-top: none;
        border-right: none;
        height: 8px;
        width: 8px;
        position: absolute;
        top: 10px;
        left: 0;
        -webkit-transform: rotateZ(45deg);
        -ms-transform: rotate(45deg);
        transform: rotateZ(45deg)
    }
}

.basket__basketWindow-title-2--red {
    color: #d31340;
    font-size: 34px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-title-2--red {
        font-size:25.1px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-title-2--red {
        font-size:25.1px
    }

    .basket__basketWindow-title-2--red,.basket__basketWindow-title-2--red+.basket__basketWindow-title-2 {
        padding-left: 0!important
    }

    .basket__basketWindow-title-2--red+.basket__basketWindow-title-2:before,.basket__basketWindow-title-2--red:before {
        display: none!important
    }
}

.basket__basketWindow-promo form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.basket__basketWindow-promo form button {
    margin-left: 13px
}

.basket__basketWindow-promo--lg {
    display: block
}

@media (max-width: 767px) {
    .basket__basketWindow-promo--lg {
        display:none
    }
}

.basket__basketWindow-promo--xs {
    display: none
}

@media (max-width: 767px) {
    .basket__basketWindow-promo--xs {
        display:block;
        margin-bottom: 20px
    }
}

.basket__mobile-title-group {
    display: none
}

@media (max-width: 767px) {
    .basket__mobile-title {
        font-size:24px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        color: #2e2f31;
        position: relative;
        padding-left: 22px
    }

    .basket__mobile-title:before {
        content: '';
        display: block;
        border: 1px solid #c6cdd0;
        border-top: none;
        border-right: none;
        height: 8px;
        width: 8px;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%) rotateZ(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotateZ(45deg)
    }
}

@media (max-width: 767px) {
    .basket__mobile-order-group {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: none
    }
}

@media (max-width: 767px) {
    .basket__mobile-order-title {
        font-size:12px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
        color: #767e87
    }
}

@media (max-width: 767px) {
    .basket__mobile-order-amount {
        font-size:18px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.17;
        color: #2e2f31;
        margin-left: 14px;
        margin-right: 10px
    }
}

.basket__basketWindow-tableTr {
    background-color: #eaeff1
}

@media (max-width: 767px) {
    .basket__basketWindow-tableTr {
        display:none
    }
}

.basket__basketWindow-thRadiusLt {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.basket__basketWindow-thRadiusRt {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.basket__basketWindow-border {
    border-right: 1px solid #fff
}

.basket__basketWindowTh {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    color: #73808d;
    padding: 8px 0 7px 0;
    text-align: center
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTh {
        font-size:8px;
        padding: 6px 0
    }
}

.basket__basketWindowTh--picture {
    width: 64px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTh--picture {
        width:46px
    }
}

.basket__basketWindowTh--kkal {
    width: 6%
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTh--kkal {
        width:54px
    }
}

.basket__basketWindowTh--belok {
    width: 6%
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTh--belok {
        width:44px
    }
}

.basket__basketWindowTh--fat {
    width: 6%
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTh--fat {
        width:50px
    }
}

.basket__basketWindowTh--amount {
    width: 13%
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTh--amount {
        width:100px
    }
}

.basket__basketWindowTh--sum {
    width: 13%
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTh--sum {
        width:100px
    }
}

.basket__basketWindowTh--delete {
    width: 14%
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTh--delete {
        width:100px
    }
}

.basket__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.basket__item--wok .basket__basketWindow-gram {
    margin-top: 5px
}

.basket__item-caption {
    padding: 0 0 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basket__item-caption>* {
    width: 100%
}

.basket__basketWindow-name {
    width: calc(36% - 23px);
    text-align: left;
    padding-left: 15px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-name {
        padding-left:44px
    }
}

.basket__basketWindow-carbs {
    width: 6%;
    padding-right: 12px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-carbs {
        width:57px;
        padding-right: 14px
    }
}

.basket__basketWindow-pd {
    padding: 0 27px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-pd {
        padding:0 20px
    }
}

.basket__basketWindow-img {
    width: 64px;
    height: 64px;
    min-width: 64px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-img {
        width:46px;
        height: 46px;
        min-width: 46px;
        border-radius: 12px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-img {
        width:64px;
        height: 64px;
        min-width: 64px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-table>tbody>tr:first-child td {
        padding-top:13px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-table>tbody>tr:first-child td {
        padding-top:0
    }
}

.basket__basketWindow-table>tbody>tr td:last-child {
    position: relative
}

.basket__basketWindow-table>tbody>tr td:last-child:after {
    content: "";
    display: block;
    position: absolute;
    width: 33px;
    height: 3px;
    background-color: #fff;
    bottom: -2px;
    right: 0
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-table>tbody>tr td:last-child:after {
        width:24px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-table>tbody>tr td:last-child {
        display:none
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-table>tbody>tr:last-child {
        border-bottom:0
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-table-wrapper {
        overflow:hidden
    }
}

@media (max-width: 767px) {
    .basket [data-simplebar=init] {
        position:relative
    }

    .basket [data-simplebar=init]::after {
        display: block;
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        border-bottom: 1px solid rgba(226,232,234,.6);
        content: ""
    }
}

@media (max-width: 767px) {
    .basket [data-simplebar=init] tr {
        position:relative
    }

    .basket [data-simplebar=init] tr:not(:last-child)::after {
        border-bottom: 1px dashed #a6b1bc;
        position: absolute;
        display: block;
        bottom: 0;
        left: 15px;
        right: 15px;
        content: ""
    }
}

.basket__basketWindowBr.blink td::before {
    -webkit-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite
}

@media only screen and (max-width: 767.98px) {
    .basket__basketWindowBr.blink {
        -webkit-animation:blink2 1s ease-in-out infinite;
        animation: blink2 1s ease-in-out infinite
    }
}

[data-simplebar=init] .basket__basketWindowBr {
    padding: 21px 15px!important
}

[data-simplebar=init] .basket__basketWindowBr_gift {
    padding: 19px 15px!important
}

@media (max-width: 767px) {
    [data-simplebar=init] .basket__basketWindowBr {
        border:none!important;
        position: relative;
        overflow: hidden
    }

    [data-simplebar=init] .basket__basketWindowBr:not(:last-child)::after {
        display: block;
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        border-bottom: 1px dashed #a6b1bc;
        content: ""
    }

    [data-simplebar=init] .basket__basketWindowBr:hover {
        background-color: #e3f5fb
    }

    [data-simplebar=init] .basket__basketWindowBr:hover::after {
        opacity: 0
    }
}

[data-simplebar=init] .basket__basketWindowBr:hover td::before {
    opacity: 1
}

.basket__basketWindowBr {
    border-bottom: 1px dashed #a6b1bc
}

.basket__basketWindowBr:hover {
    border-color: #e3f5fb;
    border-bottom-style: solid
}

.basket__basketWindowBr:last-child {
    border-bottom: 0
}

@media (max-width: 767px) {
    .basket__basketWindowBr {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: none;
        position: relative
    }

    .basket__basketWindowBr:first-child {
        border-radius: 8px 8px 0 0
    }
}

.basket__basketWindowTd {
    min-height: 95px;
    padding: 15px 0;
    position: relative
}

.basket__basketWindowTd_new {
    text-align: center
}

.basket__basketWindowTd>* {
    position: relative;
    z-index: 10
}

@media only screen and (min-width: 767px) {
    .basket__basketWindowTd::before {
        display:block;
        background-color: #e3f5fb;
        opacity: 0;
        position: absolute;
        top: -1px;
        right: 0;
        left: 0;
        bottom: -1px;
        z-index: 1;
        -webkit-transition: all ease 250ms;
        -o-transition: all ease 250ms;
        transition: all ease 250ms;
        content: ""
    }
}

.basket__basketWindowTd:last-child::before {
    right: 30px
}

@media only screen and (max-width: 991px) {
    .basket__basketWindowTd:last-child::before {
        right:23px
    }
}

.basket__basketWindowTd:first-child::before {
    left: -23px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTd {
        min-height:70px;
        padding: 8px 0
    }
}

@media (max-width: 767px) {
    .basket__basketWindowTd {
        min-height:0;
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .basket__basketWindowTd:nth-child(2),.basket__basketWindowTd:nth-child(3),.basket__basketWindowTd:nth-child(4),.basket__basketWindowTd:nth-child(5) {
        display: none
    }

    .basket__basketWindowTd:nth-child(6) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
        margin-top: -25px
    }

    .basket__basketWindowTd:nth-child(7) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .basket__basketWindowTd:nth-child(6),.basket__basketWindowTd:nth-child(7) {
        width: 80px;
        text-align: right
    }
}

.basket__basketWindowTd--ht77 {
    min-height: 77px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowTd--ht77 {
        min-height:57px
    }
}

@media (max-width: 767px) {
    .basket__basketWindowTd--ht77 {
        min-height:66px
    }
}

.basket__basketWindow-pd15 {
    padding-left: 0
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-pd15 {
        padding-left:0
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-pd15 {
        padding-left:0
    }
}

.basket__basketWindowCap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px
}

@media (max-width: 767px) {
    .basket__basketWindowCap {
        width:calc(100% - 80px);
        padding-right: 10px
    }
}

.basket__basketWindow-caption {
    margin-bottom: auto;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    color: #27292e
}

.basket__basketWindow-caption small {
    font-size: 14px;
    line-height: 15px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    color: #73808d
}

.basket__basketWindow-caption span {
    font-size: 14px;
    font-weight: 500;
    color: #686d71;
    margin-left: 7px;
    display: inline-block
}

@media only screen and (max-width: 1199px) {
    .basket__basketWindow-caption span {
        display:block;
        width: 100%;
        margin: 5px 0 0
    }
}

.basket__basketWindow-caption span[data-property-code=TOYS_JSON] {
    display: none
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-caption {
        font-size:16px;
        line-height: .92
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-caption {
        color:#2e2f31
    }
}

@media all and (max-width: 320px) {
    .basket__basketWindow-caption {
        max-width:195px;
        font-size: 17px
    }
}

.basket__basketWindow-gram {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    color: rgba(68,71,74,.7);
    padding-left: 14px;
    position: relative;
    margin-top: 30px
}

@media only screen and (max-width: 1199px) {
    .basket__basketWindow-gram {
        margin-top:0
    }
}

.basket__basketWindow-gram:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 8px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C6.20914 12 8 10.2091 8 8C8 5.79086 6.20914 4 4 4C1.79086 4 0 5.79086 0 8C0 10.2091 1.79086 12 4 12Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 5C5.10457 5 6 4.10457 6 3C6 1.89543 5.10457 1 4 1C2.89543 1 2 1.89543 2 3C2 4.10457 2.89543 5 4 5Z' fill='white' stroke='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

@media (max-width: 767px) {
    .basket__basketWindow-gram:before {
        top:0
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-gram {
        font-size:14px;
        font-weight: 500;
        line-height: 1;
        color: #73808d;
        margin-top: 14px
    }
}

.basket__basketWindow-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.basket__basketWindow-icon--kkal {
    background-image: url(../img/kkal.svg)
}

.basket__basketWindow-icon--protein {
    background-image: url(../img/belok.svg)
}

.basket__basketWindow-icon--fats {
    background-image: url(../img/fat.svg)
}

.basket__basketWindow-icon--carbo {
    background-image: url(../img/uglevod.svg)
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-icon {
        width:18px;
        height: 18px;
        margin-bottom: 7px
    }
}

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

.basket__basketWindow-amount {
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    display: block;
    font-stretch: normal;
    line-height: 1;
    color: #2e2f31
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-amount {
        font-size:12px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-amount {
        display:none
    }
}

.basket__basketWindow-center {
    text-align: center
}

.basket__btn-group {
    vertical-align: middle
}

@media (max-width: 767px) {
    .basket__btn-group {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto
    }
}

.basket__basketWindow-number-remove {
    border: 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    background-image: url(/local/templates/htmc_common/css/../img/minus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.basket__basketWindow-number-remove:active,.basket__basketWindow-number-remove:focus {
    outline: 0
}

.basket__basketWindow-number-remove:hover {
    background-image: url(/local/templates/htmc_common/css/../img/minus-hover.svg);
    background-size: contain
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-number-remove {
        width:20px;
        height: 20px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-number-remove {
        width:20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.basket__basketWindowNumberAdd {
    min-width: 40px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #000;
    vertical-align: middle;
    padding: 0 5px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindowNumberAdd {
        font-size:13px;
        padding: 0 2px
    }
}

@media (max-width: 767px) {
    .basket__basketWindowNumberAdd {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px;
        line-height: .89;
        text-align: center;
        color: #2e2f31;
        padding: 0 5px;
        min-width: 30px;
        width: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.basket__basketWindow-number-add {
    border: 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    background-image: url(/local/templates/htmc_common/css/../img/plus_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.basket__basketWindow-number-add:active,.basket__basketWindow-number-add:focus {
    outline: 0
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-number-add {
        width:20px;
        height: 20px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-number-add {
        width:20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.basket__basketWindow-sum {
    font-size: 22px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: .81;
    text-align: center;
    color: #2e2f31;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.basket__basketWindow-sum[data-old-sum]::before {
    display: block;
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 15px;
    height: 1.5px;
    background-color: #73808d;
    content: '';
    max-width: 50px
}

@media (max-width: 767.98px) {
    .basket__basketWindow-sum[data-old-sum]::before {
        max-width:42px
    }
}

.basket__basketWindow-sum[data-old-sum]::after {
    display: block;
    color: #73808d;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    padding: 10px 15px 0 0;
    content: attr(data-old-sum);
    max-width: 80px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-sum {
        font-size:22px;
        line-height: .7
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-sum {
        font-size:20px;
        margin-left: -8px
    }

    .basket__basketWindow-sum[data-old-sum]::after {
        margin-right: -20px;
        padding-top: 5px
    }

    .basket__basketWindow-sum[data-old-sum]::before {
        right: 2px;
        left: 5px
    }
}

.basket__basketWindow-sum_new {
    letter-spacing: .675px;
    color: #73808d;
    font-size: 15px;
    font-weight: 500
}

.basket__basketWindow-num {
    display: none
}

@media (max-width: 767.98px) {
    .basket__basketWindow-num {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.basket__basketWindow-delete {
    border: 0;
    position: relative;
    width: 24px;
    height: 24px;
    background: url(/local/templates/htmc_common/css/../img/close3.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    vertical-align: middle
}

.basket__basketWindow-delete:active,.basket__basketWindow-delete:focus {
    outline: 0
}

.basket__basketWindow-delete:hover {
    background: url(/local/templates/htmc_common/css/../img/close4.svg) center center no-repeat;
    background-size: contain
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-delete {
        width:20px;
        height: 20px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-delete {
        display:none
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-table>tfoot {
        display:none
    }
}

.basket__basketWindow-numberTotal {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .89;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-numberTotal {
        font-size:13px
    }
}

.basket__basketWindow-sumTotal {
    font-size: 22px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: .81;
    color: #2e2f31;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

@media (max-width: 767px) {
    .basket__basketWindow-sumTotal {
        font-size:20px;
        line-height: .7
    }
}

.basket__basketWindow-note {
    font-size: 12px;
    line-height: 15px;
    color: #73808d;
    padding: 10px 0
}

@media only screen and (min-width: 768px) {
    .basket__basketWindow-note {
        text-align:center
    }
}

@media only screen and (min-width: 1010px) {
    .basket__basketWindow-note {
        margin-top:-35px
    }
}

.basket__basketWindow-footer {
    margin: 47px 0 0 23px;
    padding: 14px 0 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e2e8ea;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basket__basketWindow-footer .dish__additional {
    width: 100%
}

@media only screen and (max-width: 767.98px) {
    .basket__basketWindow-footer {
        border:none
    }

    .basket__basketWindow-footer .dish__additional {
        border-top: 1px solid #e2e8ea
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__basketWindow-footer {
        margin:0 -16px 0 23px;
        padding: 19px 16px 16px 16px
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-footer {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        position: relative;
        width: 100%;
        left: 0;
        padding: 10px 15px 0;
        text-align: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .basket__basketWindow-footer:nth-last-child(2) {
        border-top-right-radius: 22px;
        border-top-left-radius: 22px
    }

    .basket__basketWindow-footer--white-xs {
        background-color: #fff
    }

    .basket__basketWindow-footer--white-xs button {
        max-width: none!important;
        width: 100%!important
    }
}

.basket__input-group {
    border: 1px solid #e2e8ea;
    border-radius: 4px;
    min-width: 250px;
    position: relative;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.basket__input-group:after {
    content: '';
    display: block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__input-group:after {
        height:18px;
        width: 18px;
        right: 12px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__input-group {
        min-width:183px
    }
}

@media (max-width: 767px) {
    .basket__input-group {
        min-width:129px;
        width: 100%
    }
}

@media all and (max-width: 320px) {
    .basket__input-group {
        min-width:120px
    }
}

.basket__input-group--valid {
    border-color: #33ca8b
}

.basket__input-group--valid:after {
    background-image: url(/local/templates/htmc_common/css/../img/ok.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 1
}

.basket__input-group--invalid {
    border-color: #ff584c
}

.basket__input-group--invalid:after {
    content: '!';
    font-family: CoreSansDS75CnBlack;
    background-color: #ff584c;
    opacity: 1;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    font-size: 20px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__input-group--invalid:after {
        font-size:14px;
        line-height: 1.3
    }
}

.basket__input {
    width: 100%;
    padding: 11px 34px 11px 13px;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    background-color: #fff;
    text-transform: uppercase;
    font-size: 16px
}

.basket__input:active,.basket__input:focus {
    outline: 0
}

.basket__input::-webkit-input-placeholder {
    text-transform: none
}

.basket__input::-moz-placeholder {
    text-transform: none
}

.basket__input:-ms-input-placeholder {
    text-transform: none
}

.basket__input::-ms-input-placeholder {
    text-transform: none
}

.basket__input::placeholder {
    text-transform: none
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__input {
        padding:8px 34px 7px 23px;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
        font-size: 11px
    }
}

@media (max-width: 767px) {
    .basket__input {
        border:0;
        border-radius: 14px;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 11px;
        text-align: left;
        padding: 11px 38px 11px 18px
    }
}

.basket__btn-group-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.basket__btn-group-footer button {
    margin-left: 30px;
    max-width: 216px;
    width: 100%
}

@media (max-width: 767px) {
    .basket__btn-group-footer button {
        font-size:14px;
        margin: 15px 0;
        height: 46px;
        width: calc(50% - 4px)
    }
}

@media (max-width: 767px) {
    .basket__btn-group-footer {
        min-width:156px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .basket__btn-group-footer--mobile-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 0;
        background-color: #fff
    }

    .basket__btn-group-footer--mobile-column button {
        margin: 5px 0;
        width: 100%
    }
}

@media (max-width: 767px) {
    .basket__btn-group-footer--mobile-white {
        background-color:#fff
    }
}

.basket__btn-footer-cancel {
    width: 100%;
    padding: 9px 0;
    border: 0;
    border-radius: 19px;
    border: 2px solid #c6cdd0;
    background-color: #f1f5f6;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: center;
    color: #767e87;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    cursor: pointer;
    margin-right: 15px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__btn-footer-cancel {
        padding:5px 0 6px 0;
        font-size: 11px;
        margin-right: 16px
    }
}

@media (max-width: 767px) {
    .basket__btn-footer-cancel {
        border:0;
        display: inline-block;
        width: 30px;
        height: 30px;
        padding: 0!important;
        border: 2px solid #c6cdd0;
        border-radius: 50%;
        background-color: transparent;
        background-image: url(/local/templates/htmc_common/css/../img/arrow-cancel.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px auto;
        cursor: pointer;
        -webkit-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s;
        margin-right: 15px;
        text-indent: -999px;
        overflow: hidden
    }

    .basket__btn-footer-cancel:hover {
        background-image: url(/local/templates/htmc_common/css/../img/arrow-cancel-hover.svg);
        background-color: #e2e8ea
    }
}

@media all and (max-width: 320px) {
    .basket__btn-footer-cancel {
        margin-right:4px
    }
}

.basket__btn-footer-cancel:active,.basket__btn-footer-cancel:focus {
    outline: 0
}

.basket__btn-footer-cancel:hover {
    color: #fff;
    background-color: #e2e8ea
}

.basket__btn-footer {
    width: 100%;
    padding: 9px 0;
    border: 0;
    border-radius: 19px;
    border: 2px solid #c6cdd0;
    background-color: #f1f5f6;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: center;
    color: #767e87;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    cursor: pointer
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__btn-footer {
        padding:5px 0 6px 0;
        font-size: 11px
    }
}

@media (max-width: 767px) {
    .basket__btn-footer {
        padding:5px 25px 4px 25px;
        font-size: 11px;
        line-height: normal
    }
}

.basket__btn-footer:active,.basket__btn-footer:focus {
    outline: 0
}

.basket__btn-footer:hover {
    color: #fff;
    background-color: #e2e8ea
}

.basket__basketWindow-table {
    width: 100%
}

.basket__basketWindow-table--no-head thead {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.basket__basketWindow-table--no-head thead tr {
    background: 0 0
}

.basket__basketWindow-table--no-head thead th {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0
}

.basket__basketWindow-table--total {
    margin: 0
}

.basket__basketWindow-table--total .basket__basketWindow-img {
    height: 10px
}

.basket__basketWindow-table--total td {
    padding-bottom: 0
}

.basket__basketWindow-table--total tr {
    border: none!important
}

.basket__basketWindow-table--total tr:nth-child(2) td {
    padding-top: 0
}

@media (max-width: 767px) {
    .basket__basketWindow-table--total tr.basket__basketWindowBr {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .basket__basketWindow-table--total tr td {
        display: none;
        min-height: 10px;
        padding: 0
    }

    .basket__basketWindow-table--total tr td:nth-child(1),.basket__basketWindow-table--total tr td:nth-last-child(2) {
        display: block;
        width: auto
    }

    .basket__basketWindow-table--total tr td:nth-last-child(2) {
        text-align: right
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-table--total .basket__basketWindow-img {
        display:none
    }

    .basket__basketWindow-table--total .basket__item-caption {
        padding-left: 0
    }
}

.basket__basketWindow-table--total-order {
    margin-top: 10px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .basket__basketWindow-table--total-order {
        margin-top:30px
    }
}

.basket__basketWindow-table--total-order tr {
    border: none!important
}

@media (max-width: 767px) {
    .basket__basketWindow-table--total-order tr td {
        display:none;
        min-height: 30px;
        padding: 0
    }

    .basket__basketWindow-table--total-order tr td:first-child,.basket__basketWindow-table--total-order tr td:last-child {
        display: block
    }

    .basket__basketWindow-table--total-order tr td:first-child {
        float: left
    }

    .basket__basketWindow-table--total-order tr td:last-child {
        float: right
    }

    .basket__basketWindow-table--total-order tr td:nth-last-child(2) {
        text-align: right
    }
}

.basket__basketWindow-table--order td,.basket__basketWindow-table--order th {
    text-align: center
}

.basket__basketWindow-table--order td:first-child,.basket__basketWindow-table--order th:first-child {
    width: 60%
}

.basket__basketWindow-table--order td:nth-child(2),.basket__basketWindow-table--order th:nth-child(2) {
    display: none
}

.basket__basketWindow-table--order td:nth-child(3),.basket__basketWindow-table--order th:nth-child(3) {
    width: 12%
}

@media (max-width: 767px) {
    .basket__basketWindow-table--order td:nth-child(3) td,.basket__basketWindow-table--order th:nth-child(3) td {
        display:none;
        min-height: 30px;
        padding: 0
    }

    .basket__basketWindow-table--order td:nth-child(3) td:nth-child(2),.basket__basketWindow-table--order td:nth-child(3) td:nth-last-child(2),.basket__basketWindow-table--order th:nth-child(3) td:nth-child(2),.basket__basketWindow-table--order th:nth-child(3) td:nth-last-child(2) {
        display: table-cell;
        width: 50%
    }

    .basket__basketWindow-table--order td:nth-child(3) td:nth-last-child(2),.basket__basketWindow-table--order th:nth-child(3) td:nth-last-child(2) {
        text-align: right
    }
}

.basket__basketWindow-count {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #2e2f31
}

.basket__basketWindowBr td:nth-child(7) {
    text-align: right;
    padding-right: 30px
}

@media (max-width: 991px) and (min-width:768px) {
    .basket__basketWindowBr td:nth-child(7) {
        padding-right:0
    }
}

@media (max-width: 1199px) and (min-width:992px) {
    .basket__basketWindowBr td:nth-child(7) {
        padding-right:26px
    }
}

@media (max-width: 767px) {
    .basket__basketWindowBr td:nth-child(7) {
        padding-right:15px
    }
}

.basket__basketWindow-content {
    padding-left: 23px
}

@media (max-width: 767px) {
    .basket__basketWindow-content {
        padding-left:15px
    }
}

@media only screen and (min-width: 767px) {
    .basket__basketWindow-content[data-simplebar] tr .basket__basketWindowTd:first-child {
        padding-left:0
    }
}

.basket__basketWindow-content:first-child {
    margin-bottom: 5px
}

@media (max-width: 767px) {
    .basket__basketWindow-content:first-child {
        margin-bottom:0
    }
}

@media (max-width: 767px) {
    .basket__basketWindow-content--order .simplebar-offset {
        right:0!important
    }
}

.basket__basketWindow-content--order-head {
    margin-bottom: 6px!important
}

@media (min-width: 767px) {
    .basket__basketWindow-content {
        max-height:480px
    }

    .basket__basketWindow-content--order {
        max-height: 255px
    }

    .basket__basketWindow-content--order-head {
        margin-bottom: 10px!important
    }
}

.basket__basketWindow-content .simplebar-track.simplebar-vertical {
    background-color: #f1f5f6;
    width: 3.7px;
    border-radius: 1.8px
}

.basket__basketWindow-content .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    background-color: #e2e8ea;
    width: 3.7px;
    right: 0;
    border-radius: 1.8px
}

.basket__basketWindow-content .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    background-color: #e2e8ea;
    border-radius: 1.8px
}

@media (max-width: 767px) {
    .basket__basketWindow-content .simplebar-content {
        padding:0!important
    }
}

.basket__order-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 25px 0 10px;
    margin: 0;
    list-style-type: none;
    max-height: 210px
}

@media (max-width: 767px) {
    .basket__order-contacts {
        max-height:none
    }
}

.basket__order-contacts li {
    padding-left: 45px;
    padding-right: 25px;
    margin-bottom: 25px;
    position: relative
}

.basket__order-contacts li:nth-child(1),.basket__order-contacts li:nth-child(2) {
    width: 30%
}

.basket__order-contacts li:nth-child(3),.basket__order-contacts li:nth-child(4) {
    width: 40%
}

.basket__order-contacts li:nth-child(5),.basket__order-contacts li:nth-child(6) {
    width: 34%
}

@media (max-width: 767px) {
    .basket__order-contacts li {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        margin-bottom: 8px;
        width: 100%!important
    }
}

.basket__order-contacts li img {
    position: absolute;
    left: 0;
    top: 4px;
    max-height: 30px;
    width: 27px
}

@media (max-width: 767px) {
    .basket__order-contacts li img {
        display:none
    }
}

.basket__order-contacts li h6 {
    font-size: 15px;
    line-height: 1.6;
    color: #73808d;
    margin: 0
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__order-contacts li h6 {
        font-size:12px;
        line-height: 2
    }
}

@media (max-width: 767px) {
    .basket__order-contacts li h6 {
        font-size:12px;
        line-height: 17px;
        width: 33%
    }
}

.basket__order-contacts li span {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #2e2f31
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__order-contacts li span {
        font-size:13px;
        line-height: 1.85
    }
}

@media (max-width: 767px) {
    .basket__order-contacts li span {
        font-size:14px;
        line-height: 1.27;
        width: 66%
    }
}

.basket__map {
    border-radius: 3.8px;
    -webkit-box-shadow: 0 2px 4px 0 #e2e8ea;
    box-shadow: 0 2px 4px 0 #e2e8ea;
    height: 246px;
    width: 100%;
    padding: 7.6px;
    margin-bottom: 20px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__map {
        height:183px
    }
}

@media (max-width: 767px) {
    .basket__map {
        display:none
    }
}

.basket__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 240px;
    margin: 0 -6.5px 120px;
    width: 100%
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__form {
        max-height:300px
    }
}

@media (max-width: 767px) {
    .basket__form {
        padding:0 10px;
        margin: 0 0 60px;
        max-height: none
    }
}

.basket__form>.form-field,.basket__form>.form-field-group {
    margin: 0 6.5px 10px;
    width: calc(100% / 3 - 13px)
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__form>.form-field,.basket__form>.form-field-group {
        width:calc(100% / 2 - 13px)
    }
}

@media (max-width: 767px) {
    .basket__form>.form-field,.basket__form>.form-field-group {
        margin:0 0 10px;
        width: 100%
    }
}

.basket__form-item--big {
    height: 206px;
    margin-bottom: 0
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__form-item--big {
        height:135px
    }
}

.basket__form-item--medium {
    height: 135px
}

@media (min-width: 768px) and (max-width:991px) {
    .basket__form-item--medium {
        min-height:0;
        height: 64px
    }

    .basket__form-item--medium textarea {
        height: 100%
    }
}

.basket__form-payment-select[data-grow="2"] .bootstrap-select>.dropdown-menu {
    right: calc(-100% - 8px)!important
}

.basket__form-payment-select[data-grow="2"] .bootstrap-select>.dropdown-menu:before {
    right: auto;
    left: 20px
}

@media (max-width: 767px) {
    .basket__form-payment-select[data-grow="2"] .bootstrap-select>.dropdown-menu:before {
        left:12px
    }
}

@media (max-width: 767px) {
    .basket__form-payment-select[data-grow="2"] .bootstrap-select>.dropdown-menu {
        right:calc(-100% - 8px)!important
    }
}

.basket__form-delivery-select .bootstrap-select>.dropdown-menu.show {
    right: 0;
    left: calc(-100% - 8px)!important;
    -webkit-transform: translate3d(0,64px,0)!important;
    transform: translate3d(0,64px,0)!important
}

@media (max-width: 767px) {
    .basket__form-delivery-select .bootstrap-select>.dropdown-menu.show {
        left:calc(-100% - 10px)!important
    }
}

.basket__promo-block {
    background: #fff;
    border: 1.25px solid #d4d8df;
    border-radius: 5px;
    padding: 5px 5px 5px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .basket__promo-block {
        position:absolute;
        bottom: -75px;
        left: 0
    }
}

.basket__promo-block.active {
    border-color: #4cd96a
}

.basket__promo-block.active .basket__promo-block__inp {
    padding-left: 5px;
    background-position-x: -30px
}

.basket__promo-block.active .basket__promo-block__button_submit {
    display: none
}

.basket__promo-block.active .basket__promo-block__button_remove {
    display: block
}

.basket__promo-block.error {
    border-color: #fe283e
}

.basket__promo-block__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.basket__promo-block__inp {
    padding-left: 45px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    border: none;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin-right: 5px;
    outline: 0;
    width: 100%;
    background-image: url(/local/templates/htmc_common/css/../img/promo.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px
}

.basket__promo-block__res {
    display: none;
    position: absolute;
    right: 15px;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px
}

.basket__promo-block__res_error {
    display: block;
    background-image: url(/local/templates/htmc_common/css/../img/promo-error.svg)
}

.basket__promo-block__res_success {
    display: block;
    background-image: url(/local/templates/htmc_common/css/../img/promo-success.svg)
}

.basket__promo-block__button {
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    letter-spacing: .25px;
    color: #fff;
    padding: 6px 24px;
    border: none;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.basket__promo-block__button_submit {
    background: #d3132c
}

.basket__promo-block__button_remove {
    background: #2f2c2c;
    display: none
}

.basket__promo-result {
    border-radius: 8px;
    font-size: 13px;
    line-height: 16px;
    padding: 14px 10px 14px 55px;
    margin-bottom: 10px;
    z-index: 1
}

@media (min-width: 768px) {
    .basket__promo-result {
        position:relative;
        width: 100%;
        margin-top: 10px;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 0
    }
}

.basket__promo-result_error {
    color: #fd283e;
    background: #ffedef;
    background-image: url(/local/templates/htmc_common/css/../img/promo-error.svg);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 28px
}

.basket__promo-result_success {
    color: #609c6b;
    background: #d7f5dc;
    background-image: url(/local/templates/htmc_common/css/../img/promo-success.svg);
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 28px
}

.basket__promo-modal {
    width: 310px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 20px 16px 13px;
    color: #2e2f31;
    font-size: 16px;
    line-height: 19px
}

.basket__promo-modal--error,.basket__promo-modal--success {
    padding-top: 33px
}

.basket__promo-modal--error .basket__promo-modal__img,.basket__promo-modal--success .basket__promo-modal__img {
    margin-bottom: 26px
}

.basket__promo-modal--error .basket__promo-modal__footer,.basket__promo-modal--error .basket__promo-modal__success {
    padding-top: 31px
}

.basket__promo-modal__title {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    margin-bottom: 16px
}

.basket__promo-modal__img {
    margin-bottom: 14px
}

.basket__promo-modal__inp {
    background: #fff;
    border: 2px solid #f8cd1c;
    border-radius: 6px;
    width: 100%;
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    height: 68px;
    text-transform: uppercase;
    padding: 0 23px;
    outline: 0;
    margin: -1px 0 0;
    color: #2e2f31
}

.basket__promo-modal__submit {
    width: 100%;
    margin-top: 20px
}

.basket__promo-modal__footer {
    padding: 16px 0 0
}

.basket__promo-modal__footer .btn {
    display: block;
    width: 100%
}

.basket--empty {
    position: static;
    min-height: 400px
}

.basket__empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.basket__empty .btn {
    width: 240px
}

@media (max-width: 767px) {
    .basket__empty {
        padding:100px 15px 21px
    }

    .basket__empty .btn {
        left: 15px;
        right: 15px;
        width: auto;
        max-width: 100%;
        display: block;
        margin: 0 auto;
        position: absolute;
        bottom: 21px
    }
}

.basket__empty-title {
    font-size: 24px;
    line-height: 30px;
    font-family: CoreSansDS75Black;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .basket__empty-title {
        font-size:20px;
        line-height: 25px
    }
}

.basket__empty-icon {
    margin: 20px 0 40px
}

@media (max-width: 767px) {
    .basket__empty-icon {
        margin:25px 0 83px
    }
}

.promo-modal .modal-content {
    background: 0 0;
    border: none;
    max-width: 100%;
    width: auto;
    margin: auto
}

@media (max-width: 767px) {
    .page-content {
        margin-bottom:20px
    }

    .basket__basketWindowCap {
        width: calc(100% - 80px)
    }

    .basket__basketWindowBr td:nth-child(6),.basket__basketWindowBr td:nth-child(7) {
        padding-right: 0;
        width: 80px
    }

    .basket__basketWindowBr td:nth-child(6).basket__basketWindowTd--ht77,.basket__basketWindowBr td:nth-child(7).basket__basketWindowTd--ht77 {
        padding-right: 15px
    }

    .basket__basketWindowTd_other {
        width: 20px
    }

    .basket__replace {
        width: calc(100% - 20px);
        padding-right: 5px
    }

    .basket__icon img {
        width: 22px;
        height: 20px
    }
}

.basket__basketWindow-table_new .basket__basketWindow-tableTr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%
}

.basket__basketWindow-table_new .basket__basketWindow-name {
    width: 320px
}

.basket__basketWindow-table_new .basket__basketWindow-carbs,.basket__basketWindow-table_new .basket__basketWindowTh--belok,.basket__basketWindow-table_new .basket__basketWindowTh--fat,.basket__basketWindow-table_new .basket__basketWindowTh--kkal {
    width: 80px
}

.basket__basketWindow-table_new .basket__basketWindowTh--amount {
    width: 141px;
    padding-top: 8px;
    padding-bottom: 7px
}

.basket__basketWindow-table_new .basket__basketWindowTh--sum {
    width: 141px
}

.basket__basketWindow-table_new .basket__basketWindowTh--delete {
    width: 141px
}

.basket__basketWindow-table_new .basket__basketWindow-icon {
    margin-top: 12px;
    margin-bottom: 5px
}

.basket__basketWindow-table_new .basket__basketWindow-caption {
    margin-bottom: 10px
}

.basket__basketWindow-table_new .basket__basketWindow-gram {
    margin-top: 0
}

.basket__basketWindow-table_new .basket__basketWindowCap {
    width: 320px
}

.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(2),.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(3),.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(4),.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(5) {
    width: 80px
}

.basket__basketWindow-table_new .basket__basketWindowTd:nth-child(6) {
    width: 141px;
    padding-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.basket__basketWindow-table_new .basket__basketWindowTd:nth-child(7) {
    width: 141px;
    padding-top: 35px
}

.basket__basketWindow-table_new .basket__basketWindowTd:nth-child(8) {
    width: 112px;
    padding-left: 26px;
    padding-top: 35px
}

.basket__basketWindow-table_new .basket__basketWindowTd:last-child::before {
    right: -30px
}

.basket__basketWindow-table_new .basket__replace {
    width: calc(100% - 120px)
}

.basket__basketWindow-table_new .basket__crab {
    padding-top: 3px
}

.basket__basketWindow-table_new .basket__basketWindowTd_other {
    width: 120px;
    padding-left: 26px;
    min-height: 0;
    padding-bottom: 15px;
    padding-top: 15px
}

.basket__basketWindow-table_new>tbody>tr td:last-child:after {
    display: none
}

.basket__basketWindow-table_new .basket__basketWindowBr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    padding: 0!important
}

.basket_new .simplebar-content {
    padding-right: 30px!important
}

.basket_new .simplebar-content thead {
    display: none
}

.basket__basketWindow-table--total .basket__basketWindow-icon {
    margin-top: 12px;
    margin-bottom: 5px
}

.basket__basketWindow-table--total thead {
    display: none
}

.basket__basketWindow-table--total tbody {
    display: block
}

@media (max-width: 767.98px) {
    .basket__basketWindow-table--total tbody {
        margin-bottom:10px
    }
}

.basket__basketWindow-table--total .basket__basketWindowBr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%
}

.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd {
    min-height: 0;
    padding-top: 4px
}

.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(1) {
    width: 320px
}

.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(6) {
    width: 141px
}

.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(7) {
    width: 141px
}

.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(2),.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(3),.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(4),.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(5) {
    width: 80px
}

.basket__basketWindow-table--total .basket__item {
    padding-top: 2px
}

.basket__basketWindow-table--total tr:first-child .basket__item-caption {
    padding-top: 14px
}

.basket__basketWindow-table--total tr:first-child .basket__basketWindow-numberTotal {
    padding-top: 25px
}

.basket__basketWindow-table--total tr:first-child .basket__basketWindow-sumTotal {
    padding-top: 24px
}

.basket__basketWindow-table--total tr:first-child .basket__item {
    padding-top: 10px
}

.basket__basketWindow-table--total tr:nth-child(2) td:first-child {
    padding-top: 4px
}

.basket__basketWindow-table--total tr:nth-child(2) td:nth-child(7) {
    padding-top: 1px
}

.basket__basketWindow-table--total tr:nth-child(3) td:first-child {
    padding-top: 20px
}

.basket__basketWindow-table--total tr:nth-child(3) td:nth-child(7) {
    padding-top: 15px
}

.basket_new .basket__basketWindow-content.simplebar-scrollable-y {
    position: relative
}

.basket_new .basket__basketWindow-content.simplebar-scrollable-y:after,.basket_new .basket__basketWindow-content.simplebar-scrollable-y:before {
    display: none;
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.7)),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg,rgba(255,255,255,.7) 0,rgba(255,255,255,0) 100%);
    height: 43px
}

.basket_new .basket__basketWindow-content.simplebar-scrollable-y:after {
    bottom: 0;
    top: auto;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(255,255,255,.7)),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom,rgba(255,255,255,.7) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg,rgba(255,255,255,.7) 0,rgba(255,255,255,0) 100%)
}

@media (max-width: 1199px) {
    .basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(1) {
        width:296px
    }

    .basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(2),.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(3),.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(4),.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(5) {
        width: 65px
    }

    .basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(6) {
        width: 100px
    }

    .basket__basketWindow-table_new .basket__basketWindow-name {
        width: 281px
    }

    .basket__basketWindow-table_new .basket__basketWindow-carbs,.basket__basketWindow-table_new .basket__basketWindowTh--belok,.basket__basketWindow-table_new .basket__basketWindowTh--fat,.basket__basketWindow-table_new .basket__basketWindowTh--kkal {
        width: 70px
    }

    .basket__basketWindow-table_new .basket__basketWindowTh--delete {
        width: 80px
    }

    .basket__basketWindow-table_new .basket__basketWindowTh--amount {
        width: 100px;
        padding-left: 5px;
        padding-right: 5px
    }

    .basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(2),.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(3),.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(4),.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(5) {
        width: 65px
    }

    .basket__basketWindow-table_new .basket__basketWindowTd:nth-child(6) {
        width: 100px
    }

    .basket__basketWindow-table_new .basket__basketWindowTd:nth-child(8) {
        width: 51px;
        text-align: right;
        padding-left: 0
    }

    .basket__basketWindow-table_new .basket__basketWindowCap {
        width: 281px
    }

    .basket__basketWindow-table_new .basket__basketWindowTd:nth-child(7) {
        text-align: center;
        padding-right: 0
    }

    .basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(7) {
        text-align: center;
        padding-right: 0
    }

    .basket__basketWindow-table_new .basket__replace {
        width: calc(100% - 51px)
    }

    .basket__basketWindow-table_new .basket__basketWindowTd_other {
        text-align: right;
        width: 51px
    }
}

@media (max-width: 991px) {
    .basket__basketWindow-table_new .basket__basketWindowTd:nth-child(8) {
        width:calc(100% - 611px);
        text-align: center;
        padding-left: 30px
    }

    .basket__basketWindow-table_new .basket__basketWindowTh--delete {
        width: calc(100% - 611px)
    }

    .basket__basketWindow-table_new .basket__replace {
        width: 601px
    }

    .basket__basketWindow-table_new .basket__basketWindowTd_other {
        width: calc(100% - 611px);
        padding-left: 30px;
        text-align: center
    }

    .basket__basketWindow-table_new .basket__basketWindow-carbs,.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(2),.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(3),.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(4),.basket__basketWindow-table_new .basket__basketWindowTd_new:nth-child(5),.basket__basketWindow-table_new .basket__basketWindowTh--belok,.basket__basketWindow-table_new .basket__basketWindowTh--fat,.basket__basketWindow-table_new .basket__basketWindowTh--kkal {
        display: none
    }

    .basket__basketWindow-table_new .basket__basketWindow-name {
        width: 360px;
        text-align: center
    }

    .basket__basketWindow-table_new .basket__basketWindowCap {
        width: 360px
    }

    .basket__basketWindow-table_new .basket__basketWindowTd:nth-child(6),.basket__basketWindow-table_new .basket__basketWindowTd:nth-child(7),.basket__basketWindow-table_new .basket__basketWindowTd:nth-child(8) {
        padding-top: 10px
    }

    .basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(2),.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(3),.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(4),.basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(5) {
        display: none
    }

    .basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(1) {
        width: 360px
    }

    .basket__basketWindow-table--total tr:nth-child(2) td:first-child {
        padding-top: 20px
    }

    .basket__basketWindow-table--total tr:nth-child(2) td:nth-child(7) {
        padding-top: 14px
    }
}

@media (max-width: 767px) {
    .basket_new table {
        display:block
    }

    .basket_new .simplebar-content {
        padding: 0!important
    }

    .basket_new tbody {
        display: block;
        width: 100%
    }

    .basket__basketWindow-table_new thead {
        display: none
    }

    .basket__basketWindow-table_new .basket__basketWindowBr {
        padding: 20px 15px!important
    }

    .basket__basketWindow-table_new .basket__basketWindowCap {
        width: calc(100% - 72px);
        padding: 0
    }

    .basket__basketWindow-table_new .basket__basketWindowTd:nth-child(7) {
        width: 71px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        text-align: right;
        margin: 0;
        position: relative;
        top: -4px
    }

    .basket__basketWindow-table_new .basket__basketWindowTd:nth-child(6) {
        width: 71px;
        margin: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: absolute;
        top: 62px;
        right: 0;
        padding-right: 15px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        display: none
    }

    .basket__basketWindow-caption {
        font-size: 16px
    }

    .basket__basketWindow-table_new .basket__replace {
        width: calc(100% - 20px)
    }

    .basket__basketWindow-table--total .basket__item-caption {
        padding-top: 0;
        font-size: 18px
    }

    .basket__basketWindow-table--total {
        margin-top: 0
    }

    .basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(1) {
        width: 60%;
        padding-top: 6px!important
    }

    .basket__basketWindow-table--total .basket__basketWindowBr .basket__basketWindowTd:nth-child(7) {
        width: 40%;
        padding-top: 1px!important;
        text-align: right
    }

    .basket__basketWindow-table--total tr:first-child .basket__basketWindow-sumTotal {
        padding-top: 0
    }

    .basket__basketWindow-table--total tr:first-child .basket__item-caption {
        padding-top: 0
    }

    .basket__basketWindow-table--total .basket__item {
        padding-top: 0
    }

    .basket__basketWindow-table--total tr:first-child .basket__item {
        padding-top: 0
    }

    .basket__basketWindow-table_new .basket__basketWindowBr_gift {
        padding: 16px 15px!important
    }

    .basket__basketWindow-table_new .basket__basketWindowTd_other {
        width: 20px;
        padding: 0
    }

    .basket__basketWindow-content {
        padding-right: 15px
    }
}

.search-not-found {
    margin-bottom: 60px
}

.search-not-found__content {
    padding-top: 123px;
    padding-bottom: 122px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 52px 44px 0 #cfd8dc;
    box-shadow: 0 52px 44px 0 #cfd8dc;
    text-align: center;
    font-size: 18px;
    line-height: 25px
}

.search-not-found__content h2 {
    margin-bottom: 14px;
    font-family: CoreSansDS75Black;
    font-size: 28px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    color: #2e2f31;
    text-transform: uppercase
}

.search-not-found .form-search {
    width: 391px
}

.search-not-found__img {
    margin-top: 50px;
    margin-bottom: 60px;
    text-align: center
}

.search-not-found__img img {
    width: 170px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search-not-found__content {
        font-size:13px
    }

    .search-not-found__content h2 {
        font-size: 21px
    }

    .search-not-found__img {
        margin-top: 30px;
        margin-bottom: 40px
    }

    .search-not-found__img img {
        width: 100px
    }
}

@media (max-width: 767.98px) {
    .search-not-found {
        margin:-15px;
        padding: 20px 20px 50px;
        background: #fff
    }

    .search-not-found .form-search {
        width: 100%
    }

    .search-not-found__content {
        padding: 0;
        font-size: 18px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .search-not-found__content h2 {
        font-size: 20px
    }

    .search-not-found__img {
        margin-top: 30px;
        margin-bottom: 40px
    }

    .search-not-found__img img {
        width: 100px
    }

    .search-not-found .head-with-btns-search {
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .search-not-found .head-with-btns__left {
        margin-bottom: 20px
    }

    .search-not-found .btn-red {
        width: 100%;
        padding: 10px 15px;
        font-size: 14px
    }
}

.search__mobile-box {
    position: relative
}

.search__section {
    margin-bottom: 40px
}

.search__goods-item {
    margin-bottom: 30px
}

.search__actions-item {
    margin-bottom: 30px
}

.search__reviews-item {
    margin-bottom: 30px
}

.search .title-h3 {
    margin-bottom: 35px;
    font-size: 20px
}

.search__placeholder {
    margin: 60px 0;
    text-align: center
}

.search__actions {
    position: relative
}

.search__actions.swiper-container {
    overflow: inherit;
    margin-right: -15px;
    margin-left: -15px
}

@media (max-width: 767.98px) {
    .search__actions.swiper-container {
        overflow:hidden;
        margin: 0 auto
    }

    .search__actions .col-md-4.swiper-slide {
        padding: 0
    }

    .search__actions .swiper-pagination-bullet {
        -webkit-transition: background-color .15s;
        -o-transition: background-color .15s;
        transition: background-color .15s;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    .search__actions .swiper-pagination {
        bottom: 25px;
        text-align: center;
        padding: 0
    }
}

.search__reviews {
    position: relative
}

.search__reviews.swiper-container {
    overflow: inherit;
    margin-right: -15px;
    margin-left: -15px
}

@media (max-width: 767.98px) {
    .search__reviews.swiper-container {
        overflow:hidden;
        margin: 0 auto
    }

    .search__reviews .col-md-4.swiper-slide {
        padding: 0
    }

    .search__reviews .swiper-pagination-bullet {
        background-color: #979797;
        opacity: .3;
        -webkit-transition: -webkit-box-shadow .15s;
        transition: -webkit-box-shadow .15s;
        -o-transition: box-shadow .15s;
        transition: box-shadow .15s;
        transition: box-shadow .15s,-webkit-box-shadow .15s;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    .search__reviews .swiper-pagination-bullet-active {
        opacity: .9;
        -webkit-box-shadow: 0 0 0 3px rgba(151,151,151,.29);
        box-shadow: 0 0 0 3px rgba(151,151,151,.29);
        background-color: #fff
    }

    .search__reviews .swiper-pagination {
        bottom: 30px;
        text-align: center;
        padding: 0
    }
}

@media (min-width: 768px) {
    .search__mobile-carousel .col-md-4 {
        margin-bottom:30px
    }
}

@media (min-width: 768px) {
    .search__mobile-carousel .swiper-wrapper {
        -webkit-transform:none!important;
        -ms-transform: none!important;
        transform: none!important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -30px
    }
}

@media (max-width: 767.98px) {
    .search {
        padding:20px 0 50px
    }

    .search__mobile-box {
        width: 100%
    }

    .search .form-search {
        width: 100%
    }

    .search .head-with-btns-search {
        margin-top: 0;
        margin-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .search .head-with-btns__left {
        margin-bottom: 25px
    }

    .search .head-with-btns__right {
        margin-bottom: 20px
    }

    .search .title-h3 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .search__section {
        margin-bottom: 0
    }

    .search__actions-item,.search__goods-item,.search__reviews-item {
        margin-bottom: 20px
    }
}

.vacancy__item {
    margin-bottom: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #73808d;
    border-bottom: 1px dashed #cfd8dc
}

.vacancy__item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.vacancy__title {
    width: 40%
}

.vacancy__title h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #2e2f31;
    letter-spacing: .2px
}

.vacancy__title a {
    color: #2e2f31
}

.vacancy__salary {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .1px;
    color: #d3132c
}

.vacancy__date {
    width: 13%
}

.vacancy__location {
    width: 13%
}

.vacancy__link {
    width: 24%;
    text-align: right
}

.vacancy-detail {
    font-size: 14px
}

.vacancy-detail__head {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vacancy-detail__title h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.vacancy-detail__salary {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .1px;
    color: #d3132c
}

.vacancy-detail__location {
    color: #73808d
}

.vacancy-detail__content {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: .4px;
    color: #73808d
}

.vacancy-detail__content h3 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .2px;
    color: #2e2f31
}

.vacancy-detail__info {
    position: relative;
    margin-top: 30px;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: -25px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .4px;
    color: #2e2f31;
    background: #f1f5f6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.vacancy-detail__info-icon {
    position: absolute;
    text-align: center;
    line-height: 85px;
    width: 85px
}

.vacancy-detail__info-icon img {
    width: 35px
}

.vacancy-detail__info-content {
    padding-left: 85px;
    padding-right: 30px;
    padding-top: 23px;
    padding-bottom: 23px
}

.vacancy-detail__info .btn-red {
    display: none
}

@media (min-width: 768px) and (max-width:991.98px) {
    .vacancy__link .btn-red {
        padding:8px 15px;
        font-size: 12px;
        width: 100%;
        min-width: 100%
    }

    .vacancy__date {
        font-size: 12px
    }

    .vacancy__location {
        font-size: 12px
    }

    .vacancy-detail {
        font-size: 12px
    }

    .vacancy-detail .btn-red {
        padding: 8px 35px;
        font-size: 12px
    }

    .vacancy-detail__info-icon {
        width: 68px;
        line-height: 68px
    }

    .vacancy-detail__info-content {
        padding-left: 68px;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 12px
    }

    .vacancy-detail__location {
        font-size: 14px
    }

    .vacancy-detail__content {
        font-size: 12px
    }

    .vacancy-detail__content h3 {
        font-size: 14px
    }
}

@media (max-width: 767.98px) {
    .vacancy__list {
        min-height:auto
    }

    .vacancy__item {
        width: 100%;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        margin-bottom: 21px;
        padding-bottom: 21px
    }

    .vacancy__item:last-child {
        border-bottom: 0
    }

    .vacancy__title {
        width: 100%;
        margin-bottom: 10px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .vacancy__title h2 {
        font-size: 20px;
        line-height: 24px
    }

    .vacancy__salary {
        font-size: 16px
    }

    .vacancy__date {
        width: auto;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .vacancy__location {
        width: auto;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .vacancy__date+.vacancy__location {
        margin-right: 5px
    }

    .vacancy__date+.vacancy__location:after {
        content: "/";
        margin-left: 5px
    }

    .vacancy__link {
        margin-top: 18px;
        width: 100%;
        text-align: center;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .vacancy__link .btn-red {
        width: 100%
    }

    .vacancy-detail {
        padding-top: 0;
        font-size: 12px;
        line-height: 18px
    }

    .vacancy-detail .btn-red {
        display: none
    }

    .vacancy-detail__content {
        font-size: 12px;
        line-height: 18px
    }

    .vacancy-detail__content h3 {
        margin-bottom: 7px;
        font-size: 14px
    }

    .vacancy-detail__info {
        margin: 30px -15px -15px;
        padding-bottom: 0;
        background: 0 0
    }

    .vacancy-detail__info-icon {
        display: none
    }

    .vacancy-detail__info-content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 17px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        background: #f1f5f6;
        font-size: 14px;
        line-height: 22px
    }

    .vacancy-detail__info-content .btn-red {
        margin-top: 30px;
        margin-bottom: 15px;
        display: block;
        text-align: center
    }
}

.page-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    min-height: inherit;
    height: inherit;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-404__text {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    text-transform: uppercase;
    font-size: 22px
}

.page-404 h1 {
    margin-bottom: 10px;
    font-size: 60px;
    font-weight: 600;
    color: #d31340
}

.page-404 img {
    margin-top: 50px;
    margin-bottom: 50px
}

.page-404 .show-xs {
    display: none
}

@media (min-width: 768px) and (max-width:991px) {
    .page-404 h1 {
        font-size:45px
    }

    .page-404__text {
        font-size: 21px
    }

    .page-404 img {
        margin-top: 40px;
        margin-bottom: 40px;
        width: 167px
    }
}

@media (max-width: 767px) {
    .page-404 {
        position:relative
    }

    .page-404 img {
        margin-top: 40px;
        margin-bottom: 70px;
        width: 167px
    }

    .page-404 h1 {
        margin-bottom: 30px;
        font-size: 36px
    }

    .page-404__text {
        font-size: 21px
    }

    .page-404__btn {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .page-404 .show-xs {
        display: block
    }
}

.policy {
    font-size: 14px;
    color: #73808d
}

.policy h2 {
    margin-bottom: 20px;
    color: #d3132c
}

.policy h3 {
    margin-top: 20px;
    font-size: 18px;
    color: #000
}

.policy__info {
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: -25px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #000;
    font-size: 18px;
    line-height: 26px
}

.policy__info-wrap {
    padding: 25px;
    background: #f1f5f6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.policy__info-person {
    position: relative;
    margin-bottom: 30px;
    padding-left: 50px
}

.policy__info-person:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    width: 22px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDIyIDI1Ij4KICAgIDxwYXRoIGZpbGw9IiM3MzgwOEQiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIxLjk5OCA5LjgxOGMtLjEyOS01LjEyLTQuMzYyLTkuNTE3LTkuNDQzLTkuODAyQzcuMDktLjI5NCAyLjM0MyAzLjkyMSAxLjk4NCA5LjQwNGwtLjAyNi4yMzN2LjA3OGMwIC42NzItLjI1NyAxLjc4NC0uNTY1IDIuMzgtLjQzNi44NTMtLjgyIDEuNTUxLTEuMTAzIDEuOTlhMS43NjUgMS43NjUgMCAwIDAtLjA3NyAxLjgxMSAxLjc2IDEuNzYgMCAwIDAgMS41NC45MzFoLjIwNXYzLjM4OGMwIDEuNDIzIDEuMTU1IDIuNTg3IDIuNTY2IDIuNTg3aDEuNTE0di42NDZBMS41NSAxLjU1IDAgMCAwIDcuNTc4IDI1SDE4LjI1YTEuNTUgMS41NSAwIDAgMCAxLjU0LTEuNTUydi03LjAzNWMxLjQ4OC0xLjg2MiAyLjI1OC00LjE5IDIuMjA3LTYuNTk1em0tMy45MjYgNS41ODdhLjk5OC45OTggMCAwIDAtLjIzMS42NDZ2Ni45ODNINy45NjJWMjEuODJhLjk3OS45NzkgMCAwIDAtLjk3NS0uOTgzSDQuNDk4YS42MjcuNjI3IDAgMCAxLS42MTYtLjYydi00LjM3MmEuOTc5Ljk3OSAwIDAgMC0uOTc1LS45ODJoLS44NDZjLjMwOC0uNDY2LjY0MS0xLjA4NyAxLjAyNi0xLjgzNy40MzYtLjg1My43OTUtMi4yNzYuNzk1LTMuMjU4bC4wMjYtLjIwN2MuMjgyLTQuNDQ5IDQuMTA1LTcuODYzIDguNTE5LTcuNjA0IDQuMDI4LjIzMyA3LjUxOCAzLjg1MyA3LjYyIDcuOTE0LjA1MiAyLjA0My0uNjQxIDQuMDA5LTEuOTc1IDUuNTM1em0tLjc3LTYuMzg4bC0uODcyLS4xNTZhNC4yMzggNC4yMzggMCAwIDAtLjQ2Mi0xLjExMkwxNi40OCA3YS43LjcgMCAwIDAgLjEyOC0uMzg4LjcxLjcxIDAgMCAwLS4yMDUtLjQ5MWwtLjUzOS0uNTQzYS42OTUuNjk1IDAgMCAwLS44NzItLjA3OGwtLjc0NC41MTdhNC41NTkgNC41NTkgMCAwIDAtMS4xMDQtLjQ2NWwtLjE1NC0uODhhLjY2Ni42NjYgMCAwIDAtLjY2Ny0uNTY5aC0uNzQ0YS42NjYuNjY2IDAgMCAwLS42NjcuNTdsLS4xNTQuODc5Yy0uMzg1LjEwMy0uNzcuMjU4LTEuMTAzLjQ2NUw4LjkxMiA1LjVhLjY5Mi42OTIgMCAwIDAtLjg3My4wNzhMNy41IDYuMTJhLjcxLjcxIDAgMCAwLS4yMDUuNDkxYzAgLjEzLjA1MS4yNTkuMTI4LjM4OGwuNTE0Ljc1Yy0uMjA2LjM2Mi0uMzYuNzI0LS40NjIgMS4xMTJsLS44NzMuMTU2YS42NjguNjY4IDAgMCAwLS41NjQuNjcydi43NWMwIC4zMzYuMjMuNjIuNTY0LjY3MmwuODczLjE1NmMuMTAyLjM4OC4yNTYuNzc2LjQ2MiAxLjExMmwtLjUxNC43NWEuNy43IDAgMCAwLS4xMjguMzg4LjcxLjcxIDAgMCAwIC4yMDUuNDkxbC41NC41NDNjLjIzLjIzMy42MTUuMjU5Ljg3Mi4wNzhsLjc0NC0uNTE3Yy4zNTkuMjA2LjcxOC4zNjIgMS4xMDMuNDY1bC4xNTQuODhhLjY2Ni42NjYgMCAwIDAgLjY2Ny41NjhoLjc0NGEuNjY2LjY2NiAwIDAgMCAuNjY3LS41NjlsLjE1NC0uODc5Yy40MS0uMTAzLjc3LS4yNTkgMS4xMDQtLjQ2NWwuNzQ0LjUxN2EuNjkyLjY5MiAwIDAgMCAuODcyLS4wNzhsLjUxMy0uNTE3YS43MS43MSAwIDAgMCAuMjA2LS40OTEuNzc0Ljc3NCAwIDAgMC0uMTI5LS4zODhsLS41MTMtLjc1Yy4yMDUtLjM2Mi4zNi0uNzI1LjQ2Mi0xLjExM2wuODcyLS4xNTVhLjY2OC42NjggMCAwIDAgLjU2NS0uNjcydi0uNzVjMC0uMzEtLjIzMS0uNTk1LS41MzktLjY5OHptLTUuMzM3IDMuMjMyYy0xLjE4IDAtMi4xMy0uOTU3LTIuMTMtMi4xNDYgMC0xLjE5Ljk1LTIuMTQ3IDIuMTMtMi4xNDdzMi4xMy45NTcgMi4xMyAyLjE0Ny0uOTUgMi4xNDYtMi4xMyAyLjE0NnoiIG9wYWNpdHk9Ii43Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat
}

.policy__info-company {
    position: relative;
    padding-left: 50px
}

.policy__info-company:before {
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
    width: 27px;
    height: 34px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MiA2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTIgNjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNzM4MDhEO30KPC9zdHlsZT4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcsNDcuMkg1Yy0xLjcsMC0zLTEuMy0zLTNWMTcuNWMwLTEuNywxLjMtMywzLTNoMTMuM3YzLjloMTUuM3YtMy45SDQ3YzEuNywwLDMsMS4zLDMsM3YyNi43CgkJCUM1MCw0NS45LDQ4LjcsNDcuMiw0Nyw0Ny4yeiBNNSwxNi41Yy0wLjYsMC0xLDAuNC0xLDF2MjYuN2MwLDAuNiwwLjQsMSwxLDFoNDJjMC42LDAsMS0wLjQsMS0xVjE3LjVjMC0wLjYtMC40LTEtMS0xSDM1Ljd2My45CgkJCUgxNi4zdi0zLjlINXoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNC43LDIwLjRIMTcuM2MtMC42LDAtMS0wLjQtMS0xdi02LjRjMC0xLjEsMC45LTIsMi0yaDE1LjNjMS4xLDAsMiwwLjksMiwydjYuNAoJCQlDMzUuNywxOS45LDM1LjIsMjAuNCwzNC43LDIwLjR6IE0xOC4zLDE4LjRoMTUuM3YtNS40YzAsMCwwLDAsMCwwbC0xNS4zLDBWMTguNHoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNiwxMi45Yy0yLjIsMC00LjEtMS44LTQuMS00LjFjMC0yLjIsMS44LTQuMSw0LjEtNC4xczQuMSwxLjgsNC4xLDQuMUMzMC4xLDExLjEsMjguMiwxMi45LDI2LDEyLjl6CgkJCSBNMjYsNi44Yy0xLjEsMC0yLjEsMC45LTIuMSwyLjFzMC45LDIuMSwyLjEsMi4xczIuMS0wLjksMi4xLTIuMVMyNy4xLDYuOCwyNiw2Ljh6Ii8+Cgk8L2c+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LjMsMzIuOGMtMi4yLDAtNC0xLjgtNC00czEuOC00LDQtNHM0LDEuOCw0LDRTMTYuNSwzMi44LDE0LjMsMzIuOHogTTE0LjMsMjYuOGMtMS4xLDAtMiwwLjktMiwyCgkJCQlzMC45LDIsMiwyczItMC45LDItMlMxNS40LDI2LjgsMTQuMywyNi44eiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjYsNDAuOEg5Yy0xLjEsMC0yLTAuOS0yLTJ2LTMuMWMwLTIuOCwyLjItNSw1LTVoNC42YzIuOCwwLDUsMi4yLDUsNXYzLjFDMjEuNiwzOS45LDIwLjcsNDAuOCwxOS42LDQwLjgKCQkJCXogTTEyLDMyLjhjLTEuNywwLTMsMS4zLTMsM3YzLjFoMTAuNnYtMy4xYzAtMS43LTEuMy0zLTMtM0gxMnoiLz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LDM5LjhIMjYuM2MtMC42LDAtMS0wLjQtMS0xczAuNC0xLDEtMUg0NGMwLjYsMCwxLDAuNCwxLDFTNDQuNiwzOS44LDQ0LDM5Ljh6Ii8+CgkJPC9nPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQsMzMuOEgyNi4zYy0wLjYsMC0xLTAuNC0xLTFzMC40LTEsMS0xSDQ0YzAuNiwwLDEsMC40LDEsMVM0NC42LDMzLjgsNDQsMzMuOHoiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NCwyNy44SDI2LjNjLTAuNiwwLTEtMC40LTEtMXMwLjQtMSwxLTFINDRjMC42LDAsMSwwLjQsMSwxUzQ0LjYsMjcuOCw0NCwyNy44eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat
}

@media (min-width: 768px) and (max-width:991px) {
    .policy {
        font-size:12px
    }

    .policy h2 {
        margin-top: 0;
        font-size: 20px
    }

    .policy h3 {
        font-size: 18px
    }

    .policy__info {
        font-size: 12px;
        line-height: 18px
    }

    .policy__info-person:before {
        width: 19px;
        height: 21px;
        background-size: contain
    }

    .policy__info-company:before {
        width: 20px;
        height: 25px;
        background-size: contain
    }
}

@media (max-width: 767px) {
    .policy {
        font-size:12px
    }

    .policy h2 {
        margin-top: 0;
        font-size: 20px
    }

    .policy h3 {
        font-size: 14px
    }

    .policy__info {
        margin-top: 30px;
        margin-bottom: -15px;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 14px;
        line-height: 21px
    }

    .policy__info-wrap {
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
        padding: 15px
    }

    .policy__info-person {
        margin-bottom: 15px
    }

    .policy__info-company,.policy__info-person {
        padding-left: 0
    }

    .policy__info-company:before,.policy__info-person:before {
        display: none
    }
}

.cooperation {
    font-size: 18px;
    line-height: 25px
}

.cooperation__users {
    margin-top: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cooperation__user {
    position: relative;
    width: 50%;
    margin-bottom: 39px;
    padding-left: 114px
}

.cooperation__user-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    overflow: hidden
}

.cooperation__user-img img {
    width: 100%;
    height: 100%
}

.cooperation__user-name {
    font-size: 18px;
    font-weight: 600;
    color: #2e2f31
}

.cooperation__user-mail a {
    font-size: 16px;
    color: #d3132c
}

.cooperation__user-department {
    font-size: 14px;
    color: #73808d
}

@media (min-width: 768px) and (max-width:991px) {
    .cooperation__user {
        padding-left:91px;
        margin-bottom: 30px
    }

    .cooperation__user-name {
        line-height: 1.2
    }

    .cooperation__user-mail {
        line-height: 1.2
    }

    .cooperation__user-img {
        top: 3px;
        width: 68px;
        height: 68px
    }

    .cooperation__user-department {
        margin-top: 2px;
        font-size: 12px;
        line-height: 1.4
    }
}

@media (max-width: 767px) {
    .cooperation {
        font-size:14px;
        line-height: 20px
    }

    .cooperation__user {
        width: 100%;
        padding-left: 97px;
        margin-bottom: 30px
    }

    .cooperation__user-img {
        width: 68px;
        height: 68px
    }

    .cooperation__user-mail {
        margin-top: 3px
    }

    .cooperation__user-department {
        margin-top: 3px;
        font-size: 12px;
        line-height: 1.2
    }
}

.page-menu__items {
    margin-bottom: 42px
}

.page-menu__item {
    position: relative;
    width: 100%;
    height: 250px;
    margin-bottom: 35px;
    text-align: center
}

.page-menu__item--green .page-menu__item-link {
    color: #4cd964
}

.page-menu__item--yellow .page-menu__item-link {
    color: #f8cd1c
}

.page-menu__item-link {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px;
    border-radius: 8px;
    color: #a6b1bc;
    -webkit-box-shadow: 0 2px 4px 0 #cfd8dc;
    box-shadow: 0 2px 4px 0 #cfd8dc;
    background-color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 10
}

@media (min-width: 767.98px) {
    .page-menu__item-link:hover {
        top:-14px;
        text-decoration: none;
        color: #d3132c;
        -webkit-box-shadow: 0 12px 71px 0 #cfd8dc;
        box-shadow: 0 12px 71px 0 #cfd8dc
    }

    .page-menu__item-link:hover .page-menu__item-icon>img {
        opacity: 0
    }

    .page-menu__item-link:hover .page-menu__item-icon--hover {
        opacity: 1
    }
}

.page-menu__item-icon {
    position: relative;
    height: 100px
}

.page-menu__item-icon img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.page-menu__item-icon--hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.page-menu__item-icon--hover img {
    max-width: 100%;
    max-height: 100%
}

.page-menu__item-wrap {
    width: 100%;
    max-height: 100%
}

.page-menu__item span {
    margin-top: 25px;
    display: block;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
    letter-spacing: .4px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media (max-width: 767px) {
    .page-menu {
        margin:-15px;
        padding: 20px 20px 50px;
        background: #000;
    }

    .page-menu .title-h2 {
        margin-bottom: 15px;
        font-size: 24px;
        font-weight: 700
    }

    .page-menu__items {
        margin-bottom: 20px
    }

    .page-menu__item {
        margin-bottom: 0;
        height: auto
    }

    .page-menu__item:last-child .page-menu__item-link {
        border-bottom: 0
    }

    .page-menu__item-link {
        position: relative;
        top: 0;
        left: auto;
        right: auto;
        display: block;
        padding: 12px 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border-bottom: 1px dashed #a6b1bc;
        background-color: transparent
    }

    .page-menu__item-link span {
        margin: 0;
        font-size: 18px
    }

    .page-menu__item-link:after {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -12px;
        content: "";
        width: 17px;
        height: 24px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzhweCIgaGVpZ2h0PSIxMjhweCIgdmlld0JveD0iMCAwIDc4IDEyOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMiAoNTc1MTkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImFycm93X2dyYXkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5LjAwMDAwMCwgNjMuNTAwMDAwKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC0zOS4wMDAwMDAsIC02My41MDAwMDApIHRyYW5zbGF0ZSgtMjUuMDAwMDAwLCAyNC4wMDAwMDApIiBmaWxsPSIjY2ZkOGRjIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNMTQuNDcsMS4xNyBDMTcuMzEsMS4xNyAyMC41NiwyLjcxIDIzLjMyLDUuNDcgQzM2LjM2LDE4LjQ5IDQ5LjQxMzMzMzMsMzEuNTA2NjY2NyA2Mi40OCw0NC41MiBDNjMuNTcsNDUuNiA2My41Nyw0NS42IDY0LjY1LDQ0LjUyIEM3Ny43NjMzMzMzLDMxLjQwNjY2NjcgOTAuODgsMTguMjkzMzMzMyAxMDQsNS4xOCBDMTA5LjA4OTMwNCwtMC4yMTg1ODM0MyAxMTcuNTkxNDE3LC0wLjQ2OTMwMzk3IDEyMi45OSw0LjYyIEMxMjguMzg4NTgzLDkuNzA5MzAzOTcgMTI4LjYzOTMwNCwxOC4yMTE0MTY2IDEyMy41NSwyMy42MSBDMTIzLjEsMjQuMSAxMjIuNjIsMjQuNjEgMTIyLjE0LDI1LjA0IEw3My42NSw3My41MyBDNjcuNjUsNzkuNTMgNTkuNDgsNzkuNTMgNTMuNTMsNzMuNTMgTDQuMzUsMjQuNTEgQy0xLDE5LjE1IC0xLjQ2LDExLjQ2IDMuMjYsNS43NyBDNS42NCwyLjkgOS40MiwxLjE4IDE0LjQ3LDEuMTcgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
    }

    .page-menu__item-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .page-menu__item-icon {
        margin-right: 32px;
        width: 55px;
        height: 47px
    }

    .page-menu__item-icon img {
        max-width: 100%;
        height: auto
    }
}

.rules {
    font-size: 14px;
    color: #73808d
}

.rules h2 {
    margin-top: 25px;
    color: #000
}

.rules h2:first-child {
    margin-top: 0
}

.rules-important {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #d3132c
}

.rules-img {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center
}

.rules-img img {
    max-width: 128px
}

.rules__info {
    position: relative;
    margin-top: 30px;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: -25px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .4px;
    color: #2e2f31;
    background: #f1f5f6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.rules__info-icon {
    position: absolute;
    text-align: center;
    line-height: 68px;
    width: 85px
}

.rules__info-icon img {
    width: 35px
}

.rules__info-content {
    padding-left: 85px;
    padding-right: 30px;
    padding-top: 23px;
    padding-bottom: 23px
}

.rules__info-content a {
    color: #d3132c
}

@media (min-width: 768px) and (max-width:991px) {
    .rules {
        font-size:12px
    }

    .rules h2 {
        font-size: 20px;
        line-height: 1.2
    }

    .rules__info-icon {
        width: 68px;
        line-height: 40px
    }

    .rules__info-content {
        padding-left: 68px;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .rules {
        font-size:12px
    }

    .rules h2 {
        font-size: 18px
    }

    .rules-important {
        font-size: 14px
    }

    .rules__info {
        margin: 30px -15px -15px;
        padding-bottom: 0;
        background: 0 0
    }

    .rules__info-icon {
        display: none
    }

    .rules__info-content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 17px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        background: #f1f5f6;
        font-size: 14px;
        line-height: 22px
    }
}

.form-search__result .basket-modal {
    max-width: 100%
}

.basket-modal {
    width: 410px;
    position: absolute;
    top: 60px;
    right: 2px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.3);
    box-shadow: 0 10px 30px rgba(0,0,0,.3);
    border: 1px solid #cfd8dc;
    display: none;
    z-index: 1008
}

.basket-modal:before {
    content: "";
    background: url(../img/select-arrow-down.png) no-repeat bottom;
    width: 50px;
    height: 11px;
    position: absolute;
    top: -11px;
    right: 0;
    z-index: 1
}

.basket-modal_souce {
    position: relative;
    display: block!important;
    width: 100%;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: auto;
    right: auto
}

.basket-modal_souce:before {
    content: none
}

.basket-modal_souce .basket-modal__item {
    border-bottom: 1px dashed #a6b1bc!important;
    padding-bottom: 20px!important;
    margin-bottom: 20px!important
}

.basket-modal__content {
    padding: 15px
}

.basket-modal__header {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.basket-modal__header-title {
    font-size: 24px;
    line-height: 1.2;
    color: #2e2f31;
    text-transform: uppercase;
    font-family: CoreSansDS75Black,sans-serif;
    margin: 0
}

.basket-modal__header-clear-btn {
    display: inline-block;
    background: 0 0;
    outline: 0;
    border: none;
    padding: 0;
    font-size: 15px;
    font-weight: 500
}

.basket-modal__items-group {
    max-height: 400px
}

.basket-modal__items-group .simplebar-content {
    padding-right: 17px!important
}

.basket-modal__items-group .simplebar-track.simplebar-vertical {
    background-color: #f1f5f6;
    width: 4px;
    border-radius: 2px
}

.basket-modal__items-group .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    background-color: #cfd8dc;
    width: 4px;
    right: 0;
    border-radius: 2px
}

.basket-modal__items-group .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    background-color: #cfd8dc;
    border-radius: 2px
}

.basket-modal__item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 75px;
    width: 100%;
    border-bottom: 1px dashed #a6b1bc;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.basket-modal__item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.basket-modal__item-image {
    width: 64px;
    height: 64px;
    display: block;
    border-radius: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 8px
}

.basket-modal__item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.basket-modal__item-name {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 3px
}

.basket-modal__item-title {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    max-width: calc(100% - 80px);
    max-height: 50px;
    overflow: hidden;
    margin: 0
}

.basket-modal__item-title a {
    color: inherit
}

.basket-modal__item-title a:focus,.basket-modal__item-title a:hover {
    text-decoration: none
}

.basket-modal__item-title small {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #73808d
}

.basket-modal__item-price {
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    position: relative;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.basket-modal__item-price[data-old-price]::after {
    color: #73808d;
    font-size: 15px;
    font-weight: 500;
    display: block;
    content: attr(data-old-price);
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px
}

.basket-modal__item-price[data-old-price]::before {
    height: 1px;
    line-height: 0;
    display: block;
    position: absolute;
    top: 32px;
    left: 5px;
    right: 0;
    background-color: #73808d;
    content: ""
}

.basket-modal__item-info {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.basket-modal__item-search {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.basket-modal__item-search .btn-buy_small {
    font-size: 14px
}

.basket-modal__item-search .btn-buy_small:hover {
    color: #fff
}

.basket-modal__item-info-weight {
    padding: 0 0 0 12px;
    background: url(../img/weight.svg) 0 3px no-repeat;
    background-size: 8px auto;
    color: #73808d;
    font-size: 14px
}

.basket-modal__item-info-btns {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basket-modal__item-info-btns .btn-count {
    width: 20px;
    height: 20px
}

.basket-modal__item-info-btns--count {
    font-weight: 700;
    font-size: 14px;
    min-width: 30px;
    padding: 0 5px;
    display: block;
    text-align: center
}

.basket-modal__footer {
    margin-top: 20px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .basket-modal {
        right:2px
    }
}

@media (max-width: 767.98px) {
    .basket-modal:not(.form-search-modal):not(.basket-modal_souce) {
        display:none!important
    }

    .form-search__result .basket-modal:before {
        left: 0
    }

    .basket-modal__item-info-btns .btn-count {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

@media (max-width: 767.98px) {
    .detail-page {
        background-color:#fff;
        margin-top: 0;
        padding: 0
    }

    .detail-page .page-content__head {
        display: none
    }

    .detail-page .page-content__wrap-wide {
        padding: 0;
        margin: 0;
        min-height: calc(100vh - 54px - 75px);
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }

    .detail-page .wrap__max-height {
        min-height: calc(100vh - 54px - 196px)!important
    }

    .detail-page .breadcrumb {
        display: none
    }
}

.detail-page__section {
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    .detail-page__section {
        margin-bottom:20px
    }
}

@media (max-width: 767.98px) {
    .detail-page .section-info {
        padding-left:20px;
        padding-right: 20px;
        padding-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    body.topalert-visible.header-fixed .detail-page .page-content__wrap-wide {
        min-height:calc(100vh - 54px - 75px - 46px)
    }
}

.favorites-page__section {
    margin-bottom: 100px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .favorites-page__section {
        margin-bottom:30px
    }
}

@media (max-width: 767.98px) {
    .favorites-page__section {
        margin-bottom:40px
    }
}

.favorites-page__goods-item {
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .favorites-page__goods-item {
        margin-bottom:20px
    }
}

.favorites-page__goods-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.favorites-page__goods-buttons .btn {
    margin-right: 12px
}

@media (max-width: 768px) {
    .favorites-page__goods-buttons .btn {
        margin-right:14px
    }
}

.action-detail .action-detail__new-bg {
    padding: 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 52px 44px 0 #cfd8dc;
    box-shadow: 0 52px 44px 0 #cfd8dc;
    border-radius: 8px
}

@media (max-width: 566px) {
    .action-detail .action-detail__new-bg {
        padding:0
    }
}

.action-detail__image {
    width: 100%;
    height: 300px;
    border-radius: 16px;
    -webkit-box-shadow: 0 2px 4px 0 #cfd8dc;
    box-shadow: 0 2px 4px 0 #cfd8dc;
    margin-bottom: 24px;
    overflow: hidden
}

.action-detail__image img {
    width: 100%;
    height: 100%
}

.action-detail__image--desktop {
    display: block
}

@media (max-width: 768px) {
    .action-detail__image--desktop {
        display:none
    }
}

.action-detail__image--mobile {
    display: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (max-width: 768px) {
    .action-detail__image--mobile {
        display:block
    }
}

.action-detail__content {
    color: #73808d;
    font-size: 16px;
    letter-spacing: .4px;
    border-right: 1px dashed #a6b1bc;
    padding-right: 22px
}

.action-detail__content .title-h2,.action-detail__content .title-h3 {
    color: #27292e
}

.action-detail__content .title-h3 {
    margin-bottom: 10px;
    margin-top: 18px
}

.action-detail__content p:last-child {
    margin-bottom: 0
}

.action-detail__right-col {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 22px
}

.action-detail__time {
    color: #27292e;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.17
}

.action-detail__time-date {
    color: #2e2f31;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.3px;
    margin-top: 19px
}

.action-detail__info {
    color: #73808d;
    font-size: 14px;
    letter-spacing: .4px
}

.action-detail__info h1 {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: .008em;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    color: #27292e
}

@media (min-width: 768px) and (max-width:991.98px) {
    .action-detail__info h1 {
        font-size:28px
    }
}

@media (max-width: 767.98px) {
    .action-detail__info h1 {
        font-size:24px
    }
}

.action-detail__info h2 {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 900;
    font-size: 24px;
    margin: 0 0 20px 0;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #27292e
}

@media (min-width: 768px) and (max-width:991.98px) {
    .action-detail__info h2 {
        font-size:24px
    }
}

@media (max-width: 767.98px) {
    .action-detail__info h2 {
        font-size:20px
    }
}

.action-detail__info h3 {
    display: block;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    font-weight: 700;
    font-size: 17px;
    margin: 0 0 10px 0;
    color: #27292e
}

.action-detail__info:before {
    content: "";
    display: block;
    position: relative;
    width: 35px;
    height: 25px;
    background: url(/local/templates/htmc_common/css/../img/icons/vacancy.svg);
    margin-bottom: 14px
}

.action-detail__info p:last-child {
    margin-bottom: 0
}

.action-detail__bg {
    position: relative;
    margin: 30px -25px -25px;
    background: #f1f5f6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 92px
}

@media (min-width: 768px) and (max-width:991px) {
    .action-detail__image {
        height:218px
    }

    .action-detail__content {
        font-size: 12px;
        line-height: 1.67;
        letter-spacing: .3px
    }

    .action-detail__time {
        font-size: 14px;
        line-height: 1.67
    }

    .action-detail__time-date {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .5px;
        margin-top: 2px
    }

    .action-detail__info {
        font-size: 12px;
        line-height: 1.67;
        letter-spacing: .3px
    }

    .action-detail__info:before {
        width: 29px;
        height: 20.9px;
        margin-bottom: 10px
    }

    .action-detail__bg {
        height: 67px;
        border-bottom-left-radius: 9.5px;
        border-bottom-right-radius: 9.5px
    }
}

@media (max-width: 767px) {
    .action-detail__image {
        border-radius:0;
        height: 290px;
        margin-bottom: -22px;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .action-detail__image:after {
        content: '';
        display: block;
        height: 200px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background-image: -o-linear-gradient(top,rgba(39,41,43,0),#000);
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(39,41,43,0)),to(#000));
        background-image: linear-gradient(to bottom,rgba(39,41,43,0),#000)
    }

    .action-detail__row {
        margin: 0;
        background: #fff;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
        padding-top: 19px;
        position: relative
    }

    .action-detail__content {
        border-right: none;
        font-size: 13.6px;
        margin-bottom: 19px;
        padding-left: 20px;
        padding-right: 20px
    }

    .action-detail__content .title-h3 {
        margin-bottom: 15px;
        margin-top: 15px
    }

    .action-detail__content p {
        margin-bottom: 8px
    }

    .action-detail__right-col {
        position: static;
        padding: 0
    }

    .action-detail__time {
        position: absolute;
        top: -56px;
        color: #fff;
        font-size: 12px;
        right: 20px;
        left: 20px;
        padding-left: 45px
    }

    .action-detail__time:before {
        content: "";
        display: block;
        position: absolute;
        top: 4px;
        left: 0;
        background-image: url(/local/templates/htmc_common/css/../img/action-detail/calendar.svg);
        width: 28px;
        height: 28px
    }

    .action-detail__time-title {
        font-weight: 700;
        font-size: 12px
    }

    .action-detail__time-date {
        font-size: 16px;
        color: #fff;
        margin: 0
    }

    .action-detail__info {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: .4px;
        background-color: #f1f5f6;
        color: #2e2f31;
        padding: 15px 20px;
        position: relative;
        margin: 0;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px
    }

    .action-detail__info:before {
        display: none
    }

    .action-detail__bg {
        display: none
    }
}

.actions-page__section {
    margin-bottom: 100px
}

@media (min-width: 768px) and (max-width:991.98px) {
    .actions-page__section {
        margin-bottom:30px
    }
}

@media (max-width: 767.98px) {
    .actions-page__section {
        margin-bottom:0
    }
}

.actions-page__list-item {
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .actions-page__list-item {
        margin-bottom:20px
    }
}

.window-auth .modal-dialog {
    width: 335px
}

.window-auth .modal-content .modal-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 16px 30px 30px 30px
}

.window-auth .modal-content .modal-footer .btn {
    width: 100%;
    margin: 0
}

.window-auth .modal-content .modal-footer .auth-text {
    margin-top: 7px;
    width: 100%
}

.window-auth .modal-content .modal-footer .auth-links-block {
    margin: 8px 0 0 0;
    width: 100%;
    text-align: center
}

.window-auth .modal-content .modal-body {
    padding-right: 30px;
    padding-left: 30px
}

.window-auth .modal-content .modal-header {
    padding: 21px 30px 10px;
    margin-top: 0
}

.window-auth .modal-content .modal-header .close {
    top: 30px;
    right: 30px;
    width: 13px;
    height: 13px;
    display: block;
    padding: 0;
    margin: 0
}

.window-auth .modal-content .modal-title {
    margin: 0 auto
}

.window-auth .auth-form-error {
    display: none;
    margin: 16px 0 0 0!important;
    font-size: 12px;
    color: #73808d;
    width: 100%;
    text-align: center;
    letter-spacing: .4px
}

.window-auth .auth-form .c-form-field {
    margin-bottom: 15px
}

.window-auth .auth-form .c-form-field:last-child {
    margin-bottom: 0
}

.window-auth .auth-text {
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #73808d;
    margin-top: -5px
}

.window-auth .auth-text a {
    color: #73808d;
    text-decoration: underline
}

.window-auth .auth-big-text {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #73808d;
    margin-bottom: 20px
}

.window.window-location .modal-dialog {
    max-width: 350px
}

.window.window-location .modal-header .close {
    top: 34px;
    right: 34px
}

@media (max-width: 991px) {
    .window.window-location .modal-header {
        padding-top:23px
    }
}

.window.window-location .modal-body,.window.window-location .modal-footer {
    padding-right: 45px;
    padding-left: 45px
}

@media (max-width: 767.98px) {
    .window.window-location .modal-body,.window.window-location .modal-footer {
        padding-right:30px;
        padding-left: 30px
    }
}

.window.window-location .modal-footer {
    padding-top: 12px;
    padding-bottom: 40px
}

.window.window-location .modal-footer button {
    width: 100%
}

.window.window-location .modal-title {
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto
}

@media (max-width: 991px) {
    .window.window-location .modal-title {
        margin-bottom:0;
        font-size: 20px;
        line-height: 25px
    }
}

.window.window-location .form-field {
    width: 100%
}

.window.window-location .form-field__choose-city .bootstrap-select .dropdown-menu {
    width: calc(100% + 2px);
    left: -1px!important
}

.window.window-location .form-field__choose-city .bootstrap-select .dropdown-menu>.inner {
    overflow-x: hidden
}

.modal {
    padding-right: 0!important;
    z-index: 3001
}

.alert {
    margin: 0 25px 15px
}

.alert-success--order {
    color: #569562;
    font-size: 16px;
    line-height: 21px;
    padding: 17px 18px 17px 78px;
    background-image: url(../img/smile-green.svg);
    background-position: 18px center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border-radius: 8px;
    margin: 25px 25px 15px
}

.alert-danger--order {
    color: #fe283e;
    font-size: 16px;
    line-height: 21px;
    padding: 17px 18px 17px 78px;
    background-color: #ffedef;
    background-image: url(../img/alert-danger.svg);
    background-position: 18px center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border-radius: 8px
}

.alert_new {
    margin-top: 0;
    padding-top: 21px;
    border: 0;
    padding-bottom: 21px;
    background: #d7f5dc url(/local/templates/htmc_common/css/../img/rub.svg) no-repeat 18px center;
    background-size: 32px 32px
}

@media (max-width: 767.98px) {
    .alert {
        margin:15px 25px 0
    }

    .alert-success--order {
        padding: 15px 21px 15px 63px;
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 15px
    }

    .alert_new {
        padding-top: 24px;
        padding-bottom: 24px;
        width: calc(100% - 26px);
        margin-left: 13px
    }

    .alert-danger--order {
        padding: 14px 12px 14px 63px;
        font-size: 14px;
        line-height: 16px
    }
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
html.os-html,html.os-html>.os-host {
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%!important;
    width: 100%!important;
    min-width: 100%!important;
    min-height: 100%!important;
    margin: 0!important;
    position: absolute!important
}

html.os-html>.os-host>.os-padding {
    position: absolute
}

body.os-dragging,body.os-dragging * {
    cursor: default
}

.os-host,.os-host-textarea {
    position: relative;
    overflow: visible!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.os-host-flexbox {
    overflow: hidden!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.os-host-flexbox>.os-size-auto-observer {
    height: inherit!important
}

.os-host-flexbox>.os-content-glue {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.os-host-flexbox>.os-content-glue,.os-host-flexbox>.os-size-auto-observer {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px
}

#os-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

#os-dummy-scrollbar-size:after,#os-dummy-scrollbar-size:before,.os-content:after,.os-content:before {
    content: '';
    display: table;
    width: .01px;
    height: .01px;
    line-height: 0;
    font-size: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    visibility: hidden
}

#os-dummy-scrollbar-size,.os-viewport {
    -ms-overflow-style: scrollbar!important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none!important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none!important;
    width: 0!important;
    height: 0!important;
    visibility: hidden!important;
    background: 0 0!important
}

.os-content-glue {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.os-padding {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto!important;
    height: auto!important
}

.os-host-overflow>.os-padding {
    overflow: hidden
}

.os-viewport {
    direction: inherit!important;
    -webkit-box-sizing: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    outline: 0!important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none
}

.os-content {
    direction: inherit;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    visibility: visible
}

.os-content>.os-textarea {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    direction: inherit!important;
    background: 0 0!important;
    outline: 0 none transparent!important;
    overflow: hidden!important;
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    margin: 0!important;
    border-radius: 0!important;
    float: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    border: none!important;
    resize: none!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    max-width: none!important;
    max-height: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-perspective: none!important;
    perspective: none!important;
    opacity: 1!important;
    z-index: 1!important;
    clip: auto!important;
    vertical-align: baseline!important;
    padding: 0
}

.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
    right: 0!important
}

.os-content>.os-textarea-cover {
    z-index: -1;
    pointer-events: none
}

.os-content>.os-textarea[wrap=off] {
    white-space: pre!important;
    margin: 0!important
}

.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    -o-text-overflow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text
}

.os-resize-observer,.os-resize-observer-host {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.os-resize-observer-host.observed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host>.os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.os-resize-observer-host.observed>.os-resize-observer:before {
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: inherit;
    border: inherit;
    margin: 0
}

.os-size-auto-observer {
    -webkit-box-sizing: inherit!important;
    box-sizing: inherit!important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.os-size-auto-observer>.os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px
}

.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr!important;
    -webkit-box-flex: 0!important;
    -ms-flex: none!important;
    flex: none!important
}

.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
    -webkit-box-flex: 0!important;
    -ms-flex: none!important;
    flex: none!important
}

.os-resize-observer {
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-name: os-resize-observer-dummy-animation;
    animation-name: os-resize-observer-dummy-animation
}

object.os-resize-observer {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important
}

@-webkit-keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

@keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner {
    -webkit-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;
    -o-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;
    transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s
}

html.os-html>.os-host>.os-scrollbar {
    position: absolute;
    z-index: 999999
}

.os-scrollbar,.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    z-index: 1
}

.os-scrollbar-corner {
    bottom: 0;
    right: 0
}

.os-scrollbar {
    pointer-events: none
}

.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0!important;
    border: none!important
}

.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%
}

.os-scrollbar-handle-off,.os-scrollbar-track-off {
    pointer-events: none
}

.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none!important
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0!important
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    top: 0;
    right: 0
}

.os-host-rtl>.os-scrollbar-horizontal {
    right: 0
}

.os-host-rtl>.os-scrollbar-vertical {
    right: auto;
    left: 0
}

.os-host-rtl>.os-scrollbar-corner {
    right: auto;
    left: 0
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-padding+.os-scrollbar-corner,.os-scrollbar-auto-hidden,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.os-scrollbar-corner-resize-both {
    cursor: nwse-resize
}

.os-host-rtl>.os-scrollbar-corner-resize-both {
    cursor: nesw-resize
}

.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize
}

.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
    top: 0;
    bottom: 0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
    right: 0;
    left: 0
}

.os-scrollbar-corner.os-scrollbar-corner-resize,.os-scrollbar:hover {
    opacity: 1!important;
    visibility: visible!important
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto!important
}

.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.os-host-overflow {
    overflow: hidden!important
}

.os-theme-none>.os-scrollbar-corner,.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical {
    display: none!important
}

.os-theme-none>.os-scrollbar-corner-resize {
    display: block!important;
    min-width: 10px;
    min-height: 10px
}

.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal {
    right: 10px;
    height: 10px
}

.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical {
    bottom: 10px;
    width: 10px
}

.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
    left: 10px;
    right: 0
}

.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner {
    height: 10px;
    width: 10px
}

.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner {
    background-color: transparent
}

.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar {
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0
}

.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar.os-scrollbar-unusable {
    background: 0 0
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track {
    background: 0 0
}

.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
    min-width: 30px
}

.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
    min-height: 30px
}

.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    border-radius: 10px
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0,0,0,.4)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255,255,255,.4)
}

.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0,0,0,.55)
}

.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255,255,255,.55)
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(0,0,0,.7)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(255,255,255,.7)
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px
}

.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px
}

.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px
}

.os-host-overflow-y .os-content {
    padding-right: 20px!important
}

@media (max-width: 767px) {
    .topalert-visible.header-fixed .delivery-content .page-content__wrap {
        min-height:calc(100vh - 54px - 75px - 46px - 80px)
    }
}

@media (max-width: 767px) {
    .header-fixed .delivery-content .page-content__wrap {
        min-height:calc(100vh - 54px - 75px - 46px - 40px)
    }
}

.delivery__saved-adress-list {
    font-size: 14px;
    line-height: 22px;
    color: #73808d;
    font-weight: 400;
    padding: 5px 15px 0;
    margin: 0;
    list-style-type: none
}

.delivery__saved-adress-list li {
    cursor: pointer;
    margin-top: 10px
}

.delivery__saved-adress-list .delivery__saved-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #2e2f31
}

.delivery__saved-adress-list li:hover .delivery__saved-val {
    color: #2e2f31;
    cursor: pointer
}

.delivery__saved-adress-list+.ui-menu {
    top: 0!important;
    left: 0!important;
    margin-top: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 18px 0 8px;
    margin-left: -8px;
    margin-right: -8px
}

.delivery__saved-adress-list+.ui-menu li {
    border: none;
    padding: 5px 8px;
    min-height: 23px;
    background-color: transparent
}

.delivery__saved-adress-list+.ui-menu li:hover {
    background: #f1f5f6;
    border-radius: 6px;
    color: #2e2f31
}

.delivery .ui-autocomplete {
    position: static
}

.delivery__address-error {
    text-align: center;
    padding: 8px 0 0;
    display: none
}

.delivery__address-error__content {
    max-width: 439px;
    display: inline-block;
    text-align: left;
    border-radius: 8px;
    background: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 1C8.17689 1 1 8.17689 1 17C1 25.8231 8.17689 33 17 33C25.8231 33 33 25.8213 33 17C33 8.17867 25.8213 1 17 1Z' stroke='%23FD283E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.9164 12.5911C22.6711 12.5911 22.472 12.7902 22.4738 13.0355C22.4738 13.2808 22.6729 13.4799 22.9182 13.4799C23.1636 13.4799 23.3627 13.2808 23.3627 13.0355C23.3627 12.7902 23.1636 12.5911 22.9164 12.5911' stroke='%23FD283E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0249 12.5555C10.7796 12.5555 10.5804 12.7546 10.5822 13C10.5822 13.2453 10.7813 13.4444 11.0267 13.4444C11.272 13.4444 11.4711 13.2453 11.4711 13C11.4711 12.7546 11.272 12.5555 11.0249 12.5555' stroke='%23FD283E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7778 24.1111C10.7778 24.1111 13.112 21.7787 17 21.7787C20.8898 21.7787 23.2222 24.1111 23.2222 24.1111' stroke='%23FD283E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 16px 50% no-repeat #ffedef;
    padding: 20px 20px 20px 82px;
    font-size: 16px;
    line-height: 21px;
    color: #fd283e
}

@media only screen and (max-width: 767.98px) {
    .delivery__address-error__content {
        padding:10px 10px 10px 62px;
        font-size: 13px;
        line-height: 16px;
        background-size: 30px
    }
}

@media only screen and (max-width: 767.98px) {
    .delivery__address-error {
        text-align:center;
        background-color: #ffedef;
        border-radius: 0 0 8px 8px;
        margin-bottom: 20px;
        padding-bottom: 0;
        padding-top: 3px;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: -12px;
        margin-left: 0;
        margin-right: 0
    }
}

.delivery__address-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2px 0 2px 1px;
    margin: 0 -1px 12px;
    border-radius: 4px
}

@media (max-width: 767px) {
    .delivery__address-row {
        padding-top:1px;
        padding-bottom: 1px;
        padding-left: 1px;
        padding-right: 1px;
        margin-bottom: 10px
    }
}

.delivery__address-row--skin-success {
    background-color: #4cd96a
}

.delivery__address-row--skin-success .state-focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .delivery__address-row--skin-success {
        padding-bottom:3px;
        margin-left: 0;
        margin-right: 0
    }
}

.delivery__address-row--skin-success .delivery__address-hint {
    display: block
}

.delivery__address-row--skin-success .delivery__address-label--success {
    display: inline-block
}

.delivery__address-row--skin-extended {
    background-color: #ffbf60
}

.delivery__address-row--skin-extended .state-focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .delivery__address-row--skin-extended {
        padding-bottom:3px;
        margin-left: 0;
        margin-right: 0
    }
}

.delivery__address-row--skin-extended .delivery__address-hint {
    display: block
}

.delivery__address-row--skin-extended .delivery__address-label--success {
    display: inline-block;
    background: url(../img/time-extended.svg) 0 50% no-repeat
}

.delivery__address-row--skin-error {
    background-color: #fe283e
}

.delivery__address-row--skin-error .delivery__address-edit-btn {
    background-color: #d62134
}

.delivery__address-row--skin-error .state-focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .delivery__address-row--skin-error {
        padding-bottom:3px;
        margin-left: 0;
        margin-right: 0
    }
}

.delivery__address-row--skin-error .delivery__address-hint {
    display: block
}

.delivery__address-row--skin-error .delivery__address-label--error {
    display: inline-block
}

.delivery__address-row .form-select {
    height: 65px
}

.delivery__address-inp {
    margin-left: 1px;
    margin-right: 1px;
    background-color: #fff;
    border-radius: 4px;
    position: relative
}

.delivery__address-inp button.c-form-field__button:focus {
    outline: 0
}

.delivery__address-inp--lg {
    width: calc(100% - 2px)
}

@media only screen and (max-width: 767.98px) {
    .delivery__address-inp--lg {
        width:calc(100% - 2px)
    }
}

.delivery__address-inp--lg::after {
    display: block;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.40973 8.84959C7.01921 8.45906 7.01921 7.8259 7.40973 7.43537L14.4808 0.364304C14.8713 -0.02622 15.5045 -0.0262198 15.895 0.364304C16.2855 0.754829 16.2855 1.38799 15.895 1.77852L8.82395 8.84959C8.43342 9.24011 7.80026 9.24011 7.40973 8.84959Z' fill='%2344474A'/%3E%3Cpath d='M8.77817 8.84959C9.1687 8.45906 9.1687 7.8259 8.77817 7.43537L1.70711 0.364304C1.31658 -0.02622 0.683417 -0.0262198 0.292893 0.364304C-0.0976311 0.754829 -0.0976311 1.38799 0.292893 1.77852L7.36396 8.84959C7.75449 9.24011 8.38765 9.24011 8.77817 8.84959Z' fill='%2344474A'/%3E%3C/svg%3E%0A") no-repeat;
    width: 18px;
    height: 10px;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    content: ""
}

.delivery__address-inp--lg input {
    padding-right: 35px!important
}

.delivery__address-inp--sm {
    width: calc(10% - 2px)
}

@media only screen and (max-width: 767.98px) {
    .delivery__address-inp--sm {
        width:calc(50% - 2px)
    }
}

.delivery__address-inp--md {
    width: calc(50% - 2px)
}

@media only screen and (max-width: 767.98px) {
    .delivery__address-inp {
        margin-bottom:1px;
        margin-top: 1px
    }
}

.delivery__address-hint {
    display: none;
    height: 31px;
    vertical-align: middle;
    line-height: 31px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    color: #fff;
    padding: 0 9px
}

@media only screen and (max-width: 767.98px) {
    .delivery__address-hint {
        text-align:left;
        font-size: 13px
    }
}

.delivery__address-comment .c-form-field__area {
    margin-top: 30px;
    height: 103px;
    min-height: 0;
    padding-top: 0
}

.delivery__address-comment .c-form-field__area:-moz-placeholder,.delivery__address-comment .c-form-field__area:-ms-input-placeholder,.delivery__address-comment .c-form-field__area::-moz-placeholder,.delivery__address-comment .c-form-field__area::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #73808d
}

.delivery__address-hint .delivery__address-edit-btn {
    position: absolute;
    right: 2px;
    top: 2px
}

.delivery__address-edit-btn {
    border: none;
    background-color: #4fbe67;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    width: 125px;
    line-height: 27px;
    white-space: nowrap;
    text-align: center
}

.delivery__address-label {
    padding-left: 28px;
    display: inline-block
}

.delivery__address-label--success {
    background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.5 19C14.7467 19 19 14.7467 19 9.5C19 4.25329 14.7467 0 9.5 0C4.25329 0 0 4.25329 0 9.5C0 14.7467 4.25329 19 9.5 19Z' fill='white'/%3E%3Cpath d='M5.62061 10.1411L8.5 12.9951L11.9844 5.70898' stroke='%234CD96A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 50% no-repeat;
    display: none
}

.delivery__address-label--error {
    background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.5 19C14.7467 19 19 14.7467 19 9.5C19 4.25329 14.7467 0 9.5 0C4.25329 0 0 4.25329 0 9.5C0 14.7467 4.25329 19 9.5 19Z' fill='white'/%3E%3Cpath d='M11.7133 7.28668L7.28636 11.7131' stroke='%23FF273C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7133 11.7133L7.28636 7.28689' stroke='%23FF273C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 50% no-repeat;
    display: none
}

.delivery__address-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -6px;
    margin-right: -6px
}

@media (max-width: 767px) {
    .delivery__address-layout {
        margin-left:0;
        margin-right: 0
    }
}

.delivery__address-layout .delivery__address-inp:not(.delivery__address-inp--fw) {
    width: calc(50% - 12px);
    margin-left: 6px;
    margin-right: 6px
}

@media (max-width: 767px) {
    .delivery__address-layout .delivery__address-inp:not(.delivery__address-inp--fw) {
        width:calc(50% - 9px);
        margin-left: 3.5px;
        margin-right: 3.5px;
        padding-left: 2px
    }
}

.delivery__address-layout .delivery__address-inp--fw {
    margin-left: 6px;
    margin-right: 6px;
    width: calc(100% - 12px)
}

.delivery__address-layout .delivery__address-row {
    margin-left: -6px;
    margin-right: -6px;
    padding-bottom: 0
}

@media only screen and (max-width: 767.98px) {
    .delivery__address-layout {
        display:none;
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .delivery__address-layout .delivery__address-row {
        margin-bottom:7px
    }
}

.delivery__address-layout__item {
    width: calc(50% - 12px);
    margin: 0 6px
}

.delivery__address-layout__item .form-select--textarea {
    height: auto
}

.delivery__address-layout__item .form-select--textarea .form-control {
    height: 140px
}

@media only screen and (max-width: 767.98px) {
    .delivery__address-layout__item {
        width:auto;
        margin: 0 0 0
    }
}

@media only screen and (min-width: 768px) {
    .delivery-content {
        margin-top:-100px
    }
}

.delivery-content .page-content__wrap {
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.15);
    box-shadow: 0 2px 3px rgba(98,107,113,.15);
    margin-top: 15px
}

@media only screen and (min-width: 768px) {
    .delivery-content .page-content__wrap {
        min-height:500px
    }
}

.delivery-content .dropdown-menu {
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #cfd8dc;
    z-index: 1002
}

.delivery-content .dropdown-menu li {
    margin: 2px 0
}

.delivery-content .dropdown-menu a {
    margin: 0!important;
    font-size: 14px;
    display: block;
    padding: 5px 8px!important;
    border-radius: 6px
}

.delivery-content .dropdown-menu a.selected,.delivery-content .dropdown-menu a:hover {
    background: #f1f5f6!important;
    color: #2e2f31
}

@media only screen and (max-width: 992px) {
    .delivery-content .page-content__head h1 {
        display:none
    }
}

@media (max-width: 767px) {
    .delivery-content .checkout__action-btn {
        position:fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        margin: 0;
        padding: 15px;
        background: #f1f5f6
    }

    .delivery-content .page-content__wrap {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.delivery__select {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 15px
}

.delivery__select .form-field .form-field__placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 16px
}

.delivery__select .form-field .bootstrap-select.active+.form-field__placeholder {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    padding-bottom: 22px
}

.delivery__select .form-field .bootstrap-select>select {
    position: relative!important;
    bottom: auto;
    left: auto;
    display: block!important;
    width: auto!important;
    height: 0!important;
    padding: 0!important;
    opacity: 0!important;
    border: none;
    z-index: 0!important;
    max-width: 344px
}

.delivery__select .form-field .bootstrap-select .dropdown-toggle {
    padding-top: 20px
}

.delivery__select .form-field .bootstrap-select .dropdown-menu {
    width: 100%;
    max-height: 275px
}

.delivery__select .form-field .bootstrap-select .dropdown-menu li {
    margin-bottom: 10px
}

.delivery__select .form-field .bootstrap-select .dropdown-menu li a {
    font-size: 12px;
    line-height: 24px;
    background: 0 0!important;
    color: #73808d;
    white-space: normal
}

.delivery__select .form-field .bootstrap-select .dropdown-menu li:last-child {
    margin-bottom: 0
}

.delivery__select .form-field .bootstrap-select button.dropdown-toggle {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .delivery__select .text-help {
        max-width:344px;
        margin: auto
    }
}

@media (max-width: 767px) {
    .delivery__select .form-field .bootstrap-select button.dropdown-toggle {
        width:100%
    }

    .delivery__select .form-field {
        width: 100%
    }
}

.delivery__item-name {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #2e2f31
}

.delivery__item-text {
    display: block;
    font-size: 12px;
    line-height: 24px
}

.delivery__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: .92;
    letter-spacing: .5px;
    color: #2e2f31
}

.delivery__tabs-nav {
    color: #73808d;
    font-size: 17px;
    letter-spacing: .6px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    text-transform: uppercase;
    line-height: 1;
    border: 1px solid #e0e6e9;
    background-color: #f1f5f6;
    overflow: hidden;
    padding: 1px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: normal;
    margin: -3px 0 0;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none
}

@media only screen and (max-width: 992px) {
    .delivery__tabs-nav {
        font-size:15px;
        font-weight: 500;
        text-transform: none;
        font-family: Roboto,sans-serif
    }
}

.delivery__tabs-nav__item {
    width: 50%;
    cursor: pointer;
    border-left: 1px solid #e0e6e9;
    line-height: 46px;
    vertical-align: middle;
    text-align: center
}

.delivery__tabs-nav__item:first-child {
    border: none
}

.delivery__tabs-nav__item[data-delivery-sale]::after {
    display: inline-block;
    line-height: 28px;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    text-transform: none;
    white-space: nowrap;
    width: 98px;
    text-align: center;
    background: #4cd96a;
    border-radius: 4px;
    color: #fff;
    vertical-align: middle;
    margin: -4px 0 0 15px;
    content: attr(data-delivery-sale)
}

@media only screen and (max-width: 575px) {
    .delivery__tabs-nav__item[data-delivery-sale]::after {
        content:attr(data-delivery-sale-resp);
        width: 40px;
        margin-left: 5px
    }
}

.delivery__tabs-nav__item--state-active {
    color: #000;
    background-color: #fff
}

.delivery__tabs-map {
    padding: 27px 0 0
}

.delivery__tabs-map .restaurant-card__ymap {
    height: 255px;
    overflow: hidden;
    border-radius: 4px;
    margin: 0
}

.delivery__tabs-map .ymaps-2-1-74-map {
    height: 100%
}

.delivery__tabs-content__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    color: #2e2f31;
    margin-bottom: 28px
}

@media (max-width: 767px) {
    .delivery__tabs-content__title {
        font-size:14px;
        line-height: 18px;
        margin-bottom: 13px
    }

    .delivery__tabs-content__title br {
        display: none
    }
}

.delivery__tabs-content__item {
    padding: 15px 0 0;
    display: none
}

.delivery__tabs-content__item:last-child {
    padding-top: 45px
}

@media (max-width: 767px) {
    .delivery__tabs-content__item:last-child {
        padding-top:22px
    }
}

.delivery__form-field {
    width: 100%;
    margin: 0
}

.delivery__form-field .filter-option-inner-inner {
    color: #2e2f31
}

.delivery__form .form-field__placeholder {
    letter-spacing: .3px;
    color: #73808d
}

.delivery__form .bootstrap-select>.dropdown-menu {
    width: 100%;
    min-width: auto!important
}

.delivery__form .bootstrap-select .dropdown-menu.inner.show {
    max-height: 300px
}

.delivery__form .bootstrap-select .dropdown-item {
    margin: 13px 0;
    padding-top: 5px;
    padding-bottom: 5px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.delivery__form .bootstrap-select button.dropdown-toggle {
    border: 1px solid #cfd8dc!important
}

.delivery__form .bootstrap-select button.dropdown-toggle .filter-option-inner-inner {
    width: 100%
}

.delivery__form .simplebar-track.simplebar-vertical {
    right: 8px;
    width: 5px;
    margin: auto 0;
    border-radius: 2.5px;
    background-color: #f1f5f6;
    max-height: calc(100% - 16px)
}

.delivery__form .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    background-color: #cfd8dc;
    width: 5px;
    right: 0;
    border-radius: 2.5px
}

.delivery__form .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    background-color: #cfd8dc;
    border-radius: 2.5px
}

.delivery__price-line {
    margin-bottom: 16px
}

.delivery__price-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.delivery__price-item {
    position: relative;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    padding-bottom: 16px;
    font-family: AktivGrotesk;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .3px;
    text-align: center;
    color: #27292e
}

.delivery__price-item::after {
    content: "₽"
}

.delivery__price-item::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: calc(100% + 20px);
    height: 10px;
    border-radius: 10px;
    background-color: #cfd8dc
}

.delivery__price-item:last-child::before {
    width: 100%
}

.delivery__price-item--copper::before {
    background-color: #fccd9f
}

.delivery__price-item--blue::before {
    background-color: #99d2eb
}

.delivery__price-item--coral::before {
    background-color: #f9a0a2
}

.delivery__price-item--olive::before {
    background-color: #c5d8a5
}

.delivery__price-item--yellow::before {
    background-color: #fcf196
}

.delivery__price-item--beige::before {
    background-color: #fbd4ae
}

.delivery__price-item--purple::before {
    background-color: #b1b5d5
}

.delivery__price-item--lilac::before {
    background-color: #e2b6e1
}

.delivery__map {
    width: 100%;
    height: 255px;
    border-radius: 3.8px;
    background-color: #fff
}

.delivery__map-wrap {
    height: 100%;
    border-radius: 3.8px;
    overflow: hidden
}

@media only screen and (max-width: 767.98px) {
    .delivery__map {
        display:none
    }
}

.delivery__amount {
    margin-bottom: 65px
}

.delivery__amount-text {
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .4px
}

.delivery__amount-value {
    font-family: AktivGrotesk;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.09;
    letter-spacing: .4px;
    color: #2e2f31
}

.delivery__amount-value::before {
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: #cfd8dc
}

.delivery__amount-value--copper::before {
    background-color: #fbd4ae
}

.delivery__amount-value--blue::before {
    background-color: #99d2eb
}

.delivery__amount-value--coral::before {
    background-color: #f9a0a2
}

.delivery__amount-value--olive::before {
    background-color: #c5d8a5
}

.delivery__amount-value--yellow::before {
    background-color: #fcf196
}

.delivery__amount-value--beige::before {
    background-color: #fbd4ae
}

.delivery__amount-value--purple::before {
    background-color: #b1b5d5
}

.delivery__amount-value--lilac::before {
    background-color: #e2b6e1
}

.delivery-info {
    margin-top: 76px
}

.delivery-info__item {
    margin-bottom: 35px
}

.delivery__address-title {
    margin-bottom: 32px;
    font-family: CoresansBlack;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .4px;
    text-transform: uppercase
}

.delivery__address-city {
    margin-bottom: 12px;
    font-family: AktivGrotesk;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.31
}

.delivery__address-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.delivery__address-item {
    font-size: 12px;
    margin: 0 0 7px;
    line-height: 1.2
}

.delivery__address-item:hover {
    color: #d3132c
}

.delivery__address-link {
    color: #27292e
}

.delivery__address-link:active,.delivery__address-link:hover {
    color: #d3132c;
    text-decoration: none
}

@media (min-width: 768px) and (max-width:991px) {
    .delivery__title {
        font-size:18px;
        line-height: 1.56;
        letter-spacing: .3px
    }

    .delivery__form-field .form-field__placeholder {
        font-size: 17px
    }

    .delivery__form-field .filter-option-inner-inner {
        font-size: 14px;
        letter-spacing: .4px
    }

    .delivery__price-line {
        margin-bottom: 14.7px
    }

    .delivery__price-item {
        padding-bottom: 11.3px;
        font-size: 11.7px;
        letter-spacing: .2px
    }

    .delivery__price-item::before {
        height: 7.3px;
        border-radius: 7.3px
    }

    .delivery__map {
        height: 266px;
        margin-bottom: 18px;
        border-radius: 2.8px;
        -webkit-box-shadow: 0 1px 3px 0 #cfd8dc;
        box-shadow: 0 1px 3px 0 #cfd8dc;
        padding: 5.1px 5.1px 5.8px 5.1px
    }

    .delivery__map-wrap {
        border-radius: 2.8px
    }

    .delivery__amount {
        margin-bottom: 20px
    }

    .delivery__amount-text {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .1px;
        color: #000
    }

    .delivery__amount-value {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: .3px;
        margin-bottom: 7px
    }

    .delivery__amount-value::before {
        top: -1px;
        width: 14px;
        height: 14px;
        margin-right: 15px
    }

    .delivery-info {
        margin-top: 37px
    }

    .delivery-info__title {
        font-size: 14.6px
    }

    .delivery__address {
        margin-bottom: 0
    }

    .delivery__address-title {
        margin-bottom: 21px;
        font-size: 14.6px;
        letter-spacing: .3px
    }

    .delivery__address-city {
        margin-bottom: 7px;
        font-size: 12px;
        letter-spacing: .2px
    }

    .delivery__address-item {
        font-size: 8.8px;
        margin: 0 0 6px;
        letter-spacing: .2px
    }
}

@media (max-width: 767px) {
    .delivery__title {
        margin-bottom:13px;
        font-size: 18px;
        line-height: 1.44;
        letter-spacing: .3px
    }

    .delivery__form-field button.dropdown-toggle {
        padding-left: 11px
    }

    .delivery__form-field .form-field__placeholder {
        left: 12px
    }

    .delivery__price-line {
        margin-bottom: 11px
    }

    .delivery__price-item {
        padding-bottom: 10px;
        font-size: 12px;
        letter-spacing: .3px
    }

    .delivery__price-item::after {
        content: ""
    }

    .delivery__price-item::before {
        height: 5px;
        border-radius: 3.1px
    }

    .delivery__map {
        height: 300px;
        margin-bottom: 20px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

    .delivery__map-wrap {
        border-radius: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }

    .delivery__amount {
        margin-bottom: 0
    }

    .delivery__amount-text {
        margin-bottom: 10px;
        font-size: 16px;
        letter-spacing: .3px
    }

    .delivery__amount-value {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: .3px
    }

    .delivery__amount-value::before {
        top: -1px;
        width: 14px;
        height: 14px;
        margin-right: 15px
    }

    .delivery-info {
        padding: 20px 20px 20px;
        margin: 0 -20px;
        background-color: #fff
    }

    .delivery-info__item {
        margin-bottom: 0
    }

    .delivery__address-title {
        margin-bottom: 14px
    }

    .delivery__address-city {
        margin-bottom: 9px
    }

    .delivery__address-column:nth-child(n+3) {
        margin-top: 15px
    }

    .delivery__address-item {
        font-size: 13px;
        margin: 0 0 6px;
        letter-spacing: .2px
    }
}

.checkout~.xdsoft_datetimepicker {
    margin-top: 15px
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .checkout~.xdsoft_datetimepicker {
        margin-left:-88px
    }
}

@media only screen and (max-width: 992px) {
    .checkout~.xdsoft_datetimepicker {
        margin-left:-20px
    }
}

@media only screen and (max-width: 400px) {
    .checkout~.xdsoft_datetimepicker {
        margin-left:0
    }
}

.checkout .c-form-field.warning {
    border-color: orange
}

.checkout .c-form-field.error {
    border-color: #fe283e
}

.checkout [data-tip] {
    position: relative;
    z-index: 12
}

.checkout [data-tip] [data-tip-icon] {
    position: absolute;
    z-index: 12;
    width: 50px;
    height: 50px;
    background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.25 1C4.70058 1 1 4.70058 1 9.25C1 13.7994 4.70058 17.5 9.25 17.5C13.7994 17.5 17.5 13.7985 17.5 9.25C17.5 4.7015 13.7985 1 9.25 1Z' stroke='%23A6B1BC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='1' y1='-1' x2='5.1875' y2='-1' transform='matrix(-4.3711e-08 -1 -1 4.3711e-08 8.25 14.2441)' stroke='%23A6B1BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='1' y1='-1' x2='0.546875' y2='-1' transform='matrix(-4.3711e-08 -1 -1 4.3711e-08 8.25 6.67188)' stroke='%23A6B1BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    top: 8px;
    right: 0
}

.checkout [data-tip]:before {
    content: '';
    display: none;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid #1a1a1a;
    top: 17px;
    right: 18px;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.checkout [data-tip]:after {
    display: none;
    content: attr(data-tip);
    position: absolute;
    top: -36px;
    right: -1px;
    padding: 9px 13px 4px 13px;
    background: #1a1a1a;
    color: #fff;
    z-index: 9;
    font-size: .75em;
    height: 53px;
    width: 170px;
    line-height: 18px;
    border-radius: 8px;
    word-break: break-word;
    word-wrap: normal
}

.checkout [data-tip].active:after,.checkout [data-tip].active:before {
    display: block
}

.checkout .c-form-field.warning [data-tip-icon] {
    background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2656 24.7656C18.893 24.7656 24.2656 19.393 24.2656 12.7656C24.2656 6.13821 18.893 0.765625 12.2656 0.765625C5.63821 0.765625 0.265625 6.13821 0.265625 12.7656C0.265625 19.393 5.63821 24.7656 12.2656 24.7656Z' fill='%23FEB528'/%3E%3Cpath d='M12.2634 6.99547C11.4474 6.99547 10.7844 7.65847 10.7844 8.47447V8.95047L11.1244 14.0845C11.1669 14.7135 11.6344 15.1725 12.2634 15.1725C12.8924 15.1725 13.3599 14.7135 13.4024 14.0845L13.7424 8.95047V8.47447C13.7424 7.65847 13.0794 6.99547 12.2634 6.99547ZM10.8184 17.6205C10.8184 18.4195 11.4644 19.0655 12.2634 19.0655C13.0454 19.0655 13.7084 18.4195 13.7084 17.6205C13.7084 16.8385 13.0454 16.1755 12.2634 16.1755C11.4644 16.1755 10.8184 16.8385 10.8184 17.6205Z' fill='white'/%3E%3C/svg%3E") 50% 50% no-repeat
}

@media only screen and (min-width: 768px) {
    .checkout {
        margin-top:-103px
    }
}

.checkout .form-select--comment:after {
    display: none!important
}

.checkout .dropdown-menu {
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #cfd8dc
}

.checkout .dropdown-menu li {
    margin: 2px 0
}

.checkout .dropdown-menu a {
    margin: 0!important;
    font-size: 14px;
    display: block;
    padding: 5px 8px!important;
    border-radius: 6px
}

.checkout .dropdown-menu a.selected,.checkout .dropdown-menu a:hover {
    background: #f1f5f6!important;
    color: #2e2f31
}

@media only screen and (min-width: 992px) {
    .checkout .page-content__wrap {
        margin-top:17px;
        padding-top: 16px
    }
}

.checkout .page-content__wrap {
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.15);
    box-shadow: 0 2px 3px rgba(98,107,113,.15)
}

@media only screen and (min-width: 768px) {
    .checkout .page-content__wrap {
        min-height:0
    }
}

@media only screen and (max-width: 992px) {
    .checkout h1 {
        display:none
    }
}

@media only screen and (max-width: 767.98px) {
    .checkout .page-content__wrap {
        -webkit-box-shadow:none;
        box-shadow: none
    }
}

@media only screen and (max-width: 992px) {
    .checkout .delivery__map {
        margin-bottom:0
    }
}

@media only screen and (max-width: 767.98px) {
    .checkout__mobile-reverse {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse
    }
}

.checkout textarea {
    resize: vertical
}

.checkout__mob-hide {
    display: none
}

@media only screen and (min-width: 767.98px) {
    .checkout__mob-hide {
        display:block
    }
}

.checkout__mob-show {
    display: none
}

@media only screen and (max-width: 767.98px) {
    .checkout__mob-show {
        display:block
    }
}

.checkout__change-tags {
    padding: 20px 0 10px
}

.checkout__change-tags__label {
    font-size: 12px;
    line-height: 1.23;
    color: #73808d;
    display: block
}

.checkout__change-tags__item {
    display: inline-block;
    margin: 0 3px 6px 0
}

.checkout__change-tags__item input {
    display: none
}

.checkout__change-tags__item span {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 11px 18px;
    color: #626b71;
    background: #f1f5f6;
    border-radius: 6px;
    cursor: pointer
}

.checkout__change-tags__item input:checked+span {
    color: #569562;
    background-color: #d7f5dc
}

.checkout-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #e0e6e9;
    overflow: hidden;
    border-radius: 4px
}

.checkout-switcher__item {
    margin: 0;
    width: 50%
}

.checkout-switcher__item input {
    display: none
}

.checkout-switcher__item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    vertical-align: middle;
    height: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #e0e6e9;
    background-color: #f1f5f6;
    cursor: pointer;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #73808d;
    padding: 0 20px 0 62px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media only screen and (max-width: 767.98px) {
    .checkout-switcher__item span {
        font-size:14px
    }
}

.checkout-switcher__item span::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 26px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #fff;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 0 2px #cfd8dc;
    box-shadow: 0 0 0 2px #cfd8dc;
    content: ""
}

.checkout-switcher__item input:checked~span::before,.checkout-switcher__item--state-active span::before {
    background-color: #d3132c
}

.checkout-switcher__item:first-child span {
    border: none
}

.checkout-switcher__item input:checked+span {
    color: #2e2f31;
    background-color: #fff
}

.checkout__form {
    margin-bottom: 6px
}

.checkout__form--unauth .checkout__comment-wrap {
    overflow: hidden
}

.checkout__form--unauth .checkout__comment-wrap {
    height: 139px
}

.checkout__form--unauth .checkout__comment-wrap textarea {
    height: 139px;
    padding-top: 40px
}

.checkout__form--unauth .checkout__comment-wrap .c-form-field__label--area {
    padding-top: 22px!important
}

.checkout__form--unauth .checkout__delivery-time-wrap {
    display: block
}

.checkout__form--unauth.extra .checkout__delivery-time-wrap {
    display: none
}

.checkout__form:not(.checkout__form--unauth).extra .checkout__comment-wrap,.checkout__form:not(.checkout__form--unauth).extra .checkout__comment-wrap textarea {
    height: 138px
}

@media only screen and (max-width: 992px) {
    .checkout__form:not(.checkout__form--unauth).extra .checkout__comment-wrap,.checkout__form:not(.checkout__form--unauth).extra .checkout__comment-wrap textarea {
        height:210px
    }
}

@media only screen and (max-width: 575px) {
    .checkout__form:not(.checkout__form--unauth).extra .checkout__comment-wrap,.checkout__form:not(.checkout__form--unauth).extra .checkout__comment-wrap textarea {
        height:100px
    }
}

.checkout__form:not(.checkout__form--unauth).extra .checkout__delivery-time-wrap {
    display: none
}

.checkout__form .checkout__delivery-time-wrap input:not(.js-timepicker-value) {
    background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 -7.54992e-08H6V3H4V-7.54992e-08Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 -7.54992e-08H16V3H14V-7.54992e-08Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.03455 1.99998H3.00546V3.99963H7V1.99998H13V3.99963H17V1.99998H18C19.1192 1.99998 20.0345 2.91432 20.0345 4.03092V5.96808H0V4.03092C0 2.91392 0.915336 1.99998 2.03455 1.99998ZM20.0345 8V17.9695C20.0345 19.0857 19.1184 20 18 20H2.03455C0.916118 20 0 19.0865 0 17.9695V8H20.0345ZM5 14.9992H2.99512V17H5V14.9992ZM5 10.9724H2.99512V13H5V10.9724ZM7 14.9992H9.00488V17H7V14.9992ZM7 10.9724H9.00488V13H7V10.9724ZM13.0049 14.9992H11V17H13.0049V14.9992ZM13.0049 10.9724H11V13H13.0049V10.9724ZM15 14.9992H17.0049V17H15V14.9992ZM15 10.9724H17.0049V13H15V10.9724Z' fill='%23A6B1BC'/%3E%3C/svg%3E%0A") calc(100% - 15px) 50% no-repeat;
    cursor: pointer
}

@media only screen and (max-width: 992px) {
    .checkout__form .checkout__comment-wrap,.checkout__form .checkout__comment-wrap textarea {
        height:136px
    }
}

.checkout__form .form-field {
    display: block;
    margin-bottom: 0
}

.checkout__form .form-field.has-error .bootstrap-select:not(.show) button.dropdown-toggle {
    border-color: #fe283e
}

.checkout__form .form-field.has-error .form-field__error {
    display: block
}

.checkout__form .form-field__error {
    display: none;
    z-index: 1;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    position: absolute;
    background: #fd283e;
    top: calc(50% - 12px);
    right: 40px;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-family: CoreSansDS75Black
}

.checkout__form .form-field__error:hover .form-field__error-tooltip {
    display: block
}

.checkout__form .form-field__error-tooltip {
    display: none;
    position: absolute;
    z-index: 1;
    width: 168px;
    right: -40px;
    bottom: 45px;
    padding: 7px 10px;
    background: #2e2f31;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .checkout__form .form-field__error-tooltip {
        right:-72px
    }
}

.checkout__form .form-field__error-tooltip:after {
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    background: #2e2f31;
    right: 44px;
    bottom: -6px;
    border-radius: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 768px) {
    .checkout__form .form-field__error-tooltip:after {
        right:calc(50% - 7px)
    }
}

.checkout__form .form-field.checkout__comment-select {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 38px;
    z-index: 999;
    text-align: right;
    width: 100%
}

.checkout__form .form-field.checkout__comment-select .dropdown.bootstrap-select {
    position: static
}

.checkout__form .form-field.checkout__comment-select .dropdown.bootstrap-select.show button.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkout__form .form-field.checkout__comment-select .dropdown-toggle {
    height: 38px;
    border: none
}

.checkout__form .form-field.checkout__comment-select .dropdown-toggle::after {
    top: calc(50% - (11px * 3 / 4));
    right: 11px;
    height: 11px;
    width: 11px;
    display: none!important
}

.checkout__form .form-field.checkout__comment-select .dropdown-toggle .filter-option {
    display: none
}

.checkout__form .form-field.checkout__comment-select .form-field__placeholder {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #73808d;
    background: #f1f5f6;
    top: 10px;
    right: 10px;
    left: auto;
    padding: 6px 24px;
    text-align: center;
    border-radius: 4px
}

.checkout__form .bootstrap-select button.dropdown-toggle {
    width: 100%;
    overflow: hidden
}

.checkout__form .form-field__counter {
    margin-top: 17px;
    font-family: Roboto,sans-serif;
    font-weight: 700
}

.checkout__form-mobile {
    display: none
}

@media only screen and (max-width: 992px) {
    .checkout__form-desktop {
        display:none
    }

    .checkout__form-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.checkout .row {
    margin-left: -7px;
    margin-right: -7px
}

.checkout .row>[class^=col-] {
    padding-left: 7px;
    padding-right: 7px
}

.checkout__form-row {
    margin-bottom: 10px;
    position: relative
}

.checkout__form-row .form-field select {
    opacity: 0
}

.checkout__action-alert {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin-bottom: 15px;
    text-align: center
}

@media (min-width: 768px) {
    .checkout__action-alert {
        text-align:right
    }
}

@media only screen and (min-width: 768px) {
    [data-step-logic="0"]:not(.checkout__action-btn-xs) {
        display:block!important
    }
}

#notyNeedHouse {
    color: #d31340
}

.checkout__action-noty {
    display: inline-block;
    margin-right: 20px
}

@media (max-width: 768px) {
    .checkout__action-noty {
        width:100%;
        min-width: auto;
        padding: 15px 25px;
        text-align: center;
        display: block;
        margin-right: 0
    }
}

@media only screen and (max-width: 767.98px) {
    [data-step-logic="1"] {
        display:none
    }

    [data-step-logic="1"].btn {
        display: none
    }

    [data-step-logic="0"] {
        display: block
    }

    .page-content.checkout .delivery__map {
        display: none
    }

    .checkout__delivery-time-wrap {
        margin-top: -6px
    }

    .page-content.checkout .checkout__action-btn {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        margin: 0;
        padding: 15px;
        background: #f1f5f6
    }
}

.modal-about-us.modal .modal-dialog {
    max-width: 460px
}

.modal-about-us.modal .modal-content {
    line-height: 22px
}

.modal-about-us.modal .modal-content p {
    margin-bottom: 23px
}

.modal-about-us.modal .modal-header {
    padding-top: 35px;
    padding-right: 45px;
    padding-left: 45px
}

.modal-about-us.modal .modal-header .modal-title {
    margin-bottom: 10px
}

.modal-about-us.modal .modal-header .close {
    top: 34px;
    right: 34px
}

.modal-about-us.modal .modal-header p {
    margin-bottom: 5px
}

.modal-about-us.modal .modal__radio-list {
    padding: 0;
    margin: 0 0 32px 90px;
    text-align: left;
    list-style: none
}

.modal-about-us.modal .modal__radio-item {
    margin: 0 0 16px
}

.modal-about-us.modal .modal__radio-item label {
    margin-bottom: 0
}

.modal-about-us.modal .modal-body button {
    margin-bottom: 18px
}

@media (max-width: 991px) {
    .modal-about-us.modal .modal-header .modal-title {
        margin:0 auto
    }

    .modal-about-us.modal .modal-title {
        font-size: 20px;
        margin: 0 auto 24px
    }
}

@media (max-width: 767.98px) {
    .modal-about-us.modal .modal-dialog {
        margin:0 20px
    }

    .modal-about-us.modal .modal-header {
        padding-top: 27px
    }

    .modal-about-us.modal .modal-body:last-child {
        padding-bottom: 15px
    }

    .modal-about-us.modal .modal-body:last-child button {
        margin-bottom: 0
    }

    .modal-about-us.modal .modal-content {
        font-size: 14px;
        line-height: 18px
    }

    .modal-about-us.modal .modal-content p {
        margin-bottom: 20px
    }
}

@media (max-width: 440px) {
    .modal-about-us.modal .modal__radio-list {
        padding:0;
        margin-left: 36px
    }
}

.modal-closed.modal .modal-dialog {
    max-width: 460px
}

.modal-closed.modal .modal-content {
    line-height: 22px
}

.modal-closed.modal .modal-content p {
    margin-bottom: 23px
}

.modal-closed.modal .modal-header {
    padding-top: 25px;
    padding-right: 45px;
    padding-left: 45px
}

.modal-closed.modal .modal-header .modal-title {
    margin-bottom: 0
}

.modal-closed.modal .modal-header .close {
    top: 34px;
    right: 34px
}

.modal-closed.modal .modal-body button {
    margin-bottom: 18px
}

.modal-closed.modal .modal-body img {
    margin: 8px 0
}

@media (max-width: 991px) {
    .modal-closed.modal .modal-header .modal-title {
        margin:0 auto;
        font-size: 24px
    }
}

@media (max-width: 767.98px) {
    .modal-closed.modal .modal-content {
        font-size:14px;
        line-height: 18px
    }

    .modal-closed.modal .modal-content p {
        margin-bottom: 16px
    }

    .modal-closed.modal .modal-header {
        padding-top: 25px
    }

    .modal-closed.modal .modal-header .modal-title {
        font-size: 20px;
        line-height: 25px
    }

    .modal-closed.modal .modal-body:last-child {
        padding-bottom: 15px
    }

    .modal-closed.modal .modal-body:last-child img {
        margin: 16px 0 10px
    }

    .modal-closed.modal .modal-body:last-child button {
        margin-bottom: 0
    }
}

.modal-souce__pic {
    height: 40px;
    margin: 25px 0;
    background-image: url(/local/templates/htmc_common/css/../img/modals/souce.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media (min-width: 768px) {
    .modal-souce__pic {
        height:60px;
        margin: 30px 0
    }
}

.modal-souce__desc {
    margin-bottom: 20px
}

.modal-souce__desc-text {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #2e2f31
}

@media (min-width: 768px) {
    .modal-souce__desc-text {
        font-size:12px;
        line-height: 20px
    }
}

.modal-souce__buttons .btn-black,.modal-souce__buttons .btn-red {
    padding: 15px 25px;
    max-width: 100%;
    min-width: 100%
}

.modal-souce__buttons .btn-black {
    margin-bottom: 8px
}

.delivery-time .modal-content {
    border: none;
    background: 0 0
}

.delivery-time__body {
    background: #fff;
    border-radius: 4px;
    margin: 10px auto;
    text-align: center;
    position: relative;
    padding: 24px 30px 36px;
    width: 100%;
    max-width: 450px
}

.delivery-time__img {
    text-align: center;
    padding-top: 14px;
    width: 100%;
    margin-bottom: 30px
}

.delivery-time__content {
    padding-top: 20px
}

.delivery-time__header+.delivery-time__content {
    padding-top: 0
}

.delivery-time__close {
    background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.43934 12.4602C-0.146447 11.8744 -0.146447 10.9246 0.43934 10.3388L10.3388 0.43934C10.9246 -0.146446 11.8744 -0.146447 12.4602 0.43934C13.0459 1.02513 13.0459 1.97487 12.4602 2.56066L2.56066 12.4602C1.97487 13.0459 1.02513 13.0459 0.43934 12.4602Z' fill='%2373808D'/%3E%3Cpath d='M12.4602 12.4602C13.0459 11.8744 13.0459 10.9246 12.4602 10.3388L2.56066 0.43934C1.97487 -0.146446 1.02513 -0.146447 0.43934 0.43934C-0.146446 1.02513 -0.146446 1.97487 0.43934 2.56066L10.3388 12.4602C10.9246 13.0459 11.8744 13.0459 12.4602 12.4602Z' fill='%2373808D'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    display: block;
    outline: 0;
    position: absolute;
    top: 24px;
    right: 25px;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer
}

.delivery-time__title {
    margin: 0 0 17px;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: .008em;
    color: #1a1a2a;
    text-transform: uppercase;
    font-family: CoreSansDS75Black,sans-serif
}

.delivery-time__filial {
    text-align: left;
    margin: 0 0 9px 0;
    border-bottom: 1px dashed #a6b1bc;
    padding: 0 0 9px 0
}

.delivery-time__filial-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

@media only screen and (max-width: 767.98px) {
    .delivery-time__filial-title {
        font-size:14px
    }
}

.delivery-time__filial-time {
    width: 49%;
    display: inline-block;
    font-size: 14px
}

.delivery-time__filial-time span {
    color: #73808d;
    font-weight: 400
}

@media only screen and (max-width: 767.98px) {
    .delivery-time__filial-time {
        font-size:12px
    }
}

.delivery-time__form__row {
    margin-bottom: 15px
}

.delivery-time__form__row--layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -7px 0 8px
}

.delivery-time__form__row--layout>div {
    width: calc(50% - 8px);
    margin: 7px 0 8px
}

.delivery-time__form__btn {
    padding-top: 15px
}

.delivery-time__form__btn .btn {
    width: 260px
}

@media only screen and (max-width: 767.98px) {
    .delivery-time__form__btn .btn {
        display:block;
        width: 100%
    }
}

@media only screen and (max-width: 767.98px) {
    .delivery-time__title {
        font-size:20px
    }

    .delivery-time__close {
        top: 18px;
        right: 27px
    }
}

.modal-delete .modal-dialog {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto
}

.modal-delete .modal-dialog .modal-body button {
    width: 180px;
    min-width: auto;
    padding: 15px
}

.modal-delete .modal-dialog .modal-body button:nth-child(1) {
    margin-right: 12px
}

@media (max-width: 767px) {
    .modal-delete .modal-dialog {
        max-width:340px
    }

    .modal-delete .modal-dialog .modal-header {
        padding: 25px 40px 0
    }

    .modal-delete .modal-dialog .modal-header .close {
        right: 30px
    }

    .modal-delete .modal-dialog .modal-header p {
        font-size: 14px
    }

    .modal-delete .modal-dialog .modal-body {
        padding: 13px 30px 25px
    }

    .modal-delete .modal-dialog .modal-body button {
        width: 100%;
        padding: 15px
    }

    .modal-delete .modal-dialog .modal-body button:nth-child(1) {
        margin-right: 0;
        margin-bottom: 15px
    }
}

.tpl-comments-page {
    margin-bottom: 90px
}

.tpl-comments-page .page-content__wrap {
    padding: 18px 15px;
    min-height: 600px
}

.tpl-comments-page .page-content__wrap.dish {
    min-height: 0
}

.tpl-comments__desc {
    width: 100%;
    padding: 20px;
    font-size: 14px;
    line-height: 18px;
    background: #f5f6f8;
    text-align: center;
    color: #73808d
}

@media (max-width: 991px) {
    .tpl-comments-page .page-content__wrap {
        min-height:460px
    }
}

@media (max-width: 767px) {
    .tpl-comments-page {
        margin-bottom:0
    }

    .tpl-comments__desc {
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 16px
    }
}

.my-address__desc {
    max-width: 770px;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #73808d
}

.my-address .table-touch__list td:nth-child(1) {
    min-width: 230px
}

.my-address .table-touch__list td:nth-child(1) .mob-txt {
    font-weight: 400
}

.my-address .table-touch__list td:nth-child(2) {
    display: block
}

.my-address .table-touch__item-cell:nth-child(1) {
    background: url(/local/templates/htmc_common/css/../img/home.svg) 40px center/17px 15px no-repeat
}

.my-address .table-touch__add {
    background: url(/local/templates/htmc_common/css/../img/location-red.svg) left center/14px 18px no-repeat
}

.my-address__toolpit-info {
    display: inline-block;
    vertical-align: middle;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-top: 2px;
    margin-left: 16px;
    background: url(/local/templates/htmc_common/css/../img/msg.svg) center/12px no-repeat;
    cursor: pointer
}

@media (max-width: 991px) {
    .my-address .table-touch__list td:nth-child(1) {
        min-width:200px
    }
}

@media (max-width: 767px) {
    .my-address__desc {
        margin-bottom:12px;
        font-size: 12px;
        line-height: 16px
    }

    .my-address .table-touch__list td:nth-child(2) {
        display: none
    }

    .my-address .table-touch__list .mob-txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.restaurants-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.restaurants-page {
    margin-left: 15px;
    width: 67.568%;
    padding: 0;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(98,107,113,.15);
    box-shadow: 0 2px 3px 0 rgba(98,107,113,.15)
}

.restaurants-map {
    height: 100%
}

.restaurants-l-bar {
    position: relative;
    width: 29.82%;
    padding: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 3px 0 rgba(98,107,113,.15);
    box-shadow: 0 2px 3px 0 rgba(98,107,113,.15)
}

.restaurants-l-bar__list {
    height: 650px;
    margin: 9px 0;
    padding: 0 9px
}

.restaurants-l-bar:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 1;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,0)),to(#fff));
    background-image: -o-linear-gradient(bottom,rgba(255,255,255,0),#fff);
    background-image: linear-gradient(to top,rgba(255,255,255,0),#fff);
    width: 100%;
    height: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.restaurants-l-bar:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    opacity: .72;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
    background-image: -o-linear-gradient(top,rgba(255,255,255,0),#fff);
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    width: 100%;
    height: 63px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.restaurants-l-bar .simplebar-scrollbar {
    width: 5px;
    background-color: #f1f5f6
}

.restaurants-l-bar .simplebar-scrollbar:before {
    background-color: #cfd8dc
}

.restaurants-l-bar__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    outline: 0;
    background-color: transparent;
    border: none;
    text-align: left;
    padding: 18px 9px;
    border-top: 1px solid rgba(151,151,151,.16);
    -webkit-transition: background-color .23s,border-color .23s;
    -o-transition: background-color .23s,border-color .23s;
    transition: background-color .23s,border-color .23s;
    border-radius: 4px
}

.restaurants-l-bar__item:first-child {
    margin-top: 0;
    border-top: none
}

.restaurants-l-bar__item.active,.restaurants-l-bar__item:hover {
    background-color: #e7f8ff;
    border-top-color: #fff;
    text-decoration: none
}

.restaurants-l-bar__item.active+.restaurants-l-bar__item,.restaurants-l-bar__item:hover+.restaurants-l-bar__item {
    border-top-color: #fff
}

.restaurants-l-bar__image {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background-position: center;
    background-size: cover
}

.restaurants-l-bar__body {
    margin-left: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.restaurants-l-bar__title {
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.06;
    color: #000
}

.restaurants-l-bar__description {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
    opacity: .6;
    color: #000
}

@media (min-width: 768px) and (max-width:991.98px) {
    .restaurants-l-bar__list {
        height:489px
    }

    .restaurants-l-bar__title {
        font-size: 12px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.1
    }

    .restaurants-l-bar__description {
        opacity: .6;
        font-size: 9px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.46
    }

    .restaurants-l-bar__image {
        width: 47px;
        height: 47px
    }

    .restaurants-l-bar__body {
        width: calc(100% - 47px)
    }
}

@media (max-width: 767.98px) {
    .restaurants-container {
        margin:0 -15px
    }

    .restaurants-page {
        position: relative;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        height: 369px;
        min-height: 0!important;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 0;
        border-radius: 8px 8px 0 0
    }

    .restaurants-page:before {
        content: "";
        position: absolute;
        left: 0;
        opacity: .5;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(39,41,43,0)),to(#000));
        background-image: -o-linear-gradient(top,rgba(39,41,43,0),#000);
        background-image: linear-gradient(to bottom,rgba(39,41,43,0),#000);
        width: 100%;
        height: 154px;
        z-index: 2;
        bottom: -29.221%
    }

    .restaurants-l-bar {
        border-radius: 22px 22px 0 0;
        position: relative;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0;
        z-index: 700;
        margin-top: -22px
    }

    .restaurants-l-bar--card {
        display: none
    }

    .restaurants-l-bar:after {
        display: none
    }

    .restaurants-l-bar__list {
        height: auto
    }

    .restaurants-l-bar__title {
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.1
    }

    .restaurants-l-bar__description {
        opacity: .6;
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.46
    }

    .restaurants-l-bar__image {
        width: 64px;
        height: 64px
    }

    .restaurants-l-bar__body {
        width: calc(100% - 64px)
    }
}

.fancybox-content img {
    max-width: 100%;
    height: auto
}

.restaurant-card__carousel {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    border-radius: 16px
}

.restaurant-card__carousel::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "";
    opacity: .7;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(39,41,43,0)),to(#000));
    background-image: -o-linear-gradient(top,rgba(39,41,43,0),#000);
    background-image: linear-gradient(to bottom,rgba(39,41,43,0),#000);
    height: 52px;
    z-index: 98;
    border-radius: 0 0 16px 16px
}

.restaurant-card__carousel-item {
    position: relative;
    overflow: hidden;
    border-radius: 16px
}

.restaurant-card__carousel-item img {
    height: 346px;
    min-width: 100%;
    overflow: hidden;
    border-radius: 16px
}

.restaurant-card__carousel .swiper-pagination {
    text-align: center;
    padding: 0;
    z-index: 99
}

.restaurant-card__carousel .swiper-pagination .swiper-pagination-bullet {
    margin: 0 6px!important
}

.restaurant-card__carousel--mobile {
    display: none
}

.restaurant-card-info {
    padding-top: 0;
    margin-top: 62px
}

.restaurant-card-page {
    margin-left: 15px;
    width: 67.568%;
    padding: 0;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(98,107,113,.15);
    box-shadow: 0 2px 3px 0 rgba(98,107,113,.15);
    padding: 19px 23px
}

.restaurant-card__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.restaurant-card__images {
    width: 50%
}

.restaurant-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(50% - 26px);
    margin-left: 26px
}

.restaurant-card__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.restaurant-card__item>span {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    margin-left: 20px
}

.restaurant-card__item:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 1;
    width: 20px;
    height: 25px;
    margin-top: -3px
}

.restaurant-card__item-hours:before {
    background-image: url(/local/templates/htmc_common/css/../img/restaurant/clock.svg)
}

.restaurant-card__item-phone:before {
    background-image: url(/local/templates/htmc_common/css/../img/restaurant/phone.svg)
}

.restaurant-card__item-street:before {
    background-image: url(/local/templates/htmc_common/css/../img/restaurant/street.svg)
}

.restaurant-card__item-metro:before {
    background-image: url(/local/templates/htmc_common/css/../img/restaurant/metro.svg)
}

.restaurant-card__item-chair:before {
    background-image: url(/local/templates/htmc_common/css/../img/restaurant/chair.svg)
}

.restaurant-card__item-card:before {
    background-image: url(/local/templates/htmc_common/css/../img/restaurant/cash.svg)
}

.restaurant-card__description {
    opacity: .6;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67
}

.restaurant-card__map {
    width: 100%;
    margin-top: 26px
}

.restaurant-card__map-title {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13
}

.restaurant-card__ymap {
    margin-top: 15px;
    height: 167px
}

.fancybox-content {
    background-color: transparent
}

.fancybox-button.fancybox-close-small svg {
    color: #fff
}

@media (min-width: 768px) and (max-width:991.98px) {
    .restaurant-card__carousel-item img {
        height:253px
    }

    .restaurant-card__carousel .swiper-pagination {
        visibility: visible;
        bottom: 10px;
        z-index: 99
    }

    .restaurant-card__carousel::before {
        height: 38px;
        border-radius: 0 0 16px 16px
    }

    .restaurant-card-info {
        padding-top: 0;
        margin-top: 62px
    }

    .restaurant-card__item {
        margin-top: 10px
    }

    .restaurant-card__item:first-child {
        margin-top: 0
    }

    .restaurant-card__item>span {
        font-size: 11px
    }

    .restaurant-card__hours>img {
        width: 15px;
        height: 15px
    }

    .restaurant-card__street>img {
        width: 15px;
        height: 17px
    }

    .restaurant-card__phone>img {
        width: 15px;
        height: 15px
    }

    .restaurant-card__card>img {
        width: 15px;
        height: 15px
    }

    .restaurant-card__subtitle>img {
        width: 12px;
        height: 15px
    }

    .restaurant-card__metro>img {
        width: 15px;
        height: 18px
    }

    .restaurant-card__description {
        font-size: 10px
    }

    .restaurant-card__ymap {
        height: 122px
    }
}

@media (max-width: 767.98px) {
    .restaurant-card {
        position:relative
    }

    .restaurant-card__carousel-item {
        border-radius: 8px 8px 0 0
    }

    .restaurant-card__carousel-item.sas {
        height: 326px
    }

    .restaurant-card__carousel-image {
        width: 767px;
        max-width: 100%;
        height: 326px;
        background-position: center;
        background-size: cover
    }

    .restaurant-card__carousel .swiper-pagination {
        visibility: visible;
        z-index: 99
    }

    .restaurant-card__carousel .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 34px
    }

    .restaurant-card__carousel--mobile {
        display: block;
        height: 326px;
        margin-bottom: -22px
    }

    .restaurant-card__carousel--mobile::before {
        display: none
    }

    .restaurant-card-info {
        display: none
    }

    .restaurant-card-page {
        position: relative;
        padding: 17px 15px 0 15px;
        border-radius: 22px 22px 0 0;
        margin: 0;
        z-index: 99
    }

    .restaurant-card__images {
        display: none
    }

    .restaurant-card__info {
        width: 100%;
        margin-left: 0
    }

    .restaurant-card__description {
        margin-top: 30px
    }

    .restaurant-card__ymap {
        margin: 21px -15px 0 -15px;
        height: 335px;
        border-radius: 10px 10px 0 0;
        overflow: hidden
    }

    .restaurant-card__item {
        margin-top: 22px
    }

    .restaurant-card__item:first-child {
        margin-top: 0
    }

    .restaurant-card__item>span {
        font-size: 14px
    }

    .restaurant-card__hours>img {
        width: 20px;
        height: 20px
    }

    .restaurant-card__street>img {
        width: 19px;
        height: 24px
    }

    .restaurant-card__phone>img {
        width: 20px;
        height: 20px
    }

    .restaurant-card__card>img {
        width: 20px;
        height: 20px
    }

    .restaurant-card__subtitle>img {
        width: 16px;
        height: 20px
    }

    .restaurant-card__metro>img {
        width: 20px;
        height: 23px
    }

    .restaurant-card__description {
        font-size: 14px
    }
}

.delivery-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.delivery-detail__content {
    width: 100%;
    letter-spacing: .4px;
    padding: 20px;
    margin-left: 0;
    margin-right: 0
}

@media (max-width: 767.98px) {
    .delivery-detail__content {
        border-top-left-radius:22px;
        border-top-right-radius: 22px;
        height: auto!important;
        min-height: 0!important
    }
}

@media (min-width: 768px) {
    .delivery-detail__content {
        -ms-flex-preferred-size:calc(100% - 320px);
        flex-basis: calc(100% - 320px);
        width: calc(100% - 320px)
    }
}

.delivery-detail__content p,.delivery-detail__content ul {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .4px;
    color: #73808d
}

.delivery-detail__content .title-h3 {
    margin-bottom: 15px;
    margin-top: 30px;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: .4px
}

.delivery-detail__content .category-filter {
    padding: 0;
    white-space: normal;
    width: 100%
}

.delivery-detail__pic {
    display: none;
    background-size: cover;
    background-position: center
}

@media (min-width: 768px) {
    .delivery-detail__pic {
        display:block;
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
        width: 300px;
        margin-left: 20px
    }
}

.delivery-detail__pic_mobile {
    display: block;
    height: 300px;
    width: 100%;
    background-position: center top;
    margin-bottom: -22px
}

@media (min-width: 768px) {
    .delivery-detail__pic_mobile {
        display:none
    }
}

.history-page .page-content__wrap {
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.15);
    box-shadow: 0 2px 3px rgba(98,107,113,.15)
}

.history-page--empty .page-content__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.history__icon {
    margin: 35px 0
}

.history__title {
    font-family: CoresansDS75Black;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #1a1a2a
}

.history__table {
    width: 100%
}

.history__form {
    padding: 15px 12px
}

.history__form-controller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 14px
}

.history__form-controller-i {
    margin-left: 14px
}

.history__form-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.history__form-head-cell {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #73808d
}

.history__form-head-cell:nth-child(1) {
    font-family: CoresansDS75Black;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: .008em;
    text-transform: uppercase;
    color: #000;
    -ms-flex-preferred-size: calc(100%);
    flex-basis: calc(100%);
    text-align: left
}

.history__form-head-cell:nth-child(2) {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.history__form-head-cell:nth-child(3) {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.history__form-head-cell:nth-child(4) {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.history__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dotted #aab4b9;
    padding: 7px 0
}

.history__form-cell {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    color: #2e2f31;
    text-align: center
}

.history__form-cell>span {
    color: #676c70
}

.history__form-cell:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: calc(100%);
    flex-basis: calc(100%);
    text-align: left;
    font-size: 16px
}

.history__form-cell:nth-child(2) {
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.history__form-cell:nth-child(3) {
    font-size: 17px;
    -ms-flex-preferred-size: 75px;
    flex-basis: 75px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.history__form-cell:nth-child(4) {
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    font-size: 16px;
    font-weight: 900
}

.history__form-name {
    padding: 0 0 0 15px
}

.history__form-img {
    width: 64px;
    height: 64px;
    min-width: 64px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) and (max-width:991px) {
    .history__form-img {
        width:46px;
        height: 46px;
        min-width: 46px;
        border-radius: 12px
    }
}

@media (max-width: 767px) {
    .history__form-img {
        width:64px;
        height: 64px;
        min-width: 64px
    }
}

.history__form-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 30px;
    margin-top: 11px
}

.history__form-total-t {
    font-weight: 700;
    font-size: 16px
}

.history__form-total-p {
    font-weight: 900;
    font-size: 17px;
    text-align: right
}

.history__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    border-top: 1px solid #e7ebed;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transition: border .23s;
    -o-transition: border .23s;
    transition: border .23s;
    cursor: pointer
}

.history__item[aria-expanded=true] {
    border-left: 1px solid #e7ebed;
    border-right: 1px solid #e7ebed;
    border-radius: 8px 8px 0 0;
    background-color: #f1f5f6
}

.history__item-main .collapse,.history__item-main .collapsing {
    border-left: 1px solid #e7ebed;
    border-right: 1px solid #e7ebed;
    border-bottom: 1px solid #e7ebed;
    border-radius: 0 0 8px 8px
}

.history__item-main.open+.history__item-main .history__item {
    border-top-color: transparent
}

.history__item-main:last-child .history__item {
    border-bottom: 1px solid #e7ebed
}

.history__item-cell {
    padding: 16px 0;
    font-size: 14px;
    line-height: 18px;
    color: #73808d
}

.history__item-cell:nth-child(1) {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    font-style: normal;
    font-weight: 500;
    min-width: 50px
}

.history__item-cell:nth-child(2) {
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    padding-left: 32px;
    font-weight: 400
}

.history__item-cell:nth-child(3) {
    -ms-flex-preferred-size: calc(100% - 180px);
    flex-basis: calc(100% - 180px);
    padding-left: 37px;
    font-weight: 500;
    color: #000
}

.history__item-cell:nth-child(3)>span {
    color: #73808d
}

.history__item-cell:nth-child(4) {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    font-size: 12px;
    padding-left: 28px
}

.history__item-cell:nth-child(5) {
    padding-left: 30px;
    -ms-flex-preferred-size: 85px;
    flex-basis: 85px;
    color: #000;
    font-weight: 700;
    text-align: right
}

.history__item-cell:nth-child(6) {
    padding-left: 45px
}

.history__item-cell--complete,.history__item-cell--success {
    color: #4cd964;
    background: url(/local/templates/htmc_common/css/../img/personal/success-icon.svg) 0 center/16px no-repeat
}

.history__item-cell--process,.history__item-cell--warning {
    color: #f5a623;
    background: url(/local/templates/htmc_common/css/../img/personal/warning-icon.svg) 0 center/16px no-repeat
}

.history__item-cell--cancel,.history__item-cell--error {
    color: #c1001f;
    background: url(/local/templates/htmc_common/css/../img/personal/error-icon.svg) 0 center/16px no-repeat
}

@media (min-width: 768px) and (max-width:991.98px) {
    .history__item-cell:nth-child(4) {
        -ms-flex-preferred-size:16px;
        flex-basis: 16px;
        padding-left: 16px
    }

    .history__item-cell:nth-child(4)>span {
        display: none
    }

    .history__item-cell:nth-child(6) {
        padding-left: 16px
    }
}

@media (max-width: 767.98px) {
    .history-page .page-content__wrap {
        padding:20px 0
    }

    .history-page--empty .page-content__wrap {
        padding-left: 15px;
        padding-right: 15px
    }

    .history__title {
        font-size: 20px
    }

    .history__item-cell {
        font-size: 13px
    }

    .history__item-cell:nth-child(1) {
        -ms-flex-preferred-size: 51px;
        flex-basis: 51px;
        min-width: initial
    }

    .history__item-cell:nth-child(2) {
        -ms-flex-preferred-size: 71px;
        flex-basis: 71px;
        padding-left: 8px
    }

    .history__item-cell:nth-child(3) {
        -ms-flex-preferred-size: 121px;
        flex-basis: 121px;
        padding-left: 13px
    }

    .history__item-cell:nth-child(3)>span {
        font-size: 12px
    }

    .history__item-cell:nth-child(4) {
        -ms-flex-preferred-size: 16px;
        flex-basis: 16px;
        padding-left: 16px
    }

    .history__item-cell:nth-child(4)>span {
        display: none
    }

    .history__item-cell:nth-child(5) {
        -ms-flex-preferred-size: 60px;
        flex-basis: 60px;
        padding-left: 8px
    }

    .history__item-cell:nth-child(6) {
        padding-left: 0
    }

    .history__item {
        position: relative;
        border: 1px solid transparent;
        padding: 0 15px
    }

    .history__item-main .collapse {
        border: none
    }

    .history__item-main .collapsing {
        border: none
    }

    .history__item-main:last-child .history__item {
        border: 1px solid transparent
    }

    .history__item-main:last-child .history__item:after {
        border-bottom: 1px solid #e7ebed
    }

    .history__item-main:last-child .history__item[aria-expanded=true]:after {
        border: 1px solid transparent
    }

    .history__item[aria-expanded=true] {
        border-radius: 0
    }

    .history__item[aria-expanded=true]:after {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent
    }

    .history__item:after {
        content: "";
        position: absolute;
        height: 100%;
        left: 15px;
        width: calc(100% - 30px);
        border-top: 1px solid #e7ebed
    }

    .history__form-head-cell:nth-child(1) {
        font-size: 18px
    }

    .history__form-head-cell--xs {
        display: none
    }

    .history__form-cell:nth-child(1) {
        font-size: 13px
    }

    .history__form-cell:nth-child(1)>span {
        display: none
    }

    .history__form-cell:nth-child(2) {
        -ms-flex-preferred-size: 25px;
        flex-basis: 25px;
        font-size: 13px
    }

    .history__form-cell:nth-child(3) {
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
        font-size: 13px
    }

    .history__form-cell:nth-child(3)>span {
        font-size: 12px
    }

    .history__form-cell:nth-child(4) {
        -ms-flex-preferred-size: 60px;
        flex-basis: 60px;
        font-size: 13px
    }

    .history__form-controller {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .history__form-controller-i {
        margin-top: 14px;
        margin-left: 0
    }
}

@media (max-width: 767.98px) and (max-width:369.98px) {
    .history__item-cell:nth-child(5) {
        -ms-flex-preferred-size:70px;
        flex-basis: 70px
    }
}

.light-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 700px;
    flex-basis: 700px
}

.light-check__h3 {
    color: #fff;
    margin-top: 3px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: .1px;
    mix-blend-mode: normal;
    opacity: .74
}

.light-check>h1 {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px
}

.light-check__container {
    margin-left: 50px
}

.light-check__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px;
    padding-left: 78px;
    mix-blend-mode: normal
}

.light-check__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: -17px;
    width: 103px;
    height: 103px;
    background-image: url(../img/light-check.svg);
    background-position: center;
    background-repeat: no-repeat
}

.light-check__item--2 {
    -ms-flex-preferred-size: 330px;
    flex-basis: 330px
}

.light-check__item--2:before {
    content: "";
    position: absolute;
    left: 0;
    width: 103px;
    height: 103px;
    background-image: url(../img/light-check.svg);
    background-position: center;
    background-repeat: no-repeat
}

.light-check__item>span {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    color: #fff;
    opacity: .4;
    margin-left: 13px;
    margin-left: 18px
}

.cartorder__rack {
    text-align: right;
    width: 100%;
    padding-top: 17px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.cartorder__rack .btn {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.cartorder__composition_other {
    width: calc(100% - 347px)
}

.cartorder__span {
    margin-left: 22px;
    letter-spacing: .375px;
    color: #676c70;
    font-size: 15px;
    font-weight: 500
}

.cartorder__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%
}

.cartorder__digit {
    letter-spacing: .4px;
    color: #2e2f31;
    font-weight: 400;
    width: 84px;
    font-size: 16px;
    text-align: center
}

.cartorder__digit_second {
    font-size: 17px;
    width: 84px;
    font-weight: 400;
    font-family: AktivGroteskCorp,sans-serif
}

.cartorder__digit_third {
    text-align: center;
    width: 84px;
    font-size: 16px;
    font-weight: 700
}

.cartorder__name {
    letter-spacing: .4px;
    color: #2e2f31;
    font-size: 14px;
    font-weight: 500;
    width: calc(100% - 252px)
}

.cartorder__detech {
    width: 84px;
    text-align: center;
    letter-spacing: .426667px;
    color: #73808d;
    font-size: 12px
}

.cartorder__detech_second {
    width: 84px
}

.cartorder__detech_third {
    width: 84px;
    text-align: center
}

.cartorder__hair {
    width: calc(100% - 252px);
    font-weight: 900;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: .2px;
    color: #2e2f31
}

.cartorder__sky {
    padding-right: 0;
    margin-top: 22px;
    margin-bottom: 20px;
    height: 549px;
    position: relative
}

.cartorder__sky:before {
    z-index: 100;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.7)),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom,rgba(255,255,255,.7) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg,rgba(255,255,255,.7) 0,rgba(255,255,255,0) 100%);
    height: 43px
}

.cartorder__sky .simplebar-scrollbar {
    width: 5px!important;
    border-radius: 2.5px;
    background: #cfd8dc
}

.cartorder__sky .simplebar-track.simplebar-vertical {
    margin-right: 9px;
    background: #f1f5f6;
    width: 5px!important;
    border-radius: 2.5px
}

.cartorder__rem {
    font-size: 20px;
    font-weight: 900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    border-radius: 0 0 8px 8px;
    color: #2e2f31;
    background: #f1f5f6
}

.cartorder__rem1 {
    padding: 17px 25px;
    border-radius: 0 0 8px 8px;
    background: #f1f5f6
}

.cartorder__rem2 {
    font-size: 20px;
    font-weight: 900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    color: #2e2f31
}

.cartorder__sand {
    width: 50%
}

.cartorder__val {
    text-align: right;
    width: 50%
}

.cartorder__level {
    width: 331px
}

.cartorder-icon {
    position: relative
}

.cartorder-icon-sms {
    margin-right: 40px
}

.cartorder-icon-sms::before {
    position: absolute;
    content: "";
    background-image: url(../img/msg-white.svg);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    z-index: 99
}

.cartorder-icon-repeat {
    margin-right: 40px
}

.cartorder-icon-repeat::before {
    position: absolute;
    content: "";
    background-image: url(../img/repeat.svg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    z-index: 99
}

.cartorder-icon-call {
    margin-right: 40px
}

.cartorder-icon-call::before {
    position: absolute;
    content: "";
    background-image: url(../img/call-white.svg);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    z-index: 99
}

.cartorder__head {
    height: 40px;
    position: relative;
    top: -10px
}

.cartorder-subtitle {
    font-family: Roboto;
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 6px;
    text-transform: lowercase
}

.cartorder-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    min-height: 512px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(98,107,113,.15);
    box-shadow: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none
}

.cartorder__info {
    width: 31%;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px 0 rgba(98,107,113,.15);
    box-shadow: 0 2px 3px 0 rgba(98,107,113,.15);
    padding: 23px
}

.cartorder__info-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #2e2f31
}

.cartorder__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cartorder__info-item:first-child {
    margin-top: 12px
}

.cartorder__info-col {
    font-size: 14px;
    line-height: 26px;
    color: #2e2f31
}

.cartorder__info-col-h {
    font-weight: 700
}

.cartorder__info-col:nth-child(1) {
    width: 121px
}

.cartorder__info-col:nth-child(2) {
    width: 167px
}

.cartorder__info-delivery {
    margin-top: 20px;
    color: #2e2f31
}

.cartorder__info-delivery-t {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.cartorder__info-delivery-d {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    margin-top: 11px
}

.cartorder__info-delivery-d p {
    margin: 11px 0 0
}

.cartorder__info-delivery-d p:first-child {
    margin: 0
}

.cartorder__info-comment {
    margin-top: 30px;
    color: #2e2f31
}

.cartorder__info-comment-t {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.cartorder__info-comment-d {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px
}

.cartorder__composition {
    width: 68%;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px 0 rgba(98,107,113,.15);
    box-shadow: 0 2px 3px 0 rgba(98,107,113,.15)
}

.cartorder__composition_other {
    width: 100%
}

.cartorder__composition_other.final {
    width: calc(100% - 347px)
}

.cartorder__form {
    padding: 25px 35px 0 25px
}

.cartorder__form .simplebar-track {
    right: -35px
}

.cartorder__form-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cartorder__form-head.js-abs {
    z-index: 10;
    position: absolute;
    background: #fff
}

.cartorder__form-head.js-fixed {
    position: fixed
}

.cartorder__form-head-edit {
    visibility: hidden;
    margin-left: 23px
}

.cartorder__form-head-edit>button {
    background: url(../img/edit-red.svg) center/contain no-repeat;
    background-position: 0 center;
    background-size: 14px;
    padding-left: 23px;
    font-size: 14px;
    line-height: 16px;
    color: #c1001f;
    cursor: pointer
}

.cartorder__form-head-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #73808d
}

.cartorder__form-head-cell:nth-child(1) {
    font-family: CoresansDS75Black;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: .008em;
    text-transform: uppercase;
    color: #000;
    -ms-flex-preferred-size: calc(100%);
    flex-basis: calc(100%);
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.cartorder__form-head-cell:nth-child(2) {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cartorder__form-head-cell:nth-child(3) {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cartorder__form-head-cell:nth-child(4) {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cartorder__list {
    height: 235px
}

.cartorder__list .simplebar-vertical {
    background-color: #f1f5f6;
    width: 5px;
    border-radius: 2.5px
}

.cartorder__list .simplebar-scrollbar {
    width: 5px;
    background-color: #f1f5f6;
    right: 0
}

.cartorder__list .simplebar-scrollbar:before {
    background-color: #979797
}

.cartorder__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dotted #aab4b9;
    padding: 6px 0
}

.cartorder__l-cell {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    color: #2e2f31;
    text-align: center
}

.cartorder__l-cell>span {
    color: #676c70
}

.cartorder__l-cell:nth-child(1) {
    -ms-flex-preferred-size: calc(100%);
    flex-basis: calc(100%);
    text-align: left;
    font-size: 16px
}

.cartorder__l-cell:nth-child(2) {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cartorder__l-cell:nth-child(3) {
    font-size: 17px;
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cartorder__l-cell:nth-child(4) {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    font-size: 16px;
    font-weight: 900
}

.cartorder__total {
    line-height: 30px;
    color: #2e2f31;
    margin-top: 47px;
    margin-bottom: 25px
}

.cartorder__total-t {
    font-weight: 700;
    font-size: 16px
}

.cartorder__total-d {
    font-weight: 900;
    font-size: 17px;
    text-align: right
}

.cartorder__total-i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 30px;
    margin-top: 11px
}

.cartorder__controller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #f1f5f6;
    padding: 29px 29px 20px 25px
}

.cartorder__controller-i {
    position: relative;
    margin-left: 15px
}

.lg-hidden {
    display: none
}

@media (max-width: 991.98px) {
    .cartorder__composition {
        width:68%;
        border-radius: 8px;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 3px 0 rgba(98,107,113,.15);
        box-shadow: 0 2px 3px 0 rgba(98,107,113,.15)
    }

    .cartorder__composition_other {
        width: 100%
    }

    .cartorder__composition_other.final {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .lg-hidden {
        display:block
    }

    .md-hidden {
        display: none
    }

    .btn--cartorder {
        display: none
    }

    .cartorder__sky {
        height: auto
    }

    .cartorder__form-head-edit {
        visibility: visible
    }

    .cartorder__cell {
        width: 50%
    }

    .cartorder__composition,.cartorder__info {
        width: 100%;
        border-radius: 8px
    }

    .cartorder__level {
        width: 100%
    }

    .cartorder__info {
        background-color: #fff
    }

    .cartorder__info-client {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .cartorder__composition {
        margin-top: 6px
    }

    .cartorder__composition_other {
        margin-top: 0;
        border-radius: 8px
    }
}

@media (max-width: 767.98px) {
    .lg-hidden {
        display:block
    }

    .md-hidden {
        display: block
    }

    .xs-hidden {
        display: none
    }

    .cartorder__sky {
        height: auto
    }

    .cartorder-container {
        margin-bottom: 10px
    }

    .cartorder__rack {
        padding-top: 0
    }

    .cartorder__hair {
        width: 100%
    }

    .cartorder__detech {
        display: none
    }

    .cartorder__level {
        width: 100%
    }

    .cartorder__span {
        margin-left: 4px;
        font-size: 12px
    }

    .cartorder__name {
        font-size: 12px;
        width: calc(100% - 150px)
    }

    .cartorder__form_other {
        padding-right: 21px;
        padding-left: 21px
    }

    .cartorder__row {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .cartorder__digit {
        font-size: 13px;
        width: 50px
    }

    .cartorder__head {
        padding-top: 10px;
        top: 0;
        height: auto
    }

    .cartorder-subtitle {
        font-size: 14px;
        opacity: .74
    }

    .cartorder-container {
        margin: 0 -15px 25px
    }

    .cartorder__list {
        height: auto
    }

    .cartorder__cell {
        width: 100%
    }

    .cartorder__composition,.cartorder__info {
        width: 100%;
        border-radius: 8px
    }

    .cartorder__info {
        background-color: #fff
    }

    .cartorder__info-client {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cartorder__composition {
        margin-top: 6px
    }

    .cartorder__composition--nw {
        margin-top: 0;
        border-radius: 0
    }

    .cartorder__form-head-edit {
        visibility: visible
    }

    .cartorder__form-head-cell:nth-child(1) {
        font-size: 18px
    }

    .cartorder__form-head-cell--xs {
        display: none
    }

    .cartorder__l-cell:nth-child(1) {
        font-size: 13px
    }

    .cartorder__l-cell:nth-child(1)>span {
        display: none
    }

    .cartorder__l-cell:nth-child(2) {
        -ms-flex-preferred-size: 25px;
        flex-basis: 25px;
        font-size: 13px
    }

    .cartorder__l-cell:nth-child(3) {
        -ms-flex-preferred-size: 40px;
        flex-basis: 40px;
        font-size: 13px
    }

    .cartorder__l-cell:nth-child(3)>span {
        font-size: 12px
    }

    .cartorder__l-cell:nth-child(4) {
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
        font-size: 13px
    }

    .cartorder__total {
        line-height: 23px
    }

    .cartorder__controller {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 15px 0;
        background: #fff
    }

    .cartorder__controller--fixed {
        position: fixed;
        left: 0;
        width: 100%;
        padding: 0 15px;
        bottom: 0
    }

    .cartorder__controller--fixed:before {
        content: "";
        position: absolute;
        left: 0;
        top: -30px;
        width: 100%;
        height: calc(100% + 60px);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(75%,#fff),to(rgba(255,255,255,0)));
        background: -o-linear-gradient(bottom,#fff 75%,rgba(255,255,255,0) 100%);
        background: linear-gradient(360deg,#fff 75%,rgba(255,255,255,0) 100%)
    }

    .cartorder__controller-i {
        margin: 15px 0 0
    }

    .cartorder__controller-i:last-child {
        margin: 0
    }

    .cartorder__controller--no-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cartorder__controller--no-reverse .cartorder__controller-i {
        width: 100%
    }

    .cartorder__controller--no-reverse .cartorder__controller-i:first-child {
        margin: 0 auto
    }

    .cartorder__controller--no-reverse .cartorder__controller-i:last-child {
        margin: 15px auto 0
    }

    .light-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .light-check__container {
        margin-left: 50px
    }

    .light-check__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0
    }

    .light-check__item--xs {
        display: none
    }

    .light-check__item:before {
        content: "";
        position: absolute;
        left: -16px;
        width: 64px;
        height: 64px;
        background-image: url(../img/light-check.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .light-check__item--2 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .light-check__item>span {
        font-size: 12px;
        color: #fff;
        font-weight: 700;
        line-height: 14px;
        color: #fff;
        opacity: .4;
        margin-left: 36px
    }
}

@media (max-width: 767.98px) and (max-width:767px) {
    .cartorder__composition--nw {
        padding-top:10px;
        border-radius: 8px
    }
}

@media (max-width: 768px) {
    .cartorder__sky {
        margin-top:0;
        margin-bottom: 0
    }

    .cartorder__sky:before {
        display: none
    }

    .cartorder__row:last-child {
        border-bottom: 0
    }

    .cartorder__rack {
        text-align: left;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        z-index: 999;
        padding: 15px;
        width: 100%;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        background: #f1f5f6
    }

    .cartorder__rack .btn {
        font-size: 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .cartorder__rack .btn:last-child {
        margin-bottom: 0
    }

    .cartorder__rack .step {
        margin-bottom: 12px
    }
}

.personal-modal .modal-content {
    border: none;
    background: 0 0
}

.personal~.xdsoft_datetimepicker {
    margin-top: 15px
}

.personal .page-content__wrap {
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.15);
    box-shadow: 0 2px 3px rgba(98,107,113,.15)
}

@media only screen and (max-width: 767.98px) {
    .personal .page-content__wrap {
        min-height:calc(100vh - 115px)
    }
}

.personal__data {
    margin: -14px 0 0
}

.personal__data-item {
    padding: 11px 11px 11px 0;
    position: relative;
    border-radius: 4px;
    max-width: 220px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.personal__data-item:hover .hint {
    display: block
}

.personal__data-item.status-not-editable {
    padding-top: 2px
}

.personal__data-item.state-edit {
    background-color: #fff;
    padding-left: 15px;
    -webkit-box-shadow: 0 0 0 3px #4cd96a;
    box-shadow: 0 0 0 3px #4cd96a;
    z-index: 20
}

@media only screen and (max-width: 1200px) {
    .personal__data-item {
        max-width:190px
    }
}

.personal__data-item.state-edit .personal__data-btns {
    visibility: visible;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.personal__data-btns {
    position: absolute;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    left: 100%;
    top: 0;
    width: 90px;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    padding-left: 7px;
    visibility: hidden;
    opacity: 0
}

.personal__data-btn {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin: 0 6px;
    border: none;
    cursor: pointer;
    outline: 0
}

.personal__data-btn--save {
    display: block;
    background: #4cd964 url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.62061 5.77895L5.10892 9.23651L11.6206 2.125' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: 14px 11px
}

.personal__data-btn--close {
    display: block;
    background: red url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9.89116L10 2M10 9.89116L2 2' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: 12px 12px
}

.personal__data-label {
    display: block;
    font-size: 12px;
    color: #73808d;
    margin: 0 0 3px
}

.personal__data-inp {
    margin: 0;
    width: 100%;
    border: none;
    padding: 0;
    color: #2e2f31;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    outline: 0;
    cursor: pointer;
    background: 0 0
}

.personal__data-inp:focus {
    cursor: text
}

.personal-info-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 7px;
    background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.25 1C4.70058 1 1 4.70058 1 9.25C1 13.7994 4.70058 17.5 9.25 17.5C13.7994 17.5 17.5 13.7985 17.5 9.25C17.5 4.7015 13.7985 1 9.25 1Z' stroke='%23A6B1BC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='1' y1='-1' x2='5.1875' y2='-1' transform='matrix(-4.3711e-08 -1 -1 4.3711e-08 8.25 14.2441)' stroke='%23A6B1BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='1' y1='-1' x2='0.546875' y2='-1' transform='matrix(-4.3711e-08 -1 -1 4.3711e-08 8.25 6.67188)' stroke='%23A6B1BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.personal__intro {
    max-width: 711px;
    margin: 0 auto;
    padding: 35px 0 34px
}

@media only screen and (max-width: 767.98px) {
    .personal__intro {
        padding-top:18px
    }
}

@media only screen and (max-width: 575px) {
    .personal__intro {
        padding-bottom:0
    }
}

.personal__gender {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 118px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 575px) {
    .personal__gender {
        padding:0 40px
    }
}

.personal__gender-item {
    display: block;
    width: 110px;
    cursor: pointer;
    color: #73808d
}

.personal__gender-item input {
    display: none
}

.personal__gender-item:hover {
    color: #000;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

input:checked+.personal__gender-caption {
    color: #000
}

.personal__gender-item:hover .personal__gender-caption-icon,input:checked+.personal__gender-caption .personal__gender-caption-icon {
    background-color: #e6f8ff
}

.personal__gender-item:hover .personal__gender-caption-icon img,input:checked+.personal__gender-caption .personal__gender-caption-icon img {
    opacity: 1
}

.personal__gender-caption {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 1.14;
    font-weight: 500;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s
}

.personal__gender-caption-icon {
    width: 110px;
    height: 110px;
    display: block;
    line-height: 110px;
    background-color: #f1f3f5;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 23px
}

@media only screen and (max-width: 767.98px) {
    .personal__gender-caption-icon {
        margin-bottom:10px
    }
}

@media only screen and (max-width: 575px) {
    .personal__gender-caption-icon {
        width:80px;
        height: 80px;
        line-height: 80px;
        margin: 0 auto 12px
    }

    .personal__gender-caption-icon img {
        max-height: 60%;
        width: auto
    }
}

.personal__gender-caption-icon img {
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    opacity: .5;
    vertical-align: middle
}

.personal__basic-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 19px -8px 0
}

.personal__basic-info__item {
    margin: 7px 8px;
    width: calc(50% - 16px);
    background: #fff;
    border: 1px solid #e7ebed;
    border-radius: 8px;
    font-size: 12px;
    line-height: 15px;
    color: #73808d;
    padding: 15px 18px;
    cursor: pointer;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    position: relative
}

.personal__basic-info__item:not(.personal__basic-info__item--inactive):hover .editable-field__label::after {
    opacity: 1
}

.personal__basic-info__item--inactive {
    cursor: default
}

.personal__basic-info__item .validation-tooltip {
    display: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 19px;
    margin-top: -12px;
    z-index: 10
}

.personal__basic-info__item:not(.state-lock).state-focus {
    -webkit-box-shadow: 0 0 0 2px #4cd96a;
    box-shadow: 0 0 0 2px #4cd96a;
    border-color: #4cd96a
}

.personal__basic-info__item.state-lock {
    background: #f3f5f6 url("data:image/svg+xml,%3Csvg width='17' height='24' viewBox='0 0 17 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.7196 23.5883C4.37423 23.5883 0.851691 20.0658 0.850342 15.7202C0.851691 11.3751 4.37396 7.85242 8.71976 7.85107C13.0651 7.85242 16.5876 11.375 16.5876 15.7203C16.5876 20.0651 13.0644 23.5883 8.7196 23.5883ZM8.7196 22.5883C12.5121 22.5883 15.5876 19.5128 15.5876 15.7203C15.5876 11.9272 12.5127 8.85225 8.71976 8.85107C4.92634 8.85225 1.85152 11.9274 1.85034 15.7202C1.85152 19.5134 4.92646 22.5883 8.7196 22.5883Z' fill='%23CFD8DC'/%3E%3Cpath d='M14.2851 6.04866C14.2851 2.97504 11.793 0.483398 8.71985 0.483398C5.64518 0.483398 3.15332 2.97526 3.15332 6.04866V10.5834H4.15332V6.04866C4.15332 3.52754 6.19746 1.4834 8.71985 1.4834C11.2408 1.4834 13.2851 3.52736 13.2851 6.04866V10.596H14.2851V6.04866Z' fill='%23CFD8DC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.32449 15.5097H8.93039H9.32449H9.7186C9.7186 15.0739 9.36617 14.7202 8.93039 14.7202C8.49333 14.7202 8.13965 15.0739 8.13965 15.5097C8.13965 15.9455 8.49333 16.2992 8.93039 16.2992C9.36617 16.2992 9.7186 15.9455 9.7186 15.5097H9.32449Z' fill='%23CFD8DC'/%3E%3C/svg%3E%0A") calc(100% - 22px) 50% no-repeat
}

.personal__basic-info__item.state-lock::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    content: ""
}

.personal__basic-info__item.validation-true {
    border-color: #4cd96a
}

.personal__basic-info__item.validation-true .validation-tooltip {
    background: #4cd96a url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.05882L4.48914 7.5L8.92371 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

@media only screen and (max-width: 575px) {
    .personal__basic-info__item.validation-true .validation-tooltip {
        display:block
    }
}

.personal__basic-info__item.validation-false {
    border-color: #fe283e
}

.personal__basic-info__item.validation-false .editable-field__label-tooltip {
    display: inline-block
}

.personal__basic-info__item.validation-false .validation-tooltip {
    background: #fd283e url("data:image/svg+xml,%3Csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.49781 0.0149993C0.681809 0.0149993 0.0188087 0.678 0.0188087 1.494V1.97L0.358809 7.104C0.401309 7.733 0.868809 8.192 1.49781 8.192C2.12681 8.192 2.59431 7.733 2.63681 7.104L2.97681 1.97V1.494C2.97681 0.678 2.31381 0.0149993 1.49781 0.0149993ZM0.0528086 10.64C0.0528086 11.439 0.698809 12.085 1.49781 12.085C2.27981 12.085 2.94281 11.439 2.94281 10.64C2.94281 9.858 2.27981 9.195 1.49781 9.195C0.698809 9.195 0.0528086 9.858 0.0528086 10.64Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

@media only screen and (max-width: 575px) {
    .personal__basic-info__item.validation-false .validation-tooltip {
        display:block
    }
}

.personal__basic-info__item.validation-true {
    border-color: #4cd96a
}

.personal__basic-info__item:not(.personal__basic-info__item--inactive):hover .editable-field__label::after {
    opacity: 1
}

.personal__basic-info__item--inactive {
    cursor: default
}

.personal__basic-info__item--editing:not(.validation-false) {
    border-color: #4cd964;
    -webkit-box-shadow: 0 0 0 2px #4cd964;
    box-shadow: 0 0 0 2px #4cd964
}

.personal__basic-info__item--name {
    background: url(/local/templates/htmc_common/css/../img/personal/personal-info-name.png) 100% 100% no-repeat
}

.personal__basic-info__item--birth {
    background: url(/local/templates/htmc_common/css/../img/personal/personal-info-birth.png) 100% 100% no-repeat
}

@media only screen and (max-width: 575px) {
    .personal__basic-info__item--birth::after {
        display:block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 40px;
        background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 -7.54992e-08H6V3H4V-7.54992e-08Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 -7.54992e-08H16V3H14V-7.54992e-08Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.03455 1.99998H3.00546V3.99963H7V1.99998H13V3.99963H17V1.99998H18C19.1192 1.99998 20.0345 2.91432 20.0345 4.03092V5.96808H0V4.03092C0 2.91392 0.915336 1.99998 2.03455 1.99998ZM20.0345 8V17.9695C20.0345 19.0857 19.1184 20 18 20H2.03455C0.916118 20 0 19.0865 0 17.9695V8H20.0345ZM5 14.9992H2.99512V17H5V14.9992ZM5 10.9724H2.99512V13H5V10.9724ZM7 14.9992H9.00488V17H7V14.9992ZM7 10.9724H9.00488V13H7V10.9724ZM13.0049 14.9992H11V17H13.0049V14.9992ZM13.0049 10.9724H11V13H13.0049V10.9724ZM15 14.9992H17.0049V17H15V14.9992ZM15 10.9724H17.0049V13H15V10.9724Z' fill='%23A6B1BC'/%3E%3C/svg%3E%0A") 0 50% no-repeat;
        content: ""
    }
}

.personal__basic-info__item--phone {
    background: url(/local/templates/htmc_common/css/../img/personal/personal-info-phone.png) 100% 100% no-repeat
}

.personal__basic-info__item--email {
    background: url(/local/templates/htmc_common/css/../img/personal/personal-info-email.png) 100% 100% no-repeat
}

@media only screen and (max-width: 992px) {
    .personal__basic-info__item:not(.personal__basic-info__item--inactive) .editable-field__label::after {
        opacity:1
    }
}

@media only screen and (max-width: 575px) {
    .personal__basic-info__item {
        width:calc(100% - 16px);
        margin: 5px 8px;
        background: #fff;
        padding: 10px 15px 3px
    }

    .personal__basic-info__item p {
        display: none
    }

    .personal__basic-info__item--birth.personal__basic-info__item--inactive {
        background: #f3f5f6
    }
}

@media only screen and (max-width: 767.98px) {
    .personal__basic-info__item--inactive {
        background:url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.86926 23.5885C3.52388 23.5885 0.00134906 20.066 0 15.7204C0.00134898 11.3753 3.52361 7.85261 7.86942 7.85126C12.2147 7.85261 15.7373 11.3751 15.7373 15.7205C15.7373 20.0653 12.214 23.5885 7.86926 23.5885ZM7.86926 22.5885C11.6618 22.5885 14.7373 19.513 14.7373 15.7205C14.7373 11.9274 11.6623 8.85243 7.86942 8.85126C4.07599 8.85243 1.00118 11.9276 1 15.7204C1.00118 19.5136 4.07612 22.5885 7.86926 22.5885Z' fill='%23CFD8DC'/%3E%3Cpath d='M13.435 6.04891C13.435 2.97529 10.9429 0.483643 7.86975 0.483643C4.79508 0.483643 2.30322 2.9755 2.30322 6.04891V10.5836H3.30322V6.04891C3.30322 3.52779 5.34737 1.48364 7.86975 1.48364C10.3907 1.48364 12.435 3.52761 12.435 6.04891V10.5963H13.435V6.04891Z' fill='%23CFD8DC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.47439 15.5098H8.08029H8.47439H8.8685C8.8685 15.074 8.51608 14.7203 8.08029 14.7203C7.64323 14.7203 7.28955 15.074 7.28955 15.5098C7.28955 15.9456 7.64323 16.2993 8.08029 16.2993C8.51608 16.2993 8.8685 15.9456 8.8685 15.5098H8.47439Z' fill='%23CFD8DC'/%3E%3C/svg%3E%0A") calc(100% - 20px) 50% no-repeat #f3f5f6
    }
}

.personal__basic-info__item-label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #2e2f31;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

@media only screen and (max-width: 575px) {
    .personal__basic-info__item-label {
        font-size:12px;
        line-height: 16px;
        margin-bottom: 0;
        color: #73808d;
        font-weight: 400
    }

    .personal__basic-info__item-label .personal-info-icon {
        display: none
    }
}

.is-empty:not(.personal__basic-info__item--editing) .personal__basic-info__item-label {
    font-size: 16px;
    -webkit-transform: translateY(14px);
    -ms-transform: translateY(14px);
    transform: translateY(14px)
}

.personal__basic-info__item-value {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #2e2f31;
    padding: 0 0 5px;
    border: none;
    outline: 0;
    width: 200px;
    cursor: pointer;
    position: absolute;
    border-bottom: 1px solid transparent;
    top: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    background: 0 0
}

.personal__basic-info__item-value [data-state=empty] {
    color: #73808d
}

@media only screen and (max-width: 575px) {
    .personal__basic-info__item-value {
        position:static;
        visibility: visible
    }
}

@media only screen and (max-width: 575px) {
    .personal__basic-info__item--name {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }

    .personal__basic-info__item--birth {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .personal__basic-info__item--phone {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .personal__basic-info__item--email {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.personal__submit-btn {
    text-align: center;
    padding-top: 25px
}

.personal__sections {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px -7px 0
}

@media only screen and (max-width: 767.89px) {
    .personal__sections {
        margin-left:0;
        margin-right: 0
    }
}

.personal__section-comment {
    font-size: 12px;
    line-height: 18px;
    color: #73808d;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 19px 20px
}

@media only screen and (max-width: 767.98px) {
    .personal__section-comment {
        position:static;
        padding: 0 0 15px
    }
}

.personal__section {
    width: calc(33.3% - 14px);
    margin: 7px;
    background: #fff;
    border: 1px solid #e7ebed;
    border-radius: 8px;
    font-size: 14px;
    padding: 15px 18px 13px;
    position: relative
}

.personal__section::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    content: ""
}

.personal__section.show-placeholder::before {
    opacity: .8;
    visibility: visible;
    z-index: 10
}

.personal__section--app {
    background-size: cover!important;
    position: relative;
    padding: 38px 30px 14px
}

.personal__section.active .personal__avatar {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

@media only screen and (max-width: 992px) {
    .personal__section {
        width:calc(50% - 14px);
        min-height: 346px
    }

    .personal__section:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .personal__section:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .personal__section:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .personal__section:nth-child(4) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .personal__section:nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .personal__section:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media only screen and (max-width: 767.89px) {
    .personal__section {
        width:100%;
        min-height: 0;
        background: 0 0;
        border: none;
        margin: 0;
        border-radius: 0;
        padding: 0;
        border-bottom: 1px solid #e7ebed
    }

    .personal__section--app {
        display: none
    }

    .personal__section:not(.active) .personal__section-header~* {
        display: none
    }

    .personal__section .personal__section-header {
        padding: 16px 0 15px
    }

    .personal__section .personal__section-header:after {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 0;
        top: 16.5px;
        background: url(/local/templates/htmc_common/css/../img/personal/arrow.svg) no-repeat center;
        background-size: contain;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .personal__section.active .personal__section-header:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.personal__section-email_info {
    -webkit-box-ordinal-group: 1!important;
    -ms-flex-order: 0!important;
    order: 0!important;
    position: relative;
    background: #fff3df;
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.15);
    box-shadow: 0 2px 3px rgba(98,107,113,.15);
    border-radius: 8px;
    overflow: hidden;
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 767px) {
    .personal__section-email_info.mobile {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 18px 0;
        padding: 7px 50px 7px 12px
    }
}

@media only screen and (min-width: 768px) {
    .personal__section-email_info.desktop {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 70px 0 10px 0
    }
}

.personal__section-email_info.desktop .personal__section-email_info-button {
    top: calc(50% - 12px)
}

.personal__section-email_info-hcontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.personal__section-email_info-icon {
    margin: 13px
}

.personal__section-email_info-content {
    color: #f6a226
}

.personal__section-email_info-button {
    position: absolute;
    right: 15px;
    top: calc(50% - 9px);
    width: 15px;
    height: 15px
}

.personal__section-email_info-button svg {
    width: 100%;
    height: 100%
}

.personal__section-placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #73808d;
    padding-bottom: 35px
}

.personal__section-placeholder img {
    margin: 0 0 25px
}

.personal__section-placeholder-text {
    font-size: 12px;
    padding-top: 10px
}

.personal__lg-title {
    font-size: 25px;
    line-height: 31px;
    text-align: center;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #000;
    font-family: CoreSansDS75Black
}

.personal__lg-title span {
    color: #c1001f
}

.personal__section-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    margin: 0
}

.personal__section-header {
    padding-bottom: 19px
}

@media only screen and (min-width: 768px) {
    .personal__section-content {
        padding-bottom:51px;
        margin-bottom: 1rem
    }
}

.personal__section-list {
    font-weight: 500;
    margin: 0
}

.personal__section-list dd,.personal__section-list dt {
    max-width: calc(100% - 70px);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.personal__section-list dt {
    font-size: 12px;
    line-height: 14px;
    color: #73808d;
    font-weight: 400;
    margin: -3px 0 5px
}

.personal__section-list dd {
    margin-bottom: 20px
}

@media only screen and (max-width: 767.98px) {
    .personal__section-list dd:last-child {
        margin-bottom:0
    }
}

.personal__section-list .empty-item {
    padding: 7px 0 13px
}

.personal__section-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 14px 15px
}

@media only screen and (max-width: 767.98px) {
    .personal__section-footer {
        padding:10px 0 15px;
        position: static
    }
}

.personal__section-footer .personal__link {
    margin: 0 0 10px 5px
}

@media only screen and (max-width: 767.98px) {
    .personal__section-footer .personal__link {
        margin:0
    }
}

.personal__app-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.personal__app-btn {
    width: calc(50% - 6px);
    min-width: 0;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #2f2c2c;
    border-radius: 4px;
    display: block;
    line-height: 38px;
    color: #fff;
    text-align: center
}

.personal__app-btn::before {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
    z-index: 10;
    position: relative;
    content: ""
}

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

.personal__app-btn--android::before {
    background: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.40002 1L6.75002 2.35' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6 1L11.25 2.35' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4 16.3H4.59998C4.04798 16.3 3.59998 15.852 3.59998 15.3V7.29999H14.4V15.3C14.4 15.852 13.952 16.3 13.4 16.3Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.99998 1.90002V1.90002C6.01798 1.90002 3.59998 4.31802 3.59998 7.30002V7.30002H14.4V7.30002C14.4 4.31802 11.982 1.90002 8.99998 1.90002Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.1 7.29999V12.7' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.900024 7.29999V12.7' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.30005 16.3V19' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7001 16.3V19' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.personal__app-btn--apple {
    background: -webkit-gradient(linear,left top,left bottom,from(#ed4141),to(#d31340));
    background: -o-linear-gradient(top,#ed4141 0,#d31340 100%);
    background: linear-gradient(180deg,#ed4141 0,#d31340 100%)
}

.personal__app-btn--apple::before {
    background: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.59198 7.16798C7.93598 7.16798 6.91398 6.40398 5.85198 6.40398C4.43998 6.40398 3.14798 7.26698 2.41998 8.53298C0.955977 11.075 2.04298 14.831 3.47098 16.897C4.17198 17.903 4.99798 19.035 6.09398 18.999C7.14498 18.954 7.53998 18.316 8.81598 18.316C10.083 18.316 10.442 18.999 11.556 18.972C12.688 18.954 13.407 17.948 14.098 16.933C14.898 15.765 15.23 14.633 15.248 14.57C15.221 14.561 13.047 13.726 13.02 11.21C13.002 9.10798 14.736 8.10198 14.817 8.05698C13.829 6.61098 12.311 6.44898 11.781 6.41298C10.397 6.30498 9.23898 7.16798 8.59198 7.16798Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.01898 4.18702C9.96498 4.31402 10.789 3.90002 11.244 3.35802' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.244 3.35801C11.696 2.81901 11.963 1.93301 11.674 1.02301' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.674 1.023C10.728 0.896003 9.90397 1.31 9.44897 1.852' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.44899 1.85199C8.99699 2.39099 8.72999 3.27699 9.01899 4.18699' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.personal__link {
    color: #c1001f;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 0 0 0 35px;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.personal__link:hover {
    text-decoration: none;
    color: #c1001f
}

.personal__link--pass {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00002 10H15L15 11.858M9.00002 10C9.00002 11.1046 8.10459 12 7.00002 12C5.89545 12 5.00002 11.1046 5.00002 10C5.00002 8.89543 5.89545 8 7.00002 8C8.10459 8 9.00002 8.89543 9.00002 10ZM12 11.858V10M8.47602 18.875C14.635 19.885 19.885 14.636 18.875 8.476C18.263 4.746 15.255 1.737 11.525 1.125C5.36502 0.113996 0.115022 5.365 1.12602 11.524C1.73702 15.255 4.74602 18.263 8.47602 18.875Z' stroke='%23C1001F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 50% no-repeat
}

.personal__link--address {
    background: url(/local/templates/htmc_common/css/../img/personal/address-icon.png) 5px 50% no-repeat;
    padding: 2px 0 0 38px
}

.personal__link--comment {
    padding: 2px 0 0 38px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 15V5C19 2.791 17.209 1 15 1H5C2.791 1 1 2.791 1 5V11C1 13.209 2.791 15 5 15H14M14 14.979L19 19V14.979M6 6H14M6 10H14' stroke='%23C1001F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 5px 50% no-repeat
}

.personal__link--phone {
    background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.77276 12.1994L5.88309 12.3097V12.3108L6.10287 12.5305C7.40433 13.8314 9.30439 15.1784 11.0831 16.0196C11.9706 16.4393 12.8704 16.7536 13.6779 16.8547C14.4649 16.9533 15.3324 16.8664 15.9404 16.2584L15.941 16.2578L16.4222 15.7756C16.4226 15.7752 16.423 15.7748 16.4234 15.7744C16.6335 15.5646 16.8023 15.2413 16.9159 15.0041C17.0444 14.7357 17.1642 14.4411 17.2569 14.1996C17.5099 13.5581 17.2573 12.8274 16.6613 12.4794L16.6613 12.4794L16.6562 12.4765L13.6992 10.7805L13.6993 10.7805L13.6944 10.7777C13.2831 10.5458 12.7832 10.5349 12.3622 10.7485L10.8843 11.4884L10.8843 11.4884L10.8755 11.4929C10.8485 11.5069 10.8162 11.5057 10.7902 11.4899C10.2982 11.1688 9.35336 10.4797 8.75342 9.87974L8.42342 9.54974C7.8224 8.94871 7.13334 8.00488 6.81277 7.5127C6.79688 7.48655 6.79569 7.45396 6.80975 7.42668L6.8098 7.4267L6.81373 7.41884L7.55334 5.94162C7.76779 5.52064 7.75751 5.02017 7.52571 4.60825L7.52573 4.60824L7.52262 4.60283L5.82662 1.64683L5.82664 1.64681L5.82376 1.64188C5.47574 1.04586 4.74507 0.793271 4.1036 1.04631C3.86225 1.13889 3.56753 1.25861 3.29915 1.3869C3.06154 1.50047 2.73735 1.66915 2.52776 1.87874L3.05809 2.40907L2.52776 1.87874L2.04476 2.36174C1.4367 2.9698 1.3499 3.83739 1.44843 4.62439C1.54954 5.43194 1.86386 6.33189 2.28358 7.21945C3.12477 8.99825 4.47173 10.8984 5.77276 12.1994Z' fill='white' stroke='%23C1001F' stroke-width='1.5'/%3E%3C/svg%3E%0A") 0 50% no-repeat;
    padding-left: 35px
}

.personal__link--holiday {
    background: url(/local/templates/htmc_common/css/../img/personal/personal-info-plus.png) 5px 50% no-repeat;
    padding-left: 35px
}

.personal__section-btn {
    display: block;
    width: 100%;
    border: none;
    background: #e7ebed;
    border-radius: 4px;
    line-height: 38px;
    text-align: center;
    color: #73808d;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.personal__section-btn:hover {
    text-decoration: none;
    background-color: #c1001f;
    color: #fff
}

.personal__section-btn-red {
    background-color: #c1001f;
    color: #fff
}

.personal__history {
    width: 100%;
    border-top: 1px solid #e7ebed
}

.personal__history td {
    border-bottom: 1px solid #e7ebed;
    vertical-align: middle;
    padding: 13px 5px 14px
}

.personal__history-long-address {
    font-size: 12px;
    line-height: 15px;
    color: #73808d;
    display: inline-block;
    font-weight: 400
}

.personal__history tr td:nth-child(1) {
    color: #73808d;
    font-weight: 500
}

.personal__history tr td:nth-child(1)>a {
    color: #73808d
}

.personal__history tr td:nth-child(2) {
    color: #73808d
}

.personal__history tr td:nth-child(3) {
    color: #2e2f31;
    font-weight: 500
}

.personal__avatar {
    z-index: 5;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 70px;
    height: 70px;
    min-height: 70px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (max-width: 767.98px) {
    .personal__avatar {
        opacity:0;
        visibility: hidden;
        margin-top: 20px
    }
}

.personal__avatar--empty {
    border: 1px solid #a6b1bc;
    background: url("data:image/svg+xml,%3Csvg width='41' height='49' viewBox='0 0 41 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 47.9952V46.3785C1 38.0542 7.8655 31.3051 16.3333 31.3051H24C32.4678 31.3051 39.3333 38.0542 39.3333 46.3785V47.9952' stroke='%23A6B1BC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5833 20C24.8761 20 29.1667 15.7821 29.1667 10.5791C29.1667 5.37608 24.8761 1.1582 19.5833 1.1582C14.2906 1.1582 10 5.37608 10 10.5791C10 15.7821 14.2906 20 19.5833 20Z' stroke='%23A6B1BC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% calc(100% - 5px) no-repeat
}

.personal__avatar input {
    display: none
}

.personal__avatar label {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 10;
    margin: 0;
    background-size: cover;
    background-position: center
}

.personal__avatar label::after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.47492 2.97021L1 11.4452V14.2632H3.818L12.2929 5.78821' stroke='%232E2F31' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9699 4.11125L12.1869 5.89425L9.3689 3.07625L11.1519 1.29325C11.5429 0.90225 12.1759 0.90225 12.5659 1.29325L13.9689 2.69625C14.3609 3.08725 14.3609 3.72025 13.9699 4.11125Z' stroke='%232E2F31' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat #e7ebed;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    content: ""
}

.personal__avatar label:hover::after {
    opacity: 1;
    background-color: rgba(231,235,237,.7)
}

.personal__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #73808d
}

.personal__list-edit {
    position: absolute;
    display: none;
    background: url(/local/templates/htmc_common/css/../img/edit.svg) center/contain no-repeat;
    width: 16px;
    height: 15px;
    right: 13px;
    z-index: 4;
    top: 16px
}

.personal__list--address li {
    background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.85167 8.07417V16.4075M1 16.4075H17.6667M2.9175 8.07417C4.09833 8.07417 5.05583 7.24917 5.05583 6.23167C5.05583 7.24917 6.01417 8.07417 7.195 8.07417C8.37583 8.07417 9.33333 7.24917 9.33333 6.23167C9.33333 7.24917 10.2917 8.07417 11.4725 8.07417C12.6533 8.07417 13.6108 7.24917 13.6108 6.23167M2.9175 8.07417C2.90583 8.07417 2.89417 8.07417 2.88167 8.07417M2.9175 8.07417C1.5025 8.06417 0.58 6.66333 1.19333 5.45583L2.6225 2.64167C2.91583 2.065 3.70833 1.5925 4.385 1.5925H14.2825C15.0342 1.5925 15.7192 2 16.045 2.64167L17.475 5.45583C18.0883 6.66333 17.1658 8.06417 15.7508 8.07417C14.57 8.07417 13.6125 7.2675 13.6125 6.27167M15.815 8.07417V16.4075M7.48167 16.4075V12.7033C7.48167 11.6808 8.31083 10.8517 9.33333 10.8517C10.3558 10.8517 11.185 11.6808 11.185 12.7033L11.185 16.4075' stroke='%23A6B1BC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 6px 50% no-repeat
}

.personal__list--address .comment-item {
    position: relative
}

.personal__list--address .comment-item::after {
    position: absolute;
    width: 14px;
    height: 14px;
    display: block;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 10.3333V3.66667C13 2.194 11.806 1 10.3333 1H3.66667C2.194 1 1 2.194 1 3.66667V7.66667C1 9.13933 2.194 10.3333 3.66667 10.3333H9.66667M9.66667 10.3193L13 13V10.3193M4.33333 4.33333H9.66667M4.33333 7H9.66667' stroke='%23A6B1BC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    content: ""
}

.personal__list--comments li {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 15V5C19 2.791 17.209 1 15 1H5C2.791 1 1 2.791 1 5V11C1 13.209 2.791 15 5 15H14M14 14.979L19 19V14.979M6 6H14M6 10H14' stroke='%23A6B1BC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 6px 50% no-repeat
}

.personal__list--comments li:first-child {
    border: none
}

.personal__list--holiday li {
    background: url(/local/templates/htmc_common/css/../img/personal/personal-info-birthday.png) 6px 50% no-repeat;
    font-size: 14px
}

.personal__list--holiday li:first-child {
    border: none
}

.personal__list--holiday strong {
    display: inline-block;
    font-size: 14px;
    margin-left: 7px;
    color: #2e2f31
}

.personal__list li {
    padding: 15px 0 15px 39px;
    border-top: 1px solid #e7ebed;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    display: block;
    max-width: 100%
}

.personal__list li:hover .personal__list-edit {
    display: block
}

.personal__list li:nth-child(n+4) {
    display: none
}

.personal__list li:last-child {
    background: 0 0;
    padding-left: 0;
    display: block
}

.personal__list strong {
    display: inline-block;
    font-size: 14px;
    margin-right: 7px;
    color: #2e2f31
}

.personal__list--empty li:not(.personal__list-extra-item) {
    position: relative;
    cursor: pointer
}

.personal__list--empty li:not(.personal__list-extra-item)::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 4px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.47492 2.97021L1 11.4452V14.2632H3.818L12.2929 5.78821' stroke='%232E2F31' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9699 4.11125L12.1869 5.89425L9.3689 3.07625L11.1519 1.29325C11.5429 0.90225 12.1759 0.90225 12.5659 1.29325L13.9689 2.69625C14.3609 3.08725 14.3609 3.72025 13.9699 4.11125Z' stroke='%232E2F31' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") calc(130%) 50% no-repeat rgba(231,235,237,.5);
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    opacity: 0;
    content: ""
}

.personal__list--empty li:not(.personal__list-extra-item):hover::after {
    background-position: calc(100% - 10px) 50%;
    opacity: 1
}

.personal__settings {
    border-bottom: 1px solid #e7ebed;
    padding: 0 0 9px;
    margin-bottom: 16px
}

.personal__settings:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.personal__settings dt {
    font-size: 16px;
    font-weight: 700;
    color: #2e2f31;
    margin: 0 0 6px
}

.personal__setting {
    color: #73808d;
    line-height: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    margin: 0 0 6px
}

.personal__setting.state-active {
    color: #2e2f31
}

.personal__setting label {
    cursor: pointer;
    display: inline-block;
    margin: 3px 0 0
}

.personal__setting input {
    display: none
}

.personal__setting span,.personal__setting span::after {
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.personal__setting span {
    display: inline-block;
    width: 32px;
    height: 19px;
    background-color: #cfd8dc;
    border-radius: 10px;
    position: relative
}

.personal__setting span::after {
    top: 50%;
    position: absolute;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    left: 2px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.0510643);
    box-shadow: 0 1px 1px rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.0510643);
    content: ""
}

.personal__setting input:checked+span {
    background-color: #4cd964
}

.personal__setting input:checked+span::after {
    left: calc(100% - 17px)
}

.personal__modal {
    background: #fff;
    border-radius: 4px;
    margin: 10px auto;
    text-align: center;
    position: relative;
    padding: 24px 50px 36px
}

.personal__modal-content {
    padding-top: 20px
}

.personal__modal-header+.personal__modal-content {
    padding-top: 0
}

.personal__modal--change-password {
    width: 100%;
    max-width: 450px
}

.personal__modal--success {
    width: 100%;
    max-width: 450px
}

.personal__modal--success .personal__modal-content {
    padding-left: 20px;
    padding-right: 20px
}

.personal__modal-close {
    background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.43934 12.4602C-0.146447 11.8744 -0.146447 10.9246 0.43934 10.3388L10.3388 0.43934C10.9246 -0.146446 11.8744 -0.146447 12.4602 0.43934C13.0459 1.02513 13.0459 1.97487 12.4602 2.56066L2.56066 12.4602C1.97487 13.0459 1.02513 13.0459 0.43934 12.4602Z' fill='%2373808D'/%3E%3Cpath d='M12.4602 12.4602C13.0459 11.8744 13.0459 10.9246 12.4602 10.3388L2.56066 0.43934C1.97487 -0.146446 1.02513 -0.146447 0.43934 0.43934C-0.146446 1.02513 -0.146446 1.97487 0.43934 2.56066L10.3388 12.4602C10.9246 13.0459 11.8744 13.0459 12.4602 12.4602Z' fill='%2373808D'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    display: block;
    outline: 0;
    position: absolute;
    top: 24px;
    right: 25px;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer
}

.personal__modal-title {
    margin: 0 0 23px;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: .008em;
    color: #1a1a2a;
    text-transform: uppercase;
    font-family: CoreSansDS75Black,sans-serif;
    display: block
}

.personal__modal-form__row {
    margin-bottom: 15px
}

.personal__modal-form__row--layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -7px 0 8px
}

.personal__modal-form__row--layout>div {
    width: calc(50% - 8px);
    margin: 7px 0 8px
}

.personal__modal-form__btn {
    padding-top: 8px
}

.personal__modal-form__btn .btn {
    width: 260px
}

@media only screen and (max-width: 767.98px) {
    .personal__modal-form__btn .btn {
        display:block;
        width: 100%
    }
}

@media only screen and (max-width: 767.98px) {
    .personal__modal {
        padding:18px 30px 21px
    }

    .personal__modal-title {
        font-size: 20px
    }

    .personal__modal-close {
        top: 18px;
        right: 27px
    }
}

.editable-field {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #2e2f31;
    padding: 5px 0 0
}

.editable-field__label {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    height: 28px;
    position: relative;
    word-break: break-all;
    word-break: break-word
}

.editable-field__label--empty {
    color: #73808d
}

@media only screen and (max-width: 575px) {
    .editable-field__label {
        display:none
    }
}

.editable-field--only-read {
    cursor: text
}

.editable-field[data-state=empty],.editable-field[data-state=error] {
    color: #73808d
}

@media only screen and (min-width: 576px) {
    .editable-field[data-state=editing] input {
        position:static;
        border-bottom-color: #cfd8dc;
        visibility: visible;
        padding-bottom: 6px;
        margin-top: -1px
    }
}

.editable-field[data-state=editing] .editable-field__label {
    display: none
}

.editable-field:not(.editable-field--only-read):hover .editable-field__label::after {
    opacity: 1
}

.editable-field__label::after {
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    opacity: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87507 2.97021L1.40015 11.4452V14.2632H4.21815L12.6931 5.78821' stroke='%232E2F31' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.37 4.11125L12.587 5.89425L9.76904 3.07625L11.552 1.29325C11.943 0.90225 12.576 0.90225 12.966 1.29325L14.369 2.69625C14.761 3.08725 14.761 3.72025 14.37 4.11125Z' stroke='%232E2F31' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    content: ""
}

.editable-field__label-tooltip {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%23FD283E'/%3E%3Cpath d='M12.4978 6.015C11.6818 6.015 11.0188 6.678 11.0188 7.494V7.97L11.3588 13.104C11.4013 13.733 11.8688 14.192 12.4978 14.192C13.1268 14.192 13.5943 13.733 13.6368 13.104L13.9768 7.97V7.494C13.9768 6.678 13.3138 6.015 12.4978 6.015ZM11.0528 16.64C11.0528 17.439 11.6988 18.085 12.4978 18.085C13.2798 18.085 13.9428 17.439 13.9428 16.64C13.9428 15.858 13.2798 15.195 12.4978 15.195C11.6988 15.195 11.0528 15.858 11.0528 16.64Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: none;
    margin-left: 5px
}

.personal__section-btn_red {
    color: #fff;
    background: #c1001f
}

.personal__section-btn_red:hover {
    color: #ccc
}

.personal__check {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    padding: 0 10px;
    color: #73808d
}

.personal__nope {
    font-weight: 500;
    font-size: 16px;
    line-height: 112%;
    margin-bottom: 11px;
    text-align: center;
    color: #73808d
}

.personal__sleep {
    text-align: center;
    padding-top: 14px;
    width: 100%;
    margin-bottom: 28px
}

.personal__sleep img {
    width: 72px;
    height: 90px
}

.personal__sleep_comment img {
    width: 103px;
    height: 91px
}

.personal__sleep_other img {
    width: 107px;
    height: 91px
}

.personal__sleep_holiday img {
    width: 64px;
    height: 91px
}

.personal__list.personal__list--address li {
    position: relative;
    padding: 15px 0 15px 39px
}

.personal__list.personal__list--address li:hover:before {
    content: "";
    height: 100%;
    position: absolute;
    display: block;
    background: rgba(231,235,237,.5);
    width: 100%;
    left: 0;
    z-index: 3;
    top: 0
}

.personal__list.personal__list--address li:last-child {
    padding-left: 3px
}

.personal__list.personal__list--address li:last-child:hover:after,.personal__list.personal__list--address li:last-child:hover:before {
    display: none
}

.personal__list.personal__list--holiday li {
    position: relative;
    padding: 15px 0 15px 39px
}

.personal__list.personal__list--holiday li:hover:before {
    content: "";
    height: 100%;
    position: absolute;
    display: block;
    background: rgba(231,235,237,.5);
    width: 100%;
    left: 0;
    z-index: 3;
    top: 0
}

.personal__list.personal__list--holiday li:last-child {
    padding-left: 3px
}

.personal__list.personal__list--holiday li:last-child:hover:after,.personal__list.personal__list--holiday li:last-child:hover:before {
    display: none
}

.personal__catcher {
    display: none
}

.personal__catcher:before {
    content: "";
    height: 100%;
    position: absolute;
    display: block;
    background: rgba(231,235,237,.5);
    width: calc(100% + 18px);
    left: -9px;
    z-index: 3;
    top: 0;
    border-radius: 4px
}

.personal__catcher:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/local/templates/htmc_common/css/../img/pencil2.svg) no-repeat center;
    background-size: contain;
    width: 16px;
    height: 15px;
    right: 0;
    z-index: 4;
    top: 20px
}

.personal__data-item_name:hover .personal__catcher {
    display: block
}

.personal__data-item_name.state-edit {
    width: calc(100% - 145px)
}

.personal__data-item_name.state-edit .personal__catcher {
    display: none
}

.personal__section {
    height: 349px;
    overflow: visible
}

.personal__section_settings {
    overflow: auto
}

@media only screen and (max-width: 767.98px) {
    .personal__section {
        height:auto;
        max-height: 349px
    }
}

.personal__data-item_wide {
    width: 100%;
    max-width: 100%
}

.personal__data-item_wide.state-edit {
    width: calc(100% - 80px)
}

.personal__history_new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%
}

.personal__history_new tbody {
    width: 100%;
    display: block
}

.personal__history_new td {
    padding-top: 3px;
    padding-bottom: 3px;
    border: 0
}

.personal__history_new td:nth-child(1) {
    width: 59px
}

.personal__history_new td:nth-child(2) {
    width: 81px
}

.personal__history_new td:nth-child(3) {
    width: calc(100% - 168px)
}

.personal__history_new td:nth-child(4) {
    width: 28px
}

.personal__history_new tr {
    border-bottom: 1px solid #e7ebed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    min-height: 51px
}

.personal__advance {
    position: relative;
    padding-right: 25px!important
}

.personal__advance:before {
    position: absolute;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: url(/local/templates/htmc_common/css/../img/comment3.svg) no-repeat right center;
    top: 18px;
    right: 8px;
    background-size: contain
}

@media (max-width: 1199px) {
    .personal__catcher {
        display:block
    }

    .personal__catcher:after {
        display: none
    }

    .personal__catcher:before {
        background: 0 0
    }
}

@media (max-width: 767px) {
    .personal__data-item_name {
        margin-top:15px
    }

    .personal__data-item_name.state-edit {
        width: calc(100% - 165px)
    }

    .personal__data-item_wide.state-edit {
        width: calc(100% - 65px)
    }
}

@media only screen and (max-width: 767.98px) {
    .wok-page .wok__components {
        max-height:1000px;
        overflow: auto;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .wok-page .wok__total {
        padding: 0;
        margin: 0;
        border: none;
        max-height: 0;
        overflow: auto;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .wok-page .wok-page__next {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0
    }

    .wok-page .wok-page__btns {
        display: none
    }

    .wok-page_finished .wok__components {
        max-height: 0
    }

    .wok-page_finished .wok__total {
        max-height: 1000px;
        margin: 0;
        border: 0
    }

    .wok-page_finished .wok-page__next {
        display: none
    }

    .wok-page_finished .wok-page__btns {
        display: block
    }
}

@media only screen and (max-width: 992px) {
    .wok-page {
        margin-bottom:70px
    }
}

@media (max-width: 767px) {
    .wok-page {
        margin-bottom:0
    }

    .wok-page .page-content__wrap {
        -webkit-box-shadow: 0 2px 4px #cfd8dc;
        box-shadow: 0 2px 4px #cfd8dc;
        border-radius: 8px
    }
}

.wok-page+.detail-page__section {
    margin-bottom: 0
}

.wok-page+.detail-page__section .main__goods-item {
    margin-bottom: 10px
}

.wok-page__next {
    padding: 20px 0;
    position: relative;
    display: none
}

@media (max-width: 767px) {
    .wok-page--cart .page-content__wrap {
        -webkit-box-shadow:none;
        box-shadow: none;
        border-radius: 0
    }
}

.wok-page__btns {
    opacity: .4;
    text-align: right;
    padding-top: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .wok-page__btns {
        position:absolute;
        right: 40px;
        bottom: 25px
    }
}

.wok-page__btns:not(.active)::before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    content: ""
}

.wok-page__btns .btn {
    cursor: default;
    padding: 13px 35px 14px;
    margin: 0 0 0 14px;
    min-width: 200px
}

@media only screen and (max-width: 575px) {
    .wok-page__btns .btn {
        margin-left:0
    }
}

.wok-page__btns.active {
    opacity: 1
}

.wok-page__btns.active .btn {
    cursor: pointer
}

@media only screen and (max-width: 767.98px) {
    .wok-page__btns .btn {
        width:100%;
        margin-bottom: 14px
    }
}

.wok {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -11px;
    margin-right: -11px;
    padding: 6px 9px 12px
}

@media only screen and (max-width: 992px) {
    .wok {
        padding:0 6px
    }
}

@media only screen and (max-width: 767.98px) {
    .wok {
        display:block;
        padding: 0;
        margin: 0 0
    }
}

.wok__components {
    width: calc(52.3% - 22px);
    margin: 0 11px
}

@media only screen and (max-width: 992px) {
    .wok__components {
        width:calc(52.3% - 12px);
        margin: 0 6px
    }
}

@media only screen and (max-width: 767.98px) {
    .wok__components {
        width:100%;
        margin: 0
    }
}

.wok__components-nav {
    list-style-type: none;
    margin: 0 0 36px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: CoreSansDS75Black,sans-serif
}

@media only screen and (max-width: 992px) {
    .wok__components-nav {
        margin-bottom:15px
    }
}

.wok__components-nav.not-active .wok__components-nav__item:not(.active) .wok__components-nav__icon svg path {
    fill: #cfd8dc
}

.wok__components-nav.not-active .wok__components-nav__item:not(.active) .wok__components-nav__label {
    color: #cfd8dc
}

.wok__components-nav__item {
    width: calc(25% - 5px);
    margin: 0 2.5px;
    background: #f1f5f6;
    border-radius: 8px;
    height: 134px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 10px 0 0;
    cursor: pointer
}

.wok__components-nav__icon-svg-active {
    display: none
}

.wok__components-nav__item.active .wok__components-nav__icon-svg {
    display: none
}

.wok__components-nav__item.active .wok__components-nav__icon-svg-active {
    opacity: 1!important;
    display: inline
}

.wok__components-nav__item.selected .wok__components-nav__icon-svg {
    display: none
}

.wok__components-nav__item.selected .wok__components-nav__icon-svg-active {
    display: inline;
    opacity: .3
}

.wok__components-nav__item.active .wok__components-nav__icon svg path {
    fill: #d3132c
}

.wok__components-nav__item.active .wok__components-nav__label {
    color: #000
}

.wok__components-nav__label {
    margin: 18px 0 0;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .298261px;
    color: #a6b1bc;
    text-transform: uppercase
}

.wok__components-nav svg path,.wok__components-nav__label {
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

@media only screen and (max-width: 992px) {
    .wok__components-nav__item {
        height:100px
    }

    .wok__components-nav__icon img,.wok__components-nav__icon svg {
        height: 37px
    }

    .wok__components-nav__label {
        margin-top: 7px
    }
}

@media only screen and (max-width: 575px) {
    .wok__components-nav__item {
        height:70px;
        padding-top: 5px
    }

    .wok__components-nav__icon img,.wok__components-nav__icon svg {
        width: 26px;
        height: auto;
        max-height: 26px
    }

    .wok__components-nav__label {
        font-size: 12px;
        line-height: 15px
    }
}

.wok__components-content__item:not(:first-child) {
    display: none
}

.wok__component {
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0 0 8px
}

@media only screen and (max-width: 992px) {
    .wok__component {
        margin-bottom:5px
    }
}

@media only screen and (max-width: 575px) {
    .wok__component {
        text-transform:none
    }
}

.wok__component input {
    display: none
}

input[type=radio]+.wok__component-inner::before {
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #cfd8dc;
    box-shadow: 0 0 0 2px #cfd8dc;
    border: 3px solid #fff;
    background-color: #fff;
    content: ""
}

input[disabled]+.wok__component-inner {
    opacity: .4;
    cursor: default
}

input[type=radio]:checked+.wok__component-inner::before {
    background-color: #d3132c
}

input[type=checkbox]+.wok__component-inner::before {
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49373 0.758435C8.83831 0.413855 9.39698 0.413855 9.74156 0.758435C10.0861 1.10302 10.0861 1.66169 9.74156 2.00627L4.44745 7.30039C4.10287 7.64497 3.54419 7.64497 3.19961 7.30039L0.258435 4.35921C-0.0861451 4.01463 -0.0861451 3.45596 0.258435 3.11138C0.603015 2.7668 1.16169 2.7668 1.50627 3.11138L3.82353 5.42864L8.49373 0.758435Z' fill='%23D3123F'/%3E%3C/svg%3E%0A") 50% -150% no-repeat #fff;
    border: 2px solid #cfd8dc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 7px 64px rgba(0,0,0,.07);
    box-shadow: 0 7px 64px rgba(0,0,0,.07);
    border-radius: 6px;
    content: ""
}

input[type=checkbox]:checked+.wok__component-inner::before {
    background-position: 50% 50%
}

input:checked+.wok__component-inner {
    color: #2e2f31
}

input:checked+.wok__component-inner::after {
    color: #2e2f31
}

.wok__component-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    padding: 0 23px 0 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f1f5f6;
    border-radius: 8px;
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    letter-spacing: .8px;
    font-size: 16px;
    line-height: 25px;
    color: #73808d
}

.wok__component-inner.state-inactive {
    opacity: .4;
    cursor: default
}

.wok__component-inner::after,.wok__component-inner::before {
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.wok__component-inner::after {
    display: block;
    font-family: Roboto;
    font-weight: 900;
    font-size: 22px;
    line-height: 17px;
    text-align: right;
    color: #73808d;
    content: attr(data-price) ' ₽'
}

@media only screen and (max-width: 992px) {
    .wok__component-inner {
        height:50px
    }
}

@media only screen and (max-width: 575px) {
    .wok__component-inner {
        font-family:CoreSansDS75Black,Roboto,sans-serif;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        padding-left: 50px
    }

    input[type=checkbox]+.wok__component-inner::before,input[type=radio]+.wok__component-inner::before {
        left: 16px
    }
}

.wok__total {
    background: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 9px;
    margin: 0 11px 65px;
    width: calc(47.7% - 22px);
    padding: 28px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width: 992px) {
    .wok__total {
        width:calc(47.7% - 12px);
        margin: 0 6px 65px;
        padding: 10px 15px
    }
}

@media only screen and (max-width: 767.98px) {
    .wok__total {
        width:auto;
        margin: 0;
        border: none;
        border-radius: 0;
        margin: 20px -15px 0;
        padding-left: 15px;
        padding-right: 15px;
        border-top: 1px solid #cfd8dc;
        padding-top: 15px
    }
}

.wok__total--empty .wok__total-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.wok__total--empty .wok__total-footer {
    display: none
}

.wok__total-empty {
    display: none
}

.wok__total--empty .wok__total-empty {
    display: block
}

@media only screen and (max-width: 575px) {
    .wok__total--empty .wok__total-empty {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.wok__total--empty .wok__total-content>:not(.wok__total-empty) {
    display: none
}

.wok__total-empty {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .2px;
    margin: 0;
    text-transform: uppercase;
    font-family: CoreSansDS75Black,sans-serif;
    color: #2e2f31
}

.wok__total-empty__caption {
    padding-top: 55px
}

@media only screen and (max-width: 575px) {
    .wok__total-empty {
        font-size:20px;
        line-height: 26px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .wok__total-empty__caption {
        text-align: left;
        padding: 0 0 0 27px
    }

    .wok__total-empty__img {
        width: 70px
    }

    .wok__total-empty__img img {
        max-width: 100%;
        height: auto
    }
}

.wok__total-content__inner {
    position: relative
}

.wok__total-content__inner .wok__total-table:first-child .wok__qty {
    visibility: hidden;
    opacity: 0
}

.wok__total-content__inner::after {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(18.75%,#fff),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom,#fff 18.75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg,#fff 18.75%,rgba(255,255,255,0) 100%);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    z-index: 10;
    content: ""
}

.wok__total-content .simplebar-track.simplebar-vertical {
    right: -20px;
    width: 5px;
    background-color: #f1f5f6;
    border-radius: 2.5px
}

@media only screen and (max-width: 992px) {
    .wok__total-content .simplebar-track.simplebar-vertical {
        right:-14px
    }
}

.wok__total-content .simplebar-scrollbar {
    width: 5px;
    right: 0;
    background: #cfd8dc
}

.wok__total-content .simplebar-scrollbar:before {
    background: #cfd8dc;
    border-radius: 2.5px;
    width: 5px
}

.wok__total-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wok__total-weight {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .194286px;
    color: #000;
    margin-bottom: 19px;
    padding-left: 25px
}

.wok__total-weight:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C6.20914 12 8 10.2091 8 8C8 5.79086 6.20914 4 4 4C1.79086 4 0 5.79086 0 8C0 10.2091 1.79086 12 4 12Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 5C5.10457 5 6 4.10457 6 3C6 1.89543 5.10457 1 4 1C2.89543 1 2 1.89543 2 3C2 4.10457 2.89543 5 4 5Z' fill='white' stroke='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: contain
}

.wok__total-title {
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #2e2f31;
    margin: 0 0 19px
}

@media only screen and (max-width: 575px) {
    .wok__total-title {
        font-size:20px
    }
}

.wok__total-footer {
    border-top: 1px solid #cfd8dc;
    padding-top: 27px
}

@media (max-width: 767px) {
    .wok__total-footer {
        padding-top:0;
        border: none
    }
}

.wok__total-footer .wok__qty {
    margin-right: -4px
}

.wok__total-footer .wok__total-table {
    margin-bottom: 0
}

.wok__total-footer .wok__total-table td {
    padding: 0
}

.wok__total-footer__label {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .183333px;
    text-transform: uppercase;
    color: #2e2f31;
    margin: 0;
    font-family: CoreSansDS75Black,sans-serif
}

@media only screen and (max-width: 992px) {
    .wok__total-footer__label {
        margin-right:20px
    }
}

@media only screen and (max-width: 767.98px) {
    .wok__total-footer__label {
        font-size:18px
    }
}

@media only screen and (max-width: 575px) {
    .wok__total-footer__label {
        font-weight:400
    }

    .wok__total-footer__label br {
        display: none
    }
}

.wok__total-footer__price {
    font-weight: 900;
    font-size: 22px;
    line-height: 17px;
    text-align: right;
    color: #000
}

.wok__total-footer__price::after {
    content: ' ₽'
}

@media only screen and (max-width: 575px) {
    .wok__total-footer__price {
        font-size:20px
    }
}

.wok__total-table {
    border-bottom: 1px solid #cfd8dc;
    padding-bottom: 8px;
    margin: 0 0 22px;
    width: 100%;
    table-layout: auto
}

.wok__total-table:last-child {
    border: none
}

.wok__total-table tbody tr:not(:first-child) td {
    padding-top: 7px
}

.wok__total-table th {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #73808d;
    padding-bottom: 15px
}

.wok__total-table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wok__total-table tr td {
    display: block;
    padding-bottom: 16px
}

.wok__total-table tr td:nth-child(1) {
    width: 50%;
    min-width: 222px
}

@media only screen and (max-width: 1200px) {
    .wok__total-table tr td:nth-child(1) {
        min-width:170px
    }
}

@media only screen and (max-width: 992px) {
    .wok__total-table tr td:nth-child(1) {
        min-width:0
    }
}

.wok__total-table tr td:nth-child(2) {
    width: 20%;
    min-width: 90px
}

.wok__total-table tr td:last-child {
    text-align: right;
    width: 30%
}

.wok__total-table__label {
    margin: 0;
    width: 220px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .008em;
    text-transform: uppercase;
    color: #2e2f31;
    font-family: CoreSansDS75Black,sans-serif
}

@media only screen and (max-width: 1200px) {
    .wok__total-table__label {
        width:130px
    }
}

.wok__total-table__price {
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 17px;
    text-align: right;
    color: #000
}

.wok__total-table__price::after {
    content: ' ₽'
}

@media only screen and (max-width: 575px) {
    .wok__total-table__price {
        font-size:20px
    }
}

.wok__toggle {
    display: inline-block;
    cursor: pointer;
    margin: 0 13px 0 15px
}

.wok__toggle input {
    display: none
}

input:checked+.wok__toggle-inner {
    background-color: #4cd964
}

input:checked+.wok__toggle-inner::after {
    left: calc(100% - 22px)
}

.wok__additional-component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0 0;
    color: #73808d
}

.wok__additional-component.active {
    color: #2e2f31
}

.wok__additional-component.active>svg path {
    fill: #cfd8dc
}

.wok__additional-component-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #73808d;
    margin-top: 15px;
    margin-bottom: 15px
}

.wok__additional-component-item.active {
    color: #2e2f31
}

.wok__toggle-inner {
    width: 41px;
    height: 24px;
    background: #cfd8dc;
    border-radius: 12.3107px;
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.wok__toggle-inner::after {
    display: block;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1),0 3px 1px rgba(0,0,0,.0510643);
    box-shadow: 0 1px 1px rgba(0,0,0,.1),0 3px 1px rgba(0,0,0,.0510643);
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    content: ""
}

.wok__qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 88px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wok__qty-val {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #2e2f31;
    width: 40px;
    text-align: center
}

@media only screen and (max-width: 420px) {
    .wok__qty-val {
        width:28px
    }
}

.wok__qty-btn {
    border: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    outline: 0!important
}

.wok__qty-btn--minus {
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9789 7.00853L1.9624 7.00794' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat #cfd8dc
}

.wok__qty-btn--plus {
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9791 7.00853L1.96264 7.00794' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.97117 12.017L6.97058 2.00049' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat #cfd8dc
}

.wok__qty-btn:not([disabled]):hover {
    background-color: #d3132c
}

@media only screen and (max-width: 420px) {
    .wok__qty-btn {
        width:30px;
        height: 30px
    }
}

.wok__cart-caption {
    width: 52.3%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wok__cart-caption__title {
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #2e2f31;
    margin: 55px 0 20px
}

@media only screen and (max-width: 767.98px) {
    .wok__cart-caption__title {
        margin:0 0 8px;
        font-size: 20px;
        line-height: 26px
    }
}

.wok__cart-caption__qty {
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .008em;
    text-transform: uppercase;
    color: #c1001f;
    margin-bottom: 7px
}

@media only screen and (max-width: 767.98px) {
    .wok__cart-caption__qty {
        font-size:18px;
        margin-bottom: 1px
    }
}

.wok__cart-caption__weight {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #73808d
}

.wok__cart-caption__weight::before {
    width: 8px;
    height: 11px;
    display: inline-block;
    margin-right: 5px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C6.20914 12 8 10.2091 8 8C8 5.79086 6.20914 4 4 4C1.79086 4 0 5.79086 0 8C0 10.2091 1.79086 12 4 12Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 5C5.10457 5 6 4.10457 6 3C6 1.89543 5.10457 1 4 1C2.89543 1 2 1.89543 2 3C2 4.10457 2.89543 5 4 5Z' fill='white' stroke='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    content: ""
}

@media only screen and (max-width: 767.98px) {
    .wok__cart-caption {
        width:auto;
        padding-bottom: 20px;
        display: block
    }

    .wok__cart-caption__inner {
        position: relative;
        padding: 18px 0 0 110px;
        text-align: left
    }

    .wok__cart-caption__inner img {
        width: 70px;
        height: auto;
        position: absolute;
        top: 0;
        left: 10px
    }
}

.wok__total-static-qty {
    font-size: 16px;
    font-weight: 700
}

.wok--cart .wok__total {
    padding-top: 20px;
    padding-bottom: 13px
}

@media only screen and (max-width: 767.98px) {
    .wok--cart .wok__total {
        margin:0 -20px;
        padding: 15px 20px 0
    }
}

@media (max-width: 767px) {
    .wok--cart .wok__total {
        padding-left:15px;
        padding-right: 15px
    }
}

.wok--cart .wok__total-table {
    margin-bottom: 18px
}

@media (max-width: 767px) {
    .wok--cart .wok__total-table__label {
        font-family:Roboto,sans-serif;
        font-size: 16px;
        line-height: 17px;
        font-weight: 700;
        letter-spacing: 0;
        width: auto;
        text-transform: none
    }

    .wok--cart .wok__total-table__price {
        font-size: 20px
    }

    .wok--cart .wok__total-table .wok__total-static-qty {
        font-size: 14px
    }
}

.wok--cart .wok__total-table:last-child {
    margin-bottom: 0
}

.wok--cart .wok__total-table th {
    padding-bottom: 10px
}

.wok--cart .wok__total-table tr td {
    padding-bottom: 9px;
    padding-top: 5px
}

.wok--cart .wok__total-table tr td:nth-child(1) {
    width: 59%
}

.wok--cart .wok__total-table tbody tr:last-child td {
    padding-bottom: 15px
}

.wok--cart .wok__total-footer {
    padding-top: 25px
}

@media (max-width: 767px) {
    .wok--cart .wok__total-footer {
        padding-top:15px
    }
}

.wok-bg {
    background-color: #191a1b;
    background-image: url(/local/templates/htmc_common/css/../img/wok/wok-bg.svg);
    background-position: top center;
    background-repeat: no-repeat
}

.wok-bg__link {
    text-decoration: none!important
}

.wok-bg__box {
    background-image: url(/local/templates/htmc_common/css/../img/wok/wok-bg_img.svg);
    background-position: center 20px;
    background-repeat: no-repeat;
    height: 100%
}

.wok-bg__title {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-family: CoreSansDS75Black,Roboto,sans-serif
}

.wok-bg__title-mobile {
    display: none;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-family: CoreSansDS75Black,Roboto,sans-serif
}

.wok-bg__footer {
    bottom: 20px;
    position: absolute;
    width: 100%;
    left: 0
}

.wok-bg__button {
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    border-radius: 4px;
    text-align: center;
    margin: 0 10%;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    padding: 12px;
    margin-top: 15px
}

@media only screen and (max-width: 767.98px) {
    .wok-bg {
        height:260px;
        background-position: 90%
    }

    .wok-bg__link {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px
    }

    .wok-bg__box {
        background-position: 85% 10px;
        background-size: 160px
    }

    .wok-bg__title {
        display: none
    }

    .wok-bg__title-mobile {
        display: block;
        font-size: 20px;
        text-align: left
    }

    .wok-bg__footer {
        bottom: 20px;
        left: 30px;
        width: calc(100% - 30px)
    }

    .wok-bg__button {
        padding: 20px;
        margin: 0;
        margin-top: 25px;
        width: calc(100% - 30px)
    }
}

.wok-page+.detail-page__section .head-with-btns {
    margin-top: 15px
}

@media only screen and (max-width: 575px) {
    .wok-page .page-content__wrap {
        border-radius:8px
    }
}

@media only screen and (max-width: 767.98px) {
    .pizza-page .pizza__components {
        max-height:1000px;
        overflow: auto;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .pizza-page .pizza__total {
        padding: 0;
        margin: 0;
        border: none;
        max-height: 0;
        overflow: auto;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .pizza-page .pizza-page__next {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 3
    }

    .pizza-page .pizza-page__btns {
        display: none
    }

    .pizza-page_finished .pizza__components {
        max-height: 0
    }

    .pizza-page_finished .pizza__total {
        max-height: 1000px;
        overflow: visible;
        margin: 0;
        border: 0;
        z-index: 3
    }

    .pizza-page_finished .pizza-page__next {
        display: none
    }

    .pizza-page_finished .pizza-page__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width: 992px) {
    .pizza-page {
        margin-bottom:70px
    }
}

@media (max-width: 767px) {
    .pizza-page {
        margin-bottom:0
    }

    .pizza-page .page-content__wrap {
        -webkit-box-shadow: 0 2px 4px #cfd8dc;
        box-shadow: 0 2px 4px #cfd8dc;
        border-radius: 8px
    }
}

.pizza-page+.detail-page__section {
    margin-bottom: 0
}

.pizza-page+.detail-page__section .main__goods-item {
    margin-bottom: 10px
}

.pizza-page__next {
    padding: 20px 0;
    position: relative;
    display: none
}

.pizza-page__next .btn.disabled,.pizza-page__next .btn:disabled {
    background: -webkit-gradient(linear,left top,left bottom,from(#eda1b3),to(#f8b3b3));
    background: -o-linear-gradient(top,#eda1b3 0,#f8b3b3 100%);
    background: linear-gradient(180deg,#eda1b3 0,#f8b3b3 100%);
    opacity: 1
}

.pizza-page__form {
    position: relative
}

@media (max-width: 767px) {
    .wok-page--cart .page-content__wrap {
        -webkit-box-shadow:none;
        box-shadow: none;
        border-radius: 0
    }
}

.pizza-page__btns {
    opacity: .4;
    text-align: right;
    padding-top: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .pizza-page__btns {
        position:absolute;
        right: 25px;
        bottom: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(47.7% - 33px)
    }
}

@media only screen and (min-width: 1200px) {
    .pizza-page__btns {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.pizza-page__btns:not(.active)::before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    content: ""
}

.pizza-page__btns .btn {
    cursor: default;
    padding: 13px 35px 14px;
    margin-left: 0;
    width: 100%;
    margin-bottom: 14px
}

@media only screen and (min-width: 768px) {
    .pizza-page__btns .btn {
        width:auto;
        margin-bottom: 0;
        -webkit-transition-property: color;
        -o-transition-property: color;
        transition-property: color;
        min-width: 0;
        padding: 13px 15px 14px 15px
    }

    .pizza-page__btns .btn.btn-black {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 5px
    }

    .pizza-page__btns .btn.btn-red {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

@media only screen and (min-width: 1200px) {
    .pizza-page__btns .btn {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pizza-page__btns .btn.btn-black {
        margin-bottom: 0
    }

    .pizza-page__btns .btn.btn-red {
        margin-left: 14px
    }
}

.pizza-page__btns.active {
    opacity: 1
}

.pizza-page__btns.active .btn {
    cursor: pointer
}

.pizza {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -11px;
    margin-right: -11px;
    padding: 6px 9px 12px
}

@media only screen and (max-width: 992px) {
    .pizza {
        padding:0 6px
    }
}

@media only screen and (max-width: 767.98px) {
    .pizza {
        display:block;
        padding: 0;
        margin: 0 0
    }
}

.pizza__components {
    width: calc(52.3% - 22px);
    margin: 0 11px
}

@media only screen and (max-width: 992px) {
    .pizza__components {
        width:calc(52.3% - 12px);
        margin: 0 6px
    }
}

@media only screen and (max-width: 767.98px) {
    .pizza__components {
        width:100%;
        margin: 0
    }
}

.pizza__components-info {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #73808d;
    padding: 6px 25px;
    border-radius: 4px;
    background: #f1f5f6;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .pizza__components-info {
        font-size:14px;
        line-height: 18px;
        padding: 13px 20px;
        border-radius: 6px
    }
}

.pizza__components-random {
    display: block;
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 48px;
    height: 48px;
    background-image: url(/local/templates/htmc_common/css/../img/pizza/pizza-random.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2
}

.pizza__components-content {
    display: none
}

@media (min-width: 768px) {
    .pizza__components-content {
        display:block
    }
}

.pizza__components-content_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .pizza__components-content_mobile {
        display:none
    }
}

.pizza__components-content_mobile .pizza__components-content__item {
    height: 445px;
    width: 50%;
    overflow: hidden;
    display: block!important
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_left {
    padding: 0 2.5px 0 0
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_left .pizza__component-info {
    text-align: left;
    padding-right: 40px
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_left .swiper-pagination {
    right: auto;
    left: 0
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_right {
    padding: 0 0 0 2.5px
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_right .pizza__component-inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_right .pizza__component-pic {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 0;
    right: auto
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_right .pizza__component-info {
    text-align: right;
    padding-left: 40px
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_right .swiper-container {
    -webkit-perspective-origin: left;
    perspective-origin: left
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_right .swiper-pagination {
    left: auto;
    right: 0
}

.pizza__components-content_mobile .pizza__components-content__item.pizza__components-content__item_right .swiper-slide {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.pizza__components-content_mobile .pizza__components-content__item .swiper-container {
    padding: 87px 0;
    height: 445px;
    -webkit-perspective-origin: right;
    perspective-origin: right
}

.pizza__components-content_mobile .pizza__components-content__item .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    z-index: 0
}

.pizza__components-content_mobile .pizza__components-content__item .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 0;
    width: 3px;
    background: #f1f5f6;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pizza__components-content_mobile .pizza__components-content__item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 20px;
    border-radius: 5px;
    background: #d3dadf
}

.pizza__components-content_mobile .pizza__components-content__item .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pizza__components-content_mobile .swiper-slide-active .pizza__component {
    opacity: 1
}

.pizza__components-content_mobile .swiper-slide-active .pizza__component-inner:after {
    opacity: 1
}

.pizza__components-content_mobile .swiper-slide-active .pizza__component-info {
    opacity: 1
}

.pizza__components-content_mobile .pizza__component {
    width: 100%;
    opacity: .5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pizza__components-content_mobile .pizza__component-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 280px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: 0 0
}

.pizza__components-content_mobile .pizza__component-inner:after {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pizza__components-content_mobile .pizza__component-pic {
    width: 140px;
    height: 280px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0
}

.pizza__components-content_mobile .pizza__component-info {
    width: 100%;
    margin-top: -33px;
    margin-bottom: 7px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    opacity: 0;
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pizza__components-content_mobile .pizza__component-name {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    -webkit-line-clamp: inherit
}

.pizza__components-content_mobile .pizza__component-price {
    font-weight: 900;
    font-size: 14px;
    line-height: 21px;
    color: #2e2f31
}

.pizza__components-content_mobile .pizza__component-price:after {
    display: block;
    font-weight: 900;
    font-size: 20px;
    line-height: 17px;
    text-align: right;
    color: #2e2f31;
    content: attr(data-price) ' ₽'
}

.pizza__components-content__item {
    padding-right: 11px
}

.pizza__components-content__item:not(:first-child) {
    display: none
}

@media (min-width: 768px) {
    .pizza__components-content__item {
        height:540px
    }
}

.pizza__components-content__item .simplebar-track.simplebar-vertical {
    right: 0;
    width: 5px;
    background-color: #f1f5f6;
    border-radius: 2.5px
}

@media only screen and (max-width: 992px) {
    .pizza__components-content__item .simplebar-track.simplebar-vertical {
        right:0
    }
}

.pizza__components-content__item .simplebar-scrollbar {
    width: 5px;
    right: 0;
    background: #cfd8dc
}

.pizza__components-content__item .simplebar-scrollbar:before {
    background: #cfd8dc;
    border-radius: 2.5px;
    width: 5px
}

.pizza__component {
    display: block;
    cursor: pointer;
    border-bottom: 1px dashed #a6b1bc;
    margin-bottom: 0
}

.pizza__component:last-child {
    border-bottom: none
}

.pizza__component input {
    display: none
}

.pizza__component input[type=checkbox]:checked+.pizza__component-inner {
    background: #e7f8ff;
    border-radius: 3px
}

.pizza__component input[type=checkbox]:checked+.pizza__component-inner::before {
    background-position: 50% 50%
}

.pizza__component input[type=checkbox]+.pizza__component-inner::before {
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49373 0.758435C8.83831 0.413855 9.39698 0.413855 9.74156 0.758435C10.0861 1.10302 10.0861 1.66169 9.74156 2.00627L4.44745 7.30039C4.10287 7.64497 3.54419 7.64497 3.19961 7.30039L0.258435 4.35921C-0.0861451 4.01463 -0.0861451 3.45596 0.258435 3.11138C0.603015 2.7668 1.16169 2.7668 1.50627 3.11138L3.82353 5.42864L8.49373 0.758435Z' fill='%23D3123F'/%3E%3C/svg%3E%0A") 50% -150% no-repeat #fff;
    border: 2px solid #cfd8dc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 7px 64px rgba(0,0,0,.07);
    box-shadow: 0 7px 64px rgba(0,0,0,.07);
    border-radius: 6px;
    content: ""
}

.pizza__component-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    padding: 20px 6px 20px 46px;
    margin: 1px 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border-radius: 8px;
    letter-spacing: .8px;
    font-size: 16px;
    line-height: 25px;
    color: #73808d
}

.pizza__component-inner.state-inactive {
    opacity: .4;
    cursor: default
}

.pizza__component-inner::after,.pizza__component-inner::before {
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.pizza__component-inner::after {
    display: block;
    font-weight: 900;
    font-size: 20px;
    line-height: 17px;
    text-align: right;
    color: #2e2f31;
    content: attr(data-price) ' ₽'
}

@media (min-width: 768px) {
    .pizza__component-inner::after {
        font-size:22px;
        line-height: 21px
    }
}

.pizza__component-pic {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pizza__component-pic_default {
    background-image: url(/local/templates/htmc_common/css/../img/pizza/pizza-icon.png);
    background-size: contain
}

@media (min-width: 768px) {
    .pizza__component-pic {
        margin-right:16px
    }
}

.pizza__component-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 5px 10px 0 0;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.pizza__component-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: .0685714px;
    color: #2e2f31;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width: 768px) {
    .pizza__component-name {
        font-size:17px;
        line-height: 19px;
        letter-spacing: .2px
    }
}

.pizza__component-weight {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .17px;
    color: #44474a;
    padding-left: 15px
}

.pizza__component-weight:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 8px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C6.20914 12 8 10.2091 8 8C8 5.79086 6.20914 4 4 4C1.79086 4 0 5.79086 0 8C0 10.2091 1.79086 12 4 12Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 5C5.10457 5 6 4.10457 6 3C6 1.89543 5.10457 1 4 1C2.89543 1 2 1.89543 2 3C2 4.10457 2.89543 5 4 5Z' fill='white' stroke='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.pizza__total {
    background: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 9px;
    margin: 0 11px 65px;
    width: calc(47.7% - 22px);
    padding: 28px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

@media (min-width: 768px) {
    .pizza__total {
        padding:10px 15px;
        margin: 0 6px 100px
    }
}

@media (min-width: 1200px) {
    .pizza__total {
        padding:28px 28px;
        margin: 0 11px 65px
    }
}

@media only screen and (max-width: 767.98px) {
    .pizza__total {
        width:auto;
        border: none;
        border-radius: 0;
        margin: 20px -15px 0;
        padding-left: 15px;
        padding-right: 15px;
        border-top: 1px solid #cfd8dc;
        padding-top: 15px
    }
}

.pizza__total-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .pizza__total-header {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.pizza__total-pic {
    position: relative;
    margin: 0 auto 20px;
    width: 250px;
    height: 250px;
    background-image: url(/local/templates/htmc_common/css/../img/pizza/pizza-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 768px) {
    .pizza__total-pic {
        width:124px;
        height: 124px;
        margin: 0 30px 0 0
    }
}

.pizza__total-pic__left,.pizza__total-pic__right {
    display: block;
    position: absolute;
    top: 0;
    width: 125px;
    height: 250px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media (min-width: 768px) {
    .pizza__total-pic__left,.pizza__total-pic__right {
        width:62px;
        height: 124px
    }
}

.pizza__total-pic__left {
    left: 0
}

.pizza__total-pic__right {
    right: 0;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.pizza__total-title {
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #2e2f31;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .pizza__total-title {
        display:none
    }
}

.pizza__total-title_desktop {
    display: none
}

@media (min-width: 768px) {
    .pizza__total-title_desktop {
        display:block;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) {
    .pizza__total-title {
        font-size:24px;
        line-height: 32px;
        margin-bottom: 30px
    }
}

.pizza__total-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: CoreSansDS75Black,sans-serif;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .pizza__total-size {
        -webkit-box-pack:normal;
        -ms-flex-pack: normal;
        justify-content: normal
    }
}

.pizza__total-size__item {
    font-weight: 900;
    font-size: 13px;
    letter-spacing: -.544375px;
    line-height: 14px;
    text-align: center;
    padding: 7px 15px;
    border: 1px solid #cfd8dc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    background: #f1f5f6;
    color: #a6b1bc;
    cursor: pointer;
    text-transform: uppercase;
    min-width: 65px
}

@media (min-width: 768px) {
    .pizza__total-size__item {
        font-size:17px;
        letter-spacing: -.711875px;
        min-width: 75px
    }
}

.pizza__total-size__item:nth-child(1) {
    padding-right: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none
}

.pizza__total-size__item:nth-child(2) {
    padding-left: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pizza__total-size__item.active {
    background: #fff;
    color: #2e2f31
}

.pizza__total-size__tooltip {
    width: 13px;
    height: 13px;
    margin: 0 -30px 0 17px;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    cursor: pointer;
    background-image: url(/local/templates/htmc_common/css/../img/pizza/tooltip.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

@media (min-width: 768px) {
    .pizza__total-size__tooltip {
        margin:0 0 0 12px
    }
}

.pizza__total-size__tooltip:hover .pizza__total-size__tooltip-content {
    display: block
}

.pizza__total-size__tooltip-content {
    display: none;
    position: absolute;
    width: 168px;
    left: -78px;
    bottom: 30px;
    padding: 7px 10px;
    background: #2e2f31;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    color: #fff
}

.pizza__total-size__tooltip-content:after {
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    background: #2e2f31;
    left: calc(50% - 7px);
    bottom: -6px;
    border-radius: 4px;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width: 768px) {
    .pizza__total-content {
        padding-top:0
    }
}

.pizza__total-content:before {
    content: '';
    display: block;
    height: 1px;
    background: #cfd8dc;
    position: absolute;
    left: -15px;
    right: -15px
}

@media (min-width: 768px) {
    .pizza__total-content:before {
        content:none
    }
}

.pizza__total-content__inner {
    position: relative;
    margin-top: 20px
}

@media (min-width: 768px) {
    .pizza__total-content__inner {
        margin-top:0
    }
}

.pizza__total-table {
    border-bottom: 1px solid #cfd8dc;
    padding-bottom: 8px;
    margin: 0 0 22px;
    width: 100%;
    table-layout: auto
}

.pizza__total-table:last-child {
    border: none;
    margin: 0
}

.pizza__total-table tbody tr:not(:first-child) td {
    padding-top: 7px
}

.pizza__total-table th {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #73808d;
    padding-bottom: 15px
}

.pizza__total-table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pizza__total-table tr:not(:last-child) .pizza__total-table__item {
    border-bottom: 1px dashed #cfd8dc;
    padding-bottom: 20px
}

@media (min-width: 768px) {
    .pizza__total-table tr:not(:last-child) .pizza__total-table__item {
        border-bottom:1px solid #cfd8dc
    }
}

.pizza__total-table tr:last-child td {
    padding-bottom: 0
}

.pizza__total-table tr td {
    display: block;
    padding-bottom: 16px
}

.pizza__total-table tr td:not(:first-child) {
    display: none
}

@media (min-width: 768px) {
    .pizza__total-table tr td:not(:first-child) {
        display:block
    }
}

.pizza__total-table tr td:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pizza__total-table tr td:nth-child(2) {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.pizza__total-table tr td:last-child {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.pizza__total-table__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pizza__total-table__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .pizza__total-table__info {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.pizza__total-table__label {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .008em;
    text-transform: uppercase;
    color: #2e2f31;
    font-family: CoreSansDS75Black,sans-serif;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .pizza__total-table__label {
        margin:0
    }
}

.pizza__total-table__weight {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .17px;
    color: #44474a;
    padding-left: 15px
}

@media (min-width: 768px) {
    .pizza__total-table__weight {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.pizza__total-table__weight:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 8px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C6.20914 12 8 10.2091 8 8C8 5.79086 6.20914 4 4 4C1.79086 4 0 5.79086 0 8C0 10.2091 1.79086 12 4 12Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 5C5.10457 5 6 4.10457 6 3C6 1.89543 5.10457 1 4 1C2.89543 1 2 1.89543 2 3C2 4.10457 2.89543 5 4 5Z' fill='white' stroke='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.pizza__total-table__weight:after {
    content: " г"
}

.pizza__total-table__price {
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 21px;
    color: #2e2f31;
    margin-right: 35px
}

.pizza__total-table__price::after {
    content: ' ₽'
}

@media (min-width: 768px) {
    .pizza__total-table__price {
        font-size:22px;
        line-height: 17px;
        color: #000;
        margin: 0
    }
}

.pizza__total-table__remove {
    display: none;
    width: 28px;
    height: 28px;
    background-image: url(/local/templates/htmc_common/css/../img/pizza/pizza-remove.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 14px;
    cursor: pointer
}

@media (min-width: 768px) {
    .pizza__total-table__remove {
        display:block;
        width: 34px;
        height: 34px;
        margin-left: 35px
    }
}

.pizza__total-table__desc {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .426666px;
    color: #73808d;
    margin-bottom: 15px
}

.pizza__total-table__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pizza__total-table__stats-item {
    position: relative;
    padding-left: 36px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .362133px;
    color: #2e2f31
}

@media (min-width: 768px) {
    .pizza__total-table__stats-item {
        font-weight:700;
        letter-spacing: -.711875px
    }
}

.pizza__total-table__stats-item:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.pizza__total-table__stats-item_cals:before {
    background-image: url(../img/kkal.svg)
}

.pizza__total-table__stats-item_prots:before {
    background-image: url(img/belok.svg)
}

.pizza__total-table__stats-item_fats:before {
    background-image: url(../img/fat.svg)
}

.pizza__total-table__stats-item_carbs:before {
    background-image: url(../img/uglevod.svg)
}

.pizza__total-footer {
    border-top: 1px solid #cfd8dc;
    padding: 25px 0 10px
}

@media (min-width: 768px) {
    .pizza__total-footer {
        padding:27px 0 0
    }
}

.pizza__total-footer__label {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .183333px;
    text-transform: uppercase;
    color: #2e2f31;
    margin: 0;
    font-family: CoreSansDS75Black,sans-serif
}

@media only screen and (max-width: 992px) {
    .pizza__total-footer__label {
        margin-right:20px
    }
}

@media only screen and (max-width: 767.98px) {
    .pizza__total-footer__label {
        font-size:18px
    }
}

@media only screen and (max-width: 575px) {
    .pizza__total-footer__label {
        font-weight:400
    }

    .pizza__total-footer__label br {
        display: none
    }
}

.pizza__total-footer__price {
    font-weight: 900;
    font-size: 20px;
    line-height: 17px;
    text-align: right;
    color: #000;
    margin-right: 42px
}

.pizza__total-footer__price::after {
    content: ' ₽'
}

@media (min-width: 768px) {
    .pizza__total-footer__price {
        font-size:22px;
        margin-right: 69px
    }
}

.pizza__total-footer .pizza__total-table {
    margin: 0
}

.pizza__total-footer .pizza__total-table tr td {
    padding: 0
}

.pizza__total--empty .pizza__total-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.pizza__total--empty .pizza__total-footer {
    display: none
}

.pizza__total--empty .pizza__total-header {
    display: none
}

.pizza__total-empty {
    display: none
}

.pizza__total--empty .pizza__total-empty {
    display: block
}

@media only screen and (max-width: 575px) {
    .pizza__total--empty .pizza__total-empty {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.pizza__total--empty .pizza__total-content>:not(.pizza__total-empty) {
    display: none
}

.pizza__total-empty {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .2px;
    margin: 0;
    text-transform: uppercase;
    font-family: CoreSansDS75Black,sans-serif;
    color: #2e2f31
}

.pizza__total-empty__caption {
    padding-top: 55px
}

@media only screen and (max-width: 575px) {
    .pizza__total-empty {
        font-size:20px;
        line-height: 26px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pizza__total-empty__caption {
        text-align: left;
        padding: 0 0 0 27px
    }

    .pizza__total-empty__img {
        width: 70px
    }

    .pizza__total-empty__img img {
        max-width: 100%;
        height: auto
    }
}

.pizza__toggle {
    display: inline-block;
    cursor: pointer;
    margin: 0 13px 0 15px
}

.pizza__toggle input {
    display: none
}

input:checked+.pizza__toggle-inner {
    background-color: #4cd964
}

input:checked+.pizza__toggle-inner::after {
    left: calc(100% - 22px)
}

.pizza__additional-component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0 0;
    color: #73808d
}

.pizza__additional-component.active {
    color: #2e2f31
}

.pizza__additional-component.active>svg path {
    fill: #cfd8dc
}

.pizza__toggle-inner {
    width: 41px;
    height: 24px;
    background: #cfd8dc;
    border-radius: 12.3107px;
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms
}

.pizza__toggle-inner::after {
    display: block;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1),0 3px 1px rgba(0,0,0,.0510643);
    box-shadow: 0 1px 1px rgba(0,0,0,.1),0 3px 1px rgba(0,0,0,.0510643);
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    content: ""
}

.pizza__qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 88px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pizza__qty-val {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #2e2f31;
    width: 40px;
    text-align: center
}

@media only screen and (max-width: 420px) {
    .pizza__qty-val {
        width:28px
    }
}

.pizza__qty-btn {
    border: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
    outline: 0!important
}

.pizza__qty-btn--minus {
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9789 7.00853L1.9624 7.00794' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat #cfd8dc
}

.pizza__qty-btn--plus {
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9791 7.00853L1.96264 7.00794' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.97117 12.017L6.97058 2.00049' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat #cfd8dc
}

.pizza__qty-btn:not([disabled]):hover {
    background-color: #d3132c
}

@media only screen and (max-width: 420px) {
    .pizza__qty-btn {
        width:30px;
        height: 30px
    }
}

.pizza__cart-caption {
    width: 52.3%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pizza__cart-caption__title {
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .2px;
    text-transform: uppercase;
    color: #2e2f31;
    margin: 55px 0 20px
}

@media only screen and (max-width: 767.98px) {
    .pizza__cart-caption__title {
        margin:0 0 8px;
        font-size: 20px;
        line-height: 26px
    }
}

.pizza__cart-caption__qty {
    font-family: CoreSansDS75Black,sans-serif;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .008em;
    text-transform: uppercase;
    color: #c1001f;
    margin-bottom: 7px
}

@media only screen and (max-width: 767.98px) {
    .pizza__cart-caption__qty {
        font-size:18px;
        margin-bottom: 1px
    }
}

.pizza__cart-caption__weight {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #73808d
}

.pizza__cart-caption__weight::before {
    width: 8px;
    height: 11px;
    display: inline-block;
    margin-right: 5px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C6.20914 12 8 10.2091 8 8C8 5.79086 6.20914 4 4 4C1.79086 4 0 5.79086 0 8C0 10.2091 1.79086 12 4 12Z' fill='%23A6B1BC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 5C5.10457 5 6 4.10457 6 3C6 1.89543 5.10457 1 4 1C2.89543 1 2 1.89543 2 3C2 4.10457 2.89543 5 4 5Z' fill='white' stroke='%23A6B1BC'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    content: ""
}

@media only screen and (max-width: 767.98px) {
    .pizza__cart-caption {
        width:auto;
        padding-bottom: 20px;
        display: block
    }

    .pizza__cart-caption__inner {
        position: relative;
        padding: 18px 0 0 110px;
        text-align: left
    }

    .pizza__cart-caption__inner img {
        width: 70px;
        height: auto;
        position: absolute;
        top: 0;
        left: 10px
    }
}

.pizza__total-static-qty {
    font-size: 16px;
    font-weight: 700
}

.pizza--cart .pizza__total {
    padding-top: 20px;
    padding-bottom: 13px
}

@media only screen and (max-width: 767.98px) {
    .pizza--cart .pizza__total {
        margin:0 -20px;
        padding: 15px 20px 0
    }
}

@media (max-width: 767px) {
    .pizza--cart .pizza__total {
        padding-left:15px;
        padding-right: 15px
    }
}

.pizza--cart .pizza__total-table {
    margin-bottom: 18px
}

@media (max-width: 767px) {
    .pizza--cart .pizza__total-table__label {
        font-family:Roboto,sans-serif;
        font-size: 16px;
        line-height: 17px;
        font-weight: 700;
        letter-spacing: 0;
        width: auto;
        text-transform: none
    }

    .pizza--cart .pizza__total-table__price {
        font-size: 20px
    }

    .pizza--cart .pizza__total-table .wok__total-static-qty {
        font-size: 14px
    }
}

.pizza--cart .pizza__total-table:last-child {
    margin-bottom: 0
}

.pizza--cart .pizza__total-table th {
    padding-bottom: 10px
}

.pizza--cart .pizza__total-table tr td {
    padding-bottom: 9px;
    padding-top: 5px
}

.pizza--cart .pizza__total-table tr td:nth-child(1) {
    width: 59%
}

.pizza--cart .pizza__total-table tbody tr:last-child td {
    padding-bottom: 15px
}

.pizza--cart .pizza__total-footer {
    padding-top: 25px
}

@media (max-width: 767px) {
    .pizza--cart .pizza__total-footer {
        padding-top:15px
    }
}

.pizza-bg {
    background-color: #191a1b;
    background-image: url(/local/templates/htmc_common/css/../img/pizza/pizza-bg.svg);
    background-position: top center;
    background-repeat: no-repeat
}

.pizza-bg__link {
    text-decoration: none!important
}

.pizza-bg__box {
    background-image: url(/local/templates/htmc_common/css/../img/pizza/pizza-bg_img.svg);
    background-position: center 20px;
    background-repeat: no-repeat;
    height: 100%
}

.pizza-bg__title {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-family: CoreSansDS75Black,Roboto,sans-serif
}

.pizza-bg__title-mobile {
    display: none;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-family: CoreSansDS75Black,Roboto,sans-serif
}

.pizza-bg__footer {
    bottom: 20px;
    position: absolute;
    width: 100%;
    left: 0
}

.pizza-bg__button {
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    border-radius: 4px;
    text-align: center;
    margin: 0 10%;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    padding: 12px;
    margin-top: 15px
}

@media only screen and (max-width: 767.98px) {
    .pizza-bg {
        height:260px;
        background-position: 90%
    }

    .pizza-bg__link {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px
    }

    .pizza-bg__box {
        background-position: 95% 10px;
        background-size: 200px
    }

    .pizza-bg__title {
        display: none
    }

    .pizza-bg__title-mobile {
        display: block;
        font-size: 20px;
        text-align: left
    }

    .pizza-bg__footer {
        bottom: 20px;
        left: 30px;
        width: calc(100% - 30px)
    }

    .pizza-bg__button {
        padding: 20px;
        margin: 0;
        margin-top: 25px;
        width: calc(100% - 30px)
    }
}

.modal-pizza .modal-dialog {
    max-width: 350px
}

.modal-pizza__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-pizza__group .simplebar-content {
    padding-right: 17px!important
}

.modal-pizza__group .simplebar-track.simplebar-vertical {
    background-color: #f1f5f6;
    width: 4px;
    border-radius: 2px
}

.modal-pizza__group .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    background-color: #cfd8dc;
    width: 4px;
    right: 0;
    border-radius: 2px
}

.modal-pizza__group .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    background-color: #cfd8dc;
    border-radius: 2px
}

.modal-pizza__group .item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-pizza__group .item__pic {
    width: 74px;
    height: 74px;
    border-radius: 74px;
    background-size: cover;
    background-position: center;
    border: 5px solid #eceff1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px
}

.modal-pizza__group .item__name {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #000;
    margin-bottom: 10px
}

.modal-pizza__group .item__name--price {
    font-size: 18px;
    font-weight: 900
}

.modal-pizza__group .item__btns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-pizza__group .item__btns .good-count {
    font-weight: 700;
    font-size: 14px;
    min-width: 50px;
    padding: 0 5px;
    display: block;
    text-align: center
}

.modal-soup .modal-dialog {
    max-width: 350px
}

.modal-soup__group .item {
    border-bottom: 1px dashed #a6b1bc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-soup__group .item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.modal-soup__group .item__name {
    text-align: left
}

.modal-soup__group .item__name h3 {
    font-family: CoreSansDS75Black,Roboto,sans-serif;
    margin: 0 0 10px 0;
    font-size: 17px;
    text-transform: uppercase
}

.modal-soup__group .item__name--price {
    font-size: 18px;
    font-weight: 900
}

.modal-soup__group .item .group-radio .group-radio__label-indicator {
    margin-right: 0
}

.delivery-search__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: .92;
    letter-spacing: .5px;
    color: #2e2f31
}

.delivery-search__form {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.delivery-search__form .dropdown-menu.inner.show {
    max-height: 300px
}

.delivery-search__form .simplebar-track.simplebar-vertical {
    background-color: #f1f5f6;
    width: 3.7px;
    border-radius: 1.8px
}

.delivery-search__form .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    background-color: #cfd8dc;
    width: 3.7px;
    right: 0;
    border-radius: 1.8px
}

.delivery-search__form .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    background-color: #cfd8dc;
    border-radius: 1.8px
}

.delivery-search__field-address {
    width: calc(100% - 2px);
    margin-right: 2px
}

.delivery-search__field-home {
    width: calc(10% - 2px);
    margin-right: 2px
}

.delivery-search__field-housing {
    width: calc(10% - 2px)
}

.delivery-search__price-line-cost {
    opacity: .5;
    margin-bottom: 16px
}

.delivery-search__price-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.delivery-search__price-item-cost {
    position: relative;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    padding-bottom: 1px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #27292e
}

.delivery-search__price-item-cost::after {
    content: attr(data-price) "₽"
}

.delivery-search__price-item-cost:last-child span {
    width: calc(100%)
}

.delivery-search__price-item-cost:last-child::before {
    width: 100%
}

@media (max-width: 767px) {
    .delivery-search__price-item-cost {
        font-size:12px
    }

    .delivery-search__price-item-cost::after {
        content: none
    }

    .delivery-search__price-item-cost span {
        height: 5px
    }
}

.delivery-search__price-item-color {
    position: relative;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #27292e
}

.delivery-search__price-item-color span {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: calc(100% + 20px);
    height: 10px;
    border-radius: 10px;
    background-color: #cfd8dc
}

.delivery-search__price-item-color:last-child span {
    width: calc(100%)
}

.delivery-search__price-item-color:last-child::before {
    width: 100%
}

@media (max-width: 767px) {
    .delivery-search__price-item-color span {
        height:5px
    }
}

.delivery-search__map {
    width: 100%;
    height: 365px;
    margin-bottom: 35px;
    border-radius: 3.8px;
    -webkit-box-shadow: 0 2px 4px 0 #cfd8dc;
    box-shadow: 0 2px 4px 0 #cfd8dc;
    background-color: #fff;
    padding: 8px 8px 9.5px 8px
}

.delivery-search__map-wrap {
    height: 100%;
    border-radius: 3.8px;
    overflow: hidden
}

.delivery-search__amount {
    margin: 30px 0
}

.delivery-search__amount-text {
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: .4px
}

.delivery-search__amount-value {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.09;
    color: #2e2f31
}

.delivery-search__amount-value span {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 7px;
    border-radius: 50%;
    background-color: #cfd8dc;
    opacity: .5
}

.delivery-search-info {
    margin-top: 76px
}

.delivery-search-info__item {
    margin-bottom: 35px
}

.delivery-search__address {
    margin-bottom: 95px
}

.delivery-search__address-title {
    margin-bottom: 32px;
    font-family: CoreSansDS75Black;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .4px;
    text-transform: uppercase
}

.delivery-search__address-city {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.31
}

.delivery-search__address-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.delivery-search__address-item {
    font-size: 12px;
    margin: 0 0 7px;
    line-height: 1.2
}

.delivery-search__address-item:hover {
    color: #d3132c
}

.delivery-search__address-link {
    color: #27292e
}

.delivery-search__address-link:active,.delivery-search__address-link:hover {
    color: #d3132c;
    text-decoration: none
}

@media (min-width: 768px) and (max-width:991px) {
    .delivery-search__title {
        font-size:18px;
        line-height: 1.56;
        letter-spacing: .3px
    }

    .delivery-search__form {
        margin-bottom: 40px
    }

    .delivery-search__price-item-cost {
        font-size: 11.7px;
        letter-spacing: .2px
    }

    .delivery-search__price-item-cost::before {
        height: 7.3px;
        border-radius: 7.3px
    }

    .delivery-search__price-item-color {
        padding-bottom: 11.3px;
        font-size: 11.7px;
        letter-spacing: .2px
    }

    .delivery-search__price-item-color::before {
        height: 7.3px;
        border-radius: 7.3px
    }

    .delivery-search__map {
        height: 266px;
        margin-bottom: 18px;
        border-radius: 2.8px;
        -webkit-box-shadow: 0 1px 3px 0 #cfd8dc;
        box-shadow: 0 1px 3px 0 #cfd8dc;
        padding: 5.1px 5.1px 5.8px 5.1px
    }

    .delivery-search__map-wrap {
        border-radius: 2.8px
    }

    .delivery-search__amount {
        margin: 20px 0
    }

    .delivery-search__amount-text {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .1px;
        color: #000
    }

    .delivery-search__amount-value {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: .3px;
        margin-bottom: 7px
    }

    .delivery-search-info {
        margin-top: 37px
    }

    .delivery-search-info__title {
        font-size: 14.6px
    }

    .delivery-search__address {
        margin-bottom: 0
    }

    .delivery-search__address-title {
        margin-bottom: 21px;
        font-size: 14.6px;
        letter-spacing: .3px
    }

    .delivery-search__address-city {
        margin-bottom: 7px;
        font-size: 12px;
        letter-spacing: .2px
    }

    .delivery-search__address-item {
        font-size: 8.8px;
        margin: 0 0 6px;
        letter-spacing: .2px
    }
}

@media (max-width: 767px) {
    .delivery-search__title {
        margin-bottom:13px;
        font-size: 18px;
        line-height: 1.44;
        letter-spacing: .3px
    }

    .delivery-search__form {
        margin-bottom: 20px
    }

    .delivery-search__field-address {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px
    }

    .delivery-search__field-home {
        width: calc(50% - 4px);
        margin-right: 8px
    }

    .delivery-search__field-housing {
        width: calc(50% - 4px)
    }

    .delivery-search__price-item-cost {
        font-size: 11px;
        letter-spacing: .3px
    }

    .delivery-search__price-item-cost::after {
        content: ""
    }

    .delivery-search__price-item-cost::before {
        height: 5px;
        border-radius: 3.1px
    }

    .delivery-search__price-item-color {
        padding-bottom: 10px;
        font-size: 11px;
        letter-spacing: .3px
    }

    .delivery-search__price-item-color::after {
        content: ""
    }

    .delivery-search__price-item-color::before {
        height: 5px;
        border-radius: 3.1px
    }

    .delivery-search__map {
        height: 300px;
        margin-bottom: 20px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

    .delivery-search__map-wrap {
        margin: 0 -20px;
        border-radius: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }

    .delivery-search__amount-text {
        margin-bottom: 10px;
        font-size: 16px;
        letter-spacing: .3px
    }

    .delivery-search-info {
        padding: 27px 20px 20px;
        margin: 0 -20px;
        background-color: #fff
    }

    .delivery-search-info__item {
        margin-bottom: 0
    }

    .delivery-search__address {
        padding: 20px 20px 60px;
        margin: 0 -20px;
        background-color: #fff
    }

    .delivery-search__address-title {
        margin-bottom: 14px
    }

    .delivery-search__address-city {
        margin-bottom: 9px
    }

    .delivery-search__address-column:nth-child(n+3) {
        margin-top: 15px
    }

    .delivery-search__address-item {
        font-size: 13px;
        margin: 0 0 6px;
        letter-spacing: .2px
    }
}

.hr {
    border-top: 1px solid #e2e8ea;
    margin-bottom: 0
}

.hr_basket {
    margin-top: 0
}

.hr_new {
    margin-top: 0;
    margin-left: 0;
    width: calc(100% - 30px)
}

@media (max-width: 767px) {
    .hr {
        display:none
    }

    .hr__basket {
        display: block
    }
}

.blog__block_top {
    margin-bottom: 14px
}

.blog__block_center-left {
    padding-right: 14px;
    margin-bottom: 14px
}

.blog__block_center-right {
    padding-left: 0;
    margin-bottom: 14px
}

.blog__block_bottom-left {
    padding-right: 14px
}

.blog__block_bottom-right {
    padding-left: 0
}

.blog__wrap {
    position: relative;
    display: block
}

.blog__image {
    height: 397px;
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%),-o-linear-gradient(313.43deg,rgba(0,0,0,.52) 4.31%,rgba(0,0,0,0) 46.7%);
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%),linear-gradient(136.57deg,rgba(0,0,0,.52) 4.31%,rgba(0,0,0,0) 46.7%);
    background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    background-size: cover;
    border-radius: 22px;
    -webkit-filter: brightness(80%);
    filter: brightness(80%)
}

.blog__date {
    position: absolute;
    top: 24px;
    left: 26px;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 30px;
    color: #fff
}

.blog__title {
    font-family: CoreSansDS75Black,sans-serif;
    font-style: normal;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: absolute;
    left: 26px;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: .4px;
    -webkit-line-clamp: 2
}

.blog__title_top {
    bottom: 89px;
    width: 50%
}

.blog__title_center-left {
    bottom: 102px;
    width: 70%
}

.blog__title_center-right {
    bottom: 102px;
    width: 70%
}

.blog__title_bottom-left {
    bottom: 102px;
    width: 70%
}

.blog__title_bottom-right {
    bottom: 102px;
    width: 70%
}

.blog__descr {
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .4px;
    color: #cfd7de;
    position: absolute;
    left: 26px;
    -webkit-line-clamp: 3
}

.blog__descr_top {
    top: 324px;
    width: 50%
}

.blog__descr_center-left {
    top: 305px;
    width: 85%
}

.blog__descr_center-right {
    top: 305px;
    width: 70%
}

.blog__descr_bottom-left {
    top: 305px;
    width: 70%
}

.blog__descr_bottom-right {
    top: 305px;
    width: 85%
}

@media (min-width: 768px) and (max-width:991px) {
    .blog__title {
        font-size:26px;
        bottom: 140px;
        width: 88%
    }

    .blog__descr {
        top: 270px;
        width: 88%;
        height: 60px
    }
}

@media (max-width: 767px) {
    .blog {
        padding:20px
    }

    .blog__block {
        padding: 0 10px;
        margin-bottom: 15px
    }

    .blog__block_bottom-right {
        margin-bottom: 0
    }

    .blog__image {
        border-radius: 20px;
        height: 200px
    }

    .blog__date {
        top: 12px
    }

    .blog__title {
        width: 90%;
        bottom: 60px;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: .4px
    }

    .blog__descr {
        top: 130px;
        width: 90%;
        height: 60px
    }
}

@media (max-width: 767.98px) {
    .blog-detail {
        overflow-x:hidden
    }
}

.blog-detail__image-top {
    position: relative;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    background-size: cover;
    border-radius: 22px;
    margin-bottom: 24px
}

.blog-detail__wrap {
    position: relative
}

.blog-detail__date {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px dashed #a6b1bc;
    padding-left: 22px
}

.blog-detail__date-text {
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .45px;
    color: #27292e;
    margin-bottom: 19px
}

.blog-detail__date-number {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: -1.3px;
    color: #2e2f31
}

.blog-detail__title {
    font-family: CoreSansDS75Black,sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    letter-spacing: .871111px;
    color: #2e2f31;
    text-transform: uppercase;
    margin-bottom: 12px;
    width: 80%
}

.blog-detail__short {
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .426666px;
    color: #73808d;
    margin-bottom: 68px;
    width: 80%
}

.blog-detail__subtitle {
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .56px;
    color: #2e2f31;
    margin-bottom: 7px
}

.blog-detail__article {
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .426666px;
    color: #73808d;
    margin-bottom: 20px
}

.blog-detail__video {
    margin-bottom: 20px
}

.blog-detail__video iframe {
    width: 100%;
    max-width: 100%;
    border: 0;
    border-radius: 16px
}

.blog-detail__image {
    border-radius: 16px;
    margin-bottom: 20px
}

.blog-detail__image img {
    width: 100%;
    max-width: 100%
}

.blog-detail__data-for-small {
    display: none;
    padding-left: 46px
}

.blog-detail__data-for-small:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    background: url(/local/templates/htmc_common/css/../img/calendar.svg) no-repeat center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.blog-detail__data-for-small-text {
    font-family: AktivGroteskCorp,sans-serif;
    font-size: 12px;
    letter-spacing: .4px;
    color: #fff
}

.blog-detail__data-for-small-number {
    font-family: AktivGroteskCorp,sans-serif;
    font-size: 16px;
    letter-spacing: -.8px;
    color: #fff
}

@media (max-width: 767px) {
    .blog-detail__wrap {
        padding:20px 16px 17px 16px;
        position: relative;
        top: -44px;
        margin-bottom: -44px;
        background: #fff;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset
    }

    .blog-detail__title {
        font-size: 20px;
        margin-bottom: 5px;
        width: 100%
    }

    .blog-detail__short {
        font-size: 14px;
        margin-bottom: 24px;
        width: 100%
    }

    .blog-detail__subtitle {
        font-size: 14px
    }

    .blog-detail__article {
        font-size: 14px;
        line-height: 18px
    }

    .blog-detail__video iframe {
        border-radius: unset
    }

    .blog-detail__date {
        display: none
    }

    .blog-detail__data-for-small {
        display: block;
        position: absolute;
        bottom: 60px;
        left: 16px
    }

    .blog-detail__image-top {
        border: none;
        border-radius: unset;
        margin-bottom: 0;
        overflow: hidden
    }
}

.comments {
    padding-top: 70px;
    background-color: #f1f5f6
}

.comments__title {
    font-family: CoreSansDS75Black,sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #2e2f31;
    margin-bottom: 31px
}

.comments__wrap {
    padding: 25px;
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 14px
}

.comments__image {
    width: 58px;
    height: 58px;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    background-size: 100%;
    border-radius: 50%
}

.comments__name {
    font-family: CoreSansDS75Black,sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #27292e
}

.comments__date {
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .7px;
    color: #27292e
}

.comments__date_number {
    margin-right: 15px
}

.comments__block-date {
    text-align: right
}

.comments__text {
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .7px;
    color: #73808d;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-top: 4px
}

.comments__text_for-small {
    display: none
}

.comments__no-authorized {
    background: #e7ebed;
    border-radius: 4px;
    text-align: center;
    padding: 9px;
    margin-bottom: 14px
}

.comments__no-authorized-text {
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #73808d
}

.comments__button {
    margin-bottom: 14px
}

.comments__form {
    margin-bottom: 14px
}

.comments__textarea {
    font-size: 12px;
    color: #73808d;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #cfd8dc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 100%;
    width: 100%;
    padding: 6px 16px 6px 16px
}

.comments__textarea:focus {
    border: 1px solid #4cd86a;
    -webkit-box-shadow: 0 0 0 .2rem #4cd86a;
    box-shadow: 0 0 0 .2rem #4cd86a;
    outline: 0
}

@media (max-width: 767px) {
    .comments {
        padding:40px 16px 24px 16px
    }

    .comments .col-sm-3 {
        width: 20%
    }

    .comments .col-sm-9 {
        width: 80%
    }

    .comments__title {
        font-size: 20px;
        margin-bottom: 28px;
        padding: 0 16px 0 0
    }

    .comments__wrap {
        padding: 25px 22px
    }

    .comments__image {
        width: 50px;
        height: 50px
    }

    .comments__text {
        display: none
    }

    .comments__text_for-small {
        display: block
    }

    .comments__block-date {
        text-align: left
    }

    .comments__top {
        margin-bottom: 16px
    }

    .comments__no-authorized {
        padding: 12px
    }
}

.page-auth {
    max-width: 400px;
    margin: 62px auto 0 auto
}

.page-auth .modal-content {
    border: none
}

.page-auth .modal-content .modal-body {
    padding-bottom: 0
}

.page-auth .modal-content .modal-footer {
    border: none
}

.page-auth__img {
    margin: 0 0 22px 0;
    max-height: 110px
}

.page-search {
    min-height: calc(100vh - 191px - 303px);
    background: #fff
}

@media (min-width: 768px) {
    .page-search {
        background:0 0
    }
}

.ratsiony__box .swiper-pagination {
    display: none;
    padding: 0;
    text-align: center;
    bottom: 25px
}

@media only screen and (max-width: 767.98px) {
    .ratsiony__box .swiper-pagination {
        display:block
    }
}

.ratsiony__box .swiper-pagination-bullet {
    border: 3px solid #fff;
    border-radius: 6px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.ratsiony__box .swiper-pagination-bullet-active {
    border: 3px solid rgba(151,151,151,.293535)
}

@media only screen and (max-width: 767.98px) {
    .ratsiony__hide-mobile {
        display:none
    }
}

.ratsiony__h3 {
    font-size: 20px;
    margin-bottom: 23px
}

.ratsiony__select-side-dish .form-button .bootstrap-select button.dropdown-toggle {
    width: 180px;
    line-height: 30px
}

.ratsiony__select-side-dish .form-button .bootstrap-select .dropdown-menu {
    top: 6px!important
}

.ratsiony__select-side-dish .form-button .bootstrap-select .dropdown-menu:before {
    left: 20px
}

.ratsiony__list_select {
    z-index: 1
}

.ratsiony__list-select-side-dish .form-button {
    font-size: 10px;
    min-height: 20px
}

.ratsiony__list-select-side-dish .form-button .dropdown-menu {
    top: 5px!important
}

.ratsiony__list-select-side-dish .form-button .dropdown-menu:before {
    top: -7px;
    right: 20px;
    width: 20px;
    height: 8px;
    background: url(../img/select-arrow-down.png) no-repeat right bottom;
    border: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.ratsiony__list-select-side-dish .form-button .dropdown-menu.show {
    min-width: 0!important;
    width: 170px!important
}

.ratsiony__list-select-side-dish .form-button .dropdown-menu.show .dropdown-menu.inner.show {
    width: auto!important
}

.ratsiony__list-select-side-dish .form-button .dropup .dropdown-menu {
    top: -6px!important
}

.ratsiony__list-select-side-dish .form-button .dropup .dropdown-menu:before {
    transform: rotateZ(180deg)!important;
    -webkit-transform: rotateZ(180deg)!important;
    -ms-transform: rotateZ(180deg)!important;
    bottom: -8px!important;
    top: auto!important
}

.ratsiony__list-select-side-dish .form-button a span.text {
    display: block!important;
    white-space: normal!important
}

.ratsiony__list-select-side-dish .form-button .bootstrap-select .filter-option {
    line-height: 20px
}

.ratsiony__list-select-side-dish .form-button .bootstrap-select .dropdown-item {
    font-size: 12px;
    padding: 5px 10px
}

.ratsiony__list-select-side-dish .form-button .bootstrap-select.show button.dropdown-toggle {
    -webkit-box-shadow: 0 0 0 1px #4cd96a;
    box-shadow: 0 0 0 1px #4cd96a
}

.ratsiony__list-select-side-dish .form-button .bootstrap-select button.dropdown-toggle {
    height: 20px;
    padding: 0 10px;
    width: 170px
}

.ratsiony__list-select-side-dish .form-button .bootstrap-select button.dropdown-toggle:after {
    width: 6px;
    height: 6px;
    right: 5px;
    top: calc(50% - (6px * 2 / 3));
    -webkit-transform-origin: calc(6px / 4) calc(6px * 3 / 4);
    -ms-transform-origin: calc(6px / 4) calc(6px * 3 / 4);
    transform-origin: calc(6px / 4) calc(6px * 3 / 4)
}

.ratsiony__list-select-side-dish .form-button__placeholder {
    left: 11px;
    line-height: 23px
}

.ratsiony__info {
    background: #d7f5dc;
    border-radius: 4px;
    text-align: center;
    padding: 12px;
    margin-bottom: 15px;
    color: #569562;
    font-size: 15px;
    position: relative
}

.ratsiony__info-text {
    line-height: 18px
}

.ratsiony__info-text:before {
    content: "!";
    margin-right: 12px;
    border: 1px solid #569562;
    border-radius: 50%;
    height: 19px;
    width: 19px;
    display: inline-block
}

@media only screen and (max-width: 550px) {
    .ratsiony__info-text {
        padding-left:40px;
        display: inline-block;
        text-align: left
    }

    .ratsiony__info-text:before {
        left: 20px;
        position: absolute;
        text-align: center
    }
}

.ratsiony__item {
    background: #fff;
    border: .714286px solid #cfd8dc;
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.150192);
    box-shadow: 0 2px 3px rgba(98,107,113,.150192);
    border-radius: 8px;
    text-align: center;
    padding: 15px 30px;
    margin: 0 10px 13px 10px
}

@media only screen and (max-width: 767.98px) {
    .ratsiony__item {
        padding-bottom:50px;
        margin: 0 0 13px 0
    }
}

.ratsiony__item-img {
    margin-bottom: 13px;
    min-height: 205px
}

.ratsiony__item-img img {
    max-height: 100%;
    max-width: 100%
}

.ratsiony__item-title {
    font-weight: 900;
    font-size: 22px;
    line-height: 26px;
    color: #000;
    margin-bottom: 13px
}

.ratsiony__item-text {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .004em;
    color: #000
}

.ratsiony__item-text_red {
    color: #d3132c
}

.ratsiony__text {
    font-size: 14px;
    line-height: 22px;
    color: #73808d;
    margin-bottom: 60px
}

@media only screen and (max-width: 767.98px) {
    .ratsiony__text {
        margin-bottom:40px
    }
}

@media print {
    .action {
        height: auto;
        page-break-inside: avoid
    }

    .section-info__item,dl,ol,ul {
        page-break-inside: avoid
    }

    .main__section {
        page-break-inside: avoid
    }

    .good__size {
        margin-bottom: 10px
    }

    .good__middle {
        display: block;
        text-align: left
    }

    .h-categories__item img {
        opacity: 0
    }

    .good {
        height: auto;
        display: block;
        min-height: 0
    }

    .h-categories__item-icon--hover {
        opacity: 1!important
    }

    .good__bottom {
        display: block
    }

    .good__bottom-right {
        display: block
    }

    body.topalert-visible {
        padding-top: 0
    }

    .good__descr {
        min-height: 0
    }

    .header__content {
        padding-top: 0;
        padding-bottom: 0
    }

    .header {
        min-height: 0
    }

    body.header-fixed .header__top {
        position: relative
    }

    .header__menu-right-item:nth-child(3) {
        display: block!important
    }

    .section-info {
        padding-bottom: 0
    }

    .footer {
        padding-top: 0
    }

    .action__content {
        position: relative
    }

    .action__description {
        color: #000
    }

    .action__title {
        color: #000
    }

    .good__weight {
        text-align: left
    }

    .good__title {
        min-height: 0
    }

    .good__content {
        min-height: 0
    }

    .good__descr {
        height: auto
    }

    .action__link,.carousel,.footer__logo,.footer__menu,.footer__social-icons,.good__bottom-left,.good__count,.good__icon,.good__image,.good__price-stroked,.good__properties,.header__menu-right-item:nth-child(2),.header__top-menu li.active:before,.list-unstyled.header__top-menu.hidden-xs,.policyalert,.review__head-avatar,.title-h2+a,.topalert {
        display: none!important
    }
}

.order-status {
    background: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(98,107,113,.150192);
    box-shadow: 0 2px 3px rgba(98,107,113,.150192);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px;
    width: 100%;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer
}

.order-status:hover {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.order-status__full {
    width: 100%;
    display: none
}

.order-status__title {
    font-weight: 900;
    font-size: 20px;
    text-align: center;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #2e2f31;
    margin-bottom: 31px
}

.order-status__content {
    width: 100%;
    padding-bottom: 20px
}

.order-status__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden
}

.order-status__image>svg {
    width: 100%;
    height: 284px
}

.order-status__status {
    font-weight: 900;
    font-size: 22px;
    line-height: 1.2;
    color: #2e2f31;
    text-align: center;
    margin-bottom: 20px
}

.order-status__descr {
    font-size: 16px;
    padding-bottom: 1px;
    line-height: 1.2;
    overflow: hidden;
    height: 120px;
    margin-bottom: 2px;
    text-align: center;
    width: 100%;
    font-weight: 400;
    letter-spacing: .004rem;
    color: #3d4049
}

.order-status__descr_mini {
    font-size: 14px;
    height: 80px;
    margin-bottom: 10px
}

.order-status__descr_no {
    height: 186px
}

.order-status__descr_button {
    height: 134px;
    margin-bottom: 4px
}

.order-status__top {
    padding: 13.5px 15px 0;
    width: 100%
}

.order-status__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 15px 0;
    width: 100%
}

.order-status__item {
    width: 100%
}

.order-status__button {
    background: #f1f5f6;
    border-radius: 6px;
    padding: 12px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order-status__button_new {
    font-size: 16px;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#d3132c),to(#d73058));
    background: -o-linear-gradient(top,#d3132c 0,#d73058 100%);
    background: linear-gradient(180deg,#d3132c 0,#d73058 100%)
}

.order-status__button_new:hover {
    color: #fff
}

.order-status__button_yellow {
    background: #fff3df
}

.order-status__button_empty {
    padding: 0;
    margin-top: -19px
}

.order-status__delivery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.order-status__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 9px;
    position: relative;
    top: -2px
}

.order-status__text {
    font-size: 14px;
    line-height: 1.33;
    color: #2e2f31;
    margin-right: 10px;
    max-width: 150px
}

.order-status__text_yellow {
    color: #f6a226;
    max-width: none
}

.order-status__time {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    margin-left: 15px
}

.order-status__time-hours:after {
    content: ":";
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700
}

.order-status__number {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.25;
    text-align: center;
    letter-spacing: .004px;
    color: #2e2f31
}

.order-status__minute {
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    letter-spacing: .004px;
    color: #2e2f31
}

.order-status__messages {
    width: 20px;
    height: 21px;
    margin-right: 7px
}

.order-status__personal {
    padding: 28px 13px 29px
}

.order-status__block {
    margin-bottom: 16px
}

.order-status__label {
    font-size: 14px;
    color: #b1bbc5;
    font-weight: 700
}

.order-status__info {
    font-size: 14px;
    letter-spacing: .2px;
    color: #2e2f31
}

@media (max-width: 991.98px) {
    .order-status {
        border-radius:8px 8px 0 0;
        padding-bottom: 5px
    }

    .order-status:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .order-status__button {
        padding-top: 13px;
        padding-bottom: 13px
    }

    .order-status__full {
        padding-left: 13px;
        padding-right: 13px;
        display: block;
        padding-top: 23px
    }

    .order-status__data {
        color: #73808d;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .15px
    }

    .order-status__value {
        color: #2e2f31;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 15px;
        letter-spacing: .2px
    }

    .order-status__bottom {
        padding: 30px 13px 13px
    }

    .order-status__status {
        margin-bottom: 14px
    }

    .order-status__content {
        padding-bottom: 40px
    }

    .order-status__title {
        margin-bottom: 14px
    }

    .order-status__descr {
        height: auto;
        font-size: 16px
    }

    .order-status__time {
        margin-right: 12px
    }

    .order-status__number {
        line-height: 1.1
    }

    .order-status__image {
        margin-bottom: 43px
    }

    .order-status__image>svg {
        height: 240px
    }

    .order-status__button_empty {
        padding: 0;
        margin-top: -35px
    }
}

.client {
    width: 100%
}

.client__main {
    width: 100%;
    padding-left: 27px;
    padding-right: 27px
}

.client__row {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.86;
    letter-spacing: .155556px;
    color: #73808d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.client__data {
    width: 161px
}

.client__val {
    letter-spacing: .2px;
    color: #2e2f31;
    width: calc(100% - 161px);
    padding-left: 10px
}

.client__item {
    color: #2e2f31;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .2px;
    width: 100%
}

.client__item.js-active .client__arr {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.client__item.js-active+.client__content {
    display: block
}

.client__div {
    width: calc(100% - 22px)
}

.client__content {
    display: none
}

.client__arr {
    width: 22px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.client__arr img {
    height: 22px;
    width: 22px
}

@media (max-width: 768px) {
    .client__main {
        padding-right:21px;
        padding-left: 21px
    }

    .client__data,.client__val {
        width: 50%
    }

    .client__arr {
        display: none
    }

    .client__content {
        display: block
    }

    .client__div {
        font-size: 17px
    }
}

.step {
    display: inline-block
}

.step .step__label {
    line-height: 1.3;
    background: url(../img/check.svg) no-repeat left 0;
    background-size: 24px 24px;
    padding-left: 41px;
    margin-left: 0;
    text-align: left;
    letter-spacing: .004em;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
    padding-top: 3px;
    min-height: 24px
}

.step__input {
    margin-bottom: 0;
    display: none
}

.step__input:checked+.step__label {
    background: url(../img/check-square.svg) no-repeat left 0;
    background-size: 24px 24px
}

.step__input:disabled+.step__label {
    opacity: .7;
    cursor: not-allowed
}

body.modal-open {
    position: absolute
}

@media (max-width: 768px) {
    .mobile-auth-dialog {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.window.modal {
    height: 100vh
}

.window.modal .modal-title_new {
    margin-bottom: 0
}

.window.modal .modal-desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #2e2f31
}

@media (min-width: 768px) {
    .window.modal .modal-desc {
        margin-top:-25px
    }
}

.window.modal .modal-footer_new {
    padding-top: 0
}

.window.modal .window-confirm__resend_new {
    margin-bottom: 13px
}

.window.modal .modal-footer_low {
    padding-top: 0;
    padding-bottom: 17px
}

.window.modal .modal-dialog_big {
    width: 450px
}

.window.modal .modal__flex {
    margin-left: -7px;
    margin-right: -7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.window.modal .modal__cell {
    padding: 0 7px;
    width: 33.3333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.window.modal.modal-email .modal-dialog {
    max-width: 335px
}

.window.modal.modal-email .modal-dialog .modal-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.window.modal.modal-email .modal-dialog .modal-header__icon {
    margin-bottom: 14px
}

.window.modal.modal-email .modal-dialog .modal-header .modal-title {
    margin-bottom: 8px
}

.window.modal.modal-email .modal-dialog .modal-body .modal-email-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.window.modal.modal-email .modal-dialog .modal-body .modal-email-info .modal-desc {
    font-weight: 400;
    margin-bottom: 24px;
    max-width: 270px
}

@media (max-width: 768px) {
    .window.modal .modal-dialog_big {
        max-width:100%
    }

    .window.modal .modal-header {
        padding: 15px 30px 0
    }

    .window.modal .window-confirm__resend_new {
        margin-top: 1px
    }

    .window.modal .modal__cell {
        width: 50%
    }

    .window.modal .modal-title_new {
        font-size: 20px
    }
}

.modal {
    -webkit-overflow-scrolling: auto
}

.hint {
    position: absolute;
    display: none;
    width: 219px;
    height: 74px;
    background: url(../img/hint.svg) no-repeat;
    background-size: contain;
    font-weight: 500;
    font-size: 12px;
    line-height: 133%;
    z-index: 6;
    color: #fbfbfb;
    padding-top: 9px;
    padding-left: 13px;
    padding-right: 13px;
    top: -62px;
    left: -37px
}

@media (max-width: 767px) {
    .hint {
        left:-10px
    }
}

.lint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: 21px;
    padding-bottom: 22px
}

.lint__icon {
    display: block;
    width: 15px;
    position: relative;
    top: -2px
}

.lint__text {
    font-weight: 500;
    font-size: 14px;
    padding-left: 16px;
    width: calc(100% - 15px);
    color: #c1001f
}

.snow {
    color: red
}

@media (max-width: 768px) {
    .main-sections {
        margin:0 -5px
    }

    .main-sections [class*=" col-"],.main-sections [class^=col-] {
        padding: 0 5px
    }
}

.main-sections__item {
    display: block;
    display: flex;
    align-items: end;
    justify-content: center;
    width: 100%;
    aspect-ratio: .85;
    min-height: 300px;
    margin-bottom: 24px;
    background-size: cover;
    background-position: center;
    border-radius: 11px;
    overflow: hidden
}

@media (max-width: 768px) {
    .main-sections__item {
        min-height:188px;
        margin-bottom: 12px
    }
}

.main-sections__item:focus,.main-sections__item:hover {
    color: #d31340;
    text-decoration: none;
    -webkit-box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
    box-shadow: 0 6px 19px 0 rgba(0,0,0,.2),0 12px 71px 0 #a6b1bc;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .4s ease-in-out
}

.novinki{background-image: url(/img/ikonka-novinki-k-01.svg)}
.novinki:hover{background-image: url(/img/ikonka-novinki-b-01.svg)}

.menyu-branchi{background-image: url(/img/menyu-branchi-k.svg)}
.menyu-branchi:hover{background-image: url(/img/menyu-branchi-b.svg)}

.menyu-supy{background-image: url(/img/menyu-supy-k.svg)}
.menyu-supy:hover{background-image: url(/img/menyu-supy-b.svg)}

.menyu-salaty{background-image: url(/img/menyu-salaty-k.svg)}
.menyu-salaty:hover{background-image: url(/img/menyu-salaty-b.svg)}

.ocnovnye-blyuda{background-image: url(/img/ocnovnye-blyuda-k.svg)}
.ocnovnye-blyuda:hover{background-image: url(/img/ocnovnye-blyuda-b.svg)}

.menyu-pasta{background-image: url(/img/menyu-pasta-k.svg)}
.menyu-pasta:hover{background-image: url(/img/menyu-pasta-b.svg)}

.menyu-rolly{background-image: url(/img/menyu-rolly-k.svg)}
.menyu-rolly:hover{background-image: url(/img/menyu-rolly-b.svg)}

.menyu-sety{background-image: url(/img/menyu-sety-k.svg)}
.menyu-sety:hover{background-image: url(/img/menyu-sety-b.svg)}

.menyu-sety{background-image: url(/img/menyu-sety-k.svg)}
.menyu-sety:hover{background-image: url(/img/menyu-sety-b.svg)}

.menyu-zakuski{background-image: url(/img/menyu-zakuski-k.svg)}
.menyu-zakuski:hover{background-image: url(/img/menyu-zakuski-b.svg)}

.menyu-frityur{background-image: url(/img/menyu-frityur-k.svg)}
.menyu-frityur:hover{background-image: url(/img/menyu-frityur-b.svg)}

.menyu-frityur{background-image: url(/img/menyu-frityur-k.svg)}
.menyu-frityur:hover{background-image: url(/img/menyu-frityur-b.svg)}

.menyu-burgery{background-image: url(/img/menyu-burgery-k.svg)}
.menyu-burgery:hover{background-image: url(/img/menyu-burgery-b.svg)}

.menyu-burgery{background-image: url(/img/menyu-burgery-k.svg)}
.menyu-burgery:hover{background-image: url(/img/menyu-burgery-b.svg)}

.menyu-deserty{background-image: url(/img/menyu-deserty-k.svg)}
.menyu-deserty:hover{background-image: url(/img/menyu-deserty-b.svg)}

.menyu-deserty{background-image: url(/img/menyu-deserty-k.svg)}
.menyu-deserty:hover{background-image: url(/img/menyu-deserty-b.svg)}

.menyu-goryachie-napitki{background-image: url(/img/menyu-goryachie-napitki-k.svg)}
.menyu-goryachie-napitki:hover{background-image: url(/img/menyu-goryachie-napitki-b.svg)}

.menyu-holodnye-napitki{background-image: url(/img/menyu-holodnye-napitki-k.svg)}
.menyu-holodnye-napitki:hover{background-image: url(/img/menyu-holodnye-napitki-b.svg)}

.menyu-alkogol{background-image: url(/img/menyu-alkogol-k.svg)}
.menyu-alkogol:hover{background-image: url(/img/menyu-alkogol-b.svg)}

.menyu-sousy{background-image: url(/img/menyu-sousy-k.svg)}
.menyu-sousy:hover{background-image: url(/img/menyu-sousy-b.svg)}


#bx_4145281613_397:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_392:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_308:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_316:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_317:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_348:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_307:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_306:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_321:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_322:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_326:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_352:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_327:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_303:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_330:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_331:hover .main-sections__item-name {
  color: white;
}
#bx_4145281613_334:hover .main-sections__item-name {
  color: white;
}


.main-sections__item-inner {
    /*background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.57)),to(rgba(0,0,0,0)));
    background: -o-linear-gradient(top,rgba(0,0,0,.57) 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(180deg,rgba(0,0,0,.57) 0,rgba(0,0,0,0) 100%);*/
    padding: 25px 30px
}

@media (max-width: 768px) {
    .main-sections__item-inner {
        padding:14px
    }
}

.main-sections__item-name {
    color: #d31340;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: .265385px;
    margin-bottom: 6px;
    text-align: center;
}

@media (max-width: 768px) {
    .main-sections__item-name {
        font-size:15px;
        line-height: 21px;
        letter-spacing: .297071px
    }
}

.main-sections__item-price {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: .3px;
    text-transform: uppercase;
    font-family: CoreSansDS75Black
}

@media (max-width: 768px) {
    .main-sections__item-price {
        font-size:20px;
        line-height: 24px;
        letter-spacing: .33582px
    }
}

.trigger-alert {
    display: block;
    position: fixed;
    z-index: 100;
    right: -30px;
    bottom: 100px;
    height: 200px;
    width: 65px;
    background: #fff;
    -webkit-box-shadow: 0 5.0668px 5.0668px rgba(0,0,0,.25);
    box-shadow: 0 5.0668px 5.0668px rgba(0,0,0,.25);
    border-radius: 5.0668px;
    padding: 17px 40px 42px 10px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-image: url(/local/templates/htmc_common/css/../img/icons/bug.svg);
    background-repeat: no-repeat;
    background-position: 7px calc(100% - 10px)
}

.trigger-alert:focus,.trigger-alert:hover {
    right: -25px
}

.trigger-alert__text {
    display: block;
    position: absolute;
    width: 141px;
    bottom: 105px;
    right: -23px;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #2e2f31;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.trigger-alert_small {
    padding: 0;
    height: 40px
}

.trigger-alert_small .trigger-alert__text {
    display: none
}

.timepicker {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 146px;
    overflow: hidden;
    margin-bottom: 10px
}

.timepicker:after,.timepicker:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    height: 35px;
    width: 100%;
    left: 0;
    pointer-events: none
}

.timepicker:before {
    top: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100%)
}

.timepicker:after {
    bottom: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg,#fff 0,rgba(255,255,255,0) 100%)
}

.timepicker__list {
    overflow: visible;
    height: 50px;
    margin: 50px 0;
    cursor: pointer
}

.timepicker__list-next,.timepicker__list-prev {
    display: block;
    position: absolute;
    width: 100%;
    height: 15px;
    background: url(/local/templates/htmc_common/css/../img/angle-down.svg) center no-repeat;
    background-size: 15px;
    z-index: 1000
}

.timepicker__list-next.swiper-button-disabled,.timepicker__list-prev.swiper-button-disabled {
    display: none
}

.timepicker__list-prev {
    top: -50px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.timepicker__list-next {
    bottom: -50px
}

.timepicker__element {
    width: 80px;
    font-size: 22px;
    line-height: 26px;
    padding: 12px 0;
    border-bottom: 2px solid #eaeaea
}

.personal__modal-timepicker {
    padding: 30px 20px
}

.personal__modal-image {
    margin-bottom: 45px
}

.personal__modal-timepicker .personal__modal-title {
    margin-bottom: 15px
}

.personal__modal-timepicker .personal__modal-form__btn {
    padding-top: 15px
}

.personal__modal-timepicker .personal__modal-form__btn .btn {
    width: 100%;
    min-width: 100%;
    padding: 15px
}

@media (max-width: 991px) {
    .personal__modal-timepicker .personal__modal-form__btn .btn+.btn {
        margin-top:15px
    }
}

@media (min-width: 992px) {
    .personal__modal-timepicker .personal__modal-form__btn {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .personal__modal-timepicker .personal__modal-form__btn .btn {
        width: 200px;
        min-width: 200px
    }
}

.personal__modal-timepicker .personal__modal-info-delivery {
    padding: 10px 0
}

.js-timepicker-info-delivery {
    display: inline-block;
    background: #fff3df;
    color: #f6a226;
    font-weight: 500;
    padding: 10px 15px;
    margin: 0 auto
}

.js-timepicker-info-delivery.today {
    background: #d7f5dc;
    color: #569562
}

.js-timepicker-container {
    position: relative
}

.js-timepicker-container:before {
    content: ":";
    display: block;
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 3px);
    width: 6px;
    font-size: 22px;
    line-height: 26px
}

.c-form-field__label-date {
    position: absolute;
    top: 27px;
    left: 16px;
    width: 144px;
    height: 27px;
    background: #fff;
    line-height: 27px;
    font-weight: 500;
    cursor: pointer;
    z-index: 1
}

#delivery-date {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.report {
    background: #f1f5f6;
    border-top: 4px solid #d31340;
    font-family: Roboto,sans-serif;
    margin: 0
}

.report__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: auto
}

@media (min-width: 768px) {
    .report__container {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 70px 20px
    }
}

.report__info {
    padding: 26px 18px 40px 18px;
    color: #fff;
    background-image: url(/local/templates/htmc_common/css/../img/report/bg_mobile.png),-webkit-gradient(linear,left top,left bottom,from(#000),to(#171717));
    background-image: url(/local/templates/htmc_common/css/../img/report/bg_mobile.png),-o-linear-gradient(top,#000 0,#171717 100%);
    background-image: url(/local/templates/htmc_common/css/../img/report/bg_mobile.png),linear-gradient(180deg,#000 0,#171717 100%);
    -webkit-box-shadow: 0 2px 4px #cfd8dc;
    box-shadow: 0 2px 4px #cfd8dc
}

@media (min-width: 768px) {
    .report__info {
        padding:70px 36px;
        background: url(/local/templates/htmc_common/css/../img/report/bg_desktop.png),-webkit-gradient(linear,left top,left bottom,from(#000),to(#171717));
        background: url(/local/templates/htmc_common/css/../img/report/bg_desktop.png),-o-linear-gradient(top,#000 0,#171717 100%);
        background: url(/local/templates/htmc_common/css/../img/report/bg_desktop.png),linear-gradient(180deg,#000 0,#171717 100%);
        width: 365px;
        margin-right: 50px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 8px
    }
}

.report__info-logo {
    background: url(/local/templates/htmc_common/css/../img/report/logo_mobile.svg);
    width: 216px;
    height: 54px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 17px
}

@media (min-width: 768px) {
    .report__info-logo {
        background:url(/local/templates/htmc_common/css/../img/report/logo_desktop.svg);
        width: 230px;
        height: 126px;
        margin-bottom: 70px
    }
}

.report__info-text {
    font-weight: 500;
    letter-spacing: .426666px;
    font-size: 16px;
    line-height: 20px
}

@media (min-width: 768px) {
    .report__info-text {
        font-size:22px;
        line-height: 28px
    }
}

.report__info-send {
    width: 117px;
    height: 115px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    background-image: url(/local/templates/htmc_common/css/../img/report/send.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media (min-width: 768px) {
    .report__info-send {
        width:138px;
        height: 136px;
        margin-top: 123px
    }
}

.report__content {
    padding: 24px 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 768px) {
    .report__content {
        padding:0
    }
}

.report__content-title {
    font-weight: 900;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #2e2f31;
    margin-bottom: 21px;
    font-family: CoreSansDS75Black,sans-serif
}

.report__content-desc {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .426666px;
    color: #000;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .report__content-desc {
        font-size:16px;
        line-height: 24px
    }
}

.report__content-button {
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border-radius: 4px;
    border: none;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    padding: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none
}

@media (min-width: 768px) {
    .report__content-button {
        display:inline-block;
        width: auto;
        padding: 13px 40px
    }
}

.report__content-button:hover {
    color: #fff;
    text-decoration: none
}

.report__form-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .426666px;
    color: #000;
    margin-bottom: 24px
}

.report__form-field .error {
    color: #d31340
}

.report__form-label {
    margin-bottom: 5px
}

.report__form-input {
    display: block;
    background: #fff;
    border: 1px solid #e0e6e9;
    border-radius: 4px;
    height: 64px;
    font-size: 18px;
    padding: 0 15px;
    color: #000
}

.report__form-input_file {
    display: none
}

.report__form-textarea {
    background: #fff;
    border: 1px solid #e0e6e9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    height: 146px;
    padding: 10px;
    font-size: 15px;
    line-height: 1.7;
    color: #000
}

.report__form-files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 16px
}

.report__form-file {
    width: 65px;
    height: 65px;
    border-radius: 6px;
    -webkit-filter: drop-shadow(0 2px 4px #cfd8dc);
    filter: drop-shadow(0 2px 4px #cfd8dc);
    margin-right: 10px;
    position: relative
}

.report__form-file:not(.report__form-file_btn):not(.report__form-file_video) {
    background-size: cover;
    background-position: center
}

.report__form-file_video {
    background-color: #f1f5f6;
    background-image: url(/local/templates/htmc_common/css/../img/report/video.png);
    background-position: center;
    background-repeat: no-repeat
}

.report__form-file_btn {
    cursor: pointer;
    background-color: #f1f5f6;
    background-image: url(/local/templates/htmc_common/css/../img/report/upload.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0
}

.report__form-file-delete {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    border-radius: 25px;
    background-color: #f1f5f6;
    -webkit-filter: drop-shadow(0 0 4px #cfd8dc);
    filter: drop-shadow(0 0 4px #cfd8dc)
}

.report__form-file-delete:after,.report__form-file-delete:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 2px;
    top: calc(50% - 1px);
    left: calc(50% - 4px);
    background: #a6b1bc;
    border-radius: 2px
}

.report__form-file-delete:before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

.report__form-file-delete:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg)
}

.report__form-submit {
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    border-radius: 4px;
    border: none;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    padding: 13px
}

@media (min-width: 768px) {
    .report__form-submit {
        display:inline-block;
        width: auto;
        padding: 13px 40px
    }
}

.report__help {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .4px;
    color: #a6b1bc;
    margin-top: 23px;
    padding: 0 20px 43px
}

.report__help-link {
    color: #d31340
}

@media (min-width: 768px) {
    .report__help {
        font-size:14px;
        line-height: 20px;
        margin-top: 40px;
        padding: 0
    }
}

.page-about .page-content__wrap-wide {
    margin-top: 18px
}

@media (min-width: 768px) {
    .page-about .page-content__wrap-wide {
        margin-top:40px
    }
}

.page-about__pic {
    height: 196px;
    margin-bottom: 25px;
    border-radius: 22px;
    background: url(/img/about.webp) no-repeat center/cover
}

.page-about__otzyvy {
    height: 196px;
    margin-bottom: 25px;
    border-radius: 22px;
    background: url(/img/otzyvy-o-kompanii-roofbar-01.webp) no-repeat center/cover
}

@media (min-width: 768px) {
    .page-about__pic {
        height:300px;
        margin-bottom: 34px;
        border-radius: 16px
    }
    .page-about__otzyvy {
        height:300px;
        margin-bottom: 34px;
        border-radius: 16px
    }
}

.page-about__title {
    font-family: CoreSansDS75Black;
    font-weight: 900;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .871111px;
    text-transform: uppercase;
    color: #d31340;
    margin-bottom: 30px
}

.page-about__text p{
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .426666px;
    color: #adadad;
    margin-bottom: 25px
}

.page-about__text h2{
    font-size: 32px;
    line-height: 28px;
    letter-spacing: .426666px;
    color: #737373;
    margin: 70px 0 25px;
    font-weight: 700;
}


.page-about__text h3{
    font-size: 30px;
    line-height: 28px;
    letter-spacing: .426666px;
    color: #737373;
    margin: 70px 0 25px;
    font-weight: 700;
}

.page-about__text strong{
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .426666px;
    color: #737373;
}


@media (min-width: 768px) {
    .page-about__scroller:before {
        content:'';
        position: absolute;
        display: block;
        border: 2px solid #cfd8dc;
        width: 100%;
        height: auto;
        top: 126px;
        left: 0;
        right: 0;
        z-index: 0
    }

    .page-about__scroller .simplebar-track {
        width: 100px;
        margin: auto;
        height: 5px;
        background-color: #f1f5f6;
        border-radius: 2.5px
    }

    .page-about__scroller .simplebar-track.simplebar-vertical {
        display: none
    }

    .page-about__scroller .simplebar-track .simplebar-scrollbar {
        top: 0;
        height: 5px;
        background: #cfd8dc;
        border-radius: 2.5px
    }
}

.page-about__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-top: 50px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 768px) {
    .page-about__line {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 100px 0 220px
    }
}

.page-about__line:before {
    content: '';
    position: absolute;
    display: block;
    width: 36px;
    height: 38px;
    background: url(../img/flag.svg) no-repeat center/contain;
    top: 0;
    left: calc(50% - 4px)
}

@media (min-width: 768px) {
    .page-about__line:before {
        top:53px;
        left: 18px
    }
}

.page-about__line:after {
    content: '';
    position: absolute;
    display: block;
    border: 2px solid #cfd8dc;
    height: calc(100% - 50px);
    left: calc(50% - 2px);
    top: 50px;
    z-index: 0
}

@media (min-width: 768px) {
    .page-about__line:after {
        display:none
    }
}

.page-about__line-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    background: -webkit-gradient(linear,left top,left bottom,from(#d3132c),to(#d73058));
    background: -o-linear-gradient(top,#d3132c 0,#d73058 100%);
    background: linear-gradient(180deg,#d3132c 0,#d73058 100%);
    border: 6px solid #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 32px;
    z-index: 1;
    position: relative;
    margin-bottom: 34px
}

@media (min-width: 768px) {
    .page-about__line-item {
        margin-bottom:0;
        margin-right: 90px
    }

    .page-about__line-item:last-child {
        margin-right: 0
    }
}

.page-about__line-item.page-about__line-item_phone {
    margin-bottom: 68px
}

@media (min-width: 768px) {
    .page-about__line-item.page-about__line-item_phone {
        margin-bottom:0
    }
}

.page-about__line-item:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .page-about__line-item:last-child .page-about__line-item-inner {
        left:auto!important;
        right: 0!important
    }
}

@media (min-width: 768px) {
    .page-about__line-item:nth-child(even) .page-about__line-item-title {
        margin-bottom:0;
        margin-top: 8px
    }
}

.page-about__line-item:nth-child(even) .page-about__line-item-inner {
    left: auto;
    right: 52px;
    text-align: right
}

@media (min-width: 768px) {
    .page-about__line-item:nth-child(even) .page-about__line-item-inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: left;
        left: 0;
        top: auto;
        right: auto;
        bottom: 52px
    }
}

.page-about__line-item:nth-child(even).page-about__line-item_small .page-about__line-item-inner {
    right: 47px
}

@media (min-width: 768px) {
    .page-about__line-item:nth-child(even).page-about__line-item_small .page-about__line-item-inner {
        right:auto;
        bottom: 47px
    }
}

.page-about__line-item:nth-child(even).page-about__line-item_big .page-about__line-item-inner {
    right: 59px
}

@media (min-width: 768px) {
    .page-about__line-item:nth-child(even).page-about__line-item_big .page-about__line-item-inner {
        right:auto;
        bottom: 59px
    }
}

.page-about__line-item_small {
    width: 22px;
    height: 22px
}

.page-about__line-item_small .page-about__line-item-val {
    line-height: 22px
}

.page-about__line-item_small .page-about__line-item-inner {
    left: 47px
}

@media (min-width: 768px) {
    .page-about__line-item_small .page-about__line-item-inner {
        top:47px;
        left: 0
    }
}

.page-about__line-item_big {
    width: 46px;
    height: 46px
}

.page-about__line-item_big .page-about__line-item-val {
    font-size: 14px;
    line-height: 46px
}

.page-about__line-item_big .page-about__line-item-inner {
    left: 59px
}

@media (min-width: 768px) {
    .page-about__line-item_big .page-about__line-item-inner {
        top:59px;
        left: 0
    }
}

.page-about__line-item_gray {
    background: #cfd8dc
}

.page-about__line-item_gray .page-about__line-item-title {
    color: #cfd8dc
}

.page-about__line-item-val {
    font-weight: 700;
    font-size: 11px;
    line-height: 32px;
    letter-spacing: .426666px;
    color: #fff;
    text-align: center
}

.page-about__line-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 52px;
    color: #000;
    min-height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .page-about__line-item-inner {
        top:52px;
        left: 0
    }
}

.page-about__line-item-title {
    font-family: CoreSansDS75Black;
    font-weight: 900;
    font-size: 20px;
    line-height: 17px;
    letter-spacing: .2px;
    color: #2e2f31
}

@media (min-width: 768px) {
    .page-about__line-item-title {
        margin-bottom:8px
    }
}

.page-about__line-item-title+.page-about__line-item-text {
    margin-top: 8px
}

@media (min-width: 768px) {
    .page-about__line-item-title+.page-about__line-item-text {
        margin-top:0
    }
}

.page-about__line-item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: .426666px;
    color: #73808d;
    white-space: nowrap
}

.page-about__why {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 768px) {
    .page-about__why {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .page-about__why-left {
        padding:25px;
        width: 100%;
    }
       .page-about__why-left p{
        color: #fff;
        text-align: center;
        padding-top: 15px;
    } 
}

@media (min-width: 768px) {
    .page-about__why-right {
        padding-left:25px;
        border-left: 1px dashed #a6b1bc
    }
}

.page-about__why-pic {
    text-align: center;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .page-about__why-pic {
        text-align:left
    }
}

.page-about__why-note {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .426666px;
    color: #73808d;
    text-align: center;
}

.page-about__why-note-title {
    font-weight: 700;
    color: #2e2f31
}

.page-about__benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    padding-top: 30px
}

@media (min-width: 768px) {
    .page-about__benefits {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 48px
    }
}

.page-about__benefits-item {
    text-align: center;
    margin-bottom: 62px
}

@media (min-width: 768px) {
    .page-about__benefits-item {
        -ms-flex-preferred-size:33.333%;
        flex-basis: 33.333%;
        margin-bottom: 0
    }
}

.page-about__benefits-pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 90px;
    margin-bottom: 25px;
    background-position: center;
    background-repeat: no-repeat
}

.page-about__benefits-title {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    letter-spacing: .571429px;
    color: #686868;
}

.page-about__advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 35px
}

@media (min-width: 768px) {
    .page-about__advantages {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.page-about__advantages-item {
    position: relative;
    padding: 0 48px;
    margin-bottom: 21px
}

@media (min-width: 768px) {
    .page-about__advantages-item {
        -ms-flex-preferred-size:50%;
        flex-basis: 50%
    }
}

.page-about__advantages-item:before {
    content: '';
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    left: 50px;
    top: 0;
    background: url(../img/check.svg) no-repeat center
}

.page-about__advantages-title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .426666px;
    color: #686868;
    padding-left: 50px;
}

.page-about__advantages-text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .4px;
    color: #73808d;
}

.page-about__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .page-about__gallery .swiper-wrapper {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.page-about__gallery-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 196px;
    border-radius: 22px;
    background-size: cover;
    background-position: center
}

@media (min-width: 768px) {
    .page-about__gallery-item {
        height:390px
    }
}

@media (min-width: 768px) {
    .page-about__gallery-item_wide {
        margin-bottom:16px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media (min-width: 768px) {
    .page-about__gallery-item_small {
        -ms-flex-preferred-size:33.333%;
        flex-basis: 33.333%;
        margin-right: 16px
    }
}

@media (min-width: 768px) {
    .page-about__gallery-item_big {
        -ms-flex-preferred-size:calc(66.666% - 16px);
        flex-basis: calc(66.666% - 16px)
    }
}

.vacancies-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media only screen and (min-width: 768px) {
    .vacancies-container {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 600px
    }
}

.vacancies-list {
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .vacancies-list {
        padding:23px;
        -ms-flex-preferred-size: calc(100% - 215px);
        flex-basis: calc(100% - 215px);
        width: calc(100% - 215px)
    }
}

.vacancies-list__header {
    position: relative;
    background: #f1f5f6;
    padding: 15px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #73808d;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .vacancies-list__header {
        padding-left:65px;
        line-height: 18px
    }

    .vacancies-list__header:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: calc(50% - 15px);
        background: url(/local/templates/htmc_common/css/../img/vacancies/vacancies-header.svg) center/contain no-repeat;
        width: 65px;
        height: 30px
    }
}

@media only screen and (min-width: 768px) {
    .vacancies-list__items {
        height:470px
    }

    .vacancies-list__items.simplebar-scrollable-y {
        padding-right: 23px;
        position: relative
    }

    .vacancies-list__items.simplebar-scrollable-y:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 40px;
        left: 0;
        bottom: 0;
        background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(255,255,255,0)));
        background: -o-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 100%);
        background: linear-gradient(0deg,#fff 0,rgba(255,255,255,0) 100%)
    }

    .vacancies-list__items.simplebar-scrollable-y .simplebar-track {
        background: #f1f5f6;
        border-radius: 2.5px
    }

    .vacancies-list__items.simplebar-scrollable-y .simplebar-track.simplebar-vertical {
        width: 5px
    }

    .vacancies-list__items.simplebar-scrollable-y .simplebar-track.simplebar-horizontal {
        display: none
    }

    .vacancies-list__items.simplebar-scrollable-y .simplebar-track .simplebar-scrollbar {
        background: #cfd8dc;
        border-radius: 2.5px
    }
}

.vacancies-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px;
    background: -webkit-gradient(linear,left top,left bottom,from(#d31340),to(#ed4141));
    background: -o-linear-gradient(top,#d31340 0,#ed4141 100%);
    background: linear-gradient(180deg,#d31340 0,#ed4141 100%);
    font-family: CoreSansDS75Black
}

@media only screen and (min-width: 768px) {
    .vacancies-banner {
        background:url(/local/templates/htmc_common/css/../img/vacancies/banner-background.png) center/contain no-repeat;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 200px;
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 15px;
        height: 600px
    }
}

.vacancies-banner__title {
    font-weight: 900;
    font-size: 21px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .vacancies-banner__title {
        text-align:center;
        margin-bottom: 24px
    }
}

.vacancies-banner__pic {
    display: block;
    height: 153px;
    background: url(/local/templates/htmc_common/css/../img/vacancies/banner-pic-mobile.png) center/contain no-repeat
}

@media only screen and (min-width: 768px) {
    .vacancies-banner__pic {
        height:200px;
        margin-bottom: 30px;
        background: url(/local/templates/htmc_common/css/../img/vacancies/banner-pic.png) center/contain no-repeat
    }
}

.vacancies-banner__advantage {
    padding-left: 44px;
    font-weight: 900;
    font-size: 12.8px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
    position: relative
}

.vacancies-banner__advantage:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 15px);
    background: url(/local/templates/htmc_common/css/../img/vacancies/ba-cool.svg) center/contain no-repeat;
    width: 25px;
    height: 30px
}

.vacancies-banner__advantage_discount:before {
    background: url(/local/templates/htmc_common/css/../img/vacancies/ba-discount.svg) center/contain no-repeat
}

.vacancies-banner__advantage_career:before {
    background: url(/local/templates/htmc_common/css/../img/vacancies/ba-career.svg) center/contain no-repeat
}

.vacancies-banner__advantage_schedule:before {
    background: url(/local/templates/htmc_common/css/../img/vacancies/ba-schedule.svg) center/contain no-repeat
}

.vacancies-banner__advantage_salary:before {
    background: url(/local/templates/htmc_common/css/../img/vacancies/ba-salary.svg) center/contain no-repeat
}

.vacancies-banner__advantage_cool:before {
    background: url(/local/templates/htmc_common/css/../img/vacancies/ba-cool.svg) center/contain no-repeat
}

.vacancies-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px dashed #cfd8dc;
    margin-bottom: 18px
}

@media only screen and (min-width: 768px) {
    .vacancies-item {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 11px
    }
}

.vacancies-item:last-child {
    border: none
}

@media only screen and (min-width: 768px) {
    .vacancies-item__left {
        -webkit-box-flex:1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(100% - 220px);
        flex-basis: calc(100% - 220px)
    }
}

@media only screen and (min-width: 768px) {
    .vacancies-item__right {
        -webkit-box-flex:0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: 220px;
        flex-basis: 220px
    }
}

.vacancies-item__name {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .571429px;
    color: #2e2f31;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) {
    .vacancies-item__name {
        font-size:18px;
        letter-spacing: .2px;
        margin-bottom: 6px
    }
}

.vacancies-item__salary {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .0666667px;
    color: #d3132c;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .vacancies-item__salary {
        margin-bottom:16px
    }
}

.vacancies-item__location {
    font-size: 14px;
    line-height: 16px;
    color: #73808d;
    margin-bottom: 17px;
    padding-left: 28px;
    position: relative
}

.vacancies-item__location:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background: url(/local/templates/htmc_common/css/../img/vacancies/vacancies-location.svg) center/contain no-repeat;
    width: 16px;
    height: 20px
}

@media only screen and (min-width: 768px) {
    .vacancies-item__location:before {
        width:14.5px;
        height: 18px
    }
}

.vacancies-item__date {
    display: none;
    font-size: 14px;
    line-height: 16px;
    color: #73808d;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .vacancies-item__date {
        display:block;
        text-align: right
    }
}

.vacancies-item__link {
    margin-bottom: 18px
}

.lunch__info {
    background: #fff;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 15px
}

.lunch__info-text {
    font-size: 14px;
    line-height: 18px;
    color: #73808d
}

@media (min-width: 768px) {
    .lunch__info-text {
        font-size:16px;
        line-height: 21px
    }
}

.lunch__info-text:before {
    content: "!";
    margin-right: 12px;
    border: 1.5px solid #73808d;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    text-align: center
}

.lunch__info-link {
    color: #73808d;
    text-decoration: underline
}

.dish__image .unAvailable {
    width: 100%;
    height: 100%;
    background: #f1f5f6;
    opacity: .5;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.alert-removedProducts {
    background: #ffedef url(/local/templates/htmc_common/css/../img/warning.png) 23px 50% no-repeat;
    color: #fe283e;
    padding: 11px 0;
    padding-left: 77px;
    border-radius: 4px;
    margin: 0
}

.basket .alert-removedProducts {
    margin: 23px 0 5px 23px
}

.basket-empty-alert .alert-removedProducts {
    margin: 0
}

.basket .alert-removedProducts+.alert-removedProducts,.basket-empty-alert .alert-removedProducts+.alert-removedProducts {
    margin-top: 5px
}

.basket--empty {
    position: relative
}

.delivery .alert-removedProducts {
    margin-bottom: 15px
}

.dish__image .unAvailable.unAvailable_show {
    display: block
}

.good.good_stoplisted {
    opacity: .5
}

.btn-buy_small.btn-stoplisted {
    background: #e28491;
    width: 100px;
    padding: 4px 0;
    text-align: center;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .141667px;
    color: #fff
}

.btn-buy_small.btn-stoplisted.btn-stoplisted_offer,.btn-red.btn-card_stoplisted.btn-stoplisted_offer {
    display: none
}

.offer-buy_buttons_container {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-red.btn-card_stoplisted {
    opacity: .5;
    -webkit-box-shadow: 0 3px 2px #cfd8dc;
    box-shadow: 0 3px 2px #cfd8dc;
    padding: 14px 22.2px;
    font-weight: 700
}

#pizza .pizza_isStopListed_container,#wok .wok_isStopListed_container {
    width: 100%;
    text-align: center;
    margin-top: 85px
}

#pizza .pizza_isStopListed_container .pizza__total-title {
    display: block
}

#pizza .pizza_isStopListed_container p,#wok .wok_isStopListed_container p {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .104167px;
    color: #000
}

#pizza .pizza_isStopListed_container .isStoplisted_image_container,#wok .wok_isStopListed_container .isStoplisted_image_container {
    margin-top: 58px;
    margin-bottom: 54px
}

.basket-promo-disabled {
    padding-right: 15px
}

.section-info__yandex_maps_title {
    line-height: 24px
}

.order-button-fixed {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 25px;
    z-index: 99999
}

.order-button-fixed-content {
    background: #fff;
    padding: 0 15px;
    border-radius: 13px;
    -webkit-box-shadow: 0 0 5px #cfd8dc;
    box-shadow: 0 0 5px #cfd8dc
}

.order-button-fixed-content .cartorder__rack,.order-button-fixed-content .checkout__action-btn {
    min-height: 74px;
    padding: 13px 0
}

.btn-buy_small {
    font-weight: 100;
    color: #fff
}

.btn-buy_small:hover { 
    color: #0f0f0f;
    background-color: #ffbe16;
    border-color: #ffbe16;
}


.btn-buy_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 28px;
    position: relative
}

.good__bottom-left {
    min-width: 85px
}

.dish__count-wrap {
    min-width: 96px
}

.btn-buy_wrapper .btn-count-minus,.btn-buy_wrapper .btn-count-plus {
    position: absolute;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.btn-buy_wrapper .btn-count-minus {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.btn-buy_wrapper .btn-count-plus {
    right: 50%;
    -webkit-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(50%)
}

.btn-buy_wrapper .btn-buy_small {
    bottom: -1px
}

.btn-buy_wrapper .btn-buy,.btn-buy_wrapper .btn-buy_small {
    position: absolute;
    z-index: 5;
    right: -3px;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    min-width: 110px;
    white-space: nowrap;
}

.btn-buy_wrapper.active .btn-buy,.btn-buy_wrapper.active .btn-buy_small,.dish_lunch .btn-buy_wrapper .btn-buy,.good_lunch .btn-buy_wrapper .btn-buy_small {
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.btn-buy_wrapper.active .btn-count-minus,.good_lunch .btn-buy_wrapper .btn-count-minus {
    left: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.btn-buy_wrapper.active .btn-count-plus,.good_lunch .btn-buy_wrapper .btn-count-plus {
    right: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.dish_lunch .btn-buy_wrapper .btn-count-minus {
    left: 20px
}

.dish_lunch .btn-buy_wrapper .btn-count-plus {
    right: 20px
}

@media (max-width: 400px) {
    .x-filials .dropdown-menu {
        width:100%!important;
        min-width: auto!important
    }

    .dish__comp-modal__item-content .dish__comp-modal__item-title {
        font-size: 16px
    }
}

@media (max-width: 575px) {
    .recommend.swiper-container .good-label-img {
        width:100px;
        height: 63px;
        top: 9px;
        right: 0;
        bottom: auto;
        left: auto
    }

    .btn-buy_wrapper .btn-count {
        visibility: hidden
    }

    .btn-buy_wrapper.active .btn-count {
        visibility: visible
    }
}

@media (max-width: 767.98px) {
    #order_form_content .page-content {
        margin-top:-110px
    }

    #order_form_content .page-content.checkout {
        margin-top: -115px
    }

    #order_form_content .page-content.delivery-content {
        margin-top: -120px
    }

    #pizza .pizza_isStopListed_container,#wok .wok_isStopListed_container {
        margin-top: 31px
    }

    #pizza .pizza_isStopListed_container .isStoplisted_image_container,#wok .wok_isStopListed_container .isStoplisted_image_container {
        margin-top: 50px;
        margin-bottom: 60px
    }

    .btn-red.btn-card_stoplisted {
        width: 122px;
        height: 39px;
        background: #e28491;
        border-radius: 4px 0 0 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10.5px 15.5px;
        font-size: 16px;
        line-height: 18px
    }

    .basket .alert-removedProducts {
        margin-right: 23px
    }

    .dish__comp-modal__content {
        height: 70vh
    }

    .dish__pizza-size-new {
        right: 20px
    }

    .dish__title {
        padding-right: 130px
    }

    .btn-buy {
        width: 122px;
        font-size: 16.2692px;
        line-height: 18px;
        text-align: center;
        letter-spacing: .234139px
    }

    .dish__count-wrap>div {
        width: 100%
    }

    .dish__price-wrap-new {
        background: 0 0;
        padding-right: 0
    }

    .order-button-fixed-content .cartorder__rack,.order-button-fixed-content .checkout__action-btn {
        padding: 15px
    }
}

@media (min-width: 768px) {
    .recommend.swiper-container .swiper-wrapper {
        -webkit-transform:none!important;
        -ms-transform: none!important;
        transform: none!important
    }

    .reccommend-pagination {
        display: none
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .good__2v1 {
        padding-left:7px
    }

    .good__2v1:before {
        display: none
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .recommend.swiper-container {
        overflow:hidden
    }
}

.header__menu-right-item-badge.deposit-icon {
    background: #4cd96a;
    padding: 0
}

.menu-modal__header-item .deposit-icon,.mobilemenu__menu-header-item_profile .deposit-icon {
    position: absolute;
    top: 5px;
    left: 25px
}

.menu-modal__header-item .deposit-icon {
    width: 18px;
    height: 18px
}

.mobilemenu__menu-header-item_profile .deposit-icon {
    width: 15px;
    height: 15px
}

.auth-form-info {
    text-align: center;
    margin: 0 -15px 15px
}

.auth-send-sms-block {
    text-align: center;
    margin-top: 20px
}

.auth-send-sms {
    display: inline-block;
    background: 0 0;
    color: #73808d;
    font-weight: 700;
    text-decoration: underline;
    padding: 0;
    border: none
}

.auth-send-sms:focus {
    outline: 0
}

.auth-form-privacy-policy {
    text-align: center;
    margin: 20px 0 0!important
}

.auth-form-privacy-policy .privacy-policy-link,.auth-form-privacy-policy .privacy-policy-text {
    color: #73808d;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .4px
}

.auth-form-privacy-policy .privacy-policy-link {
    display: block;
    text-decoration: underline
}

.personal__gender {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 18px
}

.personal__gender .personal__basic-info__item-label {
    margin-right: 81px
}

.personal__gender.validation-false {
    border: 1px solid #fe283e;
    border-radius: 8px
}

.personal__gender-item svg {
    margin-bottom: 16px;
    -webkit-filter: opacity(.5);
    filter: opacity(.5)
}

.personal__gender-item {
    position: relative
}

.personal__gender-item:first-of-type {
    margin-right: 150px
}

.personal__gender-item input {
    display: block;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0
}

.personal-checked {
    position: relative
}

.personal-checked span {
    padding-left: 41px
}

.personal-checked .checkbox-disk {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #cfd8dc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0
}

.personal-checked .checkbox-disk div {
    width: 14px;
    height: 14px;
    background: #d3132c;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: none
}

.personal-checked-first:checked~.personal-checked div {
    display: block
}

.personal-checked-first:checked~svg {
    -webkit-filter: opacity(1);
    filter: opacity(1)
}

.personal-checked-first {
    width: 24px;
    height: 24px
}

.personal__basic-info__item-label {
    margin-right: 90px
}

@media (max-width: 767.98px) {
    .personal__gender-mobile-top {
        position:relative;
        top: -122px
    }

    .personal-info-icon-gender {
        margin-left: 0;
        position: relative;
        top: -1.5px
    }

    .personal__gender .personal__basic-info__item-label {
        margin-right: 15px!important
    }

    .personal__gender-mobile-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    [data-entity=skip] {
        display: none
    }

    [data-entity=save] {
        max-width: 200px
    }
}

@media (max-width: 575px) {
    .personal__gender-mobile-top {
        position:relative;
        top: -150px
    }

    .personal__basic-info__item-label .personal-info-icon-gender {
        display: block;
        top: -12px;
        width: 15px;
        height: 15px;
        background-size: contain
    }

    .personal__gender-item:first-of-type {
        margin-right: 40px
    }
}

@media (max-width: 374px) {
    .personal__gender {
        padding-left:15px
    }

    .personal__gender-item:first-of-type {
        margin-right: 12px
    }
}

.basket__basketWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 10px 9px 13px;
    background-color: #d7f5dc;
    max-width: 310px;
    width: 100%;
    height: 39px;
    border-radius: 8px;
    margin-top: 16px
}

.personal__depositeWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basket__basketWrapper-togleFirstImg {
    margin-right: 10px;
    margin-top: -2px
}

.basket__basketWrapper-togleSecondImg {
    margin-left: 10px;
    margin-top: -2px
}

.basket__basketWrapper-tooltip {
    position: relative;
    display: inline-block
}

.basket__basketWrapper-tooltip .basket__basketWrapper-tooltipText {
    visibility: hidden;
    width: 188px;
    background-color: #000;
    color: #fbfbfb;
    text-align: left;
    padding: 11px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    z-index: 11;
    bottom: 125%;
    margin-left: -80px;
    margin-top: 0;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.basket__basketWrapper-tooltip .basket__basketWrapper-tooltipText::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: #000 transparent transparent transparent
}

.basket__basketWrapper-tooltip:hover .basket__basketWrapper-tooltipText {
    visibility: visible;
    opacity: 1
}

.basket__basketWrapper .basket__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.basket__basketWrapper .basket__item label {
    margin: 0 10px 0 21px
}

.basket__basketWrapper .personal__deposite-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000
}

.basket__basketWrapper .personal__deposite-cost {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0
}

@media only screen and (max-width: 767.89px) {
    .basket__basketWrapper {
        padding:9px 10px 9px 16px;
        max-width: 343px;
        width: 100%;
        margin-bottom: 11px
    }

    .basket__basketWrapper-tooltip .basket__basketWrapper-tooltipText::after {
        left: 85%
    }

    .basket__basketWrapper-tooltip .basket__basketWrapper-tooltipText {
        margin-left: -145.5px
    }
}

.personal__catcher-hover {
    position: absolute;
    right: 0;
    top: 21px;
    z-index: 4;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.personal__data-item:hover .personal__catcher-hover {
    right: 20px
}

.error-tooltip {
    display: inline-block;
    visibility: hidden
}

.input-valid-error {
    border-color: red
}

.input-valid-error .error-tooltip {
    visibility: visible
}

#captcha {
    margin-top: 16px
}

.smartbanner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background: #f2f2f2;
    font-family: Helvetica,sans,sans-serif;
    font-size: 12px
}

.smartbanner__exit {
    position: absolute;
    top: calc(50% - 6px);
    left: 9px;
    display: block;
    border: 0;
    margin: 0;
    width: 12px;
    height: 12px;
    text-align: center
}

.smartbanner__exit::after,.smartbanner__exit::before {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #767676;
    content: ' '
}

.smartbanner__exit::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.smartbanner__exit::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.smartbanner__icon {
    position: absolute;
    top: 10px;
    left: 30px;
    width: 64px;
    height: 64px;
    border-radius: 15px;
    background-size: 64px 64px
}

.smartbanner__info {
    position: absolute;
    top: 10px;
    left: 104px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-y: hidden;
    width: 60%;
    height: 64px;
    color: #000
}

.smartbanner__info__price {
    display: none
}

.smartbanner__button {
    position: absolute;
    top: 32px;
    right: 10px;
    z-index: 1;
    display: block;
    padding: 0 10px;
    min-width: 10%;
    border-radius: 5px;
    background: #f2f2f2;
    color: #1474fc;
    font-size: 18px;
    text-align: center;
    text-decoration: none
}

.smartbanner__button__label {
    text-align: center
}


.footer__bottom {
    background-color: #000;
    font-size: .75rem;
    line-height: 1.33417;
    padding-top: .8125rem;
    padding-bottom: .8125rem;
}

.push {
  list-style: none;
}
.push li {
  position: relative;
  padding: 20px 0 0px 40px;
  color: #737373;
  font-variant: small-caps;
  letter-spacing: 1px;
}
.push li b{
    color: #c3c3c3
    text-transform: uppercase;
}
.push li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d31340;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 27px;
}
.push li:after {
  position: absolute;
  border-left: 1px dotted #d31340;
  width: 1px;
  bottom: -12px;
  content: "";
  left: 3px;
  top: 48px;
}
.push li:hover:before{box-shadow: 0 0 0 10px rgba(211,19,64,.2)}
.push li:last-child:after {content: none;}


.about-logo{
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.about-logo:hover{
opacity: 0.4;
}

.rounded {
counter-reset: li; 
list-style: none; 
width: max-content;
margin-left: 10px;
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
color: #444;
font-variant: small-caps;
letter-spacing: 1px;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded a:hover {
    background: #d31340;
    color: #fff;
}
.rounded a:hover:before {transform: rotate(360deg);}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1em;
background: #d31340;
height: 2em;
width: 2em;
line-height: 1.7em;
border: .3em solid #8d8d8d;
text-align: center;
font-weight: bold;
border-radius: 10px;
transition: all .3s ease-out;
}


.column#grayscale img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.column#grayscale:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.filter:hover{
filter: grayscale(0.5)
}

/* стиля кнопки звонка */
  #popup__toggle{bottom:25px;right:10px;position:fixed;z-index:999;}
.img-circle{background-color:#ffbe16;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #ffbe16;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#ffbe16;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(../img/phone.svg);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
/* конец стилей кнопки звонка */


/* Модальное окно о времени работы */
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
-webkit-animation: alertAnimate ease-in-out .3s;
animation: alertAnimate ease-in-out .3s;
backdrop-filter: blur(10px);
z-index: 1;
}
#overlay_first {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
-webkit-animation: alertAnimate ease-in-out .3s;
animation: alertAnimate ease-in-out .3s;
backdrop-filter: blur(10px);
z-index: 1;
}

#modal_form {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
width: 100%;
max-width: 444px;
background: #ffffff24;
-webkit-box-shadow: 0 5px 30px rgba(0,0,0,.28);
box-shadow: 0 5px 30px rgba(0,0,0,.28);
padding: 15px;
z-index: 2;
}

#modal_form_first{
    display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
width: 100%;
max-width: 444px;
background: #ffffff24;
-webkit-box-shadow: 0 5px 30px rgba(0,0,0,.28);
box-shadow: 0 5px 30px rgba(0,0,0,.28);
padding: 15px;
z-index: 2
}

#modal_form_first p{
text-align: center;
margin: 20px 5px 15px;
font-size: 25px;
color: #d5d5d5;
}

#modal_form p {
text-align: center;
margin: 20px 5px 15px;
font-size: 25px;
color: #d5d5d5;
}
#modal_close {
font-size: 25px;
text-align: center;
cursor: pointer;
color: #d5d5d5;
font-weight: 100;
}
#modal_close:hover {
color: #fff;
}
.button_close{
background: #cf133f;
width: 50%;
border-radius: 4px;
height: 50px;
border: none;
-webkit-appearance: none;
color: #fff;
}
.button_close:hover {
background: #ffbe16;
}
.alert-footer{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: center;
}
/* конец стилей модального окна о времени работы */

.animated-svg {
  width: 375px;
  height: 50px;
}

@keyframes stroke-animation {
  0% {
    stroke-dasharray: 0, 400;
    fill: none;
  }
  70% {
    stroke-dasharray: 400, 0;
    fill: none;
  }
  100% {
    fill: #73808d;
  }
}

.animated-text {
  font-size: 25px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  stroke: #73808d;
  stroke-width: 1;
  animation: stroke-animation 3s ease-in-out infinite;
}


.animated-svg-1 {
  width: 320px;
  height: 100px;
}

@keyframes stroke-animation {
  0% {
    stroke-dasharray: 0, 400;
    fill: none;
  }
  70% {
    stroke-dasharray: 400, 0;
    fill: none;
  }
  100% {
    fill: #d31340;
  }
}

.animated-text-1 {
  font-size: 75px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  stroke: #d31340;
  stroke-width: 1;
  animation: stroke-animation 3s ease-in-out infinite;
}







* {
  box-sizing: border-box;
}
.blog-slider {
  width: 95%;
  position: relative;
  max-width: 800px;
  margin: auto;
  padding: 25px;
  border-radius: 25px;
  height: 400px;
  transition: all 0.3s;
  -webkit-box-shadow: 0 3px 20px 0 #595959;
    box-shadow: 0 3px 20px 0 #595959;
    border-radius: 8px;
}
@media screen and (max-width: 992px) {
  .blog-slider {
    max-width: 680px;
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider {
    height: 350px;
  }
}
.blog-slider__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
  opacity: 1;
  transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
  transition-delay: 0.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
  transition-delay: 0.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
  transition-delay: 0.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
  transition-delay: 0.7s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
  transition-delay: 0.8s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
  transition-delay: 0.9s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
  transition-delay: 1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
  transition-delay: 1.1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
  transition-delay: 1.2s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
  transition-delay: 1.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
  transition-delay: 1.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
  transition-delay: 1.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
  transition-delay: 1.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
  transition-delay: 1.7s;
}
.blog-slider__img {
width: 300px;
    flex-shrink: 0;
    height: 300px;
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
    webkit-box-shadow: 0 3px 20px 0 #595959;
    box-shadow: 0 3px 20px 0 #595959;
}
.blog-slider__img:after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(147deg, #222123 0%, #d31340 74%);
    border-radius: 8px;
    z-index: -1;
}
.blog-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  border-radius: 8px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .blog-slider__img {
    transform: translateY(-50%);
    width: 90%;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider__img {
    height: 270px;
  }
}
.blog-slider__content {
  padding-right: 25px;
}
@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -80px;
    text-align: center;
    padding: 0 30px;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__content {
    padding: 0;
  }
}
.blog-slider__content > * {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.4s;
}
.blog-slider__code {
  color: #7b7992;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}
.blog-slider__title {
  font-size: 24px;
  font-weight: 700;
  color: #7e7e7e;
  margin-bottom: 20px;
}
.blog-slider__text {
  color: #fff;
  margin-bottom: 30px;
  line-height: 1.5em;
}
.blog-slider__button {
  display: inline-flex;
  background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
  padding: 15px 35px;
  border-radius: 50px;
  color: #fff;
  box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
  text-decoration: none;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
}
.blog-slider__button:hover{color: #000;text-decoration: none;}

@media screen and (max-width: 576px) {
  .blog-slider__button {
    width: 100%;
  }
}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.blog-slider__pagination {
  position: absolute;
  z-index: 21;
  right: 20px;
  width: 11px !important;
  text-align: center;
  left: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    top: 205px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0;
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}
.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: #062744;
  opacity: 0.2;
  transition: all 0.3s;
}
.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #d31340;
  height: 30px;
  box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }
}



.acor-container {
margin: 40px 0;
}
.acor-container p{
color: #adadad;
    letter-spacing: 1.6px;
    padding: 0 48px 0 25px;
    border-left: 1px dashed #a6b1bc;
    margin: 40px 0;
}
.acor-container .acor-body {
width: calc(100% - 40px);
margin: 0 auto;
height: 0;
color: rgba(0, 0, 0, 0);
background: #ffffff24;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .28);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .28);
line-height: 18px;
padding: 0 30px;
box-sizing: border-box;
transition: color 0.5s, padding 0.5s;
overflow: hidden;
font-family: Verdana, sans-serif;
font-size: 16px;
}
.acor-container .acor-body p {
margin: 0 0 10px;
}
.acor-container label {
cursor: pointer;
background-color: #d31340;
display: block;
padding: 15px 20px;
width: 100%;
color: #BFE2FF;
font-weight: 300;
box-sizing: border-box;
z-index: 100;
font-family: Verdana, sans-serif;  
font-size: 18px;
margin: 0 0 5px;
transition: color .35s;
}
.acor-container label:hover {
color: #FFF;
}
.acor-container input{
display: none;
}
.acor-container label:before {
content: '\276F';
float: right;
}
.acor-container input:checked + label {
background-color: #d31340;
color: #FFF;
box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);
}
.acor-container input:checked + label:before {
transition: transform .35s;
transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
height: auto;
margin-top: -5px;
color: #fff;
padding: 20px 30px 10px;
}