#img_zoomer_close,
#img_zoomer_close.portret {
    line-height: 30px;
    text-shadow: 1px 1px #000;
    cursor: pointer;
    text-align: center
}

body.modal,
body.noscroll,
body>#wrapper {
    overflow: hidden
}

#close_popup_img,
#img_zoomer_close {
    transform: rotate(0);
    filter: invert(1)
}

#basket_btn:hover i,
#preload {
    opacity: .8
}

#basket_form_bg,
.editor_false .no_pointer_events,
.video_bg {
    pointer-events: none
}

:root {
    --base-font-familty: 'Roboto', sans-serif;
    --cookie_text_fsize: var(--styles_cookies_fsize, 15px);
    --cookie_text_color: var(--styles_cookies_text_color, #353535);
    --cookie_bg: var(--styles_cookies_bg_color, #fff);
    --cookie_padding: 40px;
    --cookie_shadow: var(--styles_cookies_shadow, 0 2px 5px 5px rgba(0, 0, 0, .3));
    --cookie_btn_bg: var(--styles_cookies_btn_bg_color, #353535);
    --cookie_btn_hover_bg: var(--styles_cookies_btn_bg_hover_color, #353535);
    --cookie_btn_color: var(--styles_cookies_btn_text_color, #fff);
    --cookie_btn_radius: var(--styles_cookies_btn_radius, #fff);
    --cookie_btn_fw: 400;
    --section-image-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    --section-image-border: 10px solid #fff;
    --phone-text-color-default-auto: #000000;
    --autocontrast-text-color: #000000;
    --dropdown-menu-bg-color: #fff;
    --dropdown-menu-text-color: #333;
    --dropdown-menu-border-color: #f1f1f1;
    --dropdown-menu-hover-bg-color: #f8f9fa;
    --dropdown-menu-hover-text-color: #333;
    --dropdown-menu-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    --dropdown-menu-min-width: 220px;
    --dropdown-menu-item-padding: 4px 15px;
    --dropdown-menu-mobile-item-padding: 8px 15px 8px 25px;
    --dropdown-menu-line-height: 1.35;
    --dropdown-menu-transition: all 0.3s ease;
    --dropdown-menu-item-transition: all 0.2s ease;
    --dropdown-submenu-indicator-content: "\f107";
    --dropdown-submenu-indicator-spacing: 6px;
    --dropdown-submenu-indicator-font-size: 90%
}

body,
html {
    height: 100%
}

body {
    font-family: var(--styles_text_font, var(--base-font-familty));
    font-weight: var(--styles_text_font_weight, 300);
    color: #000;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

#basket_form_itogo>span,
#basket_left .item:not(.caption) .itogo,
.item-price-in-title,
b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 500
}

.flexblock_content h1,
.flexblock_content h2,
.flexblock_content h3,
.flexblock_content h4,
.flexblock_content h5,
.flexblock_content h6 {
    font-weight: inherit
}

body>#wrapper {
    max-width: 100%
}

p {
    padding: 0;
    margin: 0
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.clear320,
.clear480 {
    clear: both;
    display: none
}

#popup_img_hide,
#preload,
.for_hide,
.hide_long_catalog_spoiler,
.invis,
.menu_mobile_btn,
.product_card,
.section .menu-toogler .fa,
.section .menu-toogler_widget .fa,
.section .menu_mobile_btn .fa,
.video_holder[data-hosting=rutube]:hover::after,
a.hidden.btn1,
a.hidden.btn2,
a.hidden.btn3,
a.hidden.btn4,
a.hidden.btn5 {
    display: none
}

.grayscale {
    filter: grayscale(100%);
    filter: gray
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

#img_zoomer_bg {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000
}

#img_zoomer,
#img_zoomer.portret,
#img_zoomer.square {
    background-color: #fff
}

#img_zoomer,
#img_zoomer.portret,
#img_zoomer.square,
#img_zoomer_close.portret {
    left: 50%;
    top: 50%;
    position: absolute
}

#img_zoomer {
    max-height: 90%;
    max-width: 90%;
    transform: translate(-50%, -50%);
    background-size: 100%;
    border: 1px solid #e2e2e2;
    outline: #fff solid 5px;
    background-position: center;
    transition: .2s ease-out
}

#img_zoomer.image_big {
    height: 800px
}

#img_zoomer.square {
    height: 80vh;
    width: 80vh;
    object-fit: contain
}

#img_zoomer_close {
    right: 50px;
    position: absolute;
    top: 50px;
    width: 20px;
    height: 20px;
    background: url(../images/cancel.svg) center/100% no-repeat;
    transition: .6s
}

#img_zoomer_close.portret {
    color: #fff;
    font-size: 24px;
    height: 30px;
    margin-left: 230px;
    margin-top: -280px;
    width: 30px
}

#img_zoomer_close:hover {
    transform: rotate(180deg);
    filter: invert(1)
}

.objtimer {
    height: 100px;
    width: 600px;
    position: relative
}

.objtimer .days,
.objtimer .hrs,
.objtimer .min,
.objtimer .sec {
    font-size: 72px;
    position: absolute;
    width: 150px;
    text-align: center;
    height: 70px;
    line-height: 70px;
    top: 0;
    font-family: Roboto, sans-serif;
    border-right: 1px solid #e2e2e2
}

.objtimer .days_descr,
.objtimer .hrs_descr,
.objtimer .min_descr,
.objtimer .sec_descr {
    position: absolute;
    font-size: 18px;
    height: 30px;
    width: 150px;
    text-align: center;
    line-height: 30px;
    top: 70px;
    color: rgba(150, 150, 150, .7)
}

.objtimer .days {
    border-left: 1px solid #e2e2e2
}

.objtimer .days,
.objtimer .days_descr {
    left: 0
}

.objtimer .hrs,
.objtimer .hrs_descr {
    left: 150px
}

.objtimer .min,
.objtimer .min_descr {
    left: 300px
}

.objtimer .sec,
.objtimer .sec_descr {
    left: 450px
}

.btn1,
.btn1x,
.btn2,
.btn2x,
.btn3,
.btn3x,
.btn4,
.btn4x,
.btn5,
.btn5x,
.btn6,
.btn6x,
.submit_btn {
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    white-space: normal;
    word-break: normal;
    height: auto;
    padding: 1rem 1.5rem;
    max-width: 100%;
    transition: .3s
}

