* {
    margin: 0;
    padding: 0;
    font: inherit;
    box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: hsla(0, 0%, 100%, 0);
    cursor: default
}

body {
    font-size: 100%;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

a {
    background: 0 0
}

:active, :focus, :hover {
    outline: 0
}

hr {
    box-sizing: content-box;
    height: 0
}

ol, ul {
    list-style: none
}

pre {
    -moz-tab-size: 4;
    tab-size: 4;
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

img {
    border: none
}

svg:not(:root) {
    overflow: hidden
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button {
    overflow: visible
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box
}

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: none;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

button, input, select[multiple], textarea {
    background-image: none
}

input, select, textarea {
    border-radius: 0;
    box-shadow: none
}

input, textarea {
    resize: none;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

[placeholder]:focus:-ms-input-placeholder, [placeholder]:focus::-ms-input-placeholder {
    color: transparent
}

[placeholder]:focus::placeholder {
    color: transparent
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/public/fonts/MR.woff2) format("woff2"), url(/assets/public/fonts/MR.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/public/fonts/MM.woff2) format("woff2"), url(/assets/public/fonts/MM.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/public/fonts/MB.woff2) format("woff2"), url(/assets/public/fonts/MB.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/public/fonts/MEB.woff2) format("woff2"), url(/assets/public/fonts/MEB.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(/assets/public/fonts/RubR.woff2) format("woff2"), url(/assets/public/fonts/RubR.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/public/fonts/RR.woff2) format("woff2"), url(/assets/public/fonts/RR.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/assets/public/fonts/RB.woff2) format("woff2"), url(/assets/public/fonts/RB.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.ffr {
    font-family: Roboto
}

.ff-base {
    font-family: Montserrat, "Proxima Nova", sans-serif
}

.cl-accent {
    color: #ff6e00
}

.bg-accent {
    background-color: #ff6e00
}

.cl-accent-hover {
    color: #ff6e00
}

.bg-accent-hover {
    background-color: #ff6e00
}

.cl-second-color {
    color: #f4f5f5
}

.bg-second-color {
    background-color: #f4f5f5
}

.cl-text {
    color: #4d4d4d
}

.bg-text {
    background-color: #4d4d4d
}

.cl-text-l {
    color: #d3d3d3
}

.bg-text-l {
    background-color: #d3d3d3
}

.cl-text-m {
    color: #9a9a9a
}

.bg-text-m {
    background-color: #9a9a9a
}

.cl-white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.cl-error {
    color: #ff4b4b
}

.bg-error {
    background-color: #ff4b4b
}

.cl-black {
    color: #262626
}

.bg-black {
    background-color: #262626
}

.aero-mq {
    font-family: "xs=320px&sm=480px&md=640px&lg=768px&xl=980px&xxl=1280px&sl=1520px"
}

.s-select {
    min-width: 180px;
    font-size: .75rem
}

.s-select__txt {
    transition: color .27s
}

.s-select input {
    -webkit-appearance: none
}

.s-select__label {
    line-height: 2.375rem
}

.s-select__label_list {
    padding-right: 18px;
    padding-left: 21px;
    white-space: nowrap;
    color: #4d4d4d;
    transition: height .25s cubic-bezier(.4, .25, .3, 1)
}

.s-select__label_list:hover {
    color: #ff6e00;
    background-color: #f4f5f5
}

.s-select__label_placeholder {
    padding-right: 20px
}

.s-select__icon {
    margin-right: 5px
}

.s-select .svg-arrow {
    top: 16px
}

.s-select__items {
    padding-top: 38px
}

.s-select__options {
    overflow-y: auto;
    max-height: 150px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top: none;
    box-shadow: 0 5px 21px 0 rgba(36, 47, 70, .12);
    transition: border-color .27s, background-color 0s linear .27s
}

.s-select__expand-label {
    height: 38px
}

.s-select__expand:checked ~ .s-select__expand-label {
    cursor: default;
    pointer-events: none
}

.s-select__expand:checked ~ .s-select__options {
    background-color: #fff;
    border-color: #e7e7e7;
    transition: border-color .27s, background-color 0s linear 0s
}

.s-select__expand:checked ~ .s-select__options .s-select__label {
    height: 38px
}

.s-select__expand:checked + .s-select__close-label {
    display: block
}

.s-select__expand:checked ~ .svg-arrow {
    transform: scale(-1)
}

.h-btn-menu {
    width: 20px;
    height: 16px;
    transition: color .27s
}

.h-btn-menu:hover {
    color: #ff6e00
}

.h-btn-menu__line {
    height: 2px;
    transition: right .1s linear .54s, background-color 0s linear .27s
}

body.is-menu-open .h-btn-menu__line, body.is-mob-menu-open .h-btn-menu__line {
    right: -4px;
    background-color: transparent;
    transition: right .1s linear 0s, background-color 0s linear .37s
}

.h-btn-menu__line:after, .h-btn-menu__line:before {
    position: absolute;
    left: 0;
    height: 2px;
    content: "";
    background-color: currentColor;
    transform: rotate(0)
}

.h-btn-menu__line:before {
    top: -7px;
    right: -4px;
    transition: right .1s linear .54s, top .27s linear .27s, transform .27s linear 0s
}

body.is-menu-open .h-btn-menu__line:before, body.is-mob-menu-open .h-btn-menu__line:before {
    top: 0;
    right: 0;
    transition: right .1s linear 0s, top .27s linear .1s, transform .27s linear .37s;
    transform: rotate(45deg)
}

.h-btn-menu__line:after {
    right: 0;
    bottom: -7px;
    transition: right .1s linear .54s, bottom .27s linear .27s, transform .27s linear 0s
}

body.is-menu-open .h-btn-menu__line:after, body.is-mob-menu-open .h-btn-menu__line:after {
    right: 0;
    bottom: 0;
    transition: right .1s linear 0s, bottom .27s linear .1s, transform .27s linear .37s;
    transform: rotate(-45deg)
}

.h-extended-menu {
    z-index: 2;
    right: -20px;
    left: -20px;
    padding: 33px 66px 49px;
    border: 1px solid #e7e7e7;
    border-top: none;
    box-shadow: 0 5px 21px 0 rgba(36, 47, 70, .12);
    transition: opacity .27s, visibility 0s linear .27s
}

body.is-menu-open .h-extended-menu {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    transition: opacity .27s, visibility 0s linear 0s
}

.h-ext-menu-list {
    margin-left: 96px;
    padding-left: 65px;
    border-left: 1px solid #e7e7e7
}

.h-ext-menu-list__title {
    margin-bottom: 21px;
    font-family: Roboto;
    font-size: 1.25rem;
    color: #303030
}

.h-ext-menu-list__link {
    font-size: .9375rem
}

.h-ext-menu-list__link:nth-last-child(n+2) {
    margin-bottom: 27px
}

.h-main-links__item {
    max-width: calc(50% - 60px)
}

.hm-link {
    transition: color .27s
}

.hm-link_calc {
    margin-right: 65px
}

.hm-link_phone {
    margin-left: 70px
}

.hm-link__icon {
    width: 16px;
    height: 16px
}

.hm-link__b-num {
    padding: 0 5px;
    min-width: 26px;
    height: 24px;
    font-size: .9375rem
}

.hm-link:hover {
    color: #ff6e00
}

.hm-logo {
    margin: 20px 0
}

.hm-phone__num {
    font-size: 1.375rem
}

.hm-phone__time {
    font-family: Roboto;
    line-height: .8125rem
}

.h-main-menu {
    margin-left: 35px
}

.h-main-menu__link {
    padding: 14px 21px;
    font-size: .9375rem
}

.h-main-menu > li:last-child > a {
    padding-right: 0
}

.h-main-menu > li.has-active > a {
    color: #ff6e00
}

.h-main-menu > li > a {
    text-align: right;
    border-bottom: 2px solid transparent;
    transition: border-color .27s
}

.h-main-menu > .h-main-menu__item:hover > a {
    border-color: #4c4c4c
}

.h-main-menu > .h-main-menu__item:hover .h-main-menu-sub {
    background-color: #fff;
    border-color: #e7e7e7;
    transition: border-color .27s, background-color 0s linear 0s
}

.h-main-menu > .h-main-menu__item:hover .h-main-menu-sub a {
    height: 38px
}

.h-main-menu__more:hover ul, .is-menu-more-open .h-main-menu__more ul {
    visibility: visible;
    opacity: 1;
    transition: opacity .27s, visibility 0s linear 0s
}

.h-main-menu__more:hover > a, .is-menu-more-open .h-main-menu__more > a {
    border-left: 1px solid #e7e7e7
}

.h-main-menu__more:hover .svg-arrow, .is-menu-more-open .h-main-menu__more .svg-arrow {
    transform: scale(-1)
}

.h-main-menu__more .svg-arrow {
    margin-left: 7px
}

.h-main-menu__more > a {
    border-left: 1px solid transparent;
    transition: border-color .27s
}

.h-main-menu__more > a:after, .h-main-menu__more > a:before {
    position: absolute;
    right: -10px;
    content: ""
}

.h-main-menu__more > a:before {
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: transparent;
    transition: background-color .27s
}

.h-main-menu__more:hover > a:before, .is-menu-more-open .h-main-menu__more > a:before {
    background-color: #e7e7e7
}

.h-main-menu__more > a:after {
    z-index: 1;
    right: -9px;
    left: 1px;
    bottom: -1px;
    height: 2px;
    background-color: transparent;
    transition: background-color .27s linear 0s
}

.h-main-menu__more:hover > a:after, .is-menu-more-open .h-main-menu__more > a:after {
    background-color: #fff;
    transition: background-color 0s linear 0s
}

.h-main-menu__more .h-main-menu-sub {
    display: none
}

.h-main-menu a.is-active {
    color: #ff6e00
}

.h-main-menu-more {
    right: -10px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    transition: opacity .27s, visibility 0s linear .27s
}

.h-main-menu-more > li a {
    padding-right: 60px;
    padding-left: 16px
}

.h-main-menu-more a {
    transition: color .27s, background-color .27s
}

.h-main-menu-more a:hover {
    color: #ff6e00;
    background-color: #f4f5f5
}

.nav-item-more:nth-last-child(n+2) a {
    border-bottom: 1px solid #e7e7e7
}

.h-main-menu-sub {
    border: 1px solid transparent;
    box-shadow: 0 5px 21px 0 rgba(36, 47, 70, .12);
    transition: border-color .27s, background-color 0s linear .27s
}

.h-main-menu-sub__link {
    padding-right: 40px;
    padding-left: 21px;
    font-family: Roboto;
    font-size: .9375rem;
    transition: height .25s cubic-bezier(.4, .25, .3, 1), background-color .27s, color .27s
}

.h-main-menu-sub__link:hover {
    color: #ff6e00;
    background-color: #f4f5f5
}

.header {
    position: fixed;
    top: 0;
    width: 100%
}

.header__line {
    font-size: 0;
    border-bottom: 1px solid #e7e7e7
}

.header__line_links {
    font-size: .8125rem
}

.header.sticky .header-warn, .header.sticky .header__line {
    display: none
}

.header.sticky .header__line_links {
    display: block
}

.remodal-bg {
    padding-top: 200px
}

.menu-retail .menu-retail__sub {
    height: 0;
    overflow: hidden;
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0)
}

.menu-retail .retail-select__option:hover .menu-retail__sub {
    height: auto;
    box-shadow: 0 5px 21px 0 rgba(36, 47, 70, .11);
    background-color: #fff;
    transition: border-color .27s, background-color 0s linear 0s
}

.menu-retail .retail-select__option:hover .menu-retail__sub li {
    height: auto
}

.menu-retail .menu-retail__sub-item {
    height: 38px;
    font-family: Roboto;
    font-size: 15px;
    padding: 8px 15px
}

.menu-retail_mob {
    margin-top: 10px;
    width: 220px
}

.menu-retail_mob .retail-select__options {
    bottom: 100%
}

.menu-retail_mob .retail-select__expand:checked ~ .retail-select__options {
    border-top: 1px solid #e7e7e7;
    border-bottom: none
}

.menu-retail_mob .retail-select__link {
    padding-left: 26px
}

.menu-retail_mob .svg-arrow {
    right: 14px;
    stroke: #ff6e00
}

.retail-select {
    font-size: .625rem
}

.retail-select input {
    -webkit-appearance: none
}

.retail-select__label_placeholder {
    line-height: 38px
}

.retail-select__label:hover .retail-select__link {
    color: #ff6e00
}

.retail-select__link {
    height: 38px;
    transition: color .27s
}

.retail-select .svg-arrow {
    top: 16px
}

.mobile-menu-wrap {
    position: fixed;
    z-index: 10;
    top: 168px;
    left: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    transition: transform .3s linear .2s, opacity 0s linear 1s;
    transform: translateX(-50%)
}

.is-mob-menu-open .mobile-menu-wrap {
    opacity: 1;
    transition: transform .3s linear .2s, opacity 0s;
    transform: translateX(0)
}

.mobile-menu-wrap .container, .mobile-menu-wrap .row {
    height: 100%
}

.mobile-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    pointer-events: all;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px
}

.mobile-menu:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: -100%;
    bottom: 0;
    content: "";
    background-color: #fff
}

.mobile-menu__wr-menu {
    overflow-x: hidden;
    overflow-y: scroll
}

.mobile-menu__wr-info {
    padding: 21px 0 23px 20px
}

.mobile-menu__wr-info:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: -100%;
    bottom: -1000%;
    box-sizing: border-box;
    content: "";
    background-color: #f4f5f5;
    border-top: 1px solid #e7e7e7
}

.mob-menu__item:nth-last-child(n+2) {
    margin-bottom: 35px
}

.mob-menu__item.sub-open .mob-menu-sub-wrap {
    left: 0
}

.mob-menu__link {
    line-height: 1
}

.mob-menu__link:active {
    color: #ff6e00
}

.mob-menu, .mob-menu-sub-wrap, .wr-city-list {
    padding: 37px 0 15px 53px
}

.mob-menu-sub-wrap {
    z-index: 1;
    top: 0;
    left: -150%;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    transition: left .27s
}

.mob-menu-sub-wrap:before {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 300px;
    content: "";
    background-color: #fff
}

.mob-menu-sub-wrap__title {
    margin-bottom: 35px;
    line-height: 1
}

.mob-menu-sub-wrap__title.is-active {
    color: #ff6e00
}

.mob-menu-sub {
    overflow-x: hidden;
    overflow-y: scroll
}

.mob-menu-sub__item {
    margin-bottom: 35px
}

.mob-menu-sub__link.is-active, .mob-menu__link.is-active {
    color: #ff6e00
}

.mob-menu-plus {
    position: absolute;
    top: 50%;
    left: -53px;
    display: flex;
    width: 53px;
    align-items: center;
    transform: translateY(-50%)
}

.mob-menu-plus__plus {
    position: relative;
    left: 26px;
    width: 12px;
    height: 12px
}

.mob-menu-plus__plus:after, .mob-menu-plus__plus:before {
    position: absolute;
    content: "";
    background-color: #ff6e00
}

.mob-menu-plus__plus:before {
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    height: 2px
}

.mob-menu-plus__plus:after {
    top: 0;
    left: calc(50% - 1px);
    bottom: 0;
    width: 2px
}

.mob-menu-plus__plus_sub {
    transform: rotate(-45deg)
}

.wr-city-list {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -150%;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    transition: left .27s
}

.wr-city-list.is-show {
    left: 0
}

.wr-city-list:before {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 300px;
    content: "";
    background-color: #fff
}

.wr-city-list__title {
    margin-bottom: 35px;
    line-height: 1
}

.wr-city-list__title:active {
    color: #ff6e00
}

.wr-city-list__list-cont {
    margin-bottom: 20px;
    overflow-y: scroll;
    flex-grow: 1
}

.city-list {
    overflow-x: hidden;
    overflow-y: scroll
}

.city-list__link {
    display: block;
    line-height: 1
}

.city-list li:nth-last-child(n+2) {
    margin-bottom: 35px
}

.bl-phone-menu {
    margin-bottom: 14px
}

.bl-phone-menu__icon {
    margin-right: 10px;
    width: 17px;
    height: 17px
}

.bl-phone-menu__time {
    font-size: .9375rem
}

.phone-menu__pr {
    font-size: .8125rem
}

.phone-menu__num {
    font-size: 1.125rem
}

.city-mob-menu {
    color: #b3b3b3
}

.city-mob-menu__show-city {
    font-size: .9375rem
}

.city-mob-menu__icon {
    margin-right: 12px
}

.city-mob-menu__sepor {
    margin: 0 13px 0 15px;
    width: 1px;
    height: 27px;
    background-color: currentColor
}

.city-mob-menu__choose-city {
    padding-top: 1px
}

.city-mob-menu__choose-city:active {
    color: #ff6e00
}

.phones__title {
    margin-bottom: 10px;
    font-family: Roboto;
    font-size: 1.25rem;
    color: #303030
}

.phones__phone {
    margin-bottom: 2px;
    font-size: 1.875rem
}

.phones__desc {
    font-family: Roboto;
    font-size: 1.125rem;
    color: #9a9a9a
}

.phones__desc_margin {
    margin-bottom: 30px
}

.line-warn {
    font-size: .875rem;
    line-height: 1.125rem
}

.line-warn_content {
    margin-top: 29px;
    padding-right: 70px;
    padding-left: 70px
}

.line-warn_top-ind {
    margin-top: 44px
}

.line-warn svg {
    margin-right: 12px;
    flex-shrink: 0
}

.svg-arrow {
    transition: transform .27s, stroke .27s;
    transform: scale(1);
    width: 9px;
    height: 5px
}

.svg-location {
    width: 14px;
    height: 16px
}

.svg-arrow-big {
    transition: stroke .27s;
    stroke-width: 1.5px;
    width: 15px;
    height: 17px
}

.svg-help {
    width: 18px;
    height: 18px;
    transition: fill .27s
}

.svg-help:hover {
    fill: #ff6e00
}

.svg-cross {
    transition: stroke .27s;
    width: 17px;
    height: 17px;
    stroke-width: 1.7px
}

.svg-cross:hover {
    stroke: #ff6e00
}

.svg-eye {
    width: 25px;
    height: 14px
}

.svg-rubbish {
    width: 17px;
    height: 20px
}

.svg-info {
    width: 18px;
    height: 18px
}

.svg-img {
    stroke: #262626;
    stroke-width: 3;
    stroke-miterlimit: 10
}

.svg-cross-big {
    transform: rotate(-45deg);
    transition: fill .27s, transform .27s;
    width: 18px;
    height: 18px
}

.svg-vk {
    width: 30px;
    height: 18px
}

.svg-inst {
    width: 20px;
    height: 20px
}

.svg-ok {
    width: 11px;
    height: 20px
}

.svg-youtube {
    width: 28px;
    height: 20px
}

.svg-facebook {
    width: 20px;
    height: 20px
}

.svg-review-video-play {
    width: 61px;
    height: 61px
}

.svg-review-video-play__item {
    transition: fill .27s, opacity .27s
}

.svg-review-video-play:hover .svg-review-video-play__item_c {
    fill: #4d4d4d;
    stroke: #4d4d4d
}

.svg-review-video-play:hover ~ .bg-shade-img:before {
    background-color: transparent
}

.svg-review-video-play_sound .svg-review-video-play__item_p, .svg-review-video-play_sound .svg-review-video-play__item_t {
    opacity: 0
}

.svg-review-video-play_sound.is-pause .svg-review-video-play__item_p, .svg-review-video-play_sound.is-play .svg-review-video-play__item_t {
    opacity: 1
}

.svg-arrow-lite {
    transition: stroke .27s;
    width: 35px;
    height: 70px
}

.svg-arrow-lite:hover {
    stroke: #ff6e00
}

.svg-stylized-circle {
    width: 120px;
    height: 120px
}

.svg-stylized-circle .a {
    fill: none;
    stroke: #4d4d4d;
    stroke-miterlimit: 10;
    stroke-width: 8px
}

.svg-stylized-circle .b {
    fill: #ff6e00
}

html {
    font-size: 16px;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

body {
    font-family: Montserrat, "Proxima Nova", sans-serif;
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 400;
    touch-action: manipulation
}

html.is-noscroll body {
    position: fixed !important;
    overflow-y: scroll;
    width: 100%
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.wincards-gray.row {
    justify-content: center;
}

img {
    max-width: 100%;
    height: auto
}

.visuallyhidden {
    position: absolute;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    border: none
}

.h2 {
    font-size: 3rem;
    line-height: 1
}

.scroll-style-hor {
    scrollbar-color: #9a9a9a #fff
}

.scroll-style-hor::webkit-scrollbar-button {
    display: none
}

.scroll-style-hor::-webkit-scrollbar {
    height: 16px;
    background-color: #fff
}

.scroll-style-hor::-webkit-scrollbar-track {
    background-color: #fff
}

.scroll-style-hor::-webkit-scrollbar-track:hover {
    background-color: #f4f5f5
}

.scroll-style-hor::-webkit-scrollbar-thumb {
    background-color: #9a9a9a;
    border: 5px solid #fff;
    border-radius: 16px
}

.scroll-style-hor::-webkit-scrollbar-thumb:hover {
    background-color: #d3d3d3;
    border: 4px solid #f4f5f5
}

.scroll-style-ver {
    scrollbar-color: #9a9a9a #fff
}

.scroll-style-ver::webkit-scrollbar-button {
    display: none
}

.scroll-style-ver::-webkit-scrollbar {
    width: 16px;
    background-color: #fff
}

.scroll-style-ver::-webkit-scrollbar-track {
    background-color: #fff
}

.scroll-style-ver::-webkit-scrollbar-track:hover {
    background-color: #f4f5f5
}

.scroll-style-ver::-webkit-scrollbar-thumb {
    background-color: #9a9a9a;
    border: 5px solid #fff;
    border-radius: 16px
}

.scroll-style-ver::-webkit-scrollbar-thumb:hover {
    background-color: #d3d3d3;
    border: 4px solid #f4f5f5
}

.l-hover-a {
    transition: color .27s
}

.l-hover-a:hover {
    color: #ff6e00
}

.l-hover-t {
    transition: color .27s
}

.l-hover-t:hover {
    color: #4d4d4d
}

.btn-f-a {
    color: #fff;
    background-color: #ff6e00;
    border-color: #ff6e00
}

.btn-a, .btn-b, .btn-f-a {
    transition: color .27s, background-color .27s, border-color .27s
}

.btn-a:hover, .btn-b:hover, .btn-f-a:hover {
    color: #fff
}

.btn-a:hover {
    background-color: #ff6e00;
    border-color: #ff6e00
}

.btn-b:hover, .btn-f-a:hover {
    background-color: #262626;
    border-color: #262626
}

.btn-a[disabled], .btn-b[disabled], .btn-f-a[disabled] {
    pointer-events: none;
    color: #d3d3d3;
    border-color: currentColor;
    transition: color .27s, border-color .27s
}

.btn-a[disabled], .btn-b[disabled] {
    background-color: transparent
}

.btn-f-a[disabled] {
    background-color: currentColor
}

[data-v-cloak], [v-cloak] {
    display: none
}

.bd-light {
    border: 1px solid #e7e7e7
}

.g-lg-visible, .g-md-visible, .g-sl-visible, .g-sm-visible, .g-xl-visible, .g-xs-visible, .g-xxl-visible {
    display: none
}

.section {
    position: relative;
    z-index: 0
}

.section:before {
    position: absolute;
    z-index: 15;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    content: "";
    background-color: rgba(77, 77, 77, .4);
    opacity: 0;
    transition: opacity .4s linear .2s
}

.is-mob-menu-open .section:before {
    opacity: 1;
    transition: opacity .4s
}

input[name=phone].focus-field-phone {
    text-align: left;
    color: #fff;
    transition: color 0s linear 0s
}

.heading-bread-tabs {
    margin-top: 32px;
    font-size: 1.25rem;
    line-height: 2rem;
    color: #9a9a9a
}

.heading-bread-tabs__item {
    transition: color .27s
}

.heading-bread-tabs__item:hover {
    color: #ff6e00
}

.heading-bread-tabs__item.is-active {
    pointer-events: none;
    color: #303030
}

.heading-bread-tabs__sp {
    margin: 0 5px
}

.heading-bread-tabs_or-call .heading-bread-tabs__sp {
    color: #9a9a9a
}

.heading-bread-tabs__new {
    position: relative;
    top: -12px;
    margin-left: 5px;
    font: bold .75rem Montserrat, "Proxima Nova", sans-serif
}

.heading-bread {
    margin-top: 32px;
    font-size: 1.25rem;
    line-height: 2rem;
    color: #9a9a9a
}

.heading-bread__item {
    transition: color .27s
}

.heading-bread__item:hover {
    color: #ff6e00
}

.heading-bread__item.is-active {
    pointer-events: none;
    color: #303030
}

.heading-bread__sp {
    margin: 0 5px
}

.heading-bread_or-call .heading-bread__sp {
    color: #9a9a9a
}

.heading-bread__new {
    position: relative;
    top: -12px;
    margin-left: 5px;
    font: bold .75rem Montserrat, "Proxima Nova", sans-serif
}

.heading.h1, .heading.h2 {
    font-size: 3rem;
    line-height: 1.25
}

.heading-desc {
    margin-top: 24px;
    font-family: Roboto;
    font-size: 1.125rem;
    line-height: 1.5rem
}

@media (max-width: 768px) {
    .sale-widget {
        display: none;
    }
}

.sale-widget__wrapper {
    position: fixed;
    display: flex;
    width: 100px;
    height: 100px;
    z-index: 999;
    left: calc(50% - 50px);
    bottom: 25px;
    align-items: center;
    justify-content: center;
    background: #fe6e00;
    border-radius: 100px;
    box-shadow: 1px 1px 20px 10px rgba(88, 88, 88, .22);
    transition: .4s;
    animation: pulse 2s ease-in-out infinite
}

.sale-widget__wrapper:hover {
    cursor: pointer;
    transform: scale(1.1)
}

.sale-widget__sale-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff
}

.sale-widget__sale-button > span {
    font-size: 25px;
    font-weight: 900
}

@keyframes pulse {
    0% {
        transform: scale(.85)
    }
    50% {
        transform: scale(1)
    }
    to {
        transform: scale(.85)
    }
}

@media screen and (min-width: 0px) {
    .mobile-menu {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px
    }

    .container {
        padding-left: 10px;
        padding-right: 10px
    }

    .row {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media screen and (min-width: 480px) {
    .mobile-menu {
        width: calc(83.33333333333334% - 20px)
    }
}

@media (min-width: 480px) {
    .container {
        max-width: 480px
    }
}

@media screen and (min-width: 640px) {
    .mobile-menu {
        width: calc(66.66666666666667% - 20px)
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media screen and (min-width: 768px) {
    .mobile-menu {
        width: calc(50% - 20px)
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 980px) {
    .hm-link__icon {
        margin-right: 14px
    }

    .hm-link__b-num {
        margin-left: 6px
    }

    .retail-select__options {
        display: flex
    }

    .retail-select__link {
        margin-left: 15px
    }

    .retail-select .svg-arrow {
        display: none
    }

    .container {
        max-width: 980px
    }
}

@media (min-width: 1280px) {
    .s-select:hover .s-select__txt {
        color: #ff6e00
    }

    .s-select:hover .s-select__options .s-select__label {
        height: 38px
    }

    .s-select:hover .s-select__options {
        background-color: #fff;
        border-color: #e7e7e7;
        transition: border-color .27s, background-color 0s linear 0s
    }

    .s-select:hover .svg-arrow {
        transform: scale(-1)
    }

    .container {
        max-width: 1280px
    }
}

@media screen and (min-width: 1520px) {
    .mobile-menu {
        margin-left: 15px;
        margin-right: 15px
    }

    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .row {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media (min-width: 1520px) {
    .container {
        max-width: 1470px
    }

    .g-sl-visible {
        display: block
    }
}

@media (max-width: 1519px) {
    .h-extended-menu {
        right: 0;
        left: 0;
        padding: 30px 50px 42px
    }

    .h-ext-menu-list {
        margin-left: 80px;
        padding-left: 60px
    }

    .hm-link_calc {
        margin-right: 67px
    }

    .hm-link_phone {
        margin-left: 67px
    }

    .hm-logo {
        margin: 32px 0
    }

    .hm-logo img {
        max-width: 132px
    }

    .h-main-menu {
        margin-left: 23px
    }

    .h-main-menu__link {
        padding: 14px 19px 14px 20px;
        font-size: .8125rem
    }

    .line-warn {
        padding-right: 30px;
        padding-left: 30px
    }

    .line-warn_top-ind {
        margin-top: 35px
    }

    .heading.h1, .heading.h2 {
        font-size: 2.625rem
    }
}

@media (max-width: 1279px) {
    .h-extended-menu {
        right: 5px;
        left: 5px;
        padding: 30px 25px 40px
    }

    .h-ext-menu-list {
        margin-left: 50px;
        padding-left: 50px
    }

    .hm-link_calc {
        margin-right: 45px
    }

    .hm-link_phone {
        margin-left: 45px
    }

    .hm-logo {
        margin: 17px 0
    }

    .remodal-bg {
        padding-top: 164px
    }

    .phones__title {
        margin-bottom: 8px
    }

    .phones__phone {
        font-size: 1.5rem
    }

    .phones__desc_margin {
        margin-bottom: 25px
    }

    .heading.h1, .heading.h2 {
        font-size: 2.25rem
    }
}

@media (max-width: 979px) {
    .h-btn-menu, .hm-link_calc {
        margin-right: 20px
    }

    .hm-link_phone {
        margin-left: 34px
    }

    .hm-link__wr-icon_first {
        width: 48px;
        height: 48px;
        border: 1px solid #e7e7e7
    }

    .hm-link__icon_basket {
        margin-right: 14px
    }

    .hm-link__icon_phone {
        margin-right: 6px
    }

    .hm-phone__num {
        font-size: 1.125rem
    }

    .remodal-bg {
        padding-top: 90px;
    }

    .retail-select__items {
        padding-top: 38px;
        width: 100%
    }

    .retail-select__options {
        overflow-y: auto;
        width: 100%;
        border: 1px solid transparent;
        border-top: none;
        box-shadow: 0 5px 21px 0 rgba(36, 47, 70, .12);
        transition: border-color .27s, background-color 0s linear .27s
    }

    .retail-select__label_placeholder, .retail-select__link {
        padding-right: 18px;
        padding-left: 21px
    }

    .retail-select__link {
        overflow: hidden;
        height: 0;
        color: #4d4d4d;
        transition: all .25s cubic-bezier(.4, .25, .3, 1)
    }

    .retail-select__link:hover {
        color: #ff6e00;
        background-color: #f4f5f5
    }

    .retail-select__expand-label {
        left: 0;
        display: block;
        width: 100%;
        height: 38px;
        cursor: pointer
    }

    .retail-select__expand:checked ~ .retail-select__expand-label {
        cursor: default;
        pointer-events: none
    }

    .retail-select__expand:checked ~ .retail-select__options {
        background-color: #fff;
        border-color: #e7e7e7;
        transition: border-color .27s, background-color 0s linear 0s
    }

    .retail-select__expand:checked ~ .retail-select__options .retail-select__link {
        height: 38px
    }

    .retail-select__expand:checked + .retail-select__close-label {
        display: block
    }

    .retail-select__expand:checked ~ .svg-arrow {
        transform: scale(-1)
    }

    .phones__title {
        margin-bottom: 6px;
        font-size: 1.125rem
    }

    .phones__phone {
        font-size: 1.25rem
    }

    .phones__desc {
        font-size: 1rem
    }

    .heading.h1, .heading.h2 {
        font-size: 1.875rem
    }

    .heading-desc {
        margin-top: 15px;
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media (max-width: 768px) {
    .sale-widget__wrapper {
        left: calc(80% - 50px) !important;
    }
}

@media (max-width: 767px) {
    .h-main-links__item {
        max-width: calc(50% - 13px)
    }

    .hm-link_phone {
        margin-left: 20px
    }

    .hm-link__wr-icon_phone {
        width: 48px;
        height: 48px;
        border: 1px solid #e7e7e7
    }

    .hm-link__icon_phone {
        margin-right: 0
    }

    .menu-retail_mob .retail-select__label_placeholder {
        padding-left: 26px
    }

    .mobile-menu-wrap {
        font-size: 1.0625rem;
        transform: translateX(-75%)
    }

    .mob-menu-sub-wrap__title, .mob-menu-sub__item, .mob-menu__item:nth-last-child(n+2) {
        margin-bottom: 30px
    }

    .svg-review-video-play {
        width: 46px;
        height: 46px
    }

    .heading-bread-tabs {
        margin-top: 28px;
        font-size: 1rem;
        line-height: 1.5rem
    }

    .heading-bread-tabs__new {
        top: -10px
    }

    .heading-bread {
        margin-top: 28px;
        font-size: 1rem;
        line-height: 1.5rem
    }

    .heading-bread__new {
        top: -10px
    }

    .heading.h1, .heading.h2 {
        font-size: 1.5rem
    }

    .sale-widget__sale-button > span {
        font-size: 22px
    }
}

@media (max-width: 639px) {
    .hm-logo {
        margin: 14px 15px
    }

    .hm-logo img {
        max-width: 115px
    }

    .remodal-bg {
        padding-top: 70px
    }

    .mobile-menu-wrap {
        top: 126px;
        font-size: 1rem;
        transform: translateX(-85%)
    }

    .mob-menu-sub-wrap__title, .mob-menu-sub__item, .mob-menu__item:nth-last-child(n+2) {
        margin-bottom: 27px
    }

    .phones__title {
        font-size: 1rem
    }

    .phones__phone {
        font-size: 1.125rem
    }

    .phones__desc {
        font-size: .875rem
    }

    .line-warn_content {
        margin-top: 20px;
        padding-right: 15px;
        padding-left: 15px
    }

    .line-warn_top-ind {
        margin-top: 27px
    }

    .svg-cross-big {
        width: 15px;
        height: 15px
    }

    .svg-review-video-play {
        width: 37px;
        height: 37px
    }

    .heading-bread-tabs {
        margin-top: 15px;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .heading-bread-tabs__new {
        top: 0;
        font-size: inherit
    }

    .heading-bread {
        margin-top: 15px;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .heading-bread__new {
        top: 0;
        font-size: inherit
    }

    .heading.h1, .heading.h2 {
        font-size: 1.25rem
    }
}

@media (max-width: 479px) {
    .h-btn-menu {
        margin-right: 12px
    }

    .h-main-links {
        height: 60px
    }

    .h-main-links__item {
        max-width: 116px;
        flex: 1 1 107px
    }

    .hm-link_calc {
        margin-right: 12px
    }

    .hm-link_phone {
        margin-left: 12px
    }

    .hm-link__wr-icon {
        width: 32px;
        height: 32px
    }

    .hm-logo {
        margin: 11px 0;
        padding: 0 10px;
        flex: 1 1 90px !important;
        max-width: 116px
    }

    .mobile-menu-wrap {
        top: 111px;
        font-size: .9375rem;
        transform: translateX(-100%)
    }

    .mobile-menu:before {
        right: -10px
    }

    .mobile-menu__wr-menu {
        width: 102%
    }

    .mobile-menu__wr-info {
        padding: 20px 0 15px 3px
    }

    .mobile-menu__wr-info:before {
        right: -10px
    }

    .mob-menu__item:nth-last-child(n+2) {
        margin-bottom: 24px
    }

    .mob-menu__item.sub-open .mob-menu-sub-wrap:after {
        position: absolute;
        top: 0;
        right: -10px;
        bottom: 0;
        width: 10px;
        content: "";
        background-color: #fff
    }

    .mob-menu, .mob-menu-sub-wrap, .wr-city-list {
        padding: 25px 0 15px 33px
    }

    .mob-menu-sub-wrap {
        width: 102%
    }

    .mob-menu-sub-wrap__title, .mob-menu-sub__item {
        margin-bottom: 24px
    }

    .wr-city-list {
        width: 102%
    }

    .wr-city-list:after {
        position: absolute;
        top: 0;
        right: -10px;
        bottom: 0;
        width: 10px;
        content: "";
        background-color: #fff
    }

    .city-mob-menu__show-city {
        font-size: .8125rem
    }

    .phones__title {
        font-size: .875rem
    }

    .phones__phone {
        font-size: 1rem
    }

    .phones__desc {
        font-size: .75rem
    }

    .phones__desc_margin {
        margin-bottom: 15px
    }

    .line-warn {
        font-size: .75rem;
        line-height: 1rem
    }

    .line-warn_content {
        padding-right: 10px;
        padding-left: 10px
    }

    .line-warn_top-ind {
        margin-top: 20px
    }

    .svg-cross {
        width: 14px;
        height: 14px
    }

    .g-xs-visible {
        display: block
    }

    .heading.h1, .heading.h2 {
        font-size: 1.125rem
    }

    .heading-desc {
        margin-top: 10px;
        font-size: .875rem;
        line-height: 1.125rem
    }
}

@media (max-width: 423px) {
    .mobile-menu-wrap {
        top: 119px
    }
}

@media (min-width: 1280px) and (max-width: 1519px) {
    .g-xxl-visible {
        display: block
    }
}

@media (min-width: 980px) and (max-width: 1279px) {
    .g-xl-visible {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .g-lg-visible {
        display: block
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    .g-md-visible {
        display: block
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    .g-sm-visible {
        display: block
    }
}

.ask_zamer:after {
    content: ''
}

.ask_zamer.hiding {
    transform: translateX(275px)
}

.ask_zamer.showing {
    transform: translateX(0)
}

.ask_zamer.disabling {
    display: none
}

.ask_zamer {
    position: fixed;
    top: 30%;
    right: 15px;
    z-index: 9999;
    -webkit-transition: all .2s cubic-bezier(.18, .89, .32, 1.28);
    transition: all .2s cubic-bezier(.18, .89, .32, 1.28);
    font-size: 15px;
    color: #4d4d4d;
    text-transform: none
    font-family: Roboto
}

.ask_zamer:after {
    position: absolute;
    top: 46px;
    left: 24px;
    z-index: 1;
    height: 104px;
    width: 100%;
    background: url(/assets/public/images/zamerschik.png) no-repeat
}

.ask_zamer-content {
    position: relative;
    width: 252px;
    height: 252px;
    border-radius: 252px;
    background: #fff;
    color: #333;
    font-size: 15px;
    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, .35)
}

.ask_zamer-close {
    position: absolute;
    display: block;
    top: -8px;
    right: -30px;
    z-index: 100;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 42px;
    height: 42px;
    background: rgba(244, 245, 245, .7);
    cursor: pointer;
    border-radius: 42px
}

.ask_zamer-close:hover {
    background: #f4f5f5
}

.ask_zamer-close:after, .ask_zamer-close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: 0;
    margin-left: -30px;
    display: block;
    height: 2px;
    width: 20px;
    background-color: #878787;
    cursor: pointer;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.ask_zamer-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ask_zamer-title {
    padding-top: 46px;
    line-height: 17px;
    padding-left: 130px
}

.ask_zamer .red {
    color: #fe6e00
}

.ask_zamer-action {
    position: absolute;
    bottom: 55px;
    right: 66px
}

.ask_zamer-label {
    font-weight: 500;
    font-size: 14px;
    color: #333
}

.ask_zamer-btn, .ask_zamer-counter {
    font-size: 20px;
    font-weight: 700;
    position: relative
}

.ask_zamer-counter {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #fe6e00;
    line-height: 30px;
    padding-left: 8px;
    color: #fff;
    display: inline-block;
    top: 2px
}

.ask_zamer-btn {
    background: #fe6e00;
    text-transform: none;
    color: #fff;
    width: 172px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    display: block;
    padding-top: 12px;
    top: -42px;
    left: 40px;
    font-weight: 700;
    font-family: Montserrat, "Proxima Nova", sans-serif
}

.ask_zamer-btn:active, .ask_zamer-btn:focus, .ask_zamer-btn:hover, .ask_zamer-btn:visited {
    text-shadow: none !important;
    text-decoration: none;
    color: #fff
}

.ask_zamer-btn:hover {
    background: rgba(254, 110, 0, .8)
}

@media (max-width: 1300px) {
    .ask_zamer.showing {
        overflow: visible
    }
}
.h-mobile__item{display: flex;align-items: center;justify-content: space-around;width: 33%;}
.h-mobile__link{display: flex;justify-content: end;width: 33%;}
.h-mobile__tel{text-decoration: none;color: #303030;}
@media(min-width:479px){
    .h-mobile__item{display: none;}
}
@media(max-width:479px){
    .h-not-mobile{display: none !important;}
    .h-mobile.h-main-links{width: 100%;}
    .hm-link__wr-icon_first, .hm-link__wr-icon_phone {
        border: 2px solid #4d4d4d !important;
    }
    .hm-link_calc {
        color: #4d4d4d !important;
    }
    .hm-link_phone {
        margin-left: 0px;
    }
    .hm-logo {
        width: 33%;
    }
    .h-btn-menu {
        margin-right: 0px;
    }
    .remodal-bg{padding-top:40px}
    .h-logo__tel{max-width: 33px !important;}
}



@keyframes pulseWave {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
    50% {
        transform: scale(1.2);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
}

.pulse-effect {
    display: inline-block;
    animation: pulseWave 1s infinite;
}