/* Start:/local/templates/newanfloors/assets/anfloors.min.css?1750067093195427*/
.js-locked {
    overflow: hidden !important
}

body.js-locked {
    position: fixed;
    width: 100%
}

.is-hidden {
    visibility: hidden!important;
    width: 0!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 0!important
}

[data-reader] {
    overflow: hidden!important;
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    white-space: nowrap!important;
    border: 0!important
}

.block-link {
    font-size: 0
}

.block-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    background-color: transparent;
    pointer-events: auto
}

:root {
    --grid-cols: repeat(4, 1fr);
    --grid-gaps: 8px;
    --grid-wrap: 1600px
}

:root {
    --color-about-project: #1B5790;
    --color-badges: #FF00009E;
    --color-badges-info: #00000061;
    --color-click: #FF3F35;
    --color-click-hover: #E72020;
    --color-extra: #3C7BB8;
    --color-extra-hover: #2D679E;
    --color-gray-01: #F8F8F9;
    --color-gray-02: #F2F2F3;
    --color-gray-03: #E5E5E7;
    --color-gray-04: #B5B5B6;
    --color-gray-05: #4A4B4C;
    --color-gray-06: #D3D3D5;
    --color-gray-07: #A1A1A3;
    --color-head: #272829;
    --color-main: #1FB6A1;
    --color-main-hover: #23A492;
    --color-main-light: #A1E0D7;
    --color-over: #505152;
    --color-overlay: rgba(0, 0, 0, 0.45);
    --color-select: #67686A;
    --color-spec: #E72020;
    --color-spec-hover: #FF3F35;
    --color-text: #121314;
    --color-vars: #FFB03E;
    --color-vars-hover: #F8A42A;
    --color-ymaps: #FCFCF7
}

:root {
    --font-size-desc: 18px;
    --font-size-head-1: 24px;
    --font-size-head-2: 24px;
    --font-size-head-3: 20px;
    --font-size-head-4: 16px;
    --font-size-hint: 13px;
    --font-size-main: 15px;
    --font-size-nano: 12px;
    --font-size-spec: 18px;
    --font-size-spec-2: 18px
}

*,::after,::before {
    box-sizing: border-box
}

html {
    line-height: 1.5;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-family: "Open Sans",sans-serif;
    font-size: var(--font-size-main);
    font-weight: 400;
    color: var(--color-text);
    text-rendering: optimizeSpeed;
    letter-spacing: 0
}

:focus:not(:focus-visible) {
    outline-width: 0
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background-color: var(--color-select)
}

::selection {
    color: #fff;
    text-shadow: none;
    background-color: var(--color-select)
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
	margin-bottom: 10px;
    text-rendering: optimizeLegibility
}

p {
    margin: 0
}

ol,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

hr {
    margin: 0
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-text-decoration-skip: edges;
    text-decoration-skip: edges
}

b,strong {
    font-weight: 600
}

sub,sup {
    position: relative;
    vertical-align: baseline;
    line-height: 0;
    font-size: 75%
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

small {
    font-size: 1em
}

mark {
    background-color: rgba(0,0,0,0)
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted
}

code,kbd,pre,samp {
    font-family: "Courier New",monospace;
    font-size: 1em
}

img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

iframe {
    border: 0
}

video {
    outline: 0
}

input,textarea {
    letter-spacing: inherit;
    border-width: 0;
    outline: 0
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1
}

input::placeholder,textarea::placeholder {
    opacity: 1
}

button {
    padding: 0;
    background-color: rgba(0,0,0,0);
    border: 0
}

button:not([disabled]) {
    cursor: pointer
}

button,input[type=button],input[type=submit] {
    letter-spacing: inherit
}

button,input,optgroup,select,textarea {
    margin: 0;
    line-height: 1.5;
    font-family: inherit;
    font-size: 1em
}

[type=button],[type=reset],[type=submit],button {
    padding: 0
}

[type=button] {
    border: 0
}

select {
    border: 0
}

fieldset {
    padding: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

textarea {
    resize: vertical
}

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

[type=search] {
    outline-offset: -2px
}

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

summary {
    display: list-item
}

@font-face {
    src: url(/local/templates/newanfloors/assets/fonts/opensans-regular.woff2) format("woff2");
    font-display: swap;
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal
}

@font-face {
    src: url(/local/templates/newanfloors/assets/fonts/opensans-semibold.woff2) format("woff2");
    font-display: swap;
    font-family: "Open Sans";
    font-weight: 600;
    font-style: normal
}

@font-face {
    src: url(/local/templates/newanfloors/assets/fonts/rubik-regular.woff2) format("woff2");
    font-display: swap;
    font-family: Rubik;
    font-weight: 400;
    font-style: normal
}

@font-face {
    src: url(/local/templates/newanfloors/assets/fonts/rubik-medium.woff2) format("woff2");
    font-display: swap;
    font-family: Rubik;
    font-weight: 500;
    font-style: normal
}

.app-body {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-content: space-between;
    min-height: 100vh;
    min-height: calc(var(--vh,1vh) * 100)
}

.app-header {
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end]
}

.app-header.js-locked {
    z-index: 2100
}

.app-content {
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end];
    padding: 20px 0 64px
}

.app-content.mod-spec {
    padding: 0
}

.app-footer {
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end]
}

.app-overlay__bground {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    background-color: var(--color-overlay);
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.app-overlay__bground.is-enabled {
    animation-name: app-overlay--active;
    animation-duration: .5s
}

.app-overlay__bground.is-disabled {
    animation-name: app-overlay--disable;
    animation-duration: .4s
}

.section,.wrapper {
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end];
    grid-column: wide
}

.section {
    padding: 0 12px;
    background-repeat: no-repeat;
    background-size: cover
}

.section.mod-summary {
    background-color: var(--color-gray-05);
    background-image: url(/local/templates/newanfloors/assets/decor/summary-bground.jpg)
}

.section.mod-offer {
    position: relative;
    background-color: var(--color-gray-05);
    background-image: url(/local/templates/newanfloors/assets/decor/offer-bground.jpg)
}

.section.mod-offer::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,2,5,.35);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.section.mod-reviews {
    background-color: var(--color-gray-01)
}

.section.mod-about {
    background-color: var(--color-about-project)
}

.section.mod-first {
    order: -1
}

.basic-group {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-column: main;
    -moz-column-gap: 24px;
    column-gap: 24px
}

.basic-group__aside {
    order: -1
}

.content-group {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-column: main;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 32px
}

.module {
    grid-column: main
}

.bcrumbs-module {
    grid-column: main;
    margin: -2px 0 21px
}

@keyframes app-overlay--active {
    0% {
        opacity: 0;
        transform: translateX(-200vw)
    }

    1% {
        opacity: 0;
        transform: translateX(0)
    }

    100% {
        opacity: 1
    }
}

@keyframes app-overlay--disable {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-200vw)
    }
}

[class*=icon-] {
    display: inline-flex;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px
}

.icon-locate {
    background-image: url(/local/templates/newanfloors/assets/icons/locate.svg)
}

.icon-address {
    background-image: url(/local/templates/newanfloors/assets/icons/address.svg)
}

.icon-address-brand {
    background-image: url(/local/templates/newanfloors/assets/icons/address-brand.svg)
}

.icon-schedule-brand {
    background-image: url(/local/templates/newanfloors/assets/icons/schedule-brand.svg)
}

.icon-email-brand {
    background-image: url(/local/templates/newanfloors/assets/icons/email-brand.svg)
}

.icon-cart {
    background-image: url(/local/templates/newanfloors/assets/icons/cart.svg)
}

.icon-cart-alt {
    background-image: url(/local/templates/newanfloors/assets/icons/cart-alt.svg)
}

.check__input:checked+.check__title::after,.icon-check {
    background-image: url(/local/templates/newanfloors/assets/icons/check.svg)
}

.icon-compare {
    background-image: url(/local/templates/newanfloors/assets/icons/compare.svg)
}

.icon-compare-alt {
    background-image: url(/local/templates/newanfloors/assets/icons/compare-alt.svg)
}

.icon-favorite {
    background-image: url(/local/templates/newanfloors/assets/icons/favorite.svg)
}

.icon-favorite-alt {
    background-image: url(/local/templates/newanfloors/assets/icons/favorite-alt.svg)
}

.icon-filter {
    background-image: url(/local/templates/newanfloors/assets/icons/filter.svg)
}

.icon-filter-alt {
    background-image: url(/local/templates/newanfloors/assets/icons/filter-alt.svg)
}

.icon-menu {
    background-image: url(/local/templates/newanfloors/assets/icons/menu.svg)
}

.icon-close {
    background-image: url(/local/templates/newanfloors/assets/icons/close.svg)
}

.icon-minimize {
    background-image: url(/local/templates/newanfloors/assets/icons/minimize.svg)
}

.icon-minus {
    background-image: url(/local/templates/newanfloors/assets/icons/minus.svg)
}

.icon-phone {
    background-image: url(/local/templates/newanfloors/assets/icons/phone.svg)
}

.icon-phone-alt {
    background-image: url(/local/templates/newanfloors/assets/icons/phone-alt.svg)
}

.icon-phone-brand {
    background-image: url(/local/templates/newanfloors/assets/icons/phone-brand.svg)
}

.icon-scroll-top {
    background-image: url(/local/templates/newanfloors/assets/icons/scroll-top.svg)
}

.icon-plus {
    background-image: url(/local/templates/newanfloors/assets/icons/plus.svg)
}

.icon-prev {
    background-image: url(/local/templates/newanfloors/assets/icons/prev.svg)
}

.icon-next {
    background-image: url(/local/templates/newanfloors/assets/icons/next.svg)
}

.icon-read-more {
    background-image: url(/local/templates/newanfloors/assets/icons/read-more.svg)
}

.icon-read-more-alt {
    background-image: url(/local/templates/newanfloors/assets/icons/read-more-alt.svg)
}

.icon-search {
    background-image: url(/local/templates/newanfloors/assets/icons/search.svg)
}

.icon-zoom {
    background-image: url(/local/templates/newanfloors/assets/icons/zoom.svg)
}

.icon-walk {
    background-image: url(/local/templates/newanfloors/assets/icons/walk.svg)
}

.icon-ride {
    background-image: url(/local/templates/newanfloors/assets/icons/ride.svg)
}

.icon-warning-brand {
    background-image: url(/local/templates/newanfloors/assets/icons/warning-brand.svg)
}

.icon-telegram {
    background-image: url(/local/templates/newanfloors/assets/icons/telegram.svg)
}

.icon-telegram-alt {
    background-image: url(/local/templates/newanfloors/assets/icons/telegram-alt.svg)
}

.icon-telegram-brand {
    background-image: url(/local/templates/newanfloors/assets/icons/telegram-brand.svg)
}

.icon-telegram-color {
    background-image: url(/local/templates/newanfloors/assets/icons/telegram-color.svg)
}

.icon-vk {
    background-image: url(/local/templates/newanfloors/assets/icons/vk.svg)
}

.icon-whatsapp {
    background-image: url(/local/templates/newanfloors/assets/icons/whatsapp.svg)
}

.icon-whatsapp-brand {
    background-image: url(/local/templates/newanfloors/assets/icons/whatsapp-brand.svg)
}

.icon-whatsapp-color {
    background-image: url(/local/templates/newanfloors/assets/icons/whatsapp-color.svg)
}

.header {
    display: flex;
    flex-direction: column
}

.catcontent .header {
    display: flex;
    flex-direction: row;
    gap:12px;
}

.catcontent.catalog-feed {gap:12px;}

.header__title {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    color: var(--color-head);
    letter-spacing: -.02em
}

.header__icon {
    display: inline-flex;
    width: 32px;
    height: 32px
}

.header__desc {
    margin-top: 20px
}

.header__desc strong {
    color: #000
}

.image,.wysiwyg img {
    background-color: rgba(0,0,0,.1);
    -o-object-fit: cover;
    object-fit: cover
}

.wysiwyg>:first-child {
    margin-top: 0
}

.wysiwyg h2,.wysiwyg h3,.wysiwyg h4 {
    line-height: 1.3;
    font-family: Rubik,sans-serif;
    font-weight: 500;
    color: var(--color-head)
}

.wysiwyg h2 {
    margin-top: 8px;
    font-size: var(--font-size-head-3)
}

.wysiwyg h2+h3 {
    margin-top: 20px
}

.wysiwyg h3 {
    margin-top: 32px;
    font-size: var(--font-size-head-3)
}

.wysiwyg h3+h4 {
    margin-top: 20px
}

.wysiwyg h4 {
    margin-top: 28px;
    font-size: var(--font-size-head-4)
}

.wysiwyg p {
    margin-top: 12px
}

.wysiwyg p+.wysiwyg p {
    margin-top: 16px
}

.wysiwyg p+ol,.wysiwyg p+ul {
    margin-top: 4px
}

.wysiwyg p>img {
    margin-top: 8px
}

.wysiwyg ol,.wysiwyg ul {
    margin-top: 12px
}

.wysiwyg ol+ol,.wysiwyg ol+p,.wysiwyg ol+ul,.wysiwyg ul+ol,.wysiwyg ul+p,.wysiwyg ul+ul {
    margin-top: 16px
}

.wysiwyg ol>li,.wysiwyg ul>li {
    position: relative;
    padding-left: 24px
}

.wysiwyg ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    display: flex;
    width: 5px;
    height: 5px;
    background-color: var(--color-gray-05);
    border-radius: 50%
}

.wysiwyg ol {
    counter-reset: myCounter
}

.wysiwyg ol li::before {
    content: counter(myCounter) ".";
    position: absolute;
    top: 0;
    left: 4px;
    counter-increment: myCounter;
    font-weight: 600
}

.wysiwyg a {
    color: var(--color-main-hover);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: all .15s
}

[class*=button-] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint);
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s
}

[class*=button-] [class*=icon-] {
    width: 40px
}

[class*=button-].mod-plus {
    height: 46px;
    font-size: 15px
}

.button-main {
    padding: 0 18px;
    color: #fff;
    background-color: var(--color-main)
}

.button-main.mod-plus {
    padding: 0 32px;
    font-size: 17px;
    text-transform: uppercase
}

.button-extra {
    padding: 0 18px;
    color: var(--color-text);
    border: 1px solid var(--color-gray-03)
}

.button-aux {
    height: 28px;
    margin: 0 -8px;
    padding: 0 8px;
    font-weight: 400;
    color: var(--color-text);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px
}

.button-spec {
    width: 40px;
    border: 1px solid transparent;
    border-radius: 3px
}
.button-spec2 {
    width: 260px;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition:all .3s;
}
.button-spec2 span {font-weight:400 !important;}
.button-spec2:hover {
  /*  background-color: var(--color-main);*/
    border-color: var(--color-main);}
    

    
.input {
    display: inline-flex;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    color: var(--color-gray-05);
    background-color: transparent;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.input::-moz-placeholder {
    font-size: 0
}

.input::placeholder {
    font-size: 0
}

.input:active,.input:focus {
    color: var(--color-text);
    border-color: var(--color-main)
}

.input[disabled=disabled],.input[disabled] {
    opacity: .5
}

.check {
    position: relative;
    display: inline-flex
}

.check:active,.check:focus,.check:hover {
    cursor: pointer
}

.check:active .check__input:not([disabled])~.check__title,.check:focus .check__input:not([disabled])~.check__title,.check:hover .check__input:not([disabled])~.check__title {
    color: var(--color-main-hover)
}

.check:active .check__input:not([disabled])~.check__title::before,.check:focus .check__input:not([disabled])~.check__title::before,.check:hover .check__input:not([disabled])~.check__title::before {
    border-color: var(--color-main-hover)
}

.check:active .check__input:not([disabled])~.check__title::after,.check:focus .check__input:not([disabled])~.check__title::after,.check:hover .check__input:not([disabled])~.check__title::after {
    color: var(--color-text)
}

.check:active .check__input:not([disabled]):checked~.check__title::before,.check:focus .check__input:not([disabled]):checked~.check__title::before,.check:hover .check__input:not([disabled]):checked~.check__title::before {
    border-color: var(--color-main-hover)
}

.check__title {
    position: relative;
    display: flex;
    min-height: 16px;
    padding-left: 28px;
    font-family: Rubik,sans-serif;
    color: var(--color-head);
    transition: all .15s
}

.check__title::after,.check__title::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: flex;
    width: 16px;
    height: 16px;
    transition: all .15s
}

.check__title::before {
    background-color: #fff;
    border: 1px solid var(--color-gray-04);
    border-radius: 3px
}

.check__title::after {
    text-align: center
}

.check__input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    opacity: 0;
    display:none;
}

.check__input:checked+.check__title::before {
    border-color: var(--color-main)
}

.check__input:checked+.check__title::after {
    top: 3px;
    left: 2px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px
}

.check__input:disabled~.check__title {
    opacity: .5
}

.modal {
    display: flex;
    flex-direction: column;
    width: 100%!important;
    border-top: 3px solid var(--color-main);
    border-radius: 3px
}

.modal__header {
    margin-bottom: 36px
}

.modal__title {
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-3);
    font-weight: 500;
    color: var(--color-head);
    text-transform: uppercase
}

.modal__desc {
    margin-top: 12px;
    line-height: 1.2
}

.modal__content {
    overflow: hidden;
    display: flex;
    row-gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 5px
}
.modal__content .product-order__main{width: 100%;padding-bottom:50px;}
.modal__item {
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%
}
.wall-other li a {    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    transition: all .15s;}
.wall-other li:hover a {
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover);
        color: var(--color-main-hover);
    }


.modal__item:last-of-type {
    margin-top: 8px;
    padding-top: 28px;
    border-top: 1px dashed var(--color-gray-03)
}

.modal__label {
    order: -1;
    height: 20px;
    font-size: var(--font-size-hint);
    font-weight: 600;
    cursor: text;
    transition: all .3s
}

.modal__action {
    width: 144px
}

.modal__hint {
    margin-top: 12px;
    font-size: var(--font-size-nano);
    color: var(--color-gray-05)
}

.modal__close,.removeBasketItem {
    position: absolute;
    top: -3px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--color-main);
    border-radius: 0 3px 0 3px;
    transition: all .3s
}
.removeBasketItem {width:26px;height:26px;}
.removeBasketItem.modal__close { background-color: var(--color-spec) !important;border-radius: 3px;top:0;}
.removeBasketItem.modal__close:hover { background-color: var(--color-spec-hover) !important;}

.modal__close svg {
    width: 26px;
    height: 26px
}