.btn1:not(.hidden),
.btn1x:not(.hidden),
.btn2:not(.hidden),
.btn2x:not(.hidden),
.btn3:not(.hidden),
.btn3x:not(.hidden),
.btn4:not(.hidden),
.btn4x:not(.hidden),
.btn5:not(.hidden),
.btn5x:not(.hidden),
.btn6:not(.hidden),
.btn6x:not(.hidden),
.submit_btn:not(.hidden) {
    position: relative;
    line-height: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

a.btn1,
a.btn2,
a.btn3,
a.btn4,
a.btn5 {
    text-decoration: none;
    display: block
}

.btn1:hover,
.btn1x:hover,
.btn2:hover,
.btn2x:hover,
.btn3:hover,
.btn3x:hover,
.btn4:hover,
.btn4x:hover,
.btn5:hover,
.btn5x:hover {
    background: rgba(0, 0, 0, .2);
    box-shadow: none !important
}

.extra_info_block .close:hover,
.section .surround {
    color: #000
}

.cookie_btn.dark,
.section .extra_info_block.dark,
.section .surround.dark,
.section.dark,
.section1011 .slides .next.dark {
    --phone-text-color-default-auto: #ffffff;
    --autocontrast-text-color: #fff;
    color: #fff
}

.section .extra_info_block.dark .close {
    filter: invert(.9)
}

.section {
    width: 100%;
    position: relative;
    padding: 40px 0;
    line-height: 1.4;
    transition: .5s;
    opacity: 1;
    background-position: var(--section-background-position, center center);
    background-repeat: var(--section-background-repeat, repeat);
    background-size: var(--section-background-size, cover);
    -o-background-size: var(--section-background-size, cover);
    -moz-background-size: var(--section-background-size, cover);
    -webkit-background-size: var(--section-background-size, cover)
}

.section.hide_line,
[class*=menu] ul>li>ul>li:last-child {
    border-bottom: none
}

.section.overflowY {
    overflow-y: hidden
}

.extra_info_block .right .extra_info1,
.extra_info_block .right .extra_info2,
.extra_info_block .right .extra_info3,
.extra_info_block .right .extra_info4,
.extra_info_block .right .extra_info5,
.section.overflowX {
    overflow-x: hidden
}

.link_on:not([data-link=""]):hover,
.section.img_zoom .overlay_image_box[data-link=""],
.show_extra_info,
div[data-link]:not([data-link=""]) {
    cursor: pointer
}

.section.fixed_top {
    z-index: 900
}

.section.fixed_top:not(.fixed_no_shadow) {
    box-shadow: 0 1px 4px 0 #ccc
}

.section>div.dark:not(.section_inner):not(.btn1):not(.text_block),
.slide>div.dark:not(.section_inner):not(.btn1):not(.col_4) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

.section .sub_title,
.section .title {
    line-height: normal
}

.section img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover
}

.section_inner {
    --section-inner-width: var(--inner-width, 940px);
    --section-inner-max-width: 100%;
    width: var(--section-inner-width);
    max-width: var(--section-inner-max-width);
    margin: 0 auto;
    position: relative
}

.section_inner.width940 {
    --inner-width: 940px
}

.section_inner.width1170 {
    --inner-width: 1170px
}

.section_inner.width1400 {
    --inner-width: 1400px
}

.section_inner.width1680 {
    --inner-width: 1680px
}

.section .section_inner.width0 {
    --inner-width: 940px !important
}

.section .section_inner.width1,
.section1700.wide .section_inner,
.section1900.wide .section_inner {
    --inner-width: 1170px !important
}

.section.inner_width .section_inner {
    --section-inner-width: var(--inner-width, 1170px)
}

.section_inner h1,
.section_inner h2,
.section_inner h3,
.section_inner h4 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: normal;
    font-size: inherit
}

.section .twentytwenty-handle {
    backdrop-filter: blur(3px)
}

.hidden,
.sn-fb,
.sn-ins {
    display: none !important
}

#basket_bg_thanks,
.popup_thanks {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1000;
    color: #333
}

#basket_bg_thanks {
    display: block
}

#basket_thanks_inner,
.popup_thanks_inner {
    width: 400px;
    height: auto;
    background: #fff;
    padding: 30px;
    border-radius: 3px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -230px
}

#basket_thanks_inner {
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 450px;
    width: 80%;
    margin-left: 0
}

.basket_thanks_title,
.popup_thanks_title {
    font-size: 24px
}

.basket_thanks_close,
.popup_thanks_close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.popup_form {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    z-index: 1250;
    overflow-y: auto;
    transition: .3s ease-in-out
}

.popup_form_inner {
    box-sizing: border-box;
    width: 420px;
    height: auto;
    background: #fff;
    padding: 30px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -190px;
    margin-bottom: 70px;
    transition: .3s ease-in-out
}

#basket_form_close,
#policy .close_x,
.popup_form_close {
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.popup_form.html_popup .popup_form_inner {
    background: 0 0;
    padding: 0
}

body.editor_true .popup_form.html_popup .popup_form_inner {
    background: #fff;
    border: 1px dashed red
}

.popup_form_title {
    font-size: 17px;
    margin-bottom: 15px;
    color: #000;
    margin-right: 20px
}

#basket_form_close,
.popup_form_close {
    position: absolute;
    font-size: 0;
    color: #000;
    z-index: 2;
    background: url(../img/cancel.svg) center/100% no-repeat;
    transform: rotate(0);
    transition: .6s
}

#basket_left .item .image img,
#copyright,
#policy {
    background: #fff
}

#popup_wrapper .btn,
#popup_wrapper_line1,
#popup_wrapper_line2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.popup_form_close:hover {
    opacity: 1;
    transform: rotate(180deg)
}

.popup_form_text {
    font-size: 12px;
    color: #000;
    line-height: 16px
}

.button {
    background-image: url(../images/btn_bg.png);
    background-repeat: repeat-x
}

#policy {
    width: 600px;
    height: 380px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -320px;
    margin-top: -210px;
    border: 1px solid #e2e2e2;
    box-shadow: 3px 3px 10px -3px #000;
    padding: 20px
}

#policy .close_x {
    position: absolute;
    text-align: center;
    line-height: 20px
}

#policy .close_btn {
    width: 250px;
    margin: 20px 0 0;
    height: 30px;
    text-align: center;
    border: 1px solid #e2e2e2;
    line-height: 30px;
    cursor: pointer
}

#policy .close_btn:hover {
    background: #f2f2f2
}

#policy p {
    text-align: left
}

.menu1.menu_separate li.level0 a {
    border-right: 1px solid;
    margin: 0;
    padding: 7px 10px;
    border-bottom: none
}

.menu1.menu_separate.animate_menu li.level0 a,
.menu1.menu_separate.hover_menu_shadow li.level0 a {
    padding: 23px 10px;
    border: none
}

.menu1.menu_separate li.level0:last-child a {
    border-right: none
}

#wrapper .brd_animation.btn1:after,
#wrapper .brd_animation.btn2:after {
    content: '';
    width: calc(100%);
    position: absolute;
    height: calc(100% - 6px);
    left: 0;
    top: 0;
    border-top: 3px solid;
    border-bottom: 3px solid;
    transition: .5s
}

#wrapper .brd_animation.btn1:before,
#wrapper .brd_animation.btn2:before {
    content: '';
    position: absolute;
    height: 100%;
    width: calc(100% - 6px);
    left: 0;
    top: 0;
    border-left: 3px solid;
    transition: .5s;
    border-right: 3px solid
}

#wrapper .brd_animation.btn1:hover:after,
#wrapper .brd_animation.btn2:hover:after {
    content: '';
    width: 20%;
    position: absolute;
    height: calc(100% - 6px);
    left: 40%;
    top: 0;
    border-top: 3px solid;
    border-bottom: 3px solid;
    transition: .5s
}

#wrapper .brd_animation.btn1:hover:before,
#wrapper .brd_animation.btn2:hover:before {
    content: '';
    width: calc(100% - 6px);
    position: absolute;
    height: 0%;
    left: 0;
    top: 50%;
    border-left: 3px solid;
    transition: .5s;
    border-right: 3px solid
}

#wrapper .btn1.brd_animation,
#wrapper .btn2.brd_animation {
    border: none;
    position: relative
}

.animate .btn1,
.animate .btn2,
.animate .btn3 {
    transition: unset
}

.btn1.surround,
.btn2.surround,
.btn3.surround {
    border: none !important;
    border-radius: 2px
}

.btn1.surround:hover,
.btn2.surround:hover,
.btn3.surround:hover {
    border: 2px solid
}

.btn1:active,
.btn2:active,
.btn3:active {
    filter: invert(25%);
    transform: scale(.98)
}

.video_bg {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

#basket_continue,
#basket_left .item.caption .image {
    background: 0 0;
    height: auto
}

#close_popup_img,
.widget .extra_info_block .close {
    background: url(../images/cancel.svg) center/100% no-repeat
}

#copyright .section_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000
}

#basket_form_default_agreement a,
#copyright a {
    color: inherit
}

#copyright a:hover {
    color: #ff3100
}

#copyright img,
.extra_info_block.s300 .left .extra_images_in_card {
    margin-left: 10px
}

#copyright.section {
    padding: 25px 0
}

.popup_wrapper_inner::before {
    content: '\f023';
    position: absolute;
    right: 33px;
    top: 30px;
    line-height: 60px;
    font-size: 50px;
    font-family: FontAwesome;
    color: #ff3100;
    background: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 4px 1px #dedede
}

#popup_wrapper {
    width: 800px;
    padding: 30px;
    height: 420px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -430px;
    margin-top: -280px;
    z-index: 9999;
    background: #fff5f5;
    text-align: center;
    border: 5px solid #fff;
    border-radius: 5px
}

.popup_wrapper_inner {
    height: 85%;
    width: 91%;
    margin: 25px auto 0;
    border: 1px solid #000;
    border-radius: 5px
}

#popup_wrapper_title {
    font-size: 30px;
    padding-top: 30px
}

#popup_wrapper_subtitle a {
    color: #333
}

#popup_wrapper .btn {
    display: block;
    text-align: center;
    text-decoration: none;
    border: 2px solid #fff;
    background: #ff3100;
    color: #fff;
    top: 265px;
    width: 290px;
    height: 50px;
    text-transform: uppercase;
    border-radius: 30px;
    line-height: 50px;
    font-size: 22px
}

#popup_wrapper .btn:hover {
    background: #fb8c00
}

#popup_wrapper_line1 {
    font-size: 24px;
    top: 355px
}

#popup_wrapper_line2 {
    top: 175px;
    width: 500px
}

.section.dark .extra_info_block_wrapper {
    color: #313131
}

.extra_info_block_wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .7);
    z-index: 1400;
    top: 0;
    left: 0;
    color: #313131;
    overflow-x: hidden;
    overflow-y: auto;
    display: none
}

.extra_info_block {
    width: 900px;
    padding: 30px 50px 60px;
    box-sizing: border-box;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.extra_info_block .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    cursor: pointer;
    font-size: 0;
    color: #8d8d8d
}

.widget .extra_info_block .close:before {
    opacity: 0
}

.widget .extra_info_block .close {
    line-height: 20px;
    font-size: 0;
    top: 1rem;
    right: 1rem;
    width: 15px;
    height: 15px;
    padding: 0
}

.extra_info_block .close .fa {
    font-size: 0
}

.extra_info_block .close:before {
    content: '\f00d';
    width: 20px;
    height: 20px;
    font-family: FontAwesome;
    font-size: 20px;
    color: inherit
}

.extra_images_big .extra_info_block {
    border: none
}

.extra_images_big .extra_info_block .btn1x,
.extra_images_big .extra_info_block .btn2x,
.extra_images_big .extra_info_block .btn3x,
.extra_images_big .extra_info_block .btn4x,
.extra_images_big .extra_info_block .btn5x {
    margin-bottom: 30px
}

.extra_info_block .right .btn1,
.extra_info_block .right .btn2,
.extra_info_block .right .btn3,
.extra_info_block .right .btn4,
.extra_info_block .right .btn5 {
    margin-left: 0;
    margin-bottom: 50px
}

.extra_info_block .btn1x,
.extra_info_block .btn2x,
.extra_info_block .btn3x,
.extra_info_block .btn4x,
.extra_info_block .btn5x {
    margin-left: 0;
    height: 40px;
    width: 250px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 10px
}

.extra_info_block .extra_images_in_card {
    margin-top: 1rem
}

.extra_info_block .extra_image {
    float: left;
    margin-right: 10px !important;
    cursor: pointer;
    height: 90px;
    width: 126px
}

#basket_continue,
.extra_images_big .left {
    margin-right: 30px
}

.extra_info_block .extra_images_in_card .extra_image {
    width: 126px;
    height: 90px
}

.extra_info_block.s150 .extra_images_in_card .extra_image {
    width: 100px;
    height: 75px
}

.extra_info_block.s120 .extra_images_in_card .extra_image {
    width: 100px;
    height: 100px
}

.extra_info_block.s300 .extra_images_in_card .extra_image {
    width: 100px;
    height: 145px
}

.extra_info_block.s200 .extra_images_in_card .extra_image {
    width: 100px !important;
    height: 100px !important
}

.extra_images_big .extra_info_block .right {
    width: 50%
}

.extra_images_big .extra_info_block .right .extra_info1,
.extra_images_big .extra_info_block .right .extra_info2,
.extra_images_big .extra_info_block .right .extra_info3,
.extra_images_big .extra_info_block .right .extra_info4,
.extra_images_big .extra_info_block .right .extra_info5 {
    max-width: 100%;
    width: 100%;
    max-height: auto;
    overflow-x: initial;
    margin-bottom: 40px
}

#basket_title,
.extra_info_block.s300 .extra_images_in_card .extra_image {
    margin-bottom: 10px
}

.extra_images_big .extra_info_block.s120,
.extra_images_big .extra_info_block.s150,
.extra_images_big .extra_info_block.s200,
.extra_images_big .extra_info_block.s300 {
    width: 100%;
    min-height: 100%;
    padding: 100px;
    display: flex;
    justify-content: center;
    transform: none;
    top: 0;
    left: 0;
    position: relative
}

.extra_info_block.s120,
.extra_info_block.s150,
.extra_info_block.s200,
.extra_info_block.s300 {
    width: 720px
}

.extra_info_block.s300 {
    width: 840px
}

.extra_info_block.s300 .left {
    display: flex;
    justify-content: space-between;
    width: 55%
}

.extra_images_big .extra_info_block.s300 .left {
    display: block;
    width: 420px
}

.extra_images_big .extra_info_block.s300 .left .extra_images_in_card {
    margin-left: 0
}

.extra_images_big .extra_info_block.s300 .right {
    width: calc(100% - 450px)
}

.extra_info_block .extra_image.last {
    margin-right: 0
}

.image_screen {
    position: absolute;
    width: 820px;
    box-sizing: border-box;
    margin-left: 60px;
    overflow: hidden;
    height: 90px
}

.image_wrapper {
    height: 90px;
    width: 10000px;
    position: absolute;
    left: 0;
    top: 0
}

.choose_btns .btn_choose {
    width: 50px;
    height: 50px;
    background: #ccc
}

.noise_new.pattern_fixed,
.section.fixed {
    background-attachment: fixed
}

#basket_btn {
    position: fixed;
    right: 30px;
    top: 120px;
    padding: 10px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    z-index: 1120;
    border-radius: 4px;
    box-shadow: rgba(50, 50, 93, .25) 0 13px 27px -5px, rgba(0, 0, 0, .3) 0 8px 16px -8px
}

#basket_btn.animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-animation-name: swing;
    animation-name: swing
}

#basket_btn i {
    font-size: 28px;
    color: #343a40;
    position: relative
}

#basket_btn span {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center
}

#basket_form_bg {
    background: rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000
}

#basket_form_inner {
    pointer-events: auto;
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    max-width: 700px;
    height: 100vh;
    max-height: 100vh;
    box-sizing: border-box;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .3) 0 19px 38px, rgba(0, 0, 0, .22) 0 15px 12px;
    transition: .3s cubic-bezier(.87, 0, .13, 1);
    padding-bottom: 77px
}