.glightbox-container {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999!important;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    outline: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    touch-action: none;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.glightbox-container.inactive {
    display: none
}

.glightbox-container .gcontainer {
    overflow: hidden;
    position: relative;
    z-index: 9999;
    width: 100%;
    height: 100%
}

.glightbox-container .gslider {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    display: flex!important;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: transform .4s ease;
    transform: translate3d(0,0,0)
}

.glightbox-container .gslide {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glightbox-container .gslide.current {
    position: relative;
    z-index: 99999;
    opacity: 1
}

.glightbox-container .gslide.prev {
    z-index: 9999;
    opacity: 1
}

.glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    margin: auto
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%
}

.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top {
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right {
    max-width: 100%!important
}

.gslide iframe,.gslide video {
    min-height: 165px;
    border: none;
    outline: 0!important;
    touch-action: auto
}

.gslide:not(.current) {
    pointer-events: none
}

.gslide-image {
    align-items: center
}

.gslide-image img {
    display: block;
    float: none;
    width: auto;
    min-width: 200px;
    max-width: 100vw;
    height: auto;
    max-height: 100vh;
    margin: auto;
    padding: 0;
    border: none;
    outline: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: none
}

.desc-bottom .gslide-image img,.desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img,.desc-right .gslide-image img {
    width: auto;
    max-width: 100%
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important;
    transition: none
}

.gslide-video {
    position: relative;
    width: 100%!important;
    max-width: 100vh
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display: none
}

.gslide-video .gvideo-wrapper {
    width: 100%;
    margin: auto
}

.gslide-video::before {
    content: "";
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255,0,0,.34)
}

.gslide-video.playing::before {
    display: none
}

.gslide-video.fullscreen {
    min-width: 100%;
    max-width: 100%!important;
    height: 75vh
}

.gslide-video.fullscreen video {
    width: 100%!important;
    max-width: 100%!important
}

.gslide-inline {
    overflow: auto;
    max-width: 100%;
    max-height: calc(100vh - 40px);
    margin: auto;
    text-align: left;
    background: #fff
}

.gslide-inline .ginlined-content {
    width: 100%;
    padding: 20px
}

.gslide-inline .dragging {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important;
    transition: none
}

.ginlined-content {
    overflow: auto;
    display: block!important;
    opacity: 1
}

.gslide-external {
    overflow: auto;
    display: flex;
    width: 100%;
    min-width: 100%;
    height: 100%;
    max-height: 75vh;
    padding: 0;
    background: #fff
}

.gslide-media {
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    box-shadow: none!important
}

.desc-bottom .gslide-media,.desc-top .gslide-media {
    flex-direction: column;
    margin: 0 auto
}

.gslide-description {
    position: relative;
    flex: 1 0 100%
}

.gslide-description.description-left,.gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom,.gslide-description.description-top {
    width: 100%;
    margin: 0 auto
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p:last-child {
    margin-bottom: 0
}

.zoomed .gslide-description {
    display: none
}

.glightbox-button-hidden {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    overflow: auto!important;
    position: absolute;
    bottom: 0;
    order: 2!important;
    width: 100%;
    max-width: 100vw!important;
    height: auto!important;
    max-height: 78vh;
    padding: 19px 11px;
    padding-bottom: 50px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);
    transition: opacity .3s linear
}

.glightbox-mobile .glightbox-container .gslide-title {
    font-size: 1em;
    color: #fff
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    font-weight: 700;
    color: #fff
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    opacity: .4;
    transition: opacity .5s ease
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    opacity: 1;
    transition: opacity .5s ease
}

.greset {
    transition: all .3s ease
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none!important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    position: absolute;
    top: 47%;
    right: 0;
    left: 0;
    z-index: 9999;
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    animation: lightboxLoader .8s infinite linear
}

.goverlay {
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    height: calc(100vh + 1px);
    background: #000;
    will-change: opacity
}

.glightbox-mobile .goverlay {
    background: #000
}

.gclose,.gnext,.gprev {
    z-index: 99999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 44px;
    border: none;
    cursor: pointer
}

.gclose svg,.gnext svg,.gprev svg {
    display: block;
    width: 25px;
    height: auto;
    margin: 0;
    padding: 0
}

.gclose.disabled,.gnext.disabled,.gprev.disabled {
    opacity: .1
}

.gclose .garrow,.gnext .garrow,.gprev .garrow {
    stroke: #fff
}

.gbtn.focused {
    outline: 2px solid #0f3d81
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev {
    opacity: 0!important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    margin-bottom: 19px;
    line-height: 1.4em;
    font-family: arial;
    font-size: 1em;
    font-weight: 400;
    color: #000
}

.glightbox-clean .gslide-desc {
    margin-bottom: 0;
    line-height: 1.4em;
    font-family: arial;
    font-size: .86em
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev {
    background-color: rgba(0,0,0,.75);
    border-radius: 4px
}

.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path {
    fill: #fff
}

.glightbox-clean .gprev {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gnext {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gclose {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 35px;
    height: 35px
}

.glightbox-clean .gclose svg {
    width: 18px;
    height: auto
}

.glightbox-clean .gclose:hover {
    opacity: 1
}

.gfadeIn {
    animation: gfadeIn .5s ease
}

.gfadeOut {
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    animation: gslideInRight .3s ease
}

.gzoomIn {
    animation: gzoomIn .5s ease
}

.gzoomOut {
    animation: gzoomOut .5s ease
}

@keyframes lightboxLoader {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes gslideInLeft {
    from {
        opacity: 0;
        transform: translate3d(-60%,0,0)
    }

    to {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes gslideOutLeft {
    from {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        opacity: 0;
        transform: translate3d(-60%,0,0)
    }
}

@keyframes gslideInRight {
    from {
        visibility: visible;
        opacity: 0;
        transform: translate3d(60%,0,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes gslideOutRight {
    from {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(60%,0,0)
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 1
    }
}

@keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

:root {
    --hystmodal-speed: 0.2s;
    --hystmodal-zindex: 70
}

.hystmodal {
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    position: fixed;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 0 -webkit-min-content 0;
    grid-template-rows: 0 min-content 0;
    justify-content: center;
    align-content: space-between;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.hystmodal::-webkit-scrollbar {
    display: none
}

.hystmodal::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    pointer-events: none
}

.hystmodal--animated::before {
    transition: opacity var(--hystmodal-speed) ease
}

.hystmodal--active::before {
    opacity: .6
}

.hystmodal--active,.hystmodal--moved {
    visibility: visible;
    opacity: 1;
    pointer-events: none
}

.hystmodal--active {
    pointer-events: auto
}

.hystmodal__wrap {
    display: block;
    grid-row: 2/3;
    min-width: 0
}

.hystmodal__window {
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 10;
    grid-row: 2/3;
    flex-grow: 0;
    flex-shrink: 0;
    width: 600px;
    min-width: 0;
    max-width: 100%;
    margin: 50px auto;
    background: #fff;
    opacity: 0;
    transform: scale(.95)
}

.hystmodal__window--loading {
    min-height: 400px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width=\"105\" height=\"105\" viewBox=\"0 0 105 105\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23aaa\"%3E%3Ccircle cx=\"12.5\" cy=\"12.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"0s\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"12.5\" cy=\"52.5\" r=\"12.5\" fill-opacity=\".5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"100ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"52.5\" cy=\"12.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"300ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"52.5\" cy=\"52.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"600ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"92.5\" cy=\"12.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"800ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"92.5\" cy=\"52.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"400ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"12.5\" cy=\"92.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"700ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"52.5\" cy=\"92.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"500ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"92.5\" cy=\"92.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"200ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 48px
}

.hystmodal--animated .hystmodal__window {
    transition: transform var(--hystmodal-speed) ease 0s,opacity var(--hystmodal-speed) ease 0s
}

.hystmodal--active .hystmodal__window {
    opacity: 1;
    transform: none
}

.hystmodal__close--wh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"%3E%3Cpath fill=\"%23fff\" stroke=\"%23fff\" stroke-linecap=\"square\" stroke-miterlimit=\"50\" stroke-width=\"2\" d=\"M22 2L2 22\"/%3E%3Cpath fill=\"none\" stroke=\"%23fff\" stroke-linecap=\"square\" stroke-miterlimit=\"50\" stroke-width=\"2\" d=\"M2 2l20 20\"/%3E%3C/svg%3E")
}

.hystmodal__close--wh:focus {
    outline: 2px dotted rgba(255,255,255,.7)
}


:host {
    position: relative;
    z-index: 1;
    display: block;
    margin-right: auto;
    margin-left: auto
}


.tns-outer {
    padding: 0!important
}

.tns-outer [hidden] {
    display: none!important
}

.tns-outer [aria-controls],.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all 0s
}

.tns-slider>.tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    transition: transform 0s,opacity 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto!important
}

.tns-gallery>.tns-moving {
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    opacity: .6;
    transition: opacity .6s
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    visibility: hidden;
    opacity: 0
}

.tns-fadeIn {
    z-index: 0;
    opacity: 1
}

.tns-fadeOut,.tns-normal {
    z-index: -1;
    opacity: 0
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    overflow: hidden;
    position: relative;
    width: 310px;
    height: 10px;
    margin: 0 auto
}

.tns-t-ct {
    position: absolute;
    right: 0;
    width: calc(100% * 70 / 3)
}

.tns-t-ct::after {
    content: "";
    display: table;
    clear: both
}

.tns-t-ct>div {
    float: left;
    width: calc(100% / 70);
    height: 10px
}

.review-lab {
    margin: 16px 0 63px;
    background-color: var(--color-gray-03)
}

.review-lab .widget {
    width: calc(100% + 16px)!important;
    max-width: calc(100% + 16px)!important;
    margin: 0 -8px!important;
    background-color: var(--color-gray-01)!important
}

.review-lab .widget__header__block {
    -moz-column-gap: 24px!important;
    column-gap: 24px!important;
    margin-bottom: 0!important;
    padding: 0 8px!important
}

.review-lab .widget__footer {
    display: none!important
}

.review-lab .widget__tabs {
    -moz-column-gap: 8px!important;
    column-gap: 8px!important;
    height: 40px!important;
    background-color: transparent!important;
    box-shadow: none!important
}

.review-lab .widget__tab_all {
    overflow: hidden!important;
    display: flex!important;
    align-items: center!important;
    height: 100%!important;
    font-family: Rubik,sans-serif!important;
    font-size: var(--font-size-hint)!important;
    font-weight: 500!important;
    background-color: #fff!important;
    border-radius: 3px!important
}

.review-lab .widget-65c2147db79f9bb73b12e0ce .widget__tab {
    font-size: var(--font-size-hint)!important
}

.review-lab .widget__tab-name {
    margin-right: 4px!important
}

.review-lab .widget__tab_yaSprav {
    overflow: hidden!important;
    display: flex!important;
    align-items: center!important;
    height: 100%!important;
    font-family: Rubik,sans-serif!important;
    font-size: var(--font-size-hint)!important;
    font-weight: 500!important;
    background-color: #fff!important;
    border-radius: 3px!important
}

.review-lab .widget__tab_active {
    background-color: rgba(0,0,0,.05)!important
}

.review-lab .widget__leave {
    width: 146px!important
}

.review-lab .widget__leave-link {
    display: inline-flex!important;
    justify-content: center!important;
    align-items: center!important;
    width: auto!important;
    height: 40px!important;
    padding: 0 18px!important;
    white-space: nowrap!important;
    font-family: Rubik,sans-serif!important;
    font-size: var(--font-size-hint)!important;
    font-weight: 500!important;
    color: #fff!important;
    background-color: var(--color-main)!important;
    border-radius: 3px!important;
    box-shadow: none!important;
    cursor: pointer!important;
    transition: all .3s!important
}

.review-lab .review {
    border-radius: 5px!important;
    box-shadow: none!important
}

.review-lab .tile {
    padding: 0!important;
    border: 1px solid transparent!important;
    border-radius: 3px!important;
    transition: all .3s!important
}

.review-lab .widget__pag {
    top: calc(50% + 3px)!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    width: 40px!important;
    height: 40px!important;
    padding: 1px 0 0!important;
    font-family: Rubik,sans-serif!important;
    background-color: transparent!important;
    border-radius: 3px!important;
    box-shadow: none!important;
    transition: all .3s!important
}

.review-lab .widget__pag.widget__pag_prev-bottom-center {
    right: calc(100% - 1px)!important;
    left: auto!important
}

.review-lab .widget__pag.widget__pag_next-bottom-center {
    left: calc(100% - 1px)!important
}

.hystmodal {
    z-index: 1000!important
}

.hystmodal::before {
    background-color: var(--color-overlay);
    opacity: 1;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.catalog-card {
    position: relative;
    display: flex;
    row-gap: 16px;
    flex-direction: column;
    padding: 8px;
    border: 1px solid var(--color-gray-03);
    border-radius: 5px;
    transition: all .3s
}

.catalog-card__title {
    padding: 0 4px;
    line-height: 1.3;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head)
}

.catalog-card__title a {
    display: flex;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    transition: all .15s
}

.catalog-card__desc {
    margin-top: -8px;
    padding: 0 4px;
    font-size: var(--font-size-hint)
}

.catalog-card__cover {
    overflow: hidden;
    display: flex;
    order: -1;
    border-radius: 3px
}

.catalog-card__cover.mod-color {
    background-color: var(--color-gray-03)
}

.catalog-card__cover img {
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s
}

.catalog-card__cover img:not(:first-of-type) {
    display: none
}

.catalog-card__cover .images {
    overflow: hidden;
    display: flex
}

.catalog-card__cover .image,.catalog-card__cover .wysiwyg img,.wysiwyg .catalog-card__cover img {
    display: block
}

.catalog-card__cover .hvr {
    position: relative;
    max-width: 100%
}

.catalog-card__cover .hvr__images {
    position: relative
}

.catalog-card__cover .hvr__sectors {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: flex
}

.catalog-card__cover .hvr__sector {
    flex-grow: 1
}

.catalog-card__cover .hvr__dots {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 20;
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    justify-content: center;
    align-items: center
}

.catalog-card__cover .hvr__dot {
    display: flex;
    width: 28px;
    height: 3px;
    background-color: var(--color-gray-03)
}

.catalog-card__cover .hvr__dot--active {
    background-color: var(--color-vars-hover)
}

.catalog-card__badges {
    position: absolute;
    top: 16px;
    left: 8px;
    display: flex;
    row-gap: 4px;
    flex-direction: column;
    align-items: flex-start;
    font-family: Rubik,sans-serif;
    font-size: 9px;
    font-weight: 500;
    color: #fff
}

.catalog-card__badges span {
    padding: 4px 8px 3px;
    text-transform: uppercase
}

.catalog-card__badges .is-sale {
    background-color: var(--color-badges)
}

.catalog-card__badges .is-info {
    background-color: var(--color-badges-info)
}

.catalog-card__data {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto
}

.catalog-card__price {
    margin-bottom: 10px;
    padding-left: 4px;
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-head)
}

.catalog-card__price small {
    display: flex;
    margin-bottom: 6px;
    font-size: var(--font-size-main);
    color: var(--color-gray-04);
    text-decoration: line-through
}

.catalog-card__user {
    margin: 12px 0 0 auto
}

.catalog-card__action {
    width: calc(100% - 136px);
    margin-top: 12px;
    font-size: 0;
    color: #fff;
    background-color: var(--color-main);
    border-color: var(--color-main)
}

.catalog-card__action i {
    margin-bottom: -2px
}

.catalog-menu {
    position: relative;
    z-index: 25;
    display: grid;
    width: calc(100% + 24px);
    height: 714px;
    margin-left: -24px;
    background-color: #fff;
    border-radius: 0 5px 5px 0
}

.catalog-menu__main {
    overflow-y: auto;
    display: grid;
    row-gap: 24px;
    margin: 13px 12px 12px 32px;
    padding: 11px 0 15px
}

.catalog-menu__main::-webkit-scrollbar {
    width: 6px;
    padding: 0 3px
}

.catalog-menu__main::-webkit-scrollbar-track {
    background-color: transparent
}

.catalog-menu__main::-webkit-scrollbar-thumb {
    background-color: var(--color-main);
    border-radius: 2px
}

.catalog-menu__main::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-main-hover)
}

.catalog-menu__open {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 53px;
    margin: 0 32px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--color-gray-02)
}

.catalog-menu__open-name {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head);
    text-transform: uppercase
}

.catalog-menu__open-link {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    margin: -4px -8px -5px;
    padding: 4px 8px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-head);
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase;
    transition: all .15s
}

.catalog-menu__open-link i {
    width: 12px;
    height: 12px;
    background-size: 12px;
    transform: rotate(-90deg)
}

.catalog-menu__block {
    position: relative
}

.catalog-menu__block:not(:last-of-type) {
    padding: 0 0 22px
}

.catalog-menu__block:not(:last-of-type)::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 0;
    height: 1px;
    border-bottom: 1px dashed var(--color-gray-03)
}

.catalog-menu__title {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-main-hover);
    text-transform: uppercase
}

.catalog-menu__merge .catalog-menu__list.is-disabled {
    display: none
}

.catalog-menu__merge .catalog-menu__list.is-enabled {
    display: grid
}

.catalog-menu__more {
    margin-top: 8px;
    color: var(--color-main-hover);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    transition: all .15s
}

.catalog-menu__more span:first-of-type {
    display: block
}

.catalog-menu__more span:last-of-type {
    display: none
}

.catalog-menu__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    -moz-column-gap: 30px;
    column-gap: 30px
}

.catalog-menu__item {
    grid-column: span 1
}

.catalog-menu__link {
    display: inline-flex;
    min-height: 16px;
    margin: -1px -8px;
    padding: 2px 8px;
    font-family: Rubik,sans-serif;
    color: var(--color-head);
    transition: all .15s
}

.catalog-menu__link img {
    flex-shrink: 0;
    width: 23px;
    height: 23px;
    margin: -1px 12px 0 0;
    border-radius: 3px
}

.catalog-menu__link small {
    margin-left: 8px;
    color: var(--color-gray-04)
}

.catalog-menu__link:active,.catalog-menu__link:focus,.catalog-menu__link:hover {
    color: var(--color-main-hover)
}

.read-more {
    display: inline-flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    margin: 12px -8px -4px;
    padding: 4px 8px;
    color: var(--color-main-hover);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    transition: color .3s,-webkit-text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms,-webkit-text-decoration-color 225ms
}

.read-more__icon {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    background-size: 12px;
    transition: all .3s;
    transform: rotate(-90deg)
}

.callback-popup .modal {
    max-width: 368px!important;
    padding: 40px 28px 32px
}

.oneclick-popup .modal {
    max-width: 588px!important;
    padding: 40px 28px 32px
}

.cleanBasket-popup .modal{
    max-width: 388px!important;
    padding: 40px 28px 32px
}
.cartnote-popup .modal {
    max-width: 588px!important;
    padding: 40px 28px 32px
}
.add2cart-popup .modal {
    max-width: 588px!important;
   /* padding: 40px 28px 32px*/
}

.errors-page {
    display: flex;
    justify-content: center;
    margin: 8vh 0 8.75vh
}

.errors-page__main {
    max-width: 436px;
    color: var(--color-head);
    text-align: center
}

.errors-page__title {
    display: flex;
    flex-direction: column;
    line-height: 1;
    font-family: Rubik,sans-serif;
    font-size: 120px;
    font-weight: 500
}

.errors-page__title span {
    margin-top: 16px;
    line-height: 1.2;
    font-size: var(--font-size-head-1)
}

.errors-page__desc {
    margin-top: 16px
}

.global-search {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.global-search__input {
    display: none;
    width: 100%;
    height: 40px;
    padding: 0 12px 0 42px;
    font-family: Rubik,sans-serif;
    background-color: transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s
}

.global-search__input::-moz-placeholder {
    color: var(--color-gray-05);
    -moz-transition: all .3s;
    transition: all .3s
}

.global-search__input::placeholder {
    color: var(--color-gray-05);
    transition: all .3s
}

.global-search__action {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: 0;
    font-weight: 400;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s
}

.global-search__action [class*=icon-] {
    width: 40px
}

.main-footer {
    display: grid;
    row-gap: 44px;
    padding-top: 60px
}

.main-footer__main {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 36px
}

.main-footer__brand {
    display: flex;
    row-gap: 36px;
    flex-direction: column
}

.main-footer__logo {
    margin-top: -13px
}

.main-footer__data {
    padding: 0 15px
}

.main-footer__extra {
    display: flex;
    row-gap: 40px;
    flex-wrap: wrap;
    padding: 40px 15px 0;
    border-top: 1px solid rgba(255,255,255,.1)
}

.main-footer__nav {
    width: 100%
}

.main-footer__social {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    align-items: center
}

.main-footer__legal {
    position: relative;
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    flex-direction: column;
    padding: 37px 64px 22px 15px
}

.main-footer__legal::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    height: 1px;
    background-color: rgba(255,255,255,.1)
}

.main-footer__copy {
    color: var(--color-gray-06)
}

.main-footer__policy a {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: rgba(255,255,255,.1);
    text-decoration-color: rgba(255,255,255,.1);
    text-underline-offset: 2px;
    transition: all .15s
}

.main-footer__dev {
    margin-top: 24px;
    color: var(--color-gray-06)
}

.main-footer__dev a {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: var(--color-vars);
    text-decoration-color: var(--color-vars);
    text-underline-offset: 2px;
    transition: all .15s
}

.main-navbar {
    position: relative;
    z-index: 70;
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end];
    grid-column: wide;
    order: -1;
    height: 148px;
    padding: 0 12px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08)
}

.main-navbar__brand {
    display: flex;
    grid-column: main;
    -moz-column-gap: 20px;
    column-gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0 21px
}

.main-navbar__logo {
    position: relative;
    z-index: 20
}

.main-navbar__logo::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    left: -18px;
    z-index: -20;
    width: 120px;
    height: 120px;
    border: 60px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%
}

.main-navbar__contact {
    margin-top: 17px
}

.main-navbar__browse {
    position: relative;
    z-index: 20;
    display: flex;
    grid-column: main;
    justify-content: center;
    width: 100%;
    height: 57px;
    border-top: 1px solid var(--color-gray-02)
}

.main-navbar__browse.is-sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 12px
}

.main-navbar__browse.is-sticky::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 57px;
    background-color: #fff;
    border-bottom: 1px solid var(--color-gray-03);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.18)
}

.main-navbar__browse-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: var(--grid-wrap);
    height: 100%
}

.main-navbar__search {
    margin: auto 8px auto auto
}

.main-navbar__cart {
    position: relative
}

.main-navbar__extra {
    grid-column: main;
    order: -1;
   /* height: 3px;*/
    background-color: var(--color-main)
}



.main-navbar__extra::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
/*    height: 3px;*/
    background-color: var(--color-main)
}

.main-navbar__notify {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	font-family: "PT Sans", sans-serif;
    font-size: 17px;
    color: #fff;
    letter-spacing: .04em;
   /* text-transform: uppercase*/
}

.main-navbar__notify {
  /*  text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: rgba(255,255,255,.4);
    text-decoration-color: rgba(255,255,255,.4);*/
    text-underline-offset: 2px;
    transition: all .3s
}

.main-navbar__notify::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-navbar.mod-notify {
    height: /*177*/190px
}
/*
.main-navbar.mod-notify .main-navbar__extra {
    min-height: 32px
}
*/
.main-navbar.mod-notify .main-navbar__extra::before {
    min-height: 32px
}

.project-logo {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    align-items: center
}

.project-logo__link {
    display: flex
}

.project-logo__desc {
    margin-top: 19px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint)
}

.project-logo__desc strong {
    font-weight: 500
}
 
.assist-widget {
    position: fixed;
    right: 12px;
    bottom: 8px;
    z-index: 1000;
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    opacity: 0;
    transition: all .3s;
    display:none;
}

.assist-widget.is-enabled {
    opacity: 1;
        display:block;
}

.assist-widget__action {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.18);
    transition: all .3s;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px)
}

.assist-widget__action svg {
    display: flex
}

.assist-widget__action.mod-filter {
    background-color: var(--color-extra)
}

.assist-widget__action.mod-filter i {
    width: 22px;
    height: 22px;
    background-size: 22px
}

.assist-widget__action.mod-scroll {
    background-color: #fff;
    border-color: var(--color-gray-06)
}

.assist-widget__action.mod-scroll i {
    width: 18px;
    height: 18px;
    margin-top: -3px;
    background-size: 18px
}

.breadcrumbs {
    display: flex;
    row-gap: 4px;
    flex-wrap: wrap
}

.breadcrumbs__back {
    display: flex;
    align-items: center;
    padding: 4px 0;
    white-space: nowrap;
    letter-spacing: 0;
    transition: all .3s
}

.breadcrumbs__back-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: var(--color-main);
    border-radius: 5px;
    transition: all .3s
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
    margin: -2px 0;
    font-family: Rubik,sans-serif;
    font-size: 11px;
    text-transform: uppercase
}

.breadcrumbs__item:not(:last-of-type)::after {
    content: " - ";
    padding: 3px 8px 5px;
    font-weight: 600;
    color: var(--color-gray-04)
}

.breadcrumbs__here,.breadcrumbs__link {
    display: inline-flex;
    margin: 0 -8px;
    padding: 2px 8px;
    white-space: nowrap;
    color: var(--color-gray-05)
}

.breadcrumbs__link {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    transition: all .15s
}

.extra-nav {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 36px
}

.extra-nav__title {
    margin-bottom: 15px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

.extra-nav__list {
    display: grid;
    row-gap: 9px
}

.extra-nav__link {
    display: inline-flex;
    margin: -4px -8px;
    padding: 4px 8px;
    line-height: 1.2;
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: rgba(255,255,255,.1);
    text-decoration-color: rgba(255,255,255,.1);
    text-underline-offset: 2px;
    transition: all .15s
}

.general-nav {
    position: relative;
    display: flex
}

.general-nav__fast {
    display: flex;
    align-items: center
}

.general-nav__list {
    display: none
}

.general-nav__list-item.mod-sale .general-nav__list-link {
    color: var(--color-spec)
}

.general-nav__list-link {
    display: inline-flex;
    align-items: center;
    height: 100%;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-weight: 500;
    transition: all .15s
}

.general-nav__open {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    order: -1;
    height: 40px;
    padding: 0 20px 0 16px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint);
    font-weight: 500;
    color: #fff;
    background-color: var(--color-main);
    border-radius: 3px;
    transition: all .3s
}

.general-nav__open i {
    display: flex;
    width: 15px;
    height: 15px;
    margin-right: 12px;
    background-size: 15px
}

.general-nav__open span:first-of-type {
    display: flex
}

.general-nav__open span:last-of-type {
    display: none
}

.general-nav__open small {
    display: none
}

.general-nav__full {
    display: none;
 
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2200;
    max-width: 320px;
    height: 100vh;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    
    
    
    
}

.general-nav__full.is-enabled {
    z-index: 2030;
    display: flex;
    animation-name: general-nav--enabled;
    animation-duration: .5s
}

.general-nav__full.is-disabled {
    display: flex;
    animation-name: general-nav--disabled;
    animation-duration: .4s
}

.general-nav__full-wrap {
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    display: flex;
    grid-column: main;
    flex-direction: column;
    padding: 64px 20px 72px;
    background-color: #fff;
    border-radius: 0 5px 5px 0
}

.general-nav__search {
    width: 100%!important;
    height: 44px;
    margin: 4px 0 28px
}

.general-nav__search .global-search__action {
    justify-content: flex-start;
    width: 100%!important;
    height: 44px;
    padding-left: 3px;
    font-size: var(--font-size-main);
    border-color: var(--color-gray-03)
}

.general-nav__search .global-search__action span {
    margin-left: 4px
}

.general-nav__menu {
    display: flex;
    grid-column: 1/span 3;
    flex-direction: column;
    margin-top: 4px
}

.general-nav__menu-item:not(:last-of-type) {
    border-bottom: 1px solid var(--color-gray-02)
}

.general-nav__menu-item.mod-sale .general-nav__menu-link {
    color: var(--color-main)
}

.general-nav__menu-item.mod-prod .general-nav__menu-link {
    padding-left: 13px;
    font-weight: 400
}

.general-nav__menu-item.mod-prod .general-nav__menu-link::before {
    display: none
}

.general-nav__menu-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-right: 13px
}

.general-nav__menu-icon.mod-extra {
    width: 26px;
    height: 26px;
    margin: -2px 11px -2px -2px
}

.general-nav__menu-link {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 48px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-weight: 600;
    transition: all .15s
}

.general-nav__menu-link::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 18px;
    width: 10px;
    height: 2px;
    background-color: var(--color-gray-03);
    transition: all .15s
}

.general-nav__menu-more {
    display: none;
    width: 12px;
    height: 12px;
    margin-left: auto;
    fill: var(--color-gray-04);
    background-size: 12px;
    transition: all .15s;
    transform: rotateZ(-90deg)
}

.general-nav__contact {
    margin-top: 28px
}

.general-nav__contact li {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.general-nav__contact-data {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    padding: 7px 12px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec-2);
    font-weight: 500
}

a.general-nav__contact-data {
    transition: all .15s
}

.general-nav__contact-place {
    margin: -12px 0 8px;
    padding-left: 49px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec-2);
    font-weight: 500
}

.general-nav__contact-hint {
    margin: -4px 0 20px;
    padding-left: 49px;
    font-size: var(--font-size-nano)
}

.general-nav__contact-hint small {
    display: flex
}

.general-nav__contact-tg {
    margin: 0 2px 0 -2px;
    background-size: 21px
}

.general-nav__contact-wa {
    margin: 0 1px 0 -1px;
    background-size: 21px
}

.general-nav__phone {
    display: flex;
    flex-direction: column
}

.general-nav__phone a {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    padding: 7px 12px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec-2);
    font-weight: 500;
    transition: all .15s
}

.general-nav__phone span {
    margin: -5px 0 0 49px;
    font-size: var(--font-size-nano)
}

.general-nav__extra {
    grid-column: 4/span 9
}

.general-nav__close {
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 30;
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    height: 40px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text);
    text-transform: uppercase;
    transition: all .3s
}

.general-nav__close svg {
    display: block;
    width: 32px;
    height: 32px;
    transition: all .3s
}

.general-nav__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: none;
    background-color: var(--color-overlay);
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.general-nav__overlay.is-enabled {
    display: flex;
    animation-name: general-nav__overlay--active;
    animation-duration: .5s
}

.general-nav__overlay.is-disabled {
    display: flex;
    animation-name: general-nav__overlay--disable;
    animation-duration: .4s
}

.general-nav__abort {
    position: fixed;
    top: 0;
    left: 320px;
    z-index: 0;
    width: calc(100vw - 320px);
    height: 100vh;
}

@keyframes general-nav--enabled {
    0% {
        transform: translateX(-1000px)
    }

    1% {
        width: 0;
        opacity: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}

@keyframes general-nav--enabled-desk {
    0% {
        transform: translateY(-1000px)
    }

    1% {
        opacity: 0;
        transform: translateY(0)
    }

    100% {
        opacity: 1
    }
}

@keyframes general-nav--disabled {
    0% {
        width: 100%;
        opacity: 1
    }

    99% {
        width: 0;
        opacity: 0
    }

    100% {
        transform: translateX(-1000px)
    }
}

@keyframes general-nav--disabled-desk {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0;
        transform: translateY(0)
    }

    100% {
        transform: translateY(-1000px)
    }
}

@keyframes general-nav__close--active {
    0% {
        opacity: 0;
        transform: translateY(-80px)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes general-nav__close--disable {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    99% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateY(-80px)
    }
}

@keyframes general-nav__overlay--active {
    0% {
        opacity: 0;
        transform: translateX(-200vw)
    }

    1% {
        opacity: 0;
        transform: translateX(0)
    }

    100% {
        opacity: 1
    }
}

@keyframes general-nav__overlay--disable {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-200vw)
    }
}

.pagination {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.pagination__item:first-of-type {
    margin-right: auto
}

.pagination__item:last-of-type {
    margin-left: auto
}

.pagination__item.is-enabled .pagination__link {
    color: #fff;
    background-color: var(--color-main);
    cursor: default
}

.pagination__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 36px;
    padding-top: 1px;
    font-family: Rubik,sans-serif;
    background-color: #fff;
    border-radius: 3px;
    transition: all .3s
}

.pagination__link.mod-next,.pagination__link.mod-prev {
    font-size: 19px
}

.pagination__link.mod-prev {
    padding-right: 1px
}

.pagination__link.mod-next {
    padding-left: 1px
}

.tags-list {
    display: grid;
    row-gap: 12px
}

.tags-list h2,.tags-list .h2 {
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500
}

.tags-list__data {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.tags-list__data a {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 8px 2px;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .15s
}

.basic-contact {
    display: flex;
    -moz-column-gap: 40px;
    column-gap: 40px;
    align-items: center
}

.basic-contact__info {
    display: none;
    -moz-column-gap: 36px;
    column-gap: 36px
}

.basic-contact__comms {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.basic-contact__data {
    display: grid;
    grid-template-columns: repeat(2,auto);
    grid-template-rows: repeat(2,auto);
    -moz-column-gap: 16px;
    column-gap: 16px;
    align-items: center;
    height: 42px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint)
}

.basic-contact__data b {
    display: block;
    font-weight: 500
}

.basic-contact__data-link {
    display: inline-flex;
    grid-column: 2;
    grid-row: 1;
    margin-top: -3px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text)
}

.basic-contact__data-hint {
    grid-column: 2;
    grid-row: 2;
    margin: -1px 0 1px;
    font-size: var(--font-size-nano)
}

.basic-contact__data-icon {
    grid-column: 1;
    grid-row: 1/span 2;
    margin-top: -5px
}

.basic-contact__data-icon.icon-address {
    width: 32px;
    height: 32px;
    background-size: 32px 32px
}

.basic-contact__data-icon.icon-phone {
    width: 36px;
    height: 36px;
    background-size: 36px 36px
}

.basic-contact__action {
    margin-right: -28px;
    background-color: var(--color-extra)
}

.basic-contact__chat-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    transition: all .3s
}

.basic-contact__chat-link.mod-tg {
    background-color: #24a1de
}

.basic-contact__chat-link.mod-wa {
    background-color: #25d366
}

.basic-contact__chat-link.mod-cd {
    border: 1px solid var(--color-gray-03)
}

.basic-contact__chat-link.mod-cp {
    background-color: var(--color-extra)
}

.cart-widget {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    font-family: Rubik,sans-serif
}

.cart-widget__button {
    position: relative;
    border: 1px solid transparent;
    border-radius: 3px
}

.cart-widget__button .compare-icon {
    height: 26px;
    background-size: 26px
}

.cart-widget__count {
    position: absolute;
    top: 0;
    right: -8px;
   /*z-index: 20;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    padding: 0 6px;
    font-size: 11px;
    color: #fff;
    background-color: var(--color-main);
    border-radius: 8px
}

.cart-widget__open {
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: 12px;
    white-space: nowrap;
    font-size: var(--font-size-hint);
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.cart-widget__open span {
    margin-left: 12px
}

.cart-widget__open.is-active {

	border-color:var(--color-main);
	background:var(--color-main);

}
.cart-widget__open.is-active span {color:#fff;}





.extra-contact {
    display: grid;
    row-gap: 32px
}

.extra-contact__place {
    color: var(--color-gray-06)
}

.extra-contact__place p {
    font-family: Rubik,sans-serif;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

.extra-contact__place ul {
    margin-top: 4px
}

.extra-contact__place ul li {
    position: relative;
    padding-left: 20px
}

.extra-contact__place ul li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 1px;
    display: flex;
    width: 8px;
    height: 3px;
    background-color: var(--color-gray-04);
    border-radius: 3px
}

.extra-contact__comms {
    display: flex;
    flex-direction: column
}

.extra-contact__comms span {
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint);
    color: var(--color-gray-06)
}

.extra-contact__link {
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #fff
}

.extra-contact__link:not(:first-of-type) {
    margin-top: 16px
}

.item-compare {
    display: flex;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.item-compare li:last-of-type {
    margin-right: -8px
}

.item-compare__button {
    overflow: hidden;
    position: relative
}

.item-compare__button i {
    width: 26px;
    height: 26px;
    background-size: 26px 26px
}

.item-compare__button i:last-of-type {
    display: none
}

.item-compare__button.is-enabled::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 6px;
    height: 6px;
    background-color: var(--color-main);
    border-radius: 50%
}

.item-compare__button.is-enabled i:first-of-type {
    display: none
}

.item-compare__button.is-enabled i:last-of-type {
    display: flex
}

.item-compare__button .icon-favorite,.item-compare__button .icon-favorite-alt {
    width: 24px;
    height: 24px;
    background-size: 24px
}

.item-compare.mod-card {
    -moz-column-gap: 0;
    column-gap: 0
}

.item-compare.mod-card li:first-of-type {
    margin-right: -1px
}

.item-compare.mod-card li:first-of-type .item-compare__button {
    border-radius: 3px 0 0 3px
}

.item-compare.mod-card li:last-of-type .item-compare__button {
    border-radius: 0 3px 3px 0
}

.item-compare.mod-card .item-compare__button {
    position: relative;
    width: 64px;
    border-color: var(--color-gray-03)
}

.social-pages ul {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.social-pages__link {
    display: flex;
    margin: -8px;
    padding: 8px;
    transition: all .3s
}

.social-pages__icon {
    display: flex;
    width: 36px;
    height: 36px;
    background-size: 36px
}

.yandex-rating {
    display: flex;
    background-color: #fff;
    border-radius: 3px
}

.catalog-aside {
    display: none
}

.catalog-aside__wrap {
    display: flex;
    row-gap: 12px;
    flex-direction: column;
    align-items: center
}

.catalog-aside__block {
    width: 100%;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 5px
}

.catalog-aside__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 23px 16px 19px
}

.catalog-aside__header h3,.catalog-aside__header .h3 {
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    pointer-events: none;
    transition: all .3s
}

.catalog-aside__header .catalog-aside__toggle {
    display: flex;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    pointer-events: none;
    transition: all .3s
}

.catalog-aside__header.is-enabled {
    border-radius: 5px 5px 0 0
}

.catalog-aside__header.is-enabled .catalog-aside__toggle {
    transform: rotate(0)
}

.catalog-aside__header.is-enabled+.catalog-aside__main {
    animation-name: catalog-aside__main--enabled;
    animation-duration: .3s;
    animation-timing-function: ease
}

.catalog-aside__header.is-disabled .catalog-aside__toggle {
    transform: rotate(-90deg)
}

.catalog-aside__header.is-disabled+.catalog-aside__main {
    animation-name: catalog-aside__main--disabled;
    animation-duration: .2s;
    animation-timing-function: ease
}

.catalog-aside__hint {
    display: none
}

.catalog-aside__price {
    padding: 0 20px 16px
}

.catalog-aside__main {
    overflow: hidden;
    padding: 0 20px;
    animation-fill-mode: both
}

.catalog-aside__list:not(:first-of-type) {
    display: none
}

.catalog-aside__item {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.catalog-aside__item.mod-spec::before {
    display: none
}

.catalog-aside__item.mod-spec img {
    display: flex;
    width: 23px;
    height: 23px;
    margin-right: 12px;
    border-radius: 2px;
    transition: all .15s
}

.catalog-aside__check {
    display: flex;
    width: 100%;
    padding: 2px 0
}

.catalog-aside__check small {
    margin-left: 8px;
    color: var(--color-gray-04)
}

.catalog-aside__type {
    display: flex;
    width: 100%;
    min-height: 16px;
    padding: 2px 0;
    font-family: Rubik,sans-serif;
    color: var(--color-head);
    transition: all .15s
}

.catalog-aside__type:active,.catalog-aside__type:focus,.catalog-aside__type:hover {
    color: var(--color-main)
}

.catalog-aside__type span {
    padding-left: 8px;
    color: var(--color-gray-04)
}

.catalog-aside__more.button-aux {
    margin-top: 12px;
    color: var(--color-main-hover);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    transition: all .15s
}

.catalog-aside__view {
    width: 100%
}

.catalog-aside__close {
    position: absolute;
    top: 12px;
    right: 14px;
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    height: 40px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text);
    text-transform: uppercase;
    transition: all .3s
}

.catalog-aside__close svg {
    display: block;
    width: 32px;
    height: 32px;
    transition: all .3s
}

@keyframes catalog-aside--enabled {
    0% {
        display: flex;
        transform: translateX(-1000px)
    }

    1% {
        width: 0;
        opacity: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}

@keyframes catalog-aside--disabled {
    0% {
        width: 100%;
        opacity: 1
    }

    99% {
        width: 0;
        opacity: 0
    }

    100% {
        display: none;
        transform: translateX(-1000px)
    }
}

@keyframes catalog-aside__main--enabled {
    0% {
        max-height: 0;
        padding-bottom: 0
    }

    100% {
        max-height: 100%;
        padding-bottom: 16px
    }
}

@keyframes catalog-aside__main--disabled {
    0% {
        max-height: 800px;
        padding-bottom: 16px
    }

    100% {
        max-height: 0;
        padding-bottom: 0
    }
}

.catalog-feed {
    display: grid;
    row-gap: 24px;
    padding-top: 6px
}

.catalog-feed__more {
    display: inline-flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    margin: 8px -8px -4px;
    padding: 4px 8px;
    color: var(--color-main-hover);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    transition: color .3s,-webkit-text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms,-webkit-text-decoration-color 225ms
}

.catalog-feed__more i {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    background-size: 12px 12px;
    transition: all .3s;
    transform: rotate(-90deg)
}

.catalog-feed__palette {
    margin-top: -16px
}

.catalog-feed__filter {
    margin: 8px 0 -4px
}

.catalog-feed__header+.catalog-feed__filter {
    margin-top: -8px
}

.feed-filter__open i {
    width: 18px;
    height: 18px;
    background-size: 18px 18px
}

.catalog-feed__list {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
    flex-wrap: wrap;
    transition: all .15s;
    margin-top:12px;
}

.catalog-feed__item {
    width: 100%;
    margin: -1px 0 0 -1px
}

.catalog-feed__nav {
    display: flex;
    row-gap: 24px;
    flex-direction: column;
    align-items: center
}

.catalog-feed__load {
    background-color: var(--color-extra)
}

.catalog-feed__pages {
    width: 100%;
    padding: 8px;
    background-color: var(--color-gray-01);
    border-radius: 5px
}

.catalog-feed__about {
    order: 1;
    padding: 0 8px
}

.catalog-recent {
    display: grid;
    row-gap: 72px;
    padding: 30px 0
}

.catalog-recent__block {
    display: grid;
    row-gap: 24px
}

.catalog-recent__header {
    display: flex;
    align-items: flex-start
}

.catalog-recent__title {
    display: flex;
    align-items: flex-start;
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    color: var(--color-head);
    letter-spacing: -.02em
}

.catalog-recent__title span {
    margin-bottom: 6px
}

.catalog-recent__title img {
    display: inline-flex;
    width: 40px;
    height: 40px;
    margin: -6px 20px 0 0
}

.catalog-recent__more {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    height: 40px;
    font-weight: 600;
    color: var(--color-main);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase;
    transition: all .15s
}

.catalog-recent__more i {
    width: 16px;
    height: 16px;
    margin-left: auto;
    background-size: 16px;
    transform: rotateZ(-90deg)
}

.catalog-recent__feed {
    display: grid;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px
}

.catalog-type {
    margin-top: 24px
}

.catalog-type__feed {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px
}

.catalog-type__item {
    position: relative;
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid var(--color-gray-03);
    border-radius: 5px;
    transition: all .3s
}

.catalog-type__icon {
    flex-shrink: 0;
    width: 64px;
    height: 44px
}

.catalog-type__icon.mod-spec {
    -o-object-fit: contain;
    object-fit: contain
}

.catalog-type__link {
    line-height: 1.3;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head);
    transition: all .15s
}

.catalog-type__link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.catalog-widget {
    position: relative;
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    margin: 24px 0 44px
}

.catalog-widget__main {
    z-index: 30
}

.catalog-widget__types {
    position: relative;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
    height: 100%
}

.catalog-widget__types-link {
    font-family: Rubik,sans-serif;
    font-weight: 400;
    transition: all .15s
}

.catalog-widget__types-link span {
    padding: 7px 0;
    line-height: 1.2
}

.catalog-widget__types-icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px
}

.catalog-widget__types-more {
    display: none;
    width: 12px;
    height: 12px;
    margin-left: auto;
    background-size: 12px;
    transform: rotateZ(-90deg)
}

.catalog-widget__types-more fill {
    transition: all .15s
}

.catalog-widget__spec {
    display: none;
    grid-template-rows: repeat(2,1fr);
    grid-column: 4/span 5;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px
}

.catalog-widget__video {
    grid-column: 1/span 2;
    background-color: var(--color-gray-04);
    border-radius: 5px
}

.catalog-widget__promo {
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray-01);
    border-radius: 5px;
    outline: 1px solid transparent;
    transition: all .3s
}

.catalog-widget__promo img {
   width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s
}

    .catalog-widget__spec li:nth-of-type(1) img {
        -o-object-fit: scale-down;
    object-fit: scale-down;
    }

.color-palette {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.color-palette__title {
    margin-bottom: 15px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500
}

.color-palette__list {
    display: flex;
    -moz-column-gap: 1px;
    column-gap: 1px
}

.color-palette__item {
    display: flex!important;
    row-gap: 1px;
    flex-direction: column
}

.color-palette__hue {
    position: relative;
    display: flex;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.color-palette__hue::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid transparent
}
.catalog-feed__palette {position:relative;}
.color-palette__ctrl {
  /*  display: none!important;
    display: flex;
    justify-content: space-between;
    height: 28px;
    margin-top: 1px;
    background-color: var(--color-gray-01)*/
    
}

.color-palette__arrow {
    display: flex;
    width: 28px;
    height: 28px;
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.feed-filter {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px;
    justify-content: space-between;
    align-items: center
}

.feed-filter__title {
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500
}

.feed-filter__sort {
    display: none;
    -moz-column-gap: 24px;
    column-gap: 24px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main)
}

.feed-filter__sort small {
    display: inline-flex;
    margin: -4px 0 0 4px
}

.feed-filter__sort .sort-top {
    font-size: 17px;
    transform: translateY(1px)
}

.feed-filter__sort .sort-asc,.feed-filter__sort .sort-desc {
    font-size: 12px;
    transform: translateY(-1px)
}

.feed-filter__select {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 240px;
    height: 32px;
    padding: 0 12px;
    font-size: var(--font-size-main);
    color: var(--color-gray-05);
    background-color: #fff;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.feed-filter__select>option {
    font-family: "Open Sans",sans-serif
}

.feed-filter__open {
    display: none;
    font-size: var(--font-size-main);
    font-weight: 500
}

.feed-filter__open i {
    width: 18px!important;
    margin-right: 8px
}

.price-filter {
    display: flex;
    row-gap: 16px;
    flex-wrap: wrap
}

.price-filter__value {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.price-filter__input {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    width: calc(50% - 6px)
}

.price-filter__input span {
    display: flex;
    width: 20px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase
}

.price-filter__input input {
    background-color: #fff
}

.price-filter__input input::-moz-placeholder {
    font-size: var(--font-size-main);
    color: var(--color-gray-04)
}

.price-filter__input input::placeholder {
    font-size: var(--font-size-main);
    color: var(--color-gray-04)
}

.price-filter__range {
    position: relative;
    width: 100%;
    height: 4px;
    margin: 12px 0;
    background-color: var(--color-main)
}

.price-filter__range::after,.price-filter__range::before {
    content: "";
    position: absolute;
    top: -6px;
    width: 16px;
    height: 16px;
    background-color: var(--color-main);
    border-radius: 50%;
    opacity:0;
}

.price-filter__range::before {
    left: 0
}

.price-filter__range::after {
    right: 0
}

.about-company {
    display: grid;
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding: 104px 0 72px
}

.about-company__wrap {
    display: grid;
    row-gap: 32px;
    padding: 56px 16px 62px;
    background-color: rgba(60,62,65,.8);
    border-radius: 5px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.about-company__main {
    color: #fff
}

.about-company__main p:not([class]) {
    margin-top: 12px
}

.about-company__main strong {
    font-weight: 600;
    text-decoration: underline
}

.about-company__title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -.02em
}

.about-company__list {
    margin-top: 32px
}

.about-company__list li {
    position: relative;
    padding-left: 24px
}

.about-company__list li:not(:first-of-type) {
    margin-top: 12px
}

.about-company__list li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    display: flex;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%
}

.about-company__promo {
    margin-top: 36px
}

.basic-specs {
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    align-items: flex-start
}

.basic-specs h2,.basic-specs .h2 {
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500
}

.basic-specs__list {
    width: 100%
}

.basic-specs__list li {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 9px;
    border-bottom: 1px dashed var(--color-gray-04)
}

.basic-specs__list span:first-of-type {
    font-weight: 600
}

.basic-specs__list span:last-of-type {
    text-align: right
}

.basic-specs__list a {
    color: var(--color-main-hover);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: all .15s
}

.catalog-offer {
    position: relative;
    z-index: 20;
    display: grid;
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding: 66px 0 72px
}

.catalog-offer__wrap {
    display: grid;
    padding: 0 9px;
    color: #fff
}

.catalog-offer__title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -.02em
}

.catalog-offer__desc {
    margin: 20px 0 6px;
    line-height: 1.5;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-desc);
    letter-spacing: -.02em
}

.catalog-offer__action {
    margin: 28px auto 0 0;
    padding: 0 52px
}

.company-legal {
    padding: 14px 16px 24px;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 5px
}

.company-legal__item {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 8px 0 9px;
    border-bottom: 1px dashed var(--color-gray-04)
}

.company-legal__item b {
    white-space: nowrap
}

.company-news {
    display: grid;
    row-gap: 32px;
    padding-top: 24px
}

.company-news__feed,.recent-news__feed {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px
}

.company-news__card,.recent-news__card {
    position: relative;
    display: flex;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    min-height: 174px;
    padding: 18px 16px 21px;
    border: 1px solid var(--color-gray-03);
    border-radius: 5px;
    transition: all .3s
}

.company-news__card-main,.recent-news__card-main {
    display: grid;
    row-gap: 12px
}

.company-news__card-title,.recent-news__card-title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-3);
    font-weight: 500;
    text-transform: uppercase;
    transition: all .15s
}

.company-news__card-link,.recent-news__card-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0
}

.company-news__card-date,.recent-news__card-date {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    order: -1;
    min-width: 144px;
    margin-top: -2px;
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-gray-07)
}

.company-news__card-date span:first-of-type,.recent-news__card-date span:first-of-type {
    font-size: 36px
}

.company-news__card-date span:last-of-type,.recent-news__card-date span:last-of-type {
    text-transform: uppercase
}

.company-news__ctrl {
    width: 100%;
    padding: 8px;
    background-color: var(--color-gray-01);
    border-radius: 5px
}

.contact-data {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 28px;
    margin-top: 40px
}

.contact-data__block {
    display: flex;
    flex-direction: column
}

.contact-data__list {
    display: flex;
    row-gap: 28px;
    flex-direction: column
}

.contact-data__item {
    display: flex
}

.contact-data__item.mod-warn .contact-data__text {
    font-size: var(--font-size-spec);
    color: #f0506e
}

.contact-data__item.mod-warn .contact-data__icon {
    background-size: 32px
}

.contact-data__title {
    margin-bottom: 6px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500;
    color: var(--color-main-hover)
}

.contact-data__link {
    white-space: nowrap;
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-2);
    font-weight: 500;
    color: var(--color-head)
}

.contact-data__desc {
    display: flex;
    margin-top: 4px;
    font-size: var(--font-size-nano);
    text-transform: lowercase
}

.contact-data__text {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-2);
    font-weight: 500;
    color: var(--color-head)
}

.contact-data__text small {
    display: flex;
    margin-top: 6px;
    font-size: var(--font-size-main)
}

.contact-data__icon {
    display: flex;
    order: -1;
    width: 28px;
    height: 28px;
    margin: 8px 20px 0 0;
    background-size: 28px;
    opacity: .65
}

.contact-data__hint {
    display: flex;
    margin-top: 28px;
    padding: 12px 16px 15px;
    border: 1px solid var(--color-main-light);
    border-radius: 5px
}

.contact-data__info {
    margin: 28px -15px -24px;
    padding: 14px 16px 24px;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 0 5px 5px 0
}

.contact-data__info p:not(:first-of-type) {
    margin-top: 12px
}

.contact-data__cover {
    overflow: hidden;
    display: flex;
    width: 100%;
    height: calc(100% + 16px);
    margin-top: -16px;
    background-color: var(--color-gray-03);
    border-radius: 5px
}

.contact-data__cover img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.content-tabs {
    display: flex;
    flex-direction: column
}

.content-tabs__tabs {
    overflow: hidden;
    position: relative;
    z-index: 20;
    display: flex;
    background: radial-gradient(circle at 100% 100%,#fff 0,#fff 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#e5e5e7 0,#f2f2f2 100%);
    border-radius: 5px 5px 0 0
}

.content-tabs__tabs::before {
    content: "";
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 20;
    width: 4px;
    height: 4px;
    background-color: #fff
}

.content-tabs__toggle {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 6px 16px 7px 12px;
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint);
    font-weight: 500;
    border: 1px solid transparent;
    transition: all .3s
}

.content-tabs__toggle::before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 20;
    height: 4px;
    background-color: #fff
}

.content-tabs__toggle.is-enabled {
    color: var(--color-main);
    border-color: var(--color-gray-03);
    border-bottom-color: #fff;
    cursor: default
}

.content-tabs__toggle.is-enabled::before {
    right: 0;
    left: 0
}

.content-tabs__toggle.is-disabled::before {
    left: 0;
    width: 3px
}

.content-tabs__icon {
    margin-right: 10px
}

.content-tabs__icon.mod-walk {
    width: 16px;
    height: 16px;
    background-size: 16px
}

.content-tabs__icon.mod-ride {
    width: 22px;
    height: 22px;
    background-size: 22px
}

.content-tabs__pane {
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: none;
    margin-top: -1px;
    padding: 22px 16px 24px;
    background: radial-gradient(circle at 100% 100%,#fff 0,#fff 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#e5e5e7 0,#fff 80%,#fff 100%);
    animation-fill-mode: both;
    animation-timing-function: ease
}

.content-tabs__pane::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    left: 1px;
    z-index: 20;
    height: 4px;
    background-color: #fff
}

.content-tabs__pane.is-enabled {
    display: block;
    animation-name: content-tabs__pane--enabled;
    animation-duration: .4s
}

.content-tabs__pane.is-disabled {
    display: block;
    animation-name: content-tabs__pane--disabled;
    animation-duration: .3s
}

@keyframes content-tabs__pane--enabled {
    0% {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    100% {
        max-height: 2000px
    }
}

@keyframes content-tabs__pane--disabled {
    0% {
        max-height: 2000px
    }

    100% {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.extra-specs {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    padding: 14px 16px 24px;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 5px
}

.extra-specs__item {
    display: flex;
    grid-column: span 1;
    -moz-column-gap: 16px;
    column-gap: 16px;
    justify-content: space-between;
    padding: 8px 0 9px;
    border-bottom: 1px dashed var(--color-gray-04)
}

.extra-specs__name {
    font-weight: 600
}

.extra-specs__data {
    text-align: left
}

.extra-specs__data a {
    color: var(--color-main-hover);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: all .15s
}

.freq-questions {
    display: grid;
    row-gap: 24px;
    padding-top: 64px
}

.freq-questions__header {
    display: flex;
    align-items: flex-start
}

.freq-questions__title {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding-bottom: 1px;
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    color: var(--color-head);
    letter-spacing: -.02em
}

.freq-questions__more {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    height: 40px;
    font-weight: 600;
    color: var(--color-main);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase;
    transition: all .15s
}

.freq-questions__more i {
    width: 16px;
    height: 16px;
    margin-left: auto;
    background-size: 16px;
    transform: rotateZ(-90deg)
}

.freq-questions__feed {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px
}

.freq-questions__card {
    position: relative;
    display: flex;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 16px;
    flex-direction: column;
    padding: 18px 16px 21px;
    border: 1px solid var(--color-gray-03);
    border-radius: 5px;
    transition: all .3s
}

.freq-questions__card-head {
    padding-bottom: 6px
}

.freq-questions__card-title {
    display: flex;
    margin-bottom: 8px;
    font-family: Rubik,sans-serif;
    font-weight: 500;
    color: var(--color-main);
    text-transform: uppercase
}

.freq-questions__card-main {
    padding-top: 20px;
    border-top: 1px dashed var(--color-gray-03)
}

.freq-questions__card-main p:not(:first-of-type) {
    margin-top: 12px
}

.how-to-get {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 28px;
    margin-top: 28px
}

.how-to-get__title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-2);
    font-weight: 500;
    color: var(--color-head)
}

.how-to-get__main {
    display: flex;
    row-gap: 20px;
    flex-direction: column
}

.how-to-get__legal {
    display: flex;
    row-gap: 20px;
    flex-direction: column
}

.our-advantages {
    display: flex;
    margin-bottom: -32px
}

.our-advantages__slider {
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding: 0 12px
}

.our-advantages__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 36px
}

.our-advantages__card-main {
    height: 100%;
    padding: 58px 32px 40px 32px;
    background-color: var(--color-gray-01);
    background-size: cover;
    border-top: 4px solid var(--color-main);
    border-radius: 5px
}

.our-advantages__card-main h3 {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-text-head);
    text-transform: uppercase;
    text-align: center
}

.our-advantages__card-main p {
    margin-top: 12px;
    text-align: center
}

.our-advantages__card-main.mod-delivery {
    background-image: url(/local/templates/newanfloors/assets/images/our-advantages/delivery-bg.jpg)
}

.our-advantages__card-main.mod-payment {
    background-image: url(/local/templates/newanfloors/assets/images/our-advantages/payment-bg.jpg)
}

.our-advantages__card-main.mod-laying {
    background-image: url(/local/templates/newanfloors/assets/images/our-advantages/laying-bg.jpg)
}

.our-advantages__card-main.mod-address {
    background-image: url(/local/templates/newanfloors/assets/images/our-advantages/address-bg.jpg)
}

.our-advantages__card-main.mod-storage {
    background-image: url(/local/templates/newanfloors/assets/images/our-advantages/storage-bg.jpg)
}

.our-advantages__card-icon {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    order: -1;
    width: 72px;
    height: 72px;
    margin-left: -36px;
    background-color: var(--color-main);
    border-radius: 50%
}

.our-advantages__arrow {
    position: absolute;
    top: calc(60% - 20px);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--color-main);
    transition: all .3s
}

.our-advantages__arrow.swiper-button-disabled {
    opacity: .35;
    cursor: default
}

.our-advantages__arrow-icon {
    display: flex;
    width: 20px;
    height: 20px;
    background-size: 20px
}

.our-advantages__arrow.mod-next {
    right: 0;
    padding-left: 4px;
    border-radius: 3px 0 0 3px
}

.our-advantages__arrow.mod-prev {
    left: 0;
    padding-right: 4px;
    border-radius: 0 3px 3px 0
}

.place-gallery {
    position: relative;
    margin-top: 36px
}

.place-gallery__feed {
    width: 100%
}

.place-gallery__card {
    position: relative;
    display: flex
}

.place-gallery__card img {
    display: flex;
    border-radius: 5px
}

.place-gallery__zoom {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-overlay);
    border-radius: 5px;
    opacity: 0;
    transition: all .3s
}

.place-gallery__zoom i {
    width: 52px;
    height: 52px;
    background-size: 52px;
    opacity: .85
}

.place-gallery__arrow {
    position: absolute;
    top: calc(50% - 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--color-main);
    transition: all .3s
}

.place-gallery__arrow-icon {
    display: flex;
    width: 20px;
    height: 20px;
    background-size: 20px
}

.place-gallery__arrow.mod-next {
    right: 0;
    padding-left: 4px;
    border-radius: 3px 0 0 3px
}

.place-gallery__arrow.mod-prev {
    left: 0;
    padding-right: 4px;
    border-radius: 0 3px 3px 0
}

.recent-news {
    display: grid;
    row-gap: 24px;
    padding-top: 64px
}

.recent-news__header {
    display: flex;
    align-items: flex-start
}

.recent-news__title {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding-bottom: 1px;
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    color: var(--color-head);
    letter-spacing: -.02em
}

.recent-news__more {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    height: 40px;
    font-weight: 600;
    color: var(--color-main);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase;
    transition: all .15s
}

.recent-news__more i {
    width: 16px;
    height: 16px;
    margin-left: auto;
    background-size: 16px;
    transform: rotateZ(-90deg)
}

.yandex-maps {
    display: flex;
    margin-top: 36px;
    background-color: var(--color-ymaps);
    border: 1px solid var(--color-gray-02);
    border-radius: 5px
}

.yandex-maps__frame {
    overflow: hidden;
    width: 100%;
    height: 360px;
    border-radius: 5px
}

.product-gallery {
    display: flex;
    max-height:596px;
    overflow:hidden;
}
.product-gallery  .paintImg {border:0;height:auto;border-radius:0;}
.product-gallery__main {
   /* overflow: hidden;*/
    /*display: flex;*/
    width: 100%;
    padding: 8px;
    border: 1px solid var(--color-gray-03);
    border-radius: 0 5px 5px 5px
}

.product-gallery__photo {
    overflow: hidden;
    display: flex;
    border-radius: 3px;
    aspect-ratio: 1/1;
    cursor:pointer;
    position:relative;
}
.product-gallery__photo .zoom{
	opacity:0;
	transition:all .3s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
}
.product-gallery__photo:hover .zoom {
	opacity:1;
}
.product-gallery__photo .zoom svg {

	position:absolute;
	top:calc(50% - 22px);
	left:calc(50% - 22px);

}


.product-gallery__photo img {
   width: 100%
}

.product-gallery__nav {
    display: none;
    flex-direction: column;
    order: -1;
    /*max-height:600px;*/
}

.product-gallery__slide {
    overflow: hidden;
    position: relative;
    z-index: 20;
    display: flex;
    width: 121px;
    height: 120px;
    min-height: 120px;
    margin-right: -1px;
    padding: 8px;
    border: 1px solid var(--color-gray-03);
    cursor:pointer;
}

.product-gallery__slide:not(:first-of-type) {
    margin-top: -1px
}

.product-gallery__slide img {
    width: 100%;
    opacity: .8;
    transition:all .3s;
}

.product-gallery__slide.is-enabled {
    z-index: 20;
    border-right-color: #fff
}

.product-gallery__slide.is-enabled img,.product-gallery__slide:hover img {
    opacity: 1
}

.product-order {
    display: grid;
    row-gap: 20px
}

.product-order__wrap {
    display: grid;
    row-gap: 20px
}

.product-order__badges {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-order__main {
    position: relative;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 5px
}

.product-order__main-wrap {
    display: grid;
    row-gap: 12px;
    padding: 20px 16px 0
}

.product-order__header {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    justify-content: space-between;
    align-items: center
}

.product-order__model {
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec);
    font-weight: 500;
    color: var(--color-gray-05)
}

.product-order__user {
    margin-top: -1px
}

.product-order__title {
    margin-bottom: auto;
    padding-bottom: 4px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500;
    color: var(--color-head)
}

.product-order__price {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.product-order__price-main {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 6px;
    flex-direction: column;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec);
    font-weight: 500;
    color: var(--color-head)
}

.product-order__price-main span {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    margin-left: -6px;
    padding: 2px 6px;
    background-color: var(--color-main-light);
    border-radius: 3px
}

.product-order__price-main small {
    font-size: var(--font-size-main);
    font-weight: 400
}

.product-order__price-main del {
    display: flex;
    font-size: var(--font-size-desc);
    color: var(--color-gray-04);
    text-decoration: line-through
}

.product-order__price-extra {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    padding: 2px 0;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec);
    font-weight: 500;
    color: var(--color-head)
}

.product-order__price-extra small {
    font-size: var(--font-size-main)
}

.product-order__data {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 18px 0 6px;
    border-top: 1px dashed var(--color-gray-04)
}

.product-order__data.mod-vars {
    display: grid;
    padding-bottom: 0
}

.product-order__data-block {
    display: flex;
    flex-direction: column
}

.product-order__data-block.mod-lite {
    grid-column: span 1
}

.product-order__check {
    padding: 2px 0
}

.product-order__value {
    display: flex;
    -moz-column-gap: 4px;
    column-gap: 4px;
    margin-top: 6px
}

.product-order__value-input {
    width: 64px;
    text-align: center;
    background-color: #fff
}

.product-order__value-change {
    width: 32px;
    font-size: 0;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px
}

.product-order__value-change i {
    width: 8px;
    height: 8px;
    background-size: 8px 8px
}

.product-order__select {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 0 12px;
    font-size: var(--font-size-main);
    color: var(--color-gray-05);
    background-color: #fff;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.product-order__select>option {
    font-family: "Open Sans",sans-serif
}

.product-order__about {
    margin-top: 8px;
    padding: 18px 0 20px;
    border-top: 1px dashed var(--color-gray-04)
}

.product-order__action {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin-top: 8px;
    padding: 16px 28px 28px
}

.product-order__action.is-sticky {
    right: 0;
    bottom: 0;
    left: 0
}

.product-order__to-cart {
    width: calc(38% - 32px);
    font-size: 0!important;
    color: #fff;
    background-color: var(--color-main);
    border-color: var(--color-main)
}

.product-order__one-click {
    width: calc(62% - 32px);
    background-color: var(--color-click)
}

.product-order__payment {
    padding: 8px 0 0
}

.product-order__payment-name {
    margin-bottom: 12px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head);
    text-transform: uppercase
}

.product-order__payment-list {
    margin: 4px 0 20px
}

.product-order__payment-list li {
    position: relative;
    padding-left: 24px
}

.product-order__payment-list li:not(:first-of-type) {
    margin-top: 4px
}

.product-order__payment-list li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    display: flex;
    width: 5px;
    height: 5px;
    background-color: var(--color-gray-05);
    border-radius: 50%
}

.product-order__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 20px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500;
    border-top: 1px dashed var(--color-gray-04)
}

.product-order__total b {
    font-size: var(--font-size-spec);
    font-weight: 500;
    color: var(--color-main)
}

.product-order__bonus {
    display: grid;
    row-gap: 6px;
    margin-top: 20px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-nano)
}

.product-order__more {
    display: inline-flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    margin: -4px -8px;
    padding: 4px 8px;
    color: var(--color-main-hover);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: color .3s,-webkit-text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms,-webkit-text-decoration-color 225ms
}

.product-order__more i {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    background-size: 12px 12px;
    transition: all .3s;
    transform: rotate(-90deg)
}

.product-page {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 36px
}

.product-page__badges {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 6px;
    flex-wrap: wrap;
    margin-top: 16px
}

.product-page__badges li {
    display: flex;
    height: 28px;
    padding: 6px 12px 3px;
    font-family: Rubik,sans-serif;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--color-gray-04);
    border-radius: 14px
}

.product-page__badges .badge-spec {
    background-color: var(--color-main)
}

.product-page__badges .badge-promo {
    background-color: var(--color-spec-hover)
}

.product-page__badges .badge-vars {
    background-color: var(--color-vars);
    transition: all .3s
}

.product-page__content {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 36px;
    margin-top: -12px
}

.product-page__info {
    display: flex;
    row-gap: 24px;
    flex-direction: column
}

.product-page__section {
    display: grid;
    row-gap: 20px
}

.product-page__section .catalog-card__action {
    color: #fff;
    background-color: var(--color-main);
    border-color: var(--color-main)
}

.product-page__title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-2);
    font-weight: 500;
    color: var(--color-head)
}

.product-page__about {
    padding: 2px 32px 5px;
    border-left: 1px solid var(--color-gray-03)
}

.product-page__hint {
    display: flex;
    margin-top: 12px;
    padding: 12px 16px 15px;
    border: 1px solid var(--color-main-light);
    border-radius: 5px
}

.product-variants__list {
    display: grid;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px
}

.product-variants__item {
    position: relative;
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 8px;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.product-variants__item:not(:first-of-type) {
    margin-top: -1px
}

.product-variants__item:nth-of-type(2n+2) {
    background-color: var(--color-gray-01)
}

.product-variants__title {
    width: calc(100% - 76px);
    margin-top: 3px;
    line-height: 1.3;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head)
}

.product-variants__title a {
    display: flex;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    transition: all .15s
}

.product-variants__desc {
    margin-left: 4px;
    font-size: var(--font-size-hint)
}

.product-variants__cover {
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
    order: -1;
    width: 64px;
    border-radius: 3px
}

.product-variants__cover img {
    transition: all .15s
}

.product-variants__data {
    display: flex;
    -moz-column-gap: 32px;
    column-gap: 32px;
    justify-content: space-between;
    align-items: center
}

.product-variants__price {
    padding-left: 4px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-head)
}

.product-variants__price small {
    display: flex;
    font-size: var(--font-size-main);
    color: var(--color-gray-04);
    text-decoration: line-through
}

.product-variants__action {
    color: #fff;
    background-color: var(--color-main);
    border-color: var(--color-main)
}

@media (min-width: 360px) {
    .errors-page {
        padding-right:20px;
        padding-left: 20px
    }

    .main-footer__social {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .main-footer__legal {
        row-gap: 4px;
        padding-right: 48px
    }

    .general-nav__search {
        display: none
    }

    .item-compare.mod-card li {
        width: 100%
    }

    .catalog-feed__item {
        width: calc(50% - 6px)
    }

    .catalog-recent__feed {
        grid-template-columns: repeat(2,1fr)
    }

    .extra-specs__data {
        text-align: right
    }
}

@media (min-width: 576px) {
    :root {
        --grid-gaps:12px
    }

    .section {
        padding: 0 16px
    }

    .catalog-card__badges {
        font-size: 10px
    }

    .global-search {
        width: 104px
    }

    .global-search__action {
        width: auto;
        padding: 0 15px 0 5px;
        font-size: var(--font-size-hint)
    }

    .main-footer__legal {
        padding-bottom: 28px
    }

    .main-navbar {
        padding: 0 16px
    }

    .main-navbar__browse.is-sticky {
        padding: 0 16px
    }

    .main-navbar__search {
        margin-right: 16px
    }

    .assist-widget {
        right: 16px
    }

    .basic-contact__chat:nth-of-type(3),.basic-contact__chat:nth-of-type(4) {
        display: none
    }

    .cart-widget__open {
        margin-left: 16px;
        padding: 0 15px
    }

    .catalog-feed__item {
        width: calc((100% - 21px)/ 3)
    }

    .catalog-recent__feed {
        grid-template-columns: repeat(3,1fr)
    }

    .catalog-type__feed {
        grid-template-columns: repeat(2,1fr)
    }

    .about-company__wrap {
        padding: 56px 56px 62px
    }

    .catalog-offer__wrap {
        padding: 0 32px
    }

    .our-advantages__slider {
        width: calc(100% + 32px);
        margin: 0 -16px;
        padding: 0 16px
    }

    .product-order__badges {
        -moz-column-gap: 24px;
        column-gap: 24px;
        padding: 0 20px
    }

    .product-order__payment {
        padding: 8px 16px 0
    }
}



@media (min-width: 768px) {
    :root {
        --grid-cols:repeat(8, 1fr);
        --grid-gaps: 16px
    }

    :root {
        --font-size-head-1: 30px;
        --font-size-head-2: 26px;
        --font-size-head-3: 22px;
        --font-size-spec: 20px;
        --font-size-spec-2: 20px
    }

    .section {
        padding: 0 20px
    }

    .header__icon {
        width: 40px;
        height: 40px
    }

    [class*=button-].mod-plus {
        height: 50px;
        font-size: 16px
    }

    .button-main.mod-plus {
        padding: 1px 40px 0
    }

    .callback-popup .modal ,.cartnote-popup .modal ,.oneclick-popup .modal ,.cleanBasket-popup .modal{
        padding: 40px 40px 32px
    }
   .add2cart-popup .modal {
        padding: 0px 0px 0px;
        min-height:100px;
    }
 .add2cart-popup .cartPreloader {width:100%;text-align:center;padding:30px 0 0 0;}
    .errors-page {
        margin: 10vh 0 10.75vh
    }

    .errors-page__title {
        font-size: 160px
    }

    .main-footer__legal {
        padding-bottom: 32px
    }

    .main-navbar {
        padding: 0 20px
    }

    .main-navbar__browse.is-sticky {
        padding: 0 20px
    }

    .project-logo {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .assist-widget {
        right: 20px
    }

    .general-nav__list {
        display: flex
    }

    .general-nav__list {
        /*padding-left: 16px*/
        display:none;
    }

    .general-nav__list-link {
        padding: 0 16px 1px
    }

    .pagination {
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .basic-contact__info {
        display: flex
    }

    .extra-contact {
        row-gap: 48px
    }

    .catalog-feed {
        row-gap: 28px
    }

    .catalog-feed__filter {
        margin: 8px 0 -8px
    }

    .catalog-feed__nav {
        row-gap: 28px
    }

    .catalog-feed__pages {
        padding: 12px
    }

    .catalog-feed__about {
        padding: 0 12px
    }

    .catalog-recent__header {
        justify-content: space-between;
        align-items: center
    }

    .catalog-recent__title img {
        width: 48px;
        height: 48px
    }

    .catalog-type {
        margin-top: 28px
    }

    .catalog-type__feed {
        grid-template-columns: repeat(3,1fr)
    }

    .catalog-type__item {
        flex-direction: column;
        padding: 28px 24px
    }

    .catalog-type__icon {
        width: 145px;
        height: 100px
    }

    .catalog-type__link {
        text-align: center
    }

    .catalog-widget {
        grid-template-columns: repeat(8,1fr)
    }

    .catalog-widget__main {
        grid-column: span 3
    }

    .catalog-widget__types {
        display: flex;
        row-gap: 0;
        flex-direction: column;
        padding: 8px 23px 8px 19px;
        background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
        border-radius: 5px
    }

    .catalog-widget__types-item:not(:last-of-type) {
        border-bottom: 1px solid var(--color-gray-03)
    }

    .catalog-widget__types-link {
        position: relative;
        display: flex;
        align-items: center;
        max-width: 100%;
        height: 100%;
        padding: 6px 8px 6px 4px
    }

    .catalog-widget__types-icon {
        width: 32px;
        height: 32px;
        margin-right: 18px
    }

    .catalog-widget__types-icon.mod-extra {
        width: 36px;
        height: 36px;
        margin: -2px 16px -2px -2px
    }

    .catalog-widget__types-icon.mod-spec {
        width: 26px;
        height: 26px;
        margin: 3px 21px 3px 3px
    }

    .catalog-widget__spec {
        display: grid
    }

    .company-legal {
        padding: 18px 24px 28px
    }

    .company-news__feed,.recent-news__feed {
        grid-template-columns: repeat(2,1fr)
    }

    .company-news__card,.recent-news__card {
        padding: 28px 32px 32px 24px
    }

    .company-news__card-main,.recent-news__card-main {
        row-gap: 16px
    }

    .company-news__ctrl {
        padding: 12px
    }

    .contact-data {
        grid-template-columns: repeat(8,1fr)
    }

    .contact-data__block:nth-of-type(1) {
        grid-column: span 4
    }

    .contact-data__block:nth-of-type(2) {
        grid-column: span 4
    }

    .contact-data__block:nth-of-type(3) {
        grid-column: span 8
    }

    .contact-data__list {
        row-gap: 48px
    }

    .contact-data__hint {
        margin-top: auto;
        padding: 12px 24px 15px
    }

    .contact-data__info {
        margin: 48px 0 0;
        padding: 18px 24px 28px;
        border-radius: 5px
    }

    .content-tabs__pane {
        padding: 24px 24px 28px
    }

    .extra-specs {
        grid-template-columns: repeat(2,1fr);
        padding: 18px 24px 28px
    }

    .freq-questions__header {
        justify-content: space-between;
        align-items: center
    }

    .freq-questions__title {
        min-height: 48px
    }

    .freq-questions__card {
        padding: 28px 32px 32px 24px
    }

    .freq-questions__card-head {
        margin-bottom: 12px
    }

    .freq-questions__card-title {
        margin-bottom: 12px
    }

    .freq-questions__card-main {
        padding-top: 28px
    }

    .how-to-get {
        grid-template-columns: repeat(8,1fr);
        margin-top: 36px
    }

    .how-to-get__main {
        grid-column: 1/span 4;
        padding-right: 16px
    }

    .how-to-get__legal {
        grid-column: 5/span 4
    }

    .our-advantages__slider {
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 0 20px
    }

    .our-advantages__card-main {
        padding-bottom: 52px
    }

    .our-advantages__card-main h3 {
        text-align: left
    }

    .our-advantages__card-main p {
        text-align: left
    }

    .our-advantages__card-icon {
        left: 28px;
        margin-left: 0
    }

    .place-gallery {
        margin-top: 56px
    }

    .place-gallery__ctrl {
        top: calc(50% - 25px);
        right: -25px;
        left: -25px
    }

    .place-gallery__arrow {
        top: calc(50% - 25px);
        width: 50px;
        height: 50px;
        border-radius: 3px
    }

    .place-gallery__arrow-icon {
        width: 24px;
        height: 24px;
        background-size: 24px
    }

    .place-gallery__arrow.mod-next {
        right: -11.76471px;
        border-radius: 3px
    }

    .place-gallery__arrow.mod-prev {
        left: -11.76471px;
        border-radius: 3px
    }

    .recent-news__header {
        justify-content: space-between;
        align-items: center
    }

    .recent-news__title {
        min-height: 48px
    }

    .yandex-maps {
        margin-top: 56px
    }

    .product-order__main-wrap {
        padding: 24px 24px
    }

    .product-order__payment {
        padding: 8px 24px 0
    }

    .product-page {
        grid-template-columns: repeat(10,1fr);
        row-gap: 40px
    }

    .product-page__header {
        grid-column: 1/span 9
    }

    .product-page__content {
        grid-template-columns: repeat(10,1fr);
        grid-column: 1/span 10
    }

    .product-page__gallery {
        grid-column: 1/span 6
    }

    .product-page__info {
        padding-top: 8px
    }

    .product-page__info {
        grid-column: 7/span 4;
        row-gap: 28px
    }

    .product-page__section {
        grid-column: 1/span 10
    }

    .product-page__hint {
        padding: 12px 24px 15px
    }

    .product-variants__cover {
        width: 72px
    }

    .product-variants__data {
        margin-left: auto;
        padding-right: 4px
    }
}

@media screen and (min-width: 768px) and (hover:hover) {
    .catalog-widget__types-link:hover {
        color:var(--color-main-hover)
    }

    .place-gallery__arrow.mod-next:hover {
        transform: translateX(8px)
    }

    .place-gallery__arrow.mod-prev:hover {
        transform: translateX(-8px)
    }
}

@media (min-width: 769px) {
    .glightbox-container .ginner-container {
        flex-direction:row;
        width: auto;
        height: auto
    }

    .glightbox-container .ginner-container.desc-top .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img {
        order: 1
    }

    .glightbox-container .ginner-container.desc-left .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-left .gslide-image {
        order: 1
    }

    .gslide-image img {
        max-width: 100%;
        max-height: 97vh
    }

    .gslide-image img.zoomable {
        cursor: zoom-in
    }

    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left,.gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: rgba(0,0,0,.92)
    }

    .glightbox-clean .gslide-media {
        box-shadow: 1px 2px 9px 0 rgba(0,0,0,.65)
    }

    .glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner {
        overflow-y: auto;
        position: absolute;
        height: 100%
    }

    .glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev {
        background-color: rgba(0,0,0,.32)
    }

    .glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover {
        background-color: rgba(0,0,0,.7)
    }

    .glightbox-clean .gprev {
        top: 45%
    }

    .glightbox-clean .gnext {
        top: 45%
    }
}
@media (max-width: 576px) {
    .main-navbar__notify {
        font-size: 14px
    }
   }
@media (min-width: 992px) {
    :root {
        --grid-gaps:20px
    }

    :root {
        --font-size-hint: 14px
    }

    .basic-group {
        grid-template-columns: repeat(10,1fr)
    }

    .basic-group__page {
        grid-column: 4/span 7
    }

    .basic-group__aside {
        grid-column: 1/span 3
    }

    .content-group {
        grid-template-columns: repeat(11,1fr)
    }

    .content-group__main {
        grid-column: 1/span 7
    }

    .content-group__aside {
        grid-column: 8/span 4;
        padding-left: 8px
    }

    .glightbox-clean .gclose {
        right: 20px;
        opacity: .7
    }

    .main-footer {
        row-gap: 60px
    }

    .main-footer__main {
        grid-template-columns: repeat(10,1fr)
    }

    .main-footer__brand {
        grid-column: 1/span 3;
        row-gap: 56px
    }

    .main-footer__extra {
        grid-column: 4/span 7;
        row-gap: 48px;
        padding-top: 5px;
        border: 0
    }



    .main-navbar.mod-notify {
        height: 182px
    }

  /*  .main-navbar.mod-notify .main-navbar__extra {
        min-height: 30px
    }*/

    .main-navbar.mod-notify .main-navbar__extra::before {
        min-height: 30px
    }

    .project-logo {
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    .assist-widget {
        bottom: 16px;
        row-gap: 12px
    }

    .assist-widget__action.mod-filter {
        display: none
    }

    .extra-nav {
        grid-template-columns: repeat(3,1fr)
    }

    .extra-nav__block:nth-of-type(1) {
        grid-column: 1/span 3
    }

    .extra-nav__block:nth-of-type(2) {
        grid-column: 1/span 3
    }

    .extra-nav__title {
        margin-bottom: 19px
    }

    .extra-nav__list {
        grid-template-columns: repeat(3,1fr);
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .general-nav__full {
        max-width: 340px
    }

    .catalog-aside {
        display: flex
    }

    .catalog-feed__list.mod-spec .catalog-feed__item {
        width: calc((100% - 32px)/ 4)
    }

    .catalog-recent__feed {
        grid-template-columns: repeat(4,1fr)
    }

    .catalog-type__feed {
        grid-template-columns: repeat(4,1fr)
    }

    .catalog-widget {
        grid-template-columns: repeat(12,1fr)
    }

    .catalog-widget__main {
        grid-column: span 4
    }

    .catalog-widget__spec {
        grid-column: 5/span 8
    }

    .feed-filter__sort {
        display: flex
    }

    .feed-filter__select {
        display: none
    }

    .feed-filter__open {
        display: none
    }

    .about-company {
        grid-template-columns: repeat(12,1fr)
    }

    .about-company__wrap {
        grid-column: 2/span 10;
        padding: 56px 72px 62px
    }

    .catalog-offer {
        grid-template-columns: repeat(12,1fr)
    }

    .catalog-offer__wrap {
        grid-column: span 9
    }

    .content-tabs__tabs {
        background: radial-gradient(circle at 100% 100%,#fff 0,#fff 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#e5e5e7 0,#f6f6f6 100%)
    }

    .content-tabs__toggle {
        padding: 0 24px 0 18px
    }

    .freq-questions__feed {
        grid-template-columns: repeat(2,1fr)
    }

    .how-to-get__main {
        grid-column: 1/span 5
    }

    .how-to-get__legal {
        grid-column: 6/span 3
    }

    .our-advantages__arrow {
        top: calc(60% - 25px);
        width: 42px;
        height: 42px;
        border-radius: 3px
    }

    .our-advantages__arrow {
        width: 46px;
        height: 46px
    }

    .our-advantages__arrow-icon {
        width: 24px;
        height: 24px;
        background-size: 24px
    }

    .product-order__main-wrap {
        padding: 24px 28px 0
    }

    .product-order__data.mod-vars {
        grid-template-columns: repeat(2,1fr)
    }

    .product-order__about {
        border-bottom: 1px dashed var(--color-gray-04)
    }

    .product-order__action.is-sticky {
        position: -webkit-sticky;
        position: sticky;
        padding: 16px 28px 16px;
        background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%)
    }

    .product-order__to-cart {
        width: calc(38% - 18px)
    }

    .product-order__one-click {
        width: calc(62% - 18px)
    }

    .product-page__header {
        grid-column: 1/span 10
    }
}

@media (min-width: 1262px) {
    :root {
        --grid-cols:repeat(12, 1fr);
        --grid-gaps: 24px
    }

    :root {
        --font-size-head-1: 32px;
        --font-size-head-2: 28px;
        --font-size-spec: 22px
    }

    .app-content {
        padding-bottom: 72px
    }

    .section {
        padding: 0 28px
    }

    .basic-group {
        grid-template-columns: repeat(12,1fr);
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .basic-group__page {
        grid-column: 4/span 9
    }

    .content-group {
        grid-template-columns: repeat(12,1fr);
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .content-group__main {
        grid-column: 1/span 8
    }

    .content-group__aside {
        grid-column: 9/span 4
    }

    .errors-page {
        margin: 12vh 0 12.75vh
    }

    .main-footer__main {
        grid-template-columns: repeat(12,1fr);
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .main-footer__extra {
        grid-column: 4/span 9
    }

    .main-footer__legal {
        padding-bottom: 40px
    }

    .main-navbar {
        padding: 0 28px
    }

    .main-navbar__browse.is-sticky {
        padding: 0 28px
    }

    .main-navbar__browse.is-sticky .general-nav__full {
        top: 81px;
        height: calc(100vh - 81px)
    }

    .main-navbar__browse.is-sticky .general-nav__abort {
        height: calc(100vh - 57px)
    }

    .main-navbar__browse.is-sticky .general-nav__overlay {
        top: 57px
    }

    .assist-widget {
        right: 28px
    }

    .extra-nav {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .general-nav__list-link {
        padding: 0 14px 1px
    }

    .general-nav__open span:first-of-type {
        display: none
    }

    .general-nav__open span:last-of-type {
        display: block
    }

    .general-nav__full {
        top: 172px;
        right: 0;
        left: 0;
        grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end];
        width: 100%;
        max-width: none;
        height: calc(100vh - 212px);
        max-height: 722px;
        padding: 0 12px
    }

    .general-nav__full.is-enabled {
        z-index: 2030;
        display: grid;
        animation-name: general-nav--enabled-desk;
        animation-duration: .35s
    }

    .general-nav__full.is-disabled {
        display: grid;
        animation-name: general-nav--disabled-desk;
        animation-duration: .2s
    }

    .general-nav__full-wrap {
        overflow-y: auto;
        padding: 0;
        border-radius: 5px
    }

    .general-nav__main {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        -moz-column-gap: 24px;
        column-gap: 24px;
        height: 100%
    }

    .general-nav__menu {
        position: relative;
        z-index: 30;
        height: 100%;
        margin: 0;
        padding: 7px 22px 8px 19px;
        background-color: var(--color-gray-01);
        border-right: 1px solid var(--color-gray-03)
    }

    .general-nav__menu-item:not(.mod-prod) {
        display: none
    }

    .general-nav__menu-item:not(:last-of-type) {
        border-bottom: 1px solid var(--color-gray-03)
    }

    .general-nav__menu-item.is-active {
        position: relative;
        z-index: 40;
        background-color: #fff;
        border-top: 1px solid var(--color-gray-03);
        border-bottom: 1px solid var(--color-gray-03);
        outline: 2px solid var(--color-gray-01)
    }

    .general-nav__menu-item.is-active::after,.general-nav__menu-item.is-active::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: -1px;
        background-color: #fff
    }

    .general-nav__menu-item.is-active::before {
        left: -11px;
        width: 11px;
        border: 1px solid var(--color-gray-03);
        border-right: 0;
        border-radius: 3px 0 0 3px
    }

    .general-nav__menu-item.is-active::after {
        right: -23px;
        width: 23px;
        border-top: 1px solid var(--color-gray-03);
        border-bottom: 1px solid var(--color-gray-03)
    }

    .general-nav__menu-item.is-active .general-nav__menu-link {
        color: var(--color-main-hover)
    }

    .general-nav__menu-item.is-active .general-nav__menu-more {
        display: none
    }

    .general-nav__menu-icon {
        width: 32px;
        height: 32px;
        margin-right: 14px
    }

    .general-nav__menu-icon.mod-extra {
        width: 36px;
        height: 36px;
        margin: -2px 12px -2px -2px
    }

    .general-nav__menu-icon.mod-spec {
        width: 26px;
        height: 26px;
        margin: 3px 17px 3px 3px
    }

    .general-nav__menu-link {
        position: relative;
        display: flex;
        align-items: center;
        max-width: 100%;
        height: 100%;
        padding: 6px 8px 6px 2px!important;
        white-space: normal
    }

    .general-nav__menu-link span {
        padding: 7px 0;
        line-height: 1.2
    }

    .general-nav__contact {
        display: none
    }

    .general-nav__close {
        top: 10px;
        right: 28px;
        -moz-column-gap: 9px;
        column-gap: 9px
    }

    .general-nav__close svg {
        width: 20px;
        height: 20px
    }

    .general-nav__overlay {
        top: 148px
    }

    .general-nav__abort {
        top: -24px;
        left: 0;
        width: 100vw;
        height: calc(100vh - 148px)
    }

    .catalog-aside__close {
        display: none
    }

    .catalog-feed {
        row-gap: 32px
    }

    .catalog-feed__filter {
        margin-bottom: -20px
    }

    .catalog-feed__nav {
        row-gap: 32px
    }

    .catalog-type {
        margin-top: 32px
    }

    .catalog-type__item {
        padding: 32px 32px
    }

    .catalog-widget__main {
        grid-column: span 3
    }

    .catalog-widget__spec {
        grid-template-columns: repeat(2,1fr)
    }

    .catalog-widget__spec {
        grid-column: 4/span 9
    }

    .feed-filter {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .about-company__wrap {
        grid-column: 3/span 8;
        padding: 56px 72px 62px
    }

    .catalog-offer__wrap {
        grid-column: span 8
    }

    .company-legal {
        padding: 22px 32px 32px
    }

    .company-news__card,.recent-news__card {
        flex-direction: row;
        padding: 28px 44px 32px 32px
    }

    .contact-data {
        grid-template-columns: repeat(12,1fr)
    }

    .contact-data__block:nth-of-type(1) {
        padding-right: 28px
    }

    .contact-data__block:nth-of-type(2) {
        grid-column: span 4;
        margin: 0 20px 0 -28px
    }

    .contact-data__block:nth-of-type(3) {
        grid-column: span 4
    }

    .contact-data__hint {
        padding: 12px 32px 15px
    }

    .contact-data__info {
        margin-top: 64px;
        padding: 22px 32px 32px
    }

    .contact-data__cover {
        height: calc(100% + 56px);
        margin-top: -56px
    }

    .contact-data__cover img {
        -o-object-position: 72% 0;
        object-position: 72% 0
    }

    .content-tabs__pane {
        padding: 28px 32px 32px
    }

    .extra-specs {
        -moz-column-gap: 32px;
        column-gap: 32px;
        padding: 22px 32px 32px
    }

    .freq-questions__card {
        padding: 28px 44px 32px 32px
    }

    .how-to-get {
        grid-template-columns: repeat(12,1fr);
        margin-top: 48px
    }

    .how-to-get__main {
        grid-column: 1/span 7
    }

    .how-to-get__legal {
        grid-column: 8/span 5
    }

    .our-advantages__slider {
        width: calc(100% + 56px);
        margin: 0 -28px;
        padding: 0 28px
    }

    .place-gallery {
        margin-top: 64px
    }

    .place-gallery__arrow.mod-next {
        right: -16.66667px
    }

    .place-gallery__arrow.mod-prev {
        left: -16.66667px
    }

    .yandex-maps {
        margin-top: 64px
    }

    .yandex-maps__frame {
        height: 520px
    }

    .product-gallery__nav {
        display: flex
    }

    .product-order__badges {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .product-order__payment {
        padding: 8px 28px 0
    }

    .product-page {
        -moz-column-gap: 32px;
        column-gap: 32px;
        row-gap: 44px
    }

    .product-page__header {
        grid-column: 1/span 9
    }

    .product-page__content {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .product-page__info {
        row-gap: 32px
    }

    .product-page__hint {
        padding: 12px 32px 15px
    }

    .product-variants__item {
        -moz-column-gap: 20px;
        column-gap: 20px;
        flex-wrap: nowrap;
        align-items: center
    }

    .product-variants__desc {
        width: 50%;
        margin-left: 12px
    }

    .product-variants__cover {
        width: 56px
    }
}

@media (min-width: 1262px) and (min-width:576px) {
    .general-nav__full {
        padding:0 16px
    }
}

@media (min-width: 1262px) and (min-width:768px) {
    .general-nav__full {
        padding:0 20px
    }
}

@media (min-width: 1262px) and (min-width:1262px) {
    .general-nav__full {
        padding:0 28px
    }
}

@media (min-width: 1262px) and (min-width:1440px) {
    .general-nav__full {
        padding:0 36px
    }
}

@media (min-width: 1440px) {
    .section {
        padding:0 36px
    }

    .catalog-menu__list {
        grid-template-columns: repeat(4,1fr)
    }

    .main-footer__extra {
        row-gap: 20px
    }

    .main-footer__legal {
        padding-bottom: 48px
    }

    .main-navbar {
        padding: 0 36px
    }

    .main-navbar {
        height: 164px
    }

    .main-navbar__brand {
        -moz-column-gap: 56px;
        column-gap: 56px;
        padding: 2px 0 25px
    }

    .main-navbar__logo::before {
        left: -9px
    }

    .main-navbar__contact {
        margin-top: 22px
    }

    .main-navbar__browse.is-sticky {
        padding: 0 36px
    }

    .main-navbar__browse.is-sticky .general-nav__full {
        top: 81px;
        max-height: 722px
    }

    .main-navbar.mod-notify {
        height: 197px
    }

    .project-logo {
        -moz-column-gap: 56px;
        column-gap: 56px
    }

    .project-logo__desc {
        margin-top: 22px
    }

    .assist-widget {
        right: 36px
    }

    .extra-nav {
        grid-template-columns: repeat(4,1fr)
    }

    .extra-nav__block:nth-of-type(2) {
        grid-column: 4/span 1
    }

    .extra-nav__list.mod-spec {
        grid-template-columns: auto
    }

    .general-nav__list {
        padding-left: 20px
    }

    .general-nav__list-link {
        padding: 0 18px 1px
    }

    .general-nav__open small {
        display: inline-flex
    }

    .general-nav__full {
        top: 188px
    }

    .general-nav__menu-item.is-active::after {
        right: -23px;
        width: 23px
    }

    .general-nav__menu-icon {
        margin-right: 18px
    }

    .general-nav__menu-icon.mod-extra {
        margin-right: 16px
    }

    .general-nav__menu-icon.mod-spec {
        margin-right: 21px
    }

    .general-nav__menu-link {
        padding: 6px 8px 6px 4px!important
    }

    .general-nav__menu-more {
        display: flex
    }

    .general-nav__overlay {
        top: 164px
    }

    .general-nav__abort {
        height: calc(100vh - 164px)
    }

    .basic-contact {
        -moz-column-gap: 64px;
        column-gap: 64px
    }

    .basic-contact__info {
        -moz-column-gap: 64px;
        column-gap: 64px
    }

    .basic-contact__action {
        margin-right: -32px
    }

    .cart-widget__open {
        margin-left: 24px
    }

    .catalog-feed__list.mod-spec .catalog-feed__item {
        width: calc((100% - 43px)/ 5)
    }

    .catalog-feed__item {
        width: calc((100% - 32px)/ 4)
    }

    .catalog-recent__feed {
        grid-template-columns: repeat(5,1fr)
    }

    .catalog-type__feed {
        grid-template-columns: repeat(5,1fr)
    }

    .catalog-widget__types-more {
        display: flex
    }

    .catalog-offer__wrap {
        grid-column: span 6
    }

    .contact-data__block:nth-of-type(1) {
        padding-right: 84px
    }

    .contact-data__block:nth-of-type(2) {
        margin: 0 40px 0 -44px
    }

    .contact-data__item.mod-warn .contact-data__icon {
        background-size: 46px
    }

    .contact-data__icon {
        width: 40px;
        height: 40px;
        margin-right: 32px;
        background-size: 40px
    }

    .contact-data__cover img {
        -o-object-position: 73% 0;
        object-position: 73% 0
    }

    .content-tabs__tabs {
        background: radial-gradient(circle at 100% 100%,#fff 0,#fff 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#e5e5e7 0,#fff 100%)
    }

    .how-to-get__main {
        grid-column: 1/span 8
    }

    .how-to-get__legal {
        grid-column: 9/span 4
    }

    .our-advantages__ctrl {
        display: none
    }

    .our-advantages__arrow {
        top: calc(60% - 25px);
        width: 50px;
        height: 50px;
        border-radius: 3px
    }

    .our-advantages__arrow.mod-next {
        right: -16.66667px;
        border-radius: 3px
    }

    .our-advantages__arrow.mod-next {
        right: -25px
    }

    .our-advantages__arrow.mod-prev {
        left: -16.66667px;
        border-radius: 3px
    }

    .our-advantages__arrow.mod-prev {
        left: -25px
    }

    .place-gallery__arrow.mod-next {
        right: -25px
    }

    .place-gallery__arrow.mod-prev {
        left: -25px
    }

    .yandex-maps__frame {
        height: 680px
    }
}

@media screen and (min-width: 1440px) and (hover:hover) {
    .our-advantages__arrow.mod-next:hover {
        transform:translateX(8px)
    }

    .our-advantages__arrow.mod-prev:hover {
        transform: translateX(-8px)
    }
}

@media (min-width: 1560px) {
    .basic-group {
        grid-template-columns:repeat(14,1fr)
    }

    .basic-group__page {
        grid-column: 4/span 11
    }

    .content-group {
        grid-template-columns: repeat(14,1fr)
    }

    .content-group__main {
        grid-column: 1/span 10
    }

    .content-group__aside {
        grid-column: 11/span 4
    }

    .main-footer__main {
        grid-template-columns: repeat(14,1fr)
    }

    .main-footer__extra {
        grid-column: 4/span 11
    }

    .main-navbar__brand {
        -moz-column-gap: 64px;
        column-gap: 64px
    }

    .contact-data__cover img {
        -o-object-position: 74% 0;
        object-position: 74% 0
    }

    .product-variants__cover {
        width: 72px
    }
}

@media (min-width: 1760px) {
    .catalog-card__action {
        width:48px
    }

    .catalog-card.mod-lite .catalog-card__data {
        flex-wrap: wrap
    }

    .catalog-card.mod-lite .catalog-card__action,.catalog-card.mod-lite .catalog-card__price,.catalog-card.mod-lite .catalog-card__user {
        width: 100%
    }

    .catalog-card.mod-lite .catalog-card__user {
        margin-right: 8px
    }

    .catalog-card.mod-lite .item-compare__button {
        width: 100%
    }

    .assist-widget__action {
        width: 50px;
        height: 50px
    }

    .item-compare.mod-card .item-compare__button {
        width: 40px
    }

    .contact-data__cover img {
        -o-object-position: 75% 0;
        object-position: 75% 0
    }

    .product-order__to-cart {
        width: calc(35% - 6px)
    }

    .product-order__one-click {
        width: calc(65% - 6px)
    }
}

@media (max-width: 1759.98px) {
    .catalog-card__data {
        flex-wrap:wrap
    }

    .catalog-card__price {
        width: 100%
    }

    .app-body.mod-product .assist-widget__action {
        box-shadow: none
    }

    .product-order__to-cart {
        height: 40px!important
    }

    .product-order__one-click {
        height: 40px!important;
        font-size: 15px!important
    }
}

@media (max-width: 1559.98px) {
    .catalog-card__cover {
        max-height:320px
    }
}

@media (max-width: 1439.98px) {
    .project-logo__link {
        width:184px
    }

    .product-variants__data {
        width: 100%
    }
}

@media (max-width: 1261.98px) {
    .general-nav__extra {
        display:none
    }

    .basic-contact__data.mod-phone {
        display: none
    }

    .contact-data__block:nth-of-type(3) {
        order: -2
    }
}

@media (max-width: 991.98px) {
body.is-over {overflow:hidden;}
    .app-body.mod-product .main-footer {
        padding-bottom:77px
    }

    .basic-contact__data.mod-place {
        display: none
    }

    .catalog-aside {
        overflow-x: hidden;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2000;
        flex-direction: column;
        max-width: 320px;
        height: 100vh;
        padding: 64px 20px 72px;
        background-color: #fff;
        animation-fill-mode: both;
        animation-timing-function: ease-out
    }

    .catalog-aside.is-enabled {
        z-index: 2030;
        display: flex;
        animation-name: catalog-aside--enabled;
        animation-duration: .5s
    }
    .catalog-aside    .catalog-aside__view {}

    .catalog-aside.is-disabled {
        display: flex;
        animation-name: catalog-aside--disabled;
        animation-duration: .4s
    }

    .product-order__action.is-sticky {
        position: fixed;
        z-index: 200;
        background-color: var(--color-gray-02);
        border-top: 1px solid var(--color-gray-03)
    }
    .modal__content   .product-order__action.is-sticky {/*position: relative;*/}
}

@media (max-width: 767.98px) {
    .hystmodal__window {
        margin-top:0;
        margin-bottom: 0
    }

    .callback-popup .modal ,.add2cart-popup .modal ,.cartnote-popup .modal,.oneclick-popup .modal ,.cleanBasket-popup .modal {
        width: calc(100% - 40px)!important
    }

    .project-logo__desc {
        display: none
    }

    .pagination__item:nth-of-type(3),.pagination__item:nth-of-type(4),.pagination__item:nth-of-type(6) {
      /*  display: none*/
    }

    .catalog-recent__header {
        flex-direction: column
    }

    .catalog-widget__types-item {
        border: 1px solid var(--color-gray-03);
        border-radius: 3px;
        transition: all .3s
    }

    .catalog-widget__types-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 12px 12px 10px;
        text-align: center
    }

    .catalog-widget__types-icon.mod-extra {
        width: 64px;
        height: 64px;
        margin: -2px
    }

    .catalog-widget__types-icon.mod-spec {
        width: 52px;
        height: 52px;
        margin: 4px
    }

    .contact-data__block:nth-of-type(2) {
        order: -1
    }

    .contact-data__cover {
        max-height: 160px
    }

    .freq-questions__header {
        flex-direction: column
    }

    .recent-news__header {
        flex-direction: column
    }

    .product-gallery__photo {
        width: 100%;
        max-height: 360px;
        cursor:pointer;
    }

    .product-page__info {
        margin-top: -8px
    }
}

@media screen and (max-width: 767.98px) and (hover:hover) {
    .catalog-widget__types-item:hover {
        border-color:var(--color-main)
    }

    .catalog-widget__types-item:hover .catalog-widget__types-link {
        color: var(--color-main-hover)
    }
}

@media (max-width: 575.98px) {
    .basic-contact__data-link {
        width:40px;
        height: 40px;
        font-size: 0!important
    }

    .basic-contact__data-hint {
        font-size: 0!important
    }

    .basic-contact__action {
        display: none
    }

    .basic-contact__chat:nth-of-type(1),.basic-contact__chat:nth-of-type(2) {
        display: none
    }

    .basic-contact__chat-link.mod-cd i {
        background-image: url(/local/templates/newanfloors/assets/icons/address--alt.svg)
    }

    .basic-contact__chat-link.mod-cp i {
        background-image: url(/local/templates/newanfloors/assets/icons/phone-brand--alt.svg);
        background-size: 20px
    }

    .cart-widget__open {
        justify-content: center;
        width: 60px
    }

    .cart-widget__open span {
        display: none
    }

    .catalog-recent__more {
        margin-top: -2px
    }

    .company-legal__item {
        flex-direction: column
    }

    .freq-questions__more {
        margin-top: -2px
    }

    .recent-news__more {
        margin-top: -2px
    }

    .product-order__action.is-sticky {
        padding: 8px 12px
    }
}

@media (max-width: 359.98px) {
    .main-navbar__search {
        display:none
    }

    .catalog-recent__item:not(:first-of-type) {
        display: none
    }

    .content-tabs__icon {
        display: none
    }

    .product-order__badges img {
        width: auto;
        height: 44px
    }

    .product-order__data-block {
        width: 100%
    }
}

@media (max-width: 359px) {
    .catalog-feed__about {
        padding:0
    }

    .extra-specs__item {
        flex-direction: column
    }

    .product-page__section .catalog-feed__item:not(:first-of-type) {
        display: none
    }
}

@media (min-width: 360px) and (max-width:1559px) {
    .catalog-card__user {
        width:100%;
        margin-right: 8px;
        margin-left: 0
    }

    .catalog-card__action {
        width: 100%
    }

    .item-compare.mod-card .item-compare__button {
        width: 100%
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .extra-nav {
        grid-template-columns:repeat(2,1fr)
    }

    .extra-nav__block:nth-of-type(1) {
        grid-column: 1
    }

    .extra-nav__block:nth-of-type(2) {
        grid-column: 2
    }

    .extra-contact {
        grid-template-columns: repeat(2,1fr);
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .catalog-recent__item:nth-of-type(4),.catalog-recent__item:nth-of-type(5) {
        display: none
    }

    .extra-specs__item {
        align-items: center
    }

    .freq-questions__card-head {
        max-width: 80%
    }

    .freq-questions__card-answer {
        max-width: 80%
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    .extra-nav__block:nth-of-type(2) {
        padding-left:16px
    }

    .extra-contact__comms {
        margin-top: -3px;
        padding-left: 16px
    }

    .catalog-widget__types {
        grid-template-columns: repeat(3,1fr)
    }

    .company-news__card-title,.recent-news__card-title {
        max-width: 80%
    }

    .company-news__card-desc,.recent-news__card-desc {
        max-width: 80%
    }

    .product-order__action.is-sticky {
        padding: 8px 16px
    }
}

@media (min-width: 360px) and (max-width:575.98px) {
    .extra-nav__list {
        display:flex;
        flex-wrap: wrap
    }

    .extra-nav__list li:nth-of-type(2n+1) {
        width: 56%;
        padding-right: 20px
    }

    .extra-nav__list li:nth-of-type(2n+2) {
        width: 44%
    }

    .catalog-recent__item:nth-of-type(3),.catalog-recent__item:nth-of-type(4),.catalog-recent__item:nth-of-type(5) {
        display: none
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .general-nav__list-item:nth-of-type(3),
    .general-nav__list-item:nth-of-type(4),
    .general-nav__list-item:nth-of-type(5){
        display:none
    }

    .product-order__wrap {
        grid-column: 1/span 10
    }

    .product-order__action.is-sticky {
        padding: 8px 20px
    }
}

@media (min-width: 992px) and (max-width:1261.98px) {
    .general-nav__list-item:nth-of-type(3),.general-nav__list-item:nth-of-type(4),.general-nav__list-item:nth-of-type(5) {
        display:none
    }
}

@media (min-width: 992px) and (max-width:1439.98px) {
    .catalog-recent__item:nth-of-type(5) {
        display:none
    }
}

@media (min-width: 1262px) and (max-width:1439.98px) {
    .catalog-widget__types {
        padding:8px 21px 8px 17px
    }

    .catalog-widget__types-icon {
        margin-right: 14px
    }

    .catalog-widget__types-icon.mod-extra {
        margin-right: 12px
    }

    .catalog-widget__types-icon.mod-spec {
        margin-right: 17px
    }

    .product-page__section .catalog-feed__item:nth-of-type(4) {
        display: none
    }
}

@media (min-width: 768px) and (max-width:1261.98px) {
    .catalog-widget__spec li {
        grid-column:1/span 2
    }

    .catalog-widget__spec li:nth-of-type(3) {
        display: none
    }

    .company-legal__item {
        flex-direction: column
    }

    .contact-data__cover {
        max-height: 320px
    }
}

@media (min-width: 1440px) and (max-width:1559.98px) {
    .product-order__badges img {
        width:auto;
        height: 44px
    }
}

@media (min-width: 360px) and (max-width:991.98px) {
    .product-order__data.mod-vars {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (min-width: 576px) and (max-width:1261.98px) {
    .product-page__section .catalog-feed__item:nth-of-type(4) {
        display:none
    }

    .product-variants__list {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width: 768px) and (max-width:1439.98px) {
    .product-variants__title {
        width:calc(100% - 84px)
    }
}

@media print {
    *,::after,::before {
        text-shadow: none!important;
        background: rgba(0,0,0,0)!important;
        box-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]::after {
        content: " (" attr(href) ")"
    }

    a[href^="#"]::after {
        content: ""
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    table {
        border-collapse: collapse!important
    }

    table td,table th {
        background-color: #fff!important
    }
}

@media screen and (hover: hover) {
    .wysiwyg a:hover {
        color:var(--color-text)
    }

    .button-main:hover {
        background-color: var(--color-main-hover)
    }

    .button-extra:hover {
        color: #fff;
        background-color: var(--color-main-hover);
        border-color: var(--color-main-hover)
    }

    .button-aux:hover {
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .button-spec:hover {
        border-color: var(--color-gray-03)
    }

    .input:hover {
        border-color: var(--color-main)
    }

    .check__input:disabled~.check__title:hover {
        cursor: default
    }

    .modal__close:hover {
        background-color: var(--color-main-hover)
    }

    .review-lab .widget__tab_all:hover {
        background-color: rgba(0,0,0,.05)!important
    }

    .review-lab .widget__tab_yaSprav:hover {
        background-color: rgba(0,0,0,.05)!important
    }

    .review-lab .widget__leave-link:hover {
        background-color: var(--color-main-hover)!important
    }

    .review-lab .tile:hover {
        border-color: var(--color-gray-04)!important
    }

    .review-lab .widget__pag:hover {
        color: #fff!important;
        background-color: var(--color-main)!important
    }

    .catalog-card:hover {
        border-color: var(--color-main)
    }

    .catalog-card:hover .catalog-card__title {
        color: var(--color-main-hover)
    }

    .catalog-card:hover .catalog-card__cover img {
        transform: scale(1.05)
    }

    .catalog-card__title a:hover {
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover);
        color: var(--color-main-hover)
    }

    .catalog-card__action:hover {
        background-color: var(--color-main-hover);
        border-color: var(--color-main-hover)
    }

    .catalog-menu__open-link:hover {
        color: var(--color-extra-hover);
        -webkit-text-decoration-color: var(--color-extra-hover);
        text-decoration-color: var(--color-extra-hover)
    }

    .catalog-menu__more:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .read-more:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .read-more:hover .read-more__icon {
        transform: rotate(0)
    }

    .global-search:hover .global-search__input {
        color: var(--color-main)
    }

    .global-search:hover .global-search__input::-moz-placeholder {
        color: var(--color-main)
    }

    .global-search:hover .global-search__input::placeholder {
        color: var(--color-main)
    }

    .global-search__input:hover {
        color: var(--color-main-hover)
    }

    .global-search__input:hover::-moz-placeholder {
        color: var(--color-main-hover)
    }

    .global-search__input:hover::placeholder {
        color: var(--color-main-hover)
    }

    .global-search__action:hover {
        border-color: var(--color-gray-03)
    }

    .main-footer__policy a:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }

    .main-footer__dev a:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }

    .main-navbar__notify:hover {
     text-decoration: underline;
    text-decoration-thickness: 1px;

    
        -webkit-text-decoration-color: rgba(255,255,255,.8);
        text-decoration-color: rgba(255,255,255,.8)
    }

    .assist-widget__action.mod-filter:hover {
        background-color: var(--color-extra-hover)
    }

    .assist-widget__action.mod-scroll:hover {
        background-color: var(--color-main-light);
        border-color: var(--color-main-light)
    }

    .breadcrumbs__back:hover {
        color: var(--color-main)
    }

    .breadcrumbs__back:hover .breadcrumbs__back-icon {
        transform: translateX(-4px)
    }

    .breadcrumbs__link:hover {
        color: var(--color-text);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .extra-nav__link:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }

    .general-nav__list-item.mod-sale .general-nav__list-link:hover {
        color: var(--color-spec-hover)
    }

    .general-nav__list-link:hover {
        color: var(--color-main-hover)
    }

    .general-nav__open:hover {
        background-color: var(--color-main-hover)
    }

    .general-nav__search .global-search__action:hover {
        border-color: var(--color-main)
    }

    .general-nav__menu-item.mod-sale .general-nav__menu-link:hover {
        color: var(--color-main-hover)
    }

    .general-nav__menu-link:hover {
        color: var(--color-main-hover)
    }

    .general-nav__menu-link:hover::before {
        background-color: var(--color-gray-04)
    }

    .general-nav__menu-link:hover .general-nav__menu-more {
        fill: var(--color-main)
    }

    a.general-nav__contact-data:hover {
        color: var(--color-main-hover)
    }

    .general-nav__phone a:hover {
        color: var(--color-main-hover)
    }

    .general-nav__close:hover {
        color: var(--color-main)
    }

    .general-nav__close:hover svg {
        fill: var(--color-main-hover)
    }

    .pagination__link:hover {
        color: #fff;
        background-color: var(--color-main)
    }

    .tags-list__data a:hover, .tags-list__data a.is-enable {
        background-color: var(--color-main-light);
        border-color: var(--color-main-light)
    }

    .basic-contact__data-link:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        -webkit-text-decoration-color: var(--color-gray-03);
        text-decoration-color: var(--color-gray-03);
        text-underline-offset: 2px
    }

    .basic-contact__action:hover {
        background-color: var(--color-extra-hover)
    }

    .basic-contact__chat-link.mod-tg:hover {
        background-color: #1b82b4
    }

    .basic-contact__chat-link.mod-wa:hover {
        background-color: #1da851
    }

    .basic-contact__chat-link.mod-cd:hover {
        background-color: var(--color-gray-02)
    }

    .basic-contact__chat-link.mod-cp:hover {
        background-color: var(--color-extra-hover)
    }

    .cart-widget__button:hover {
        border-color: var(--color-gray-03)
    }

    .cart-widget__open:hover {
        background-color: var(--color-gray-02)
    }

    .extra-contact__link:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 2px
    }

    .item-compare.mod-card .item-compare__button:hover {
        z-index: 20;
        border-color: var(--color-main)
    }

    .social-pages__link:hover {
        transform: translateY(-4px)
    }

    .catalog-aside__header:hover:not(.mod-price) {
        cursor: pointer
    }

    .catalog-aside__header:hover:not(.mod-price) h3 {
        color: var(--color-main)
    }

    .catalog-aside__more.button-aux:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .catalog-aside__close:hover {
        color: var(--color-main)
    }

    .catalog-aside__close:hover svg {
        fill: var(--color-main-hover)
    }

    .catalog-feed__more:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .catalog-feed__more:hover i {
        transform: rotate(0)
    }

    .catalog-feed__load:hover {
        background-color: var(--color-extra-hover)
    }

    .catalog-recent__more:hover {
        color: var(--color-main-hover);
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover)
    }

    .catalog-type__item:hover {
        border-color: var(--color-main)
    }

    .catalog-type__item:hover .catalog-type__link {
        color: var(--color-main-hover)
    }

    .catalog-widget__types-link:hover .catalog-widget__types-more {
        fill: var(--color-main)
    }

    .catalog-widget__promo:hover {
        border-color: var(--color-gray-04);
        outline: 1px solid var(--color-main)
    }

    .catalog-widget__promo:hover img {
        transform: scale(1.03)
    }

    .color-palette__hue:hover::before {
        border-color: #fff
    }

    .feed-filter__select:hover {
        border-color: var(--color-main)
    }

    .basic-specs__list a:hover {
        color: var(--color-text)
    }

    .company-news__card:hover,.recent-news__card:hover {
        border-color: var(--color-main)
    }

    .company-news__card:hover .company-news__card-title,.company-news__card:hover .recent-news__card-title,.recent-news__card:hover .company-news__card-title,.recent-news__card:hover .recent-news__card-title {
        color: var(--color-main-hover)
    }

    .contact-data__link:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        -webkit-text-decoration-color: var(--color-gray-03);
        text-decoration-color: var(--color-gray-03);
        text-underline-offset: 2px
    }

    .content-tabs__toggle.is-disabled:hover {
        color: var(--color-main)
    }

    .extra-specs__data a:hover {
        color: var(--color-text)
    }

    .freq-questions__more:hover {
        color: var(--color-main-hover);
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover)
    }

    .our-advantages__arrow:hover {
        background-color: var(--color-main-hover)
    }

    .our-advantages__arrow.swiper-button-disabled:hover {
        background-color: var(--color-main);
        transform: none
    }

    .place-gallery__zoom:hover {
        opacity: 1
    }

    .place-gallery__arrow:hover {
        background-color: var(--color-main-hover)
    }

    .recent-news__more:hover {
        color: var(--color-main-hover);
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover)
    }

    .recent-news__card:hover .recent-news__card-title {
        color: var(--color-main-hover)
    }

    .product-order__value-change:hover {
        border-color: var(--color-main)
    }

    .product-order__select:hover {
        border-color: var(--color-main)
    }

    .product-order__one-click:hover {
        background-color: var(--color-click-hover)
    }

    .product-order__more:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .product-order__more:hover i {
        transform: rotate(-90deg) translateY(4px)
    }

    .product-page__badges .badge-vars:hover {
        background-color: var(--color-vars-hover)
    }

    .product-variants__item:hover {
        border-color: var(--color-main)
    }

    .product-variants__item:hover .product-variants__title {
        color: var(--color-main-hover)
    }

    .product-variants__title a:hover {
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover)
    }

    .product-variants__action:hover {
        background-color: var(--color-main-hover);
        border-color: var(--color-main-hover)
    }
}

@media screen and (max-height: 420px) {
    .goverlay {
        background:#000
    }
}


/*-------------------------------*/


:root {
    --swiper-theme-color: #007AFF
}

:host {
    position: relative;
    z-index: 1;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.swiper {
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    list-style: none
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    transition-property: transform
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before);-webkit-margin-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    width: var(--swiper-centered-offset-after);
    height: 100%;
    min-height: 1px
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top-color: transparent;
    border-radius: 50%;
    transform-origin: 50%
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #FFFFFF
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    width: var(--swiper-virtual-size);
    height: 1px
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    right: auto;
    left: var(--swiper-navigation-sides-offset,10px)
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    z-index: 10;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0)
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    top: var(--swiper-pagination-top,auto);
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    display: inline-block;
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    top: 50%;
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    width: 8px;
    transform: translateY(-50%)
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    position: absolute;
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25))
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px)
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    top: 0;
    left: 0;
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    position: relative;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    top: var(--swiper-scrollbar-top,auto);
    bottom: var(--swiper-scrollbar-bottom,4px);
    left: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
    height: var(--swiper-scrollbar-size,4px)
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    top: var(--swiper-scrollbar-sides-offset,1%);
    right: var(--swiper-scrollbar-right,4px);
    left: var(--swiper-scrollbar-left,auto);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px)
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
    opacity: 0;
    pointer-events: none
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    visibility: hidden;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 0 0
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    visibility: visible;
    pointer-events: auto
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: .6
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    visibility: visible;
    pointer-events: auto
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    z-index: 1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform,opacity,height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: center bottom
}


/*-------------------------------*/


@media (min-width: 360px) {
.section.data-search    .catalog-feed__item {
        width:100%
    }
}
@media (min-width: 667px) {
.section.data-search    .catalog-feed__item {
        width:calc(50% - 6px)
    }

}

@media (min-width: 997px) {
.section.data-search    .catalog-feed__item {
        width:calc(25% - 12px)
    }
}

@media (min-width: 991px) {
    .general-nav__list {
        padding-left: 16px;
        display:flex;

    }
 .main-navbar__extra::before {height:3px;}   
    .main-navbar__extra.mobile_contact {
    grid-column: main;
    order: -1;
    height: 3px;
    background-color: var(--color-main)
}
    }
    
 @media (max-width: 667px) {   
        .product-gallery__slide {min-height:50px !important;height:auto !important;}    
        
        
  }

/* End */


/* Start:/local/templates/newanfloors/assets/custom.css?175085564531988*/
@font-face {
    src: url(/local/templates/newanfloors/assets/fonts/opensans-light.woff2) format("woff2");
    font-display: swap;
    font-family: "Open Sans";
    font-weight: 300;
    font-style: normal
}
body.filtering .filter-preloader{display:block;}
.filter-preloader {display:none;background: rgba(255, 255, 255, .1);-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);position: fixed;left:0;top:0;right:0;bottom:0;z-index: 100000}
.filter-preloader img {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);fill:#000;}
.app-content p {margin-bottom:20px;}
.header__desc  {margin:0;}
.content-group__main.incpage ol {padding:15px 15px 15px 35px ;list-style: numeric;}
.content-group__main.incpage ul {padding:15px 15px 15px 35px;list-style: disc;}
.smartfilter .catalog-aside__block  {/*margin-bottom:12px;*/}
.smartfilter  .check__title.hidden {padding-left:0;}
.smartfilter .check__title.hidden::after,.smartfilter  .check__title.hidden::before {left:-29px;top:6px;}
.smartfilter  .check__title.hidden::before {background:none;border:0;}
.catalog-aside__list.listbrand:not(:first-of-type) {border-top: 1px solid #ccc;padding-top: 12px;margin-top: 12px;}
.catalog-aside__more span:last-of-type { display: none;}
.padx {padding-right:8px;}

.badges_dealer {max-width:150px; height:48px; }
.badges_delivery {max-width:180px; height:48px; }

.artsect .tags-list__data a {height:auto;}
.artsect li.articles-category {

min-width: 175px;
}

.product-order__badges {flex-direction:row;}
.subproperty {
display: inline-block;
    flex-shrink: 0;
    align-items: center;
    order: -1;
    height: 40px;
    padding: 10px;
    font-size: var(--font-size-hint);
    font-weight: 500;
    color: #fff;
    background-color: var(--color-click);
    border-radius: 3px;
    transition: all .3s;width:100%;text-align:center !important;

}

.catalog-card__price .vat {font-size:14px;}
.catalog-card__price small .vat {padding:0 3px;}
.header__desc {width:100%;}

.company-news__feed.detailart {display:block;}
.mas-item span.title {display:inline-block;width:100%;font-size:1.3em;font-weight:bold;margin:15px 0;}

.general-nav__contact.mod-spec {margin-top:-53px;}

.product-page__dop {display:block;width:100%;margin:15px 0 0 0;text-align:center;}

/**Track**/
.bx-filter .bx-ui-slider-part {	position: absolute;top: -6px;	width: 1px;	height: 17px;background: #47c0afb5;}
.bx-filter .bx-ui-slider-part.p1 {	left: -1px;}
.bx-filter .bx-ui-slider-part.p2 {	left: 25%;}
.bx-filter .bx-ui-slider-part.p3 {	left: 50%;}
.bx-filter .bx-ui-slider-part.p4 {	left: 75%;}
.bx-filter .bx-ui-slider-part.p5 {	right: -1px;}
.bx-filter .bx-ui-slider-part span {font-size: 11px;position: absolute;top: -16px;left: 50%;display: block;width: 100px;margin-left: -50px;text-align: center;color: #000;}
.bx-filter .bx-ui-slider-part.p2 span,
.bx-filter .bx-ui-slider-part.p3 span,
.bx-filter .bx-ui-slider-part.p4 span {	color: #6b8086;}
.bx-filter .bx-ui-slider-range {	z-index: 50;}
.bx-filter .bx-ui-slider-pricebar {	z-index: 100;}
.bx-filter .bx-ui-slider-pricebar-vd {z-index: 60;	background: #47c0afb5;}
.bx-filter .bx-ui-slider-pricebar-vn {	z-index: 40;	background: #47c0af80;}
.bx-filter .bx-ui-slider-pricebar-v {	z-index: 80;	background: #47c0af80;}
.bx-filter .bx-ui-slider-handle {	position: absolute;border-bottom: none;top: -6px;width: 16px;height: 16px;background-color: var(--color-main);border-radius: 50%;z-index:10;}
.bx-filter .bx-ui-slider-handle:hover {	-webkit-cursor: grab;	-ms-cursor: grab;	-o-cursor: grab;	cursor: grab;}
.bx-filter .bx-ui-slider-handle:active {	-webkit-cursor: grabbing;	-ms-cursor: grabbing;	-o-cursor: grabbing;	cursor: grabbing;}
.bx-filter .bx-ui-slider-handle.left {left: 0;margin-left: 0px;}
.bx-filter .bx-ui-slider-handle.right {right: 0;	margin-right: 0px;}

.product-gallery__photo img {height:100%;}
.toptext {display:flex;flex-direction: row;-moz-column-gap: 35px;column-gap: 35px;}


.toptext .topimg {width:20%;}
.toptext .toptext-data {width:100%;}
.toptext .toptext-data {padding-right:5px;}
.toptext .toptext-data {padding-left:5px;}

.toptext .topimg img {max-width:50%;min-width:150px;}

@media (max-width: 997px) {
	.toptext {flex-direction: column-reverse;}
	.toptext .topimg {margin:15px 0;}
	.toptext .toptext-data {}
}


form.smartfilter {width:100%;}

.feed-filter__sort button.is-active small {color: var(--color-main-hover);}

.toptext-data a {
    color: var(--color-main-hover);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    transition: color .3s, -webkit-text-decoration-color 225ms;
    transition: color .3s, text-decoration-color 225ms;
    transition: color .3s, text-decoration-color 225ms, -webkit-text-decoration-color 225ms;
}
p.product-order__title {margin:0;}
.product-order__select option.is-none {color:rgba(0,0,0,.3)}

 .product-page__gallery.product-palette {background:#fff;    grid-column: 1/span 10;overflow:visible;}
 .product-page__gallery.product-custom {background:#fff;  max-height:508px;      grid-column: 2/span 9}
  .product-page__gallery.product-wall {background:#fff;  max-height:508px;      grid-column: 1/span 10}
.product-palitra { background:#fff;  max-height:508px;      grid-column: 1/span 1}


.paintImg {width:100%;height:508px;position:relative;overflow:hidden;    border-radius: 5px; padding: 0px;
    border: 1px solid var(--color-gray-03);}
.paintImg img {   width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 3px; }
.tintingPage__inner {width:100%;display:inline-block;}

.paintImg__arrow {width:44px;height:44px;background-color: var(--color-main); border-color: var(--color-main);   }


    .tintingPage__elemHue {position: relative;}
    .tintingPage__elem-article {height: 21px;padding: 2px 18px;color:#fff;font-size:10px;font-weight:
            600;line-height: 17px;position: absolute;left:10px;top:10px;z-index: 10}
    .tintingPage__elem-title{border: 1px solid var(--color-main-hover);height: 21px;
    padding: 2px 18px;color:var(--color-main-hover);font-size:10px;font-weight: 600;line-height: 17px;position: absolute;right:10px;top:10px;z-index: 10;background: #fff;display:none;}                 .sl-wrap {line-height: 0 !important}

    #in_sl .uk-slidenav-previous {left:0 !important;}
    @media (min-width:997px){
        #element_image {padding-left:100px;}
        #slideshow {min-height:507px !important;}
    }
    @media (max-width:997px){
        #element_image {padding-left: 0 !important;}
        .tintingSlider__nav {display:none !important;}
        .tintingPage__inner {padding:0 !important;}
        .tintingSlider__outer {padding: 0 !important}

    }

.product-page__info.product-palitra {padding-top:0;margin-top:-35px;position:relative;}
.product-custom {margin-top:-35px;} 
        @media (max-width:997px){
        
.tintingSlider__outer {position: relative;}        
       .product-page__info.product-palitra {padding-top:120px;} 
        .product-custom {margin-top:0px;} 
        }
        
.tintingPage__elemHue {border-radius:5px;}
.tintingPage__elem-article.active {
    background: var(--color-main-hover);

}
@media (max-width: 997px) {
	
	.product-page__gallery.product-palette  {display:none;}
	 .product-page__gallery.product-custom  {grid-column: 1/span 10;order: -1;max-height:300px;    }
	.product-palitra  {grid-column: 1/span 10;max-height:100px;}
	.paintImg {height:300px;  }
	.catalog-feed__palette {height:150px; overflow:hidden;}
	.color-palette__hue {   width: 24px;    height: 10px;}
	
	.color-palette__arrow {top: var(--swiper-navigation-top-offset, 68%) !important;}
	 
}   
.color-palette__hue.is-active::before {
        border-color: #fff;
    }
    
    .color-palette__arrow {
    width: 24px;
    height: 24px;
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.color-palette__arrow-icon {
    background-size: 12px;
}
.color-palette__arrow {

    top: var(--swiper-navigation-top-offset, 60%);
    
   }
   
 @media (min-width: 998px) { 
	#cartnote-popup    .modal__item {flex-direction: row;column-gap: 20px;}
	#cleanBasket-popup    .modal__item {flex-direction: row;column-gap: 20px;}
}


#cartnote-popup .modal__action,#cleanBasket-popup .modal__action {width:auto !important;  }  
.button-custom { background-color: var(--color-gray-01);border:1px solid var(--color-main);}
.button-custom span {color: var(--color-main);}
.button-custom:hover span {color: #ffffff;}


.mod-error {color: #faa05a !important;}
.button-main.mod-spec {background-color: var(--color-spec)}
.button-main.mod-spec:hover {background-color: var(--color-spec-hover)}
.content-group.mod-cart {
       display:block;

}
.cartDt ,.cartInfo {width:50%;}
.cartDt img {max-width:80px;}
#order-step2 h2 {padding:25px 0;}
.form-wrapper .form-controls {
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
}
.order__label {
    order: -1;
    height: 20px;
    font-size: var(--font-size-hint);
    font-weight: 600;
    cursor: text;
    transition: all .3s;
}
#items_short .item {display:flex;gap:30px;}
#fizur {
    display: flex;
    gap:0px;
    position: relative;
    margin-bottom:25px;

}
.form-controls {position:relative;}
.form-controls .mod-error {position:absolute;bottom:-20px;left:0;font-size:.8em;}
#fizur li {width:50%;}
#fizur a {
width:100%;
	display:inline-block;
	vertical-align:top;
    text-align: center;
    padding: 5px 10px;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    transition: all .3;
    text-transform: initial;
    font-size: 20px;

}
.field-info {font-size:.8em;}
#fizur a.is-active {border-color:var(--color-main);color:var(--color-main);}
.data-form-custom {position:relative;}
.form-wrapper input[type=file], .form-wrapper select {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-appearance: none;
    opacity: 0;
    cursor: pointer;
}





.cartOrder {display:flex;gap:60px;}
.form-wrapper,.form-wrapper h3 {margin-bottom:15px;}
.form-group {display:flex;gap:30px;margin:0 0 15px 0 ;}
.form-group .form-controls {width:33.3%;}

.form-group.type1 .form-controls {width:100%;}
.form-group.type2 .form-controls {width:50%;}
.form-group.type4 .form-controls {width:25%;}


    @media (max-width:997px){
	.cartOrder,#fizur {display:block;width:100%;gap:0px;}
	.cartDt ,.cartInfo {width:100%;}
	.cartInfo {margin-bottom:25px;}
	.form-group.type4 .form-controls {width:50%;}
	#fizur li {width:100%;}
	#fizur a {    font-size: 14px;text-align:left;    padding: 8px 10px;}
    }
.product-variants__item.is-active .product-variants__title {color: var(--color-main-hover);}
.product-variants__item.is-active {border-color: var(--color-main); }

#top-title-search {display:none; width:100%;border:0px solid #f00;
	height:55px;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
}
#top-title-search.is-active {display:block; z-index:2;}
#top-title-search form {padding:8px 0 0 0;position:relative;}

#top-title-search.is-active .global-search__input {display:block;}
#search_button {position:absolute;top:8px;right:0;}

.icon-close-alt {
cursor:pointer;
    position:absolute;top:17px;right:100px; background-image: url(/local/templates/newanfloors/assets/icons/close-alt.svg);
}
.main-navbar__browse-wrap {position:relative;}

.title-search-result {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    display: flex;
    grid-column: main;
    flex-direction: column;
    padding: 15px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    z-index: 2030;
   max-height:calc(100vh - 200px);
}

.search-nav__overlay {
    position: fixed;
    top: 195px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: none;
    background-color: var(--color-overlay);
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.search-nav__overlay.is-enabled {
    display: flex;
    animation-name: general-nav__overlay--active;
    animation-duration: .5s
}

.search-nav__overlay.is-disabled {
    display: flex;
    animation-name: general-nav__overlay--disable;
    animation-duration: .4s
}

.title-search-result    .basic-group {
        grid-template-columns: repeat(1, 1fr);
        display:block;
    }
.title-search-result    .basic-group .section {
        display:block;
    }


.search-more {margin-top:15px;padding:20px;}
.catalog-card-search {display:flex;gap:12px;}
.catalog-card-search .catalog-card__cover {width:50%;}


.title-search-result .catalog-feed__list {margin:0 0 25px 0;}

.title-search-result .header__title {margin:0;padding:0; font-size:18px;color:var(--color-main);}
.title-search-result .header__title span {color: var(--color-head); font-size:14px;font-weight:400;margin-top:4px;}

.module.catalog-feed .header__title span {color: var(--color-head); font-size:14px;font-weight:400;margin-top:4px;}
.section.data-search {margin:0 0 25px 0;}


/* compare page */
/*.compare-t .imagesCp {display:flex;}
.compare-t .catalog-item {float:left;display:block;}
*/
div.compare-t {
    display: table;
    border-collapse: collapse;
    width: 100%;
    max-width:1400px;
    margin-bottom: 30px;
}

div.compare-t > div {
    display: table-row;
}
div.compare-t > div > div {
    display: table-cell;
    padding: 5px;
    border-bottom: 1px solid #ada49c;
    border-top: 1px solid #ada49c;
    width: 215px;
    text-align: center;
}
div.compare-t > div > div:first-child {
    border-right: 1px solid #ada49c;
    text-align: right;
    text-transform: none;
}
div.compare-t > div > div.empty {
    border: none;
}
div.compare-t > div.imagesCp {width:215px;}
div.compare-t > div.imagesCp > div {
    border: none !important;
}
div.compare-t > div.imagesCp > div:first-child {
    vertical-align: bottom;
    text-align: left;
    text-transform: none;
    font-size: 14px;
}
div.compare-t div.imgCp {
    position: relative;
    margin-bottom: 0;
}
div.compare-t div.imgCp a.delete {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    background: url('/images/close.png') no-repeat 0 0;
    background-size: cover;
    opacity: .7;
}
div.compare-t div.imgCp a.delete:hover {
    opacity: 1;
}
div.compare-t div.imgCp img {
    width: 100%;
    /*border: 1px solid #ada49c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
}
div.compare-t div.imgCp:before {
    content: "";
    width: 11px;
    height: 84px;
    z-index: 0;
    position: absolute;
    left: -11px;
    top: 1px;
}
div.compare-t span.name {
	font-size: 15px;
    color: #000;
    text-decoration: none;
    text-align: center;
    display: block;
    padding-top: 5px;
   /* height: 55px;*/
}
div.compare-t span.name a:hover{
	font-weight:bold;
	text-decoration:underline;
}

div.compare-t {
     display: block;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
    overflow-x: auto;
        max-width:1400px;
     /*   border:1px solid #f00;*/
}
div.compare-t > div.imagesCp > div:first-child{
    white-space: nowrap;
}
  
div.compare-t a {color:#000;}

/* end compare page */

.noprice-phone {font-size:22px;font-weight:600;}
.is-hidden {display:none !important;}
.catalog-feed__list.mod-spec {margin-bottom:25px;}


.ico-color2 {fill:var(--primary-color);}
.ico-color1 {fill:var(--main-color);}
.about-icons .tab-img svg {height:80px;}

:root {
    --main-color: #666666;
    --primary-color: #47C0AF;
    --secondary-color: #358a7e;
    --danger-color: #FFB800;
}

.content-group.content-about {grid-template-columns: repeat(1, 1fr);display:flex;}
.content-group.content-about .tab-img {text-align:center;display:block;width:100%;height:100px;}
.content-group.content-about .title {text-align:center;display:block;width:100%;margin:0 0 15px 0;}
.content-group.content-about h3.title {text-align:center;}
.content-group.content-about svg {height:100px;}

.content-group.content-about .contact-data__block:nth-of-type(1) {
         padding-right: 0px; 
    }

.content-group.content-about .contact-data.mod-spec-about{grid-template-columns: repeat(1, 1fr);display:flex;}
.content-group.content-about .contact-data.mod-spec-review{grid-template-columns: repeat(1, 1fr);display:flex;margin-bottom:25px;}
.content-group.content-about .contact-data.mod-spec-review .contact-data__block,
.content-group.content-about .contact-data.mod-spec-review .title {width:100%; text-align:center;}
.content-group.content-about .contact-data.mod-spec-review a {border:0;}

.contact-data__block .title {margin:0 0 25px 0;}


.content-about a {   transition:all .3s;    border-bottom:1px dashed var(--color-main) ;}
.content-about a:hover {
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover);
        color: var(--color-main-hover)
    }
    
.duos-column {display:grid;margin:0 0 25px 0;   gap:12px;     grid-template-columns: repeat(2, 1fr);}
.duos-column a {font-size:1.5em;font-weight:500;}
.mod-spec-count {width:100%;}



.background-muted .about-item {
    background-color: #f8f8f8;padding:25px 25px 0 25px;
}
.span-medium {font-weight:500;}



.about-counts .about-item p {font-weight:500;text-align:center;}
.about-counts {display:grid; gap:12px;     grid-template-columns: repeat(4, 1fr);}

.about-counts .uk-h1 {
    margin-bottom: 30px;
}


.about-counts p .count {
    color: var(--secondary-color);
    font-size: 100px;
    line-height: 88.4%;
}

.about-counts p .bottom-text {
    max-width: 144px;
    line-height: 130%;
}
.certMode {height:auto;}

.content-group.content-about .content-group__main {width:100%;}
      .about-counts{display:grid; gap:12px;     grid-template-columns: repeat(4, 1fr);}

.content-group.content-about    .contact-data__block:nth-of-type(3) {
        order: none;
    }

#about-contacts-bottom img {
    height: 185px;
    width: 100%;
    object-fit: cover;
}
.module.review-data {margin-bottom:25px;}

    .contact-data__block:nth-of-type(3) {
        order: 2;
    }


.content-group.content-about .contact-data__block:nth-of-type(1) {
         padding-right: 0px; 
    }
    
    
.content-group.content-about .about-top    .contact-data__block:nth-of-type(1) {
        padding-right: 84px;
    }
    
    
ul.is-flex {display:grid;gap:12px;grid-template-columns: repeat(5, 1fr);margin:25px 0 0 0;}
ul.is-flex svg  {max-width:100%;width:80px;}
ul.is-flex span  {width:100%;display:block;font-size: 24px; line-height:1.1em;transition:all .3s;}
ul.is-flex a {transition:all .3s;}
    ul.is-flex a:hover span  {color: var(--color-main-hover);}
ul.is-flex li {text-align:center;transition:all .3s;margin:0 0 25px 0;}

.section.develop {margin-bottom:35px;}
.develop .content-group {grid-template-columns: repeat(1, 1fr);}
p.dev {font-size:18px;padding:15px 0;}
.develop .bottom-block {display:grid;gap:32px;grid-template-columns: repeat(2, 1fr);margin-bottom:25px;}
.develop .about-item {padding-bottom:25px;}


.develop .about-item .count-block {
background-color: var(--primary-color);
display:inline-block;
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    width: 30px;
    text-align:center;
    margin-bottom: 18px;
    font-weight:600;
}
h3.title {margin-bottom:15px;}
h2.title {margin-bottom:25px;}

.develop .paintImg {height:250px;border:0;}
.develop .paintImg2 img {width:100%;}


.develop.vid .bottom-block {background:#f8f8f8;padding:20px;}
.bottom-block.odd   div:nth-of-type(1){text-align:right;}
.develop.vid .buttonblock {margin:25px 0 0 0;}
.develop.vid .buttonblock a {margin:0 12px 12px 0;}


.company-news__feed.detailart {grid-template-columns: repeat(1, 1fr);}
.company-news__card-main {width:100%;}
.company-news__card-main img {width:100%;/*max-height:300px;*/}
@media (max-width:997px){
       .about-counts,ul.is-flex { grid-template-columns: repeat(2, 1fr);}
       
       .certMode, .paintImg2 {height:auto;width:600px;}
}
@media (max-width:667px){
        .about-counts,ul.is-flex,.bottom-block { grid-template-columns: repeat(1, 1fr) !important;}
               .certMode, .paintImg2 {height:auto;width:300px;}
               
              .bottom-block  div:nth-of-type(2) {order:-1;text-align:center;}
              .bottom-block.odd  div:nth-of-type(2) {text-align:left;}
 		 .bottom-block.odd  div:nth-of-type(1) {order:-1;text-align:center;}
 		 
.header__desc .topimg {display:none;}
}

blockquote {
    margin: 0 0 20px 0;
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
    color: #333;
}


table.laying{
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	height: auto;
}
table.laying,table.laying td, table.laying th {
	border: 0px solid #595959;
}
table.laying td,table.laying th {
	padding: 3px;
	width: 30px;
	height: 35px;
}
table.laying th {
	background: #47C0AF; 
	color: #fff; 
	font-weight: normal;
}
@media (max-width: 1324px){
	.articles .news-text .art-table {width:100%;overflow-x:scroll;}
}

.green-text {
    color: var(--primary-color);
    font-size: 13px;
}
.common-text {
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    letter-spacing: normal;
    text-transform: none;
}

.girl-images{bottom:0;left:0;position:absolute;right:0;top:0;pointer-events: none;}
.girl-phone{-webkit-transform:translate(-90%,-90%);position:absolute;right:-10%;top:50%;transform:translate(-90%,-90%)}
.girl-text{font-size:14px;font-weight:300;padding:30px 0}
.girl-text b{display:block;font-family:"PT Sans",sans-serif;letter-spacing:1px}
.girl-text span{display:block;font-size:21px}
.girl-text span:last-of-type{margin-bottom:15px}
.green-text{color:var(--primary-color);font-size:13px}
.hero-girl{bottom:0;left:20px;position:absolute}
.howto-adress{align-items:center;font-size:24px;font-weight:300;line-height:normal;margin:30px auto;max-width:515px}
.howto-adress .times{font-size:20px;font-weight:400}
.howto-card{box-shadow:0 0 7px 7px #f1f1f1;margin-top:65px;padding:15px 30px;position:relative}
.howto-card .row{margin:20px 0}
.howto-card .tipo-ul{margin:30px auto}
.howto-card .title{font-size:24px;font-weight:300;line-height:normal;margin-bottom:20px;padding:0;text-align:left;text-transform:none}
.howto-card > div:not(.row){width:100%}
.howto-card ul li{margin-bottom:.5em}
.howto-card ul li:before{content:'-';padding-right:.5em}
.howto-card ul,.tipo-ul{font-family:"PT Sans",sans-serif;font-size:14px;list-style:none;padding-left:0}
.howto-cards{margin:50px -35px 70px}
.howto-title{color:#7a3f3d;font-size:24px;font-weight:200;margin:-100px 0 10px;text-align:center}
.howto-title.before-girl{margin:0 auto 20px}

	.feed-filter-mobile {display:none;}
	.feed-filter__filter {width:100%;font-size:15px;text-transform:uppercase;}

@media (max-width:997px){
.girl-images {display:none;}
}
@media (max-width:667px){
	.feed-filter__title {display:block;}
	.feed-filter-mobile {display:block;}
	.catalog-feed__filter {margin-top:0;margin-bottom:0;}
}


.develop.vid .buttonblock {text-align:left !important;}
.contact-data__info.module_about {margin:0;}


.general-nav__full.is-sticky { top:70px;}

@media (max-width:1261px){
	#general-nav__close span {display:none;}
	.general-nav__full.is-sticky { top:0px;}
	  .product-page__gallery.product-wall, .product-page__gallery.product-custom,.product-palitra  {  grid-column: auto}
	  
}

.main-navbar__browse.is-sticky .search-nav__overlay {top:57px;}
.main-navbar__browse.is-fixed .search-nav__overlay {top:/*164*/232px;}

@media (max-width:1261px){
	.main-navbar__browse.is-fixed .search-nav__overlay {top:/*172*/222px;}
}
@media (max-width:667px){
	.button-main.mod-plus {font-size: 13px;height:36px;}
	.pagination__link {width:24px;height:20px;font-size: 13px;}
	.pagination__link.mod-next, .pagination__link.mod-prev {font-size: 13px;}
	.pagination {-moz-column-gap: 4px;column-gap: 4px;}
}

.related,.relatedSim,.relatedSpec {
    width: 100%;
   max-height: 480px;
    position: relative;
    border-radius: 0px;
    padding: 1px ;

}

.productImg {
    position: relative;
    border-radius: 0px;
    max-width:540px;

        } 
.productImg .paintImg__arrow.swiper-button-prev {left: var(--swiper-navigation-sides-offset, 20px);}
        
        .product-gallery__nav,.productImg {
    position: relative;
    border-radius: 0px;

        } 
         .product-gallery__nav .swiper-slide  {width:120px;}
        
.related .catalog-feed__item,.relatedSim .catalog-feed__item {display:flex;/*max-width: 274px;*/}

.relatedSpec .catalog-feed__item {display:flex;max-width: 304px;}


.relatedSpec .catalog-feed__list {gap:12px;}

.related ul,.relatedSim ul {gap:0px;}



.related__ctrl,.relatedSim__ctrl ,.relatedSpec__ctrl {position:relative;}
.related__ctrl .swiper-button-next,.related__ctrl .swiper-button-prev,
.relatedSim__ctrl .swiper-button-next,.relatedSim__ctrl .swiper-button-prev{
    top: var(--swiper-navigation-top-offset, -12px);
}
.related__ctrl .swiper-button-prev,.relatedSim__ctrl .swiper-button-prev {
	 left: auto;
   	right: var(--swiper-navigation-sides-offset, 50px);
}
.related__arrow ,.relatedSim__arrow  ,.relatedSpec__arrow {
    width: 32px;
    height: 32px;
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.modal__content .product-order__bonus {display:none !important;}
@media (max-width:576px){

.catalog-card__cover .hvr__dot {
    
    width: 14px;
    
    }
.catalog-card__cover .hvr__dots {bottom:5px;}
.related__ctrl .swiper-button-next,.related__ctrl .swiper-button-prev,
.relatedSim__ctrl .swiper-button-next,.relatedSim__ctrl .swiper-button-prev{
    top: var(--swiper-navigation-top-offset, 180px);
}
.related__ctrl .swiper-button-prev,.relatedSim__ctrl .swiper-button-prev {
	right: auto;
   	 left: var(--swiper-navigation-sides-offset, 12px);
}	

.related__ctrl .swiper-button-next,.relatedSim__ctrl .swiper-button-next {
	left: auto;
   	 right: var(--swiper-navigation-sides-offset, 18px);
}	

.catalog-card__badges {

    top: 16px;
    left: 8px;
    row-gap: 2px;
    font-size: 8px;
    font-weight: 400;
    color: #fff;
    
}
/*.catalog-card__badges span {
    padding: 1px 4px 0px;
    text-transform: uppercase;
}*/
}

@media (min-width: 1440px) {
    .general-nav__list-link {
        padding: 0 10px 1px;
    }
}
@media (min-width: 1660px) {
    .general-nav__list-link {
        padding: 0 18px 1px;
    }
}
.product-page__section.section-rel {gap:12px;}
.product-gallery__slide ,.product-gallery__main{     border: 0;}
@media (max-width:1661px){
.product-gallery {max-height:none !important;}
         .product-gallery__nav .swiper-slide  {width:100%;}
.product-gallery {
    display: block;
    }
    .productImg {
    position: relative;
    border-radius: 0px;
    width: 100%;
        } 
        .product-gallery__main {padding:0;margin-bottom:12px;}
        
 .product-gallery__slide {

     display: inline-block;

    width: 100%;

     margin-right: 0px; 
     padding: 0px; 
     border: 0;
    cursor: pointer;
}       
        
}





@media (max-width: 991px) {
.module.catalog-recent .catalog-feed__item:nth-of-type(4),.module.catalog-recent .catalog-feed__item:nth-of-type(5) {
		display:none;
}
}

@media (max-width: 1439px) {
.module.catalog-recent .catalog-feed__item:nth-of-type(5) {
		display:none;
}
}

@media (max-width: 676px) {
.module.catalog-recent .catalog-feed__item:nth-of-type(4) {
		display:flex;
}
.module.catalog-recent .catalog-feed__item:nth-of-type(5) {
		display:none;
}
}
@media (max-width: 767px) {
.productImg {width:100%;max-width:100%;}

}
.project-logo__link {
flex-direction:column;
position:relative;
}
.topslogan {text-align:center;position:absolute;bottom:-22px;left:0;width:100%;font-size:13px;font-weight:300;    font-family: 'Open Sans';}
.topslog {text-align:center;position:absolute;bottom:-22px;left:0;width:100%;font-size:13px;font-weight:300 !important;    font-family: 'Open Sans';}

@media (max-width: 1440px) {
	.topslogan {bottom:-20px;left:0;font-size:13px;}
	.topslog {bottom:-20px;left:0;font-size:13px;}

}


@media (min-width: 1440px) {
	   	.mod-notify    .general-nav__full:not(.is-sticky) {top: calc(188px + 46px);}
		.mod-notify     .general-nav__overlay {top: calc(164px + 46px);}    
}

@media (min-width: 1262px) {
	   	.mod-notify    .general-nav__full:not(.is-sticky) {top: calc(172px + 46px);}
		.mod-notify     .general-nav__overlay {top: calc(148px + 46px);}
}

@media (max-width: 1660px) {
     .general-nav__list-item:nth-of-type(4) {
        display: none !important;
    }
}

.catalog-card__badges span {
    padding: 1px 4px 0px;
    text-transform: uppercase;
}
.header__desc ul{list-style: inside;padding: 0px 0px 10px 0;} /*,.catalog-feed__about ul*/

.but-artikles{background:var(--primary-color);box-shadow:0 2px 7px #aaa;color:#fff;cursor:pointer;display:block;font-size:12px;margin:30px auto 0;max-width:90%;padding:10px;text-align:center;text-decoration:none!important;text-transform:uppercase;width:350px}
.but-artikles:hover{background:#358a7e;box-shadow:none;color:#fff !important;}

figcaption {color:#4a4b4c;margin-top:.5em}
figure {margin:.5em 1em;max-width:100%;text-align:center}
figure a.big-img {display:inline-block}
figure.img img {height:auto;max-width:100%}
figure.left {float:left}
figure.right {float:right}

.masonry{-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;font-size:.85em;margin:1.5em 0;padding:0}
.masonry img,.masonry iframe{display:block;height:auto;max-width:100%}
@media only screen and (min-width: 400px) {
    .masonry{-moz-column-count:1;-webkit-column-count:1;column-count:1}
}
@media only screen and (min-width: 700px) {
    .masonry{-moz-column-count:2;-webkit-column-count:2;column-count:2}
}
@media only screen and (min-width: 900px) {
    .masonry{-moz-column-count:3;-webkit-column-count:3;column-count:3}
}
@media only screen and (min-width: 1100px) {
    .masonry{-moz-column-count:3;-webkit-column-count:3;column-count:3}
}

.news-text ul, 
.news-text ol {
  margin: 10px 0;
  padding-left: 40px; /* Отступ для списков */
}

.news-text ul {
  list-style-type: disc; /* Маркеры в виде точек */
}

.news-text li {
  margin-bottom: 5px; /* Отступ между элементами списка */
  line-height: 1.4; /* Межстрочный интервал */
}

.news-text li {
  margin-bottom: 5px; /* Отступ между элементами списка */
  line-height: 1.4; /* Межстрочный интервал */
}

.news-text ol {
    	list-style-type: none; 
	counter-reset: num;
	margin: 0 0 0 45px;
	padding: 15px 0 5px 0;
	font-size: 16px;
}

.news-text ol li {
	position: relative;	
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	line-height: 1.4;
}
.news-text ol li:before {
	content: counter(num); 
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0;
	left: -38px;
	width: 28px;
	height: 28px;
	background: #fff;
	color: #000;
	text-align: center;
	line-height: 28px;
	font-size: 16px;
	border-radius: 50%;
	border: 1px solid #47c0af;
}

/* Специальные стили для маркированных списков с классами */
.news-text .markers {
  padding-left: 24px; /* Согласованный отступ */
  list-style-position: outside;
}

.news-text .cons-markers {
  list-style-type: "❌";
  margin-bottom: 20px;
}

.news-text .pros-markers {
  list-style-type: "✅";
  margin-bottom: 20px;
}

.news-text .markers li {
  margin: 7px 0;
  font-size: 14px;
  padding-left: 5px; /* Дополнительный отступ для текста */
}

.read__more {
    background-color: #f8f8f8;
    color: #222;
    border-radius: 20px;
    border: 10px solid #d8d8d8;
    padding: 2rem;
    text-align: left;
}

.my-6 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.fw-bold {
    font-weight: 700 !important
}
/* End */
/* /local/templates/newanfloors/assets/anfloors.min.css?1750067093195427 */
/* /local/templates/newanfloors/assets/custom.css?175085564531988 */