#basket_left,
#basket_right {
    width: 100%;
    max-width: 100%;
    border: none;
    padding: 0;
    height: auto;
    box-sizing: border-box
}

#basket_left {
    overflow-y: auto;
    border-top: 1px solid #e2e2e2;
    width: 700px
}

#basket_right {
    padding: 30px;
    display: none;
    flex-direction: column;
    align-items: flex-end
}

#basket_right.active {
    display: flex
}

#basket_left .btn-group,
#basket_left .tools {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 30px;
    background: #f5f5f5;
    width: calc(100% - 60px)
}

#basket_left .btn-group {
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #e2e2e2
}

#basket_left .item {
    font-size: 16px;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    justify-content: space-between;
    padding: 10px 30px
}

#popup_img:before,
#popup_img_wrap {
    display: inline-block;
    vertical-align: middle
}

.item-title-in-title {
    font-size: 16px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#basket_left .item.caption div {
    font-size: 14px;
    color: #333
}

#basket_left .item.caption {
    font-size: 16px;
    color: #666;
    position: sticky;
    top: 0;
    background: rgba(245, 245, 245, .9);
    white-space: nowrap
}

#basket_left .item .image {
    background-image: url(../images/no_photo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px auto
}

#basket_left .item .image,
#basket_left .item .image img {
    width: 100px;
    height: 100px;
    float: left
}

.text-muted {
    font-size: 13px;
    color: #6c757d;
    font-weight: 300
}

#basket_left .item .title {
    width: 250px;
    float: left;
    margin-left: 20px
}

#basket_left .item .quantity {
    width: 80px;
    float: left;
    margin-left: 20px
}

#basket_left .item .quantity input {
    width: 50px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 3px
}

#basket_left .item .itogo {
    width: 100px;
    float: left;
    margin-left: 20px;
    text-align: right
}

#basket_left .item .remove .fa {
    color: #d63a3a
}

#basket_left .item .remove {
    width: 30px;
    float: right;
    text-align: center;
    cursor: pointer
}

#basket_form_itogo {
    text-align: right;
    font-size: 18px;
    width: 100%
}

#basket_form_default_agreement {
    font-size: 13px;
    margin-top: 10px;
    text-align: left
}

#basket_continue,
#basket_next_step {
    font-size: 16px;
    padding: 12px 14px;
    font-weight: 500;
    transition: .3s ease-in-out;
    cursor: pointer
}

#basket_descr,
#basket_form_default_agreement,
#basket_make_order,
#basket_title {
    width: 60%
}

#basket_form_close:hover {
    color: #dc3545
}

#basket_continue {
    border: 1px solid #454545;
    color: #454545;
    width: unset;
    line-height: 1;
    border-radius: 2px
}

#basket_continue:hover {
    background: #454545;
    color: #fff
}

#basket_next_step {
    background: #ff4742;
    color: #fff;
    border-radius: 2px
}

#basket_next_step:hover {
    filter: brightness(90%)
}

.basket_title {
    font-size: 28px;
    letter-spacing: 2px;
    padding: 20px 30px 5px
}

.basket_title i {
    margin-right: 10px
}

.basket_descr {
    font-size: 14px;
    padding: 0 30px 15px;
    color: #6c757d
}

#basket_title {
    font-size: 18px
}

#basket_descr {
    margin-top: 15px
}

#basket_make_order input[type=checkbox] {
    height: auto;
    margin-bottom: 15px
}

#basket_make_order input[type=email],
#basket_make_order input[type=number],
#basket_make_order input[type=text],
#basket_make_order select,
#basket_make_order textarea {
    background: #f2f2f2;
    box-sizing: border-box;
    height: 50px;
    margin-bottom: 10px;
    max-width: 100%;
    min-width: 220px;
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 3px
}

#basket_make_order textarea {
    max-width: 100%;
    min-width: 220px;
    max-height: 250px;
    min-height: 100px
}

#basket_make_order input[type=submit] {
    height: 50px;
    background: #f60;
    color: #fff;
    border: none;
    width: 100%;
    border-radius: 3px;
    transition: .3s
}

#basket_make_order input[type=submit]:hover {
    background: #333
}

iframe {
    border: none;
    outline: 0
}

.video_holder {
    width: 100%;
    height: 100%;
    background-color: #000;
    background-size: cover;
    background-position: center center;
    box-sizing: border-box;
    position: relative;
    transition: .2s;
    max-width: 100%;
    cursor: pointer
}

.video_holder[data-hosting=rutube]:hover {
    background-image: var(--live-preview) !important
}

.video_holder[data-hosting=youtube]:after {
    background: #ff0101;
    border-radius: 10px;
    color: #fff;
    content: "";
    cursor: pointer;
    display: block;
    font-family: FontAwesome;
    font-size: 28px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -40px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 80px;
    max-width: 100%
}

.video_holder[data-hosting=youtube]:hover::after {
    background: #000;
    color: #fff
}

.video_holder[data-hosting=Platforma]:after,
.video_holder[data-hosting=VK]:after,
.video_holder[data-hosting=vimeo]:after {
    content: "\f04b";
    font: 14px/1 FontAwesome;
    font-size: 28px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    width: 75px;
    height: 75px;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s cubic-bezier(.25, .1, .25, 1)
}

.video_holder[data-hosting=Platforma]:hover::after,
.video_holder[data-hosting=VK]:hover::after,
.video_holder[data-hosting=vimeo]:hover::after {
    background-color: rgba(0, 0, 0, .4);
    width: 85px;
    height: 85px
}

.back_dark,
.noise,
.noise_new {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0
}

.video_holder[data-hosting=rutube]:after {
    background-color: #00a1e7;
    content: "\f04b";
    font: 14px/1 FontAwesome;
    font-size: 20px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.cookie_btn,
.cookie_notice {
    font-size: var(--cookie_text_fsize);
    line-height: 1.5;
    box-sizing: border-box
}

.placeholder-tile {
    background-color: #f5f5f5;
    opacity: .7
}

.btn.surround.animation::after,
.btn1.surround.animation::after,
.btn2.surround.animation::after,
.btn3.surround.animation::after,
.btn4.surround.animation::after,
.btn5.surround.animation::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-image: url(../images/btn_animation.png);
    background-repeat: no-repeat !important;
    animation: 2s infinite slide
}

.back_dark {
    left: 0
}

.section.no_image {
    background-image: none !important
}

.section.fixed {
    -webkit-overflow-scrolling: touch
}

.bg_text.style_0 .text,
.bg_text.style_1 .text,
.bg_text.style_2 .text,
.bg_text.style_3 .text,
.bg_text.style_4 .text {
    background-color: #fff;
    color: #212121;
    padding: 10px
}

.noise {
    left: 0
}

.noise_new {
    left: 0;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat
}

#popup_img_wrap,
#wrapper,
.table_wrap {
    position: relative
}

::-webkit-resizer {
    background-image: url('');
    background-repeat: no-repeat;
    width: var(--scrollbar_width, 12px);
    height: 1px
}

::-webkit-scrollbar {
    width: var(--scrollbar_width, 12px)
}

::-webkit-scrollbar-button {
    background: #ececec;
    width: 12px;
    height: 0
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: var(--scrollbar_thumb_radius, 10px);
    border-radius: var(--scrollbar_thumb_radius, 10px);
    background-color: var(--scrollbar_thumb_bg, #5ad0ff);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

::-webkit-scrollbar-track {
    background-color: var(--scrollbar_track_bg, #eaeaea)
}

#sections_preview::-webkit-resizer,
#window.add_section #window_inner::-webkit-resizer,
#window_inner::-webkit-resizer {
    background-image: url('');
    background-repeat: no-repeat;
    width: 4px;
    height: 1px
}

#sections_preview::-webkit-scrollbar,
#window.add_section #window_inner::-webkit-scrollbar,
#window_inner::-webkit-scrollbar {
    width: 4px
}

#sections_preview::-webkit-scrollbar-button,
#window.add_section #window_inner::-webkit-scrollbar-button,
#window_inner::-webkit-scrollbar-button {
    background: #ececec;
    width: 4px;
    height: 0
}

#sections_preview::-webkit-scrollbar-thumb,
#window.add_section #window_inner::-webkit-scrollbar-thumb,
#window_inner::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #5ad0ff;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

#sections_preview::-webkit-scrollbar-track,
#window.add_section #window_inner::-webkit-scrollbar-track,
#window_inner::-webkit-scrollbar-track {
    background-color: #eaeaea
}

.table_wrap::-webkit-scrollbar-track {
    background: 0 0
}

#copyright #tobiz_link a {
    text-decoration: none
}

#copyright #tobiz_link span {
    display: block;
    float: right;
    font-size: 14px;
    line-height: 20px
}

#copyright #tobiz_link .like_logo {
    font-size: 44px;
    line-height: 40px;
    margin-left: 5px;
    color: #000;
    font-weight: 400;
    font-family: MuseoSansCyrl, sans-serif
}

.my_orders .my_orders_paginator {
    display: flex;
    margin-top: 20px
}

.my_orders .page_picker {
    display: block;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    color: #333;
    border-bottom: 1px solid
}

.my_orders .page_picker:hover {
    background: #c1c1c1
}

.my_orders .my_orders_title {
    font-size: 20px;
    margin-bottom: 10px
}

.widget {
    background: #dbdbdb
}

#popup_img {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
    z-index: 20001
}

#popup_img:before {
    content: '';
    height: 100%;
    width: 0
}

#popup_img_wrap {
    max-width: calc(93% - 66px);
    text-align: left;
    margin-left: 33px
}

#popup_img_wrap img {
    max-width: calc(100% - 50px);
    vertical-align: middle;
    padding: 5px;
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer
}

#popup_img_next,
#popup_img_prev {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    cursor: pointer;
    z-index: 10;
    transition: background-color .3s
}

#popup_img_prev {
    left: 70px
}

#popup_img_next {
    right: 70px
}

#popup_img_next:hover,
#popup_img_prev:hover {
    background-color: rgba(0, 0, 0, .65)
}

#popup_img_next i,
#popup_img_prev i {
    color: #fff
}

#popup_img_prev i {
    margin-right: 5px;
    font-size: 28px;
    line-height: 58px
}

#popup_img_next i {
    margin-left: 5px;
    font-size: 28px;
    line-height: 58px
}

#close_popup_img {
    font-size: 32px;
    vertical-align: top;
    margin-left: 20px;
    cursor: pointer;
    font-weight: 300;
    transition: .6s;
    display: block;
    line-height: 40px;
    text-align: center;
    color: #000;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 20px;
    right: 60px
}

#close_popup_img:hover {
    opacity: 1;
    transform: rotate(180deg);
    opacity: .7
}

#preload {
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    top: 50%;
    left: 50%;
    background: url(/i/loader.gif) center no-repeat rgba(0, 0, 0, .3);
    border-radius: 3px
}

#basket_delivery,
.alerts {
    width: 100%
}

@media screen and (max-width:1255px) {
    #popup_img_prev {
        left: 10px
    }

    #popup_img_next {
        right: 10px
    }

    #popup_img_wrap img {
        padding: 10px
    }
}

@media screen and (max-width :442px) {
    #popup_img_wrap {
        max-width: 94%;
        margin: 0;
        position: relative
    }

    #popup_img_wrap img {
        max-width: 96%;
        padding: 1px
    }

    #close_popup_img {
        position: absolute;
        margin: 0;
        right: 25px;
        top: 10px
    }

    #popup_img_next,
    #popup_img_prev {
        top: 90%;
        background-color: rgba(255, 255, 255, .3)
    }
}

#basket_make_order input,
#basket_make_order textarea {
    padding: 10px;
    outline: 0;
    height: 40px;
    resize: none;
    font-size: 16px
}

#basket_delivery,
#basket_promo {
    text-align: right;
    padding: 3px 0
}

#basket_promo input {
    margin-left: 10px;
    padding: 10px 14px;
    border: 1px solid #d1d1d1;
    background: #fff;
    border-radius: 3px
}

#basket_form_itogo span.promo {
    color: green;
    text-transform: none;
    font-size: 16px;
    position: absolute;
    top: 30px;
    right: 60px
}

#basket_delivery div {
    font-size: 12px
}

.this span.finger_tap {
    animation-name: scale_move;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1s
}

.section .menu-toogler,
.section .menu-toogler_fixed,
.section .menu-toogler_widget,
.section .menu_mobile_btn {
    background: url(../images/menu_2.svg) center/85% no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.conf_item.style_editor {
    margin: 20px 0
}

.find_popup::-webkit-resizer {
    background-image: url('');
    background-repeat: no-repeat;
    width: 5px;
    height: 1px
}

.find_popup::-webkit-scrollbar {
    width: 5px
}

.find_popup::-webkit-scrollbar-button {
    background: #ececec;
    width: 5px;
    height: 0
}

.find_popup::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #5ad0ff;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.find_popup::-webkit-scrollbar-track {
    background-color: #eaeaea
}

.alerts {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: auto;
    display: flex;
    justify-content: center
}

.alerts .alert {
    width: 90vw;
    max-width: 600px;
    margin: 15px auto;
    box-shadow: 5px 5px 5px -5px #000;
    padding: 10px 20px;
    color: #856404;
    background: #fff3cd;
    border: 1px solid #ffeeba;
    border-radius: 2px;
    box-sizing: border-box
}

.alerts .alert.type_success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb
}

.alerts .alert.type_error {
    color: #721c24;
    background: #f8d7da;
    border: 1px solid #f5c6cb
}

.section .arr1.finded_in_page .col_4 {
    box-shadow: 0 0 2px 1px #f1bc8b
}

.modal_bg .modal_body.flexblock_popup .field input[type=submit] {
    font-size: 16px !important
}

.section306 .form_wrapper .field.mailment_agreement {
    max-width: unset !important;
    margin-top: 14px
}

.img_pifpaf {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.sn svg {
    max-width: 70%;
    max-height: 70%;
    width: 30px;
    height: 30px;
    transition: .3s
}

.sn-rutube,
.sn-zen {
    display: flex;
    align-items: center;
    justify-content: center
}

.sn-rutube {
    background-color: #000
}

.sn-zen {
    background-color: #2c3036;
    display: flex
}

.sn-zen svg {
    width: 25px;
    height: 25px
}

.sn-zen:not(.hidden) {
    display: flex !important
}

.social_icons_ng {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    gap: 12px
}

.social_icons_ng .sn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 34px;
    height: 34px;
    font-size: 20px;
    font-family: FontAwesome;
    text-decoration: none;
    transition: .3s
}

.section.clip_path1,
.section.clip_path10,
.section.clip_path11,
.section.clip_path2,
.section.clip_path3,
.section.clip_path4,
.section.clip_path5,
.section.clip_path6 {
    transition: .3s ease-in-out
}

.social_icons_ng.icon-circle .sn {
    border-radius: 50%
}

.social_icons_ng .sn-vk {
    background: #507299
}

.social_icons_ng .sn-vk:after {
    content: ""
}

.social_icons_ng .sn-ins {
    background: #f8cc01;
    background: linear-gradient(45deg, #f8cc01 0, #e8102b 51%, #7d39b0 100%)
}

.social_icons_ng .sn-ins:after {
    content: ""
}

.social_icons_ng .sn-whatsup {
    background: #3ebe2b
}

.social_icons_ng .sn-whatsup:after {
    content: ""
}

.social_icons_ng .sn-fb {
    background: #405d9a
}

.social_icons_ng .sn-fb:after {
    content: ""
}

.social_icons_ng .sn-youtube {
    background: #e62117
}

.social_icons_ng .sn-youtube:after {
    content: ""
}

.social_icons_ng .sn-o:after {
    content: ""
}

.social_icons_ng .sn-o {
    background: #ee7808
}

.social_icons_ng .sn-vimeo:after {
    content: "\f27d"
}

.social_icons_ng .sn-vimeo {
    background: #00adef
}

.social_icons_ng .sn-viber svg {
    max-width: 70%;
    max-height: 70%;
    width: 20px;
    height: 20px
}

.social_icons_ng .sn-viber {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7d3daf
}

.social_icons_ng .sn-tg {
    background-color: #08c
}

.social_icons_ng .sn-tg:after {
    content: "\f1d9"
}

.cookie_notice {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 1.5rem;
    left: 1.5rem;
    width: 425px;
    max-width: calc(100% - 3rem);
    color: var(--cookie_text_color);
    background: var(--cookie_bg);
    padding: var(--cookie_padding);
    box-shadow: var(--cookie_shadow)
}

.cookie_button_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.cookie_btn {
    background-color: var(--cookie_btn_bg);
    border-radius: var(--cookie_btn_radius);
    border-style: none;
    color: var(--cookie_btn_color);
    cursor: pointer;
    display: inline-block;
    font-weight: var(--cookie_btn_fw);
    margin: 0;
    max-width: none;
    min-width: 10px;
    outline: 0;
    overflow: hidden;
    padding: 9px 20px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: 45%;
    white-space: nowrap
}

.cookie_btn:hover {
    background-color: var(--cookie_btn_hover_bg)
}

.cookie_btn:focus {
    outline: rgba(0, 0, 0, .45) solid 2px
}

@media (max-width:560px) {
    .cookie_notice {
        padding: 1.5rem;
        left: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%
    }

    .cookie_btn {
        padding: 8px
    }
}

#no_blocks {
    padding-bottom: 30px
}

.button-jittery {
    animation: 4s infinite jittery;
    box-shadow: rgba(50, 50, 93, .25) 0 13px 27px -5px, rgba(0, 0, 0, .3) 0 8px 16px -8px
}

.button-jittery:hover {
    animation: .4s infinite heartbeat
}

.section.cheese {
    padding: 0 !important;
    height: 100vh !important;
    display: flex;
    align-items: center
}

.map_inner {
    background: url('../images/map_p_3.jpg')
}

.help-ico {
    color: #303030;
    transition: .2s
}

.help-ico:hover {
    color: #212121
}

.txt1 ul li::marker {
    color: inherit
}

.section .btn_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.section .phones-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 160px;
    gap: 10px 0
}

.section .phones-wrapper .zphone a,
.section a.logo_text {
    text-decoration: none;
    color: inherit
}

.section .phones-wrapper .zphone {
    color: var(--phone-text-color, var(--phone-text-color-default-auto));
    font-size: var(--phone-font-size, 20px);
    font-weight: var(--phone-font-weight, 500)
}

.section .logo {
    flex-shrink: 0
}

.section .logo_img img {
    display: block;
    height: auto;
    width: 100%;
    max-height: 100px;
    object-fit: contain
}

@media screen and (max-width:350px) {
    .section .btn_wrapper {
        flex-direction: column
    }

    .section .btn_wrapper .item_counter {
        margin-right: 0 !important;
        margin-bottom: 15px
    }
}

.section .btn_wrapper .item_counter {
    position: relative;
    margin-right: 15px;
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    text-align: center;
    font-size: 14px
}

.section .btn_wrapper .item_counter .item_operation {
    width: 25px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    background-color: #f5f5f5;
    transition: .3s ease-out;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.section .btn_wrapper .item_counter .item_operation:hover {
    cursor: pointer;
    background: #dedede
}

.section .btn_wrapper .item_counter input {
    width: 36px;
    padding: 5px;
    border: 1px solid #dedede;
    background-color: #fcfcfc;
    box-sizing: border-box;
    transition: .3s ease-out;
    border-left: none;
    border-right: none;
    text-align: center
}

.section .btn_wrapper .item_counter input:hover {
    background: #f3f3f3
}

.section .btn_wrapper .item_counter input::-webkit-inner-spin-button,
.section .btn_wrapper .item_counter input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.section .btn_wrapper .item_counter input[type=number] {
    -moz-appearance: textfield
}

.section .btn_wrapper .new_basket_btn {
    width: auto !important;
    height: auto !important;
    padding: 12px !important;
    margin: 0 !important
}

.price_without_discount {
    position: relative;
    opacity: .7
}

.section .image_move img {
    transition: transform .5s cubic-bezier(.25, 1, .5, 1), box-shadow .5s;
    transform: perspective(1000px) rotateY(0) scale(1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2)
}

.section .image_move img:hover {
    transform: perspective(1000px) rotateY(15deg) scale(1.05);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3)
}

.section .image_move .arr1:nth-child(2n) img:hover {
    transform: perspective(1000px) rotateY(-15deg) scale(1.05)
}

body.no_clip .section.clip_influx {
    clip-path: none;
    z-index: unset !important
}

.section.clip_path1 {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--clip_height, 60px)), 0% 100%)
}

.section.clip_path2 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - var(--clip_height, 60px)))
}

.section.clip_path3 {
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--clip_height, 60px)), 50% 100%, 0% calc(100% - var(--clip_height, 60px)))
}

.section.clip_path4 {
    clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% calc(100% - var(--clip_height, 60px)), 80% 100%, 20% 100%, 0 calc(100% - var(--clip_height, 60px)), 0 0)
}

.section.clip_path5 {
    clip-path: polygon(50% 0%, 80% 0, 100% 0, 100% calc(100% - 60px), 80% calc(100% - 20px), 50% 100%, 20% calc(100% - 20px), 0 calc(100% - 60px), 0 0, 20% 0)
}

.section.clip_path6 {
    clip-path: polygon(100% 0, 100% calc(100% - var(--clip_height, 60px)), 98% 100%, 96% calc(100% - var(--clip_height, 60px)), 94% 100%, 92% calc(100% - var(--clip_height, 60px)), 90% 100%, 88% calc(100% - var(--clip_height, 60px)), 86% 100%, 84% calc(100% - var(--clip_height, 60px)), 82% 100%, 80% calc(100% - var(--clip_height, 60px)), 78% 100%, 76% calc(100% - var(--clip_height, 60px)), 74% 100%, 72% calc(100% - var(--clip_height, 60px)), 70% 100%, 68% calc(100% - var(--clip_height, 60px)), 66% 100%, 64% calc(100% - var(--clip_height, 60px)), 62% 100%, 60% calc(100% - var(--clip_height, 60px)), 58% 100%, 56% calc(100% - var(--clip_height, 60px)), 54% 100%, 52% calc(100% - var(--clip_height, 60px)), 50% 100%, 48% calc(100% - var(--clip_height, 60px)), 46% 100%, 44% calc(100% - var(--clip_height, 60px)), 42% 100%, 40% calc(100% - var(--clip_height, 60px)), 38% 100%, 36% calc(100% - var(--clip_height, 60px)), 34% 100%, 32% calc(100% - var(--clip_height, 60px)), 30% 100%, 28% calc(100% - var(--clip_height, 60px)), 26% 100%, 24% calc(100% - var(--clip_height, 60px)), 22% 100%, 20% calc(100% - var(--clip_height, 60px)), 18% 100%, 16% calc(100% - var(--clip_height, 60px)), 14% 100%, 12% calc(100% - var(--clip_height, 60px)), 10% 100%, 8% calc(100% - var(--clip_height, 60px)), 6% 100%, 4% calc(100% - var(--clip_height, 60px)), 2% 100%, 0 calc(100% - var(--clip_height, 60px)), 0 0)
}

.section.clip_path7 {
    clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 100%, 9% 94%, 17% 98%, 25% 95%, 33% 97%, 45% 99%, 45% 99%, 57% 98%, 72% 94%, 71% 97%, 78% 95%)
}

.section.clip_path10 {
    clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 1% 99.79%, 2% 99.18%, 3% 98.29%, 4% 97.26%, 5% 96.27%, 6% 95.50%, 7% 95.06%, 8% 95.05%, 9% 95.45%, 10% 96.20%, 11% 97.18%, 12% 98.21%, 13% 99.12%, 14% 99.75%, 15% 100%, 16% 99.82%, 17% 99.24%, 18% 98.37%, 19% 97.34%, 20% 96.35%, 21% 95.55%, 22% 95.08%, 23% 95.03%, 24% 95.40%, 25% 96.13%, 26% 97.10%, 27% 98.13%, 28% 99.05%, 29% 99.71%, 30% 99.99%, 31% 99.85%, 32% 99.30%, 33% 98.44%, 34% 97.43%, 35% 96.42%, 36% 95.60%, 37% 95.11%, 38% 95.02%, 39% 95.36%, 40% 96.06%, 41% 97.01%, 42% 98.05%, 43% 98.99%, 44% 99.67%, 45% 99.99%, 46% 99.88%, 47% 99.36%, 48% 98.52%, 49% 97.51%, 50% 96.50%, 51% 95.66%, 52% 95.13%, 53% 95.01%, 54% 95.32%, 55% 96.00%, 56% 96.93%, 57% 97.97%, 58% 98.92%, 59% 99.63%, 60% 99.98%, 61% 99.90%, 62% 99.41%, 63% 98.60%, 64% 97.59%, 65% 96.57%, 66% 95.71%, 67% 95.16%, 68% 95.00%, 69% 95.28%, 70% 95.93%, 71% 96.85%, 72% 97.89%, 73% 98.85%, 74% 99.59%, 75% 99.97%, 76% 99.92%, 77% 99.46%, 78% 98.67%, 79% 97.67%, 80% 96.65%, 81% 95.77%, 82% 95.19%, 83% 95.00%, 84% 95.24%, 85% 95.87%, 86% 96.77%, 87% 97.80%, 88% 98.78%, 89% 99.54%, 90% 99.95%, 91% 99.94%, 92% 99.51%, 93% 98.74%, 94% 97.76%, 95% 96.73%, 96% 95.83%, 97% 95.22%, 98% 95.00%, 99% 95.21%, 100% 95.81%)
}

.section.clip_path11 {
    clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 1% 99.96%, 2% 99.84%, 3% 99.65%, 4% 99.39%, 5% 99.07%, 6% 98.70%, 7% 98.29%, 8% 97.85%, 9% 97.41%, 10% 96.97%, 11% 96.54%, 12% 96.15%, 13% 95.79%, 14% 95.50%, 15% 95.26%, 16% 95.10%, 17% 95.01%, 18% 95.01%, 19% 95.08%, 20% 95.23%, 21% 95.45%, 22% 95.74%, 23% 96.08%, 24% 96.47%, 25% 96.89%, 26% 97.33%, 27% 97.77%, 28% 98.21%, 29% 98.62%, 30% 99.00%, 31% 99.33%, 32% 99.61%, 33% 99.81%, 34% 99.94%, 35% 100%, 36% 99.97%, 37% 99.87%, 38% 99.69%, 39% 99.44%, 40% 99.13%, 41% 98.77%, 42% 98.37%, 43% 97.94%, 44% 97.49%, 45% 97.05%, 46% 96.62%, 47% 96.22%, 48% 95.86%, 49% 95.55%, 50% 95.30%, 51% 95.13%, 52% 95.02%, 53% 95.00%, 54% 95.06%, 55% 95.19%, 56% 95.40%, 57% 95.68%, 58% 96.01%, 59% 96.39%, 60% 96.81%, 61% 97.24%, 62% 97.69%, 63% 98.13%, 64% 98.55%, 65% 98.94%, 66% 99.28%, 67% 99.56%, 68% 99.78%, 69% 99.93%, 70% 99.99%, 71% 99.98%, 72% 99.90%, 73% 99.73%, 74% 99.49%, 75% 99.19%, 76% 98.84%, 77% 98.44%, 78% 98.02%, 79% 97.58%, 80% 97.13%, 81% 96.70%, 82% 96.29%, 83% 95.92%, 84% 95.60%, 85% 95.34%, 86% 95.15%, 87% 95.04%, 88% 95.00%, 89% 95.04%, 90% 95.16%, 91% 95.36%, 92% 95.62%, 93% 95.94%, 94% 96.32%, 95% 96.73%, 96% 97.16%, 97% 97.61%, 98% 98.05%, 99% 98.47%, 100% 98.87%)
}

@media (min-width:800px) {
    .editor_false .section.hide_in_desktop {
        display: none !important
    }

    .editor_false .section.clip_path1.clip_influx,
    .editor_false .section.clip_path2.clip_influx,
    .editor_false .section.clip_path3.clip_influx,
    .editor_false .section.clip_path4.clip_influx,
    .editor_false .section.clip_path6.clip_influx {
        margin-bottom: calc(-1 * var(--clip_height, 60px))
    }

    .editor_false .section.clip_path5.clip_influx {
        margin-bottom: -60px
    }

    .editor_false .section.clip_path8.clip_influx {
        margin-bottom: -49px
    }

    .editor_false .section.clip_path10.clip_influx,
    .editor_false .section.clip_path11.clip_influx,
    .editor_false .section.clip_path7.clip_influx {
        margin-bottom: var(--cliped-margin-bottom)
    }
}

.editor_false .hide_long_catalog .catalog_items {
    max-height: 2000px;
    overflow: hidden;
    padding: 10px 0 120px
}

.editor_false .hide_long_catalog .catalog_items .hide_long_catalog_spoiler {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    height: 200px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, var(--bg_color, #fff) 60%);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #696969;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: .2s
}

.editor_false .hide_long_catalog .catalog_items .hide_long_catalog_spoiler:hover {
    text-decoration: underline;
    color: #555;
    cursor: pointer
}

#wrapper ul li a {
    font-size: inherit
}

#wrapper .menu1 ul li,
#wrapper .menu2 ul li,
#wrapper .menu3 ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#wrapper [class*=menu] ul .level1 a {
    line-height: 2
}

#wrapper [class*=menu] ul li a {
    font-size: inherit;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: break-spaces
}

[class*=menu] ul>li>ul {
    list-style: none;
    position: absolute;
    min-width: var(--dropdown-menu-min-width);
    background-color: var(--dropdown-menu-bg-color);
    box-shadow: var(--dropdown-menu-shadow);
    opacity: 0;
    visibility: hidden;
    text-align: left;
    transform: translateY(10px);
    transition: var(--dropdown-menu-transition);
    z-index: -10;
    padding: 0
}

[class*=menu] ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 100
}

[class*=menu] ul>li>ul>li {
    border-bottom: 1px solid var(--dropdown-menu-border-color)
}

[class*=menu] ul>li>ul>li.level1>a {
    display: block;
    padding: var(--dropdown-menu-item-padding);
    line-height: var(--dropdown-menu-line-height);
    color: var(--dropdown-menu-text-color);
    text-decoration: none;
    transition: var(--dropdown-menu-item-transition)
}

[class*=menu] ul>li>ul>li>a:hover {
    background-color: var(--dropdown-menu-hover-bg-color);
    color: var(--dropdown-menu-hover-text-color)
}

[class*=menu] ul>li.has-submenu>a::after {
    font: 14px/1 FontAwesome;
    content: var(--dropdown-submenu-indicator-content);
    margin-left: var(--dropdown-submenu-indicator-spacing);
    font-size: var(--dropdown-submenu-indicator-font-size)
}

@media (max-width:800px) {
    .section {
        -webkit-clip-path: none !important;
        clip-path: none !important
    }

    .section.clip_influx {
        margin-bottom: 0 !important
    }

    [class*=menu] ul>li>ul {
        position: static;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        border-top: none;
        background-color: transparent
    }

    [class*=menu] ul>li.active>ul {
        display: block
    }

    [class*=menu] ul>li>ul>li.level1 {
        border: none
    }

    [class*=menu] ul>li>ul>li.level1>a {
        padding: var(--dropdown-menu-mobile-item-padding);
        color: inherit
    }

    [class*=menu] ul>li>a:hover,
    [class*=menu] ul>li>ul>li>a:hover {
        background-color: transparent;
        padding-left: 15px
    }

    [class*=menu] ul>li>ul>li>a:hover {
        padding-left: 25px
    }
}

@media screen and (max-width:640px) {
    .section .field.captcha_field {
        margin-bottom: 0
    }

    .captcha_field .h-captcha {
        transform: scale(.85);
        transform-origin: 0 0
    }
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes btn-image-animation {
    from {
        background-position: -150% 0
    }

    to {
        background-position: 150% 0
    }
}

@keyframes btn_rotate_move {
    0% {
        transform: rotate(3deg)
    }

    25%,
    5% {
        transform: translateX(2px)
    }

    10% {
        transform: rotate(-3deg)
    }

    15%,
    35% {
        transform: translateX(-2px)
    }

    20% {
        transform: translateY(-5px);
        transform: rotate(3deg)
    }

    30% {
        transform: translateY(5px);
        transform: rotate(-3deg)
    }

    40% {
        transform: translateY(-3px);
        transform: rotate(3deg)
    }

    45% {
        transform: translateX(1px)
    }

    50% {
        transform: translateY(3px);
        transform: rotate(-3deg)
    }

    55% {
        transform: translateX(0)
    }

    60% {
        transform: translateY(-3px);
        transform: rotate(2deg)
    }

    70% {
        transform: translateY(3px);
        transform: rotate(-2deg)
    }

    100% {
        transform: translateX(0);
        transform: rotate(0)
    }
}

@keyframes gal_from_bottom {
    0% {
        width: 5%;
        height: 0%;
        top: 100%;
        left: 50%
    }

    95% {
        top: 0;
        left: 0
    }

    100% {
        widht: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
}

@keyframes gal_from_center {
    0% {
        width: 5%;
        height: 0%;
        top: 50%;
        left: 50%
    }

    95% {
        top: 0;
        left: 0
    }

    100% {
        widht: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
}

@keyframes btn_big {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

@keyframes btn_move {

    0%,
    10%,
    30% {
        transform: translateX(5px)
    }

    20% {
        transform: translateX(-5px)
    }

    40%,
    60% {
        transform: translateX(-3px)
    }

    50%,
    70% {
        transform: translateX(3px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes btn_move2 {

    0%,
    10%,
    30% {
        transform: translateX(5px)
    }

    20% {
        transform: translateX(-5px)
    }

    40%,
    60% {
        transform: translateX(-3px)
    }

    50%,
    70% {
        transform: translateX(3px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes gal_from_top {
    0% {
        width: 5%;
        height: 0%;
        top: 0;
        left: 50%
    }

    95% {
        top: 0;
        left: 0
    }

    100% {
        widht: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
}

@keyframes gal_opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes image_move {
    0% {
        transform: rotateY(0)
    }

    100% {
        transform: rotateY(10deg)
    }
}

@keyframes image_move2 {
    0% {
        transform: rotateY(0)
    }

    100% {
        transform: rotateY(-15deg)
    }
}

@keyframes image_move3 {
    0% {
        transform: rotateX(0)
    }

    100% {
        transform: rotateX(-15deg)
    }
}

@keyframes big_icon {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    80% {
        transform: scale(.9)
    }
}

@keyframes impulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 10px 0
    }

    10%,
    60% {
        transform: scale(1.1);
        box-shadow: 0 0 10px 0
    }

    20%,
    70% {
        transform: scale(.95);
        box-shadow: 0 0 20px 0
    }

    35%,
    80% {
        transform: scale(1.15);
        box-shadow: 0 0 5px 0
    }

    50%,
    90% {
        transform: scale(.9);
        box-shadow: 0 0 25px 0
    }

    64% {
        transform: scale(1);
        box-shadow: 0 0 20px 0
    }
}

@keyframes impulse2 {
    0% {
        transform: scale(1);
        box-shadow: 0 0 px 0
    }

    15% {
        transform: scale(1.1);
        box-shadow: 0 0 30px 0
    }

    25%,
    75% {
        transform: scale(.95);
        box-shadow: 0 0 20px 0
    }

    40% {
        transform: scale(1.15);
        box-shadow: 0 0 10px 0
    }

    55%,
    95% {
        transform: scale(.9);
        box-shadow: 0 0 25px 0
    }

    65% {
        transform: scale(1.1);
        box-shadow: 0 0 10px 0
    }

    85% {
        transform: scale(1.15);
        box-shadow: 0 0 5px 0
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 10px 0
    }
}

@keyframes scale_move {
    0% {
        transform: translate(0, 0)
    }

    10%,
    30% {
        transform: translate(20px, 100px) scale(1.5)
    }

    20%,
    40% {
        transform: translate(-20px, 100px) scale(1.5)
    }

    50% {
        transform: translate(15px, 100px) scale(1.5)
    }

    60% {
        transform: translate(-15px, 100px) scale(1.5)
    }

    70% {
        transform: translate(5px, 100px) scale(1.5)
    }

    100% {
        transform: translateX(0, 0) scale(1)
    }
}

@keyframes move_finger {

    0%,
    100% {
        transform: translateX(0)
    }

    10%,
    30% {
        transform: translateX(8px)
    }

    20% {
        transform: translateX(-8px)
    }

    40%,
    60% {
        transform: translateX(-5px)
    }

    50%,
    70% {
        transform: translateX(5px)
    }
}

@keyframes jittery {

    5%,
    50% {
        transform: scale(1)
    }

    10% {
        transform: scale(.9)
    }

    15% {
        transform: scale(1.15)
    }

    20% {
        transform: scale(1.15) rotate(-5deg)
    }

    25% {
        transform: scale(1.15) rotate(5deg)
    }

    30% {
        transform: scale(1.15) rotate(-3deg)
    }

    35% {
        transform: scale(1.15) rotate(2deg)
    }

    40% {
        transform: scale(1.15) rotate(0)
    }
}

@keyframes heartbeat {
    50% {
        transform: scale(1.1)
    }
}

@keyframes slide {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}