:root {
    --site-bg: #fff;

    --main-color: #f09300;
        --sub-color: #da241a;

    --footer-bg: #333;

    /* --- Texts --- */
    --text: #333333;
    --text-inverse: #fff;
    --text-error: #f01818;
    --text-error-hover: #a61212;
    --text-light: #717171;

    /* --- Buttons --- */
    --btn-bg: #f09300;
    --btn-bg-hover: #fff;

    /* --- Links --- */
    --link: #f09300;
    --link-hover: #4caf50;

    /* --- Icons (SVG) --- */
    --icon-color: #fff;
    --icon-color-hover: #4caf50;

    /* --- Borders --- */
    --border-color: #ececec;

    /* --- Common colors --- */
    --white: #fff;
    --error: #f01818;
    --error_light: #f018183d;
    --success: #4caf50;
    --black: #131313;
    --gray: #464646;
    --gray-light: #777;
    --orange: #d9a01a;
    --orange-hover: #f0aa08;
    --orange_light: #f0aa081c;
    /* --- Common Opacity colors --- */
    --white-opacity: #FFFFFF5E;
    --border-opacity: #ffffff80;
    --white-opacity-lighter: #FFF3;
    --border-opacity-lighter: #ffffff54;
    --gray-opacity: #fafafa;

    /* --- Socials & Messengers --- */
    --viber: #675da9;
    --telegram: #0088cc;
    --whatsapp: #26d266;
    --facebook: #1877F2;
    --twitter: #0f1419;
    --youtube: #f03;
    --pinterest: #e60023;
    --instagram: #f7085c;

    /* --- Content width & Margin --- */
    --content-width: 1268px;
}

/* --- Body - fonts, colors, background --- */
HTML, Body {scrollbar-color:var(--gray) var(--site-bg);}
Body {font-family:"Roboto Slab", serif; font-size:16px; line-height:1.2; font-weight:400; color:var(--text); display:flex; flex-direction:column; height:100%; width:100%; min-width:320px;
      background:var(--site-bg);}
Body.body_overflow {overflow:hidden;}
::-webkit-scrollbar-thumb {background:var(--gray);}
::-webkit-scrollbar {background:var(--site-bg);}
.centre {margin:0 auto; padding:0 8px; width:100%; max-width:var(--content-width);}

/* --- Common other --- */
*, *::before, *::after {box-sizing:border-box;}
Body, H1, H2, H3, H4, P, LI, Figure, Figcaption, Blockquote, DL, DD {margin:0;}
Menu, UL, OL {list-style:none; margin:0; padding:0;}
Img {display:block;}
Input, Button, Textarea, Select {font:inherit;}
Table {table-layout:fixed;}
.fm, .fmr {position:relative; float:left; margin:0; padding:0;}
.fmr {float:right;}

/* --- Common Link --- */
A.link {color:var(--text); text-decoration:none; transition:.3s;}
A.link:hover {color:var(--main-color);}
A.link.invert {color:var(--main-color); text-decoration:none; transition:.3s;}
A.link.invert:hover {color:var(--sub-color);}

/* --- Dropdown --- */
.dropdown {width:228px; height:42px; background:var(--white); border:1px solid var(--border-color); position:relative;}
    .dropdown .overflow {width:226px; height:42px; overflow:hidden; position:relative;}
        .dropdown Span {font:300 15px/18px 'Roboto'; position:absolute; top:0; left:0; cursor:pointer; width:800px; height:42px; padding:11px 0 0 8px; overflow:hidden; z-index:2;}
        .dropdown B {top:0; right:0; width:40px; height:40px; background:var(--gray-opacity); border-left:1px solid var(--border-color); position:absolute; display:flex;
                     align-items:center; justify-content:center; z-index:3;}
            .dropdown B:after {content:''; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:var(--gray-light) transparent transparent transparent;}
    .dropdown UL {position:absolute; width:calc(100% + 2px); left:-1px; top:41px; background:var(--white); border:1px solid var(--border-color); z-index:4; margin:0; border-top:none; display:none;
                  overflow:auto;}
        .dropdown UL LI A {width:100%; text-decoration:none; color:var(--text); font:300 14px/18px 'Roboto'; padding:6px 16px; transition:.3s; display:flex;}
        .dropdown UL LI A:hover {background:var(--gray-light); color:var(--white);}
        .dropdown UL LI A.selected {display:none;}

/* --- Article Preview --- */
.article_place {width:100%; margin:0 0 36px 0;}
    Article {width:100%;}
        Article Header {width:100%; position:relative;}
            Article Header H1, Article Header H2, Article .article_text H1, Article .article_text H2, Article .article_text H3, .faild, .all_right {
            width:100%; margin:0 0 22px; padding:0; font:300 32px/1.2 'Roboto'; color:var(--text); text-transform:uppercase; text-align:center;}
            Article .article_text H1, Article .article_text H2, Article .article_text H3 {width:100%;}
            Article .article_text H2 {font:700 22px/1.2 'Roboto'; text-transform:none; text-align:left; margin:0 0 8px 0;}
            Article .article_text H3 {font:700 18px/1.2 'Roboto';}
            Article .article_text {width:100%;}
                Article .article_text A {text-decoration:underline; color:var(--link); transition:.3s;}
                Article .article_text A:hover {text-decoration:none;}
                Article .article_text P {padding:0 0 16px 0; margin:0;}
                Article .article_text UL {width:100%; padding:0 0 16px 32px; margin:0; list-style:disc;}
                Article .article_text OL {width:100%; padding:0 0 16px 32px; margin:0;}
                Article .article_text Blockquote {margin:12px 12px 12px 18px; border-left:6px solid var(--border-color); padding:0 0 4px 10px; font-style:italic;}
                Article .article_text Table {max-width:100%;}
                Article .article_text Img {display:initial; max-width:100%;}
                .article_open {width:100%;}
                .article_close {width:100%; display:none;}
                .read_more_wrapper {padding:0 28px 0 0; clear:both; display:none;}
                .article_close + .read_more_wrapper {display:block;}
                    .read_more_wrapper:after {content:''; display:table; clear:both;}
                Article .article_text A.read_more, Article .article_text A.read_less {font-size:0; transition:.3s;}
                    Article .article_text A.read_more:after, Article .article_text A.read_less:after
                    {content:''; width:21px; height:14px; background: url("../images/spritesheet.png") no-repeat -1px -81px; display:inline-block;}
                    Article .article_text A.read_less {transform:rotateX(180deg);}
                    Article .article_text A.read_more:hover, Article .article_text A.read_less:hover {text-decoration:none;}

/* --- Input & Textarea - Common styles --- */
Input, Select {height:40px; border:1px solid var(--border-color); padding:0 8px; outline:none; font:300 15px 'Roboto'; color:var(--text);}
Input[type=text], Input[type=password], Input[type=email], Input[type=tel], Input[type=number], Input[type=search], Textarea, Select {border:1px solid var(--border-color); transition:border .3s;}
Input[type=text].error, Input[type=password].error, Input[type=email].error, Input[type=tel].error, Input[type=number].error, Input[type=search].error, Textarea.error
{border:1px solid var(--error) !important;}
.password_box Input[type=password].error, .password_box Input[type="text"].error {background:none;}
Input[type=text]:focus, Input[type=password]:focus, Input[type=email]:focus, Input[type=tel]:focus, Input[type=number]:focus, Input[type=search]:focus, Textarea:focus, Select:focus
{border-color:var(--main-color) !important; outline:0; outline-offset:0;}
Input[type=text]:disabled, Input[type=tel]:disabled {background:var(--border-color); pointer-events:none;}
Textarea {padding:6px 8px; resize:vertical; outline:none; width: 100%; min-height:120px; max-height:400px; font:300 15px 'Roboto'; color:var(--text);}
Select {background-color:var(--white); cursor:pointer; padding-right:32px; appearance:none;}

Label {font:400 15px/1.2 'Roboto'; margin:0 0 6px 0;}

/* --- Rows & Hidden - Common styles --- */
.hidden, .od_input.hidden, .wod.hidden, .long_div.hidden {display:none;}
.long_div {display:flex; flex-direction:column; width:100%; margin:0 0 16px 0; position:relative;}

.common_tit {display:flex; flex-wrap:wrap; width:100%; margin:0 0 16px 0; color:var(--main-color); font:500 20px/1.2 'Roboto'; text-transform:uppercase;}
    .sub_title {display:flex; margin:0 0 16px 0; font:500 16px/1.2 'Roboto';}
.common_tit.gray {background:linear-gradient(to bottom,rgba(240,240,240,1) 0%,rgba(230,230,230,1) 100%); color:var(--gray);}
    .common_tit.gray .centre {padding:12px 8px;}

svg.icon {width:24px; height:24px; fill:var(--main-color); transition:.3s;}
svg.icon.margin {margin:0 6px 0 0;}
svg.icon.margin_left {margin:0 0 0 6px;}
svg.icon.margin.big {margin:0 12px 0 0;}

.common_but {display:flex; align-items:center; justify-content:center; min-height:40px; width:max-content; background:var(--btn-bg); padding:0 8px; text-decoration:none; font-size:16px;
             color:var(--text-inverse); border:2px solid var(--btn-bg); text-align:center; cursor:pointer; position:relative; transition:.3s; font-family:'Roboto';}
.common_but:hover, .common_but.active {background:var(--btn-bg-hover); border-color:var(--main-color); color:var(--main-color);}
.common_but.invert {background:var(--btn-bg-hover); border-color:var(--main-color); color:var(--main-color);}
.common_but.invert:hover {background:var(--btn-bg); border-color:var(--btn-bg); color:var(--text-inverse);}
.common_but.invert.white {background:none; border-color:var(--white); color:var(--white); font-weight:300; font-family:'Roboto';}
.common_but.invert.white:hover {background:var(--btn-bg); border-color:var(--btn-bg); color:var(--white);}
.common_but.upper {text-transform:uppercase;}
.common_but.big {min-height:46px; padding:0 16px; font-size:20px;}
    .common_but .icon {fill:var(--white);}
    .common_but:hover .icon {fill:var(--main-color);}

/* --- Main HEADER --- */
.header {display:flex; flex-direction:column; margin:0 0 16px 0; transition:.3s;}
    .for_top_menu {display:flex; border-bottom:1px solid var(--border-color); transition:.3s;}
    .for_top_menu .centre {display:flex; flex-wrap:wrap; margin:8px auto; justify-content:space-between;}
        .top_menu {display:flex; flex-wrap:wrap; width:100%;}
        .header-lang {display:flex; margin:0 16px 0 0; width:auto;}
            .header-lang A {height:30px; color:var(--text); text-decoration:none; padding:0 4px; display:flex; border:1px solid var(--white); margin:0 8px 0 0; align-items:center; transition:.3s;}
            .header-lang A:last-child {margin:0;}
            .header-lang A:hover, .header-lang A.active {border-color:var(--main-color);}
        .for_mini_cart {display:flex; align-items:center;}
            .mc_empty, A.mc_with_items {display:flex; align-items:center; text-decoration:none; color:var(--text); transition:.3s;}
        .for_login {display:flex; width:100%; justify-content:center; margin:8px 0;}
            .for_login A {text-decoration:none; color:var(--text); font-size:14px; display:flex; min-height:30px; align-items:center; padding:0 12px; transition:.3s;}
            .for_login A:hover {color:var(--sub-color);}
            .for_login A:first-child {border-right:1px solid var(--border-color);}
                .for_login A svg.icon {fill:var(--text);}
                .for_login A:hover svg.icon {fill:var(--sub-color);}

    .main_part {display:flex; border-bottom:1px solid var(--border-color); transition:.3s; top:0; position:relative;}
    .main_part .centre {display:flex; flex-direction:column; margin:8px auto; transition:.3s;}
        .for_logo {display:flex; max-height:130px; padding:8px 0 16px 0; justify-content:center; order:1;}
            .for_logo A {display:flex; justify-content:center;}
                .for_logo Img {max-height:100%; width:auto; transition:.3s;}
        .phone_container {order:2; display:flex; flex-direction:column; margin:0 0 16px 0; transition:.3s; opacity:1; visibility:visible; height:auto;}
            .phone_container_title {display:flex; justify-content:center; margin:0 0 4px 0;}
            .phone_container .address {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
                .phone_container .address .icon {width:42px; height:42px; fill:var(--gray-light); flex-shrink:0;}
                .phone_container .phones {display:flex; flex-direction:column; margin:0 0 4px 0; align-items:center;}
                    .phone_container .phones A {text-decoration:none; font:900 18px/1.4 Arial; color:var(--main-color); transition:.3s; margin:0 0 0 16px;}
                    .phone_container .phones A:hover {color:var(--sub-color);}
            .phone_container .for_order_call {display:flex; width:100%; justify-content:center; position:relative;}
                .standart_form {position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); background:var(--white); width:300px; padding:32px 16px; z-index:10;
                                box-shadow:0 0 20px rgba(0,0,0,.25);}
                    .sf_title, .cart_window .standart_form .sf_title {display:flex; font-weight:700; font-size:20px; color:var(--main-color); text-transform:uppercase; margin:0 0 16px 0; padding:0;
                                                                      justify-content:center;}
                    .standart_form A.common_but {text-transform:uppercase; width:100%;}
                    A.sf_close {position:absolute; top:12px; right:12px; width:16px; height:16px; z-index:1; transform:rotate(0deg); transition:.3s;}
                    A.sf_close:hover {transform:rotate(90deg);}
                        A.sf_close::before, A.sf_close::after {content:''; position:absolute; width:1px; height:14px; background:var(--error); transform:rotate(45deg); top:1px; left:7px;}
                        A.sf_close::after {transform:rotate(-45deg);}
        .for_search {order:3; display:flex; position:relative;}
        .for_search Form {display:flex; width:100%;}
            .for_search Input {width:100%; height:42px; background:var(--gray-opacity); padding:0 16px; transition:.3s; border-radius:3px 0 0 3px; border:1px solid var(--border-color);
                               border-right:none;}
            .for_search Input:focus {background:var(--white); box-shadow:inset 1px 2px 8px rgba(0,0,0,.1); border-color:var(--border-color) !important;}
            A.search_but {display:flex; justify-content:center; align-items:center; width:42px; height:42px; border:1px solid var(--border-color); border-radius:0 3px 3px 0; position:relative;
                          background:var(--main-color);}
                A.search_but::before {background:linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(235,235,235,1) 100%); content:''; width:100%; height:100%; position:absolute; top:0; left:0;
                                      opacity:1; transition:.3s;}
                A.search_but:hover::before {opacity:0;}
                A.search_but .icon {z-index:1; fill:var(--gray); transition:.3s;}
                A.search_but:hover .icon {fill:var(--white);}
        .search_variants {position:absolute; left:0; top:calc(100% + 8px); width:100%; z-index:9; border:1px solid var(--border-color); border-radius:3px; display:none; overflow:auto; max-height:400px;
                          background:var(--white);}
            .for_search .search_variants UL LI A {display:flex; width:100%; text-decoration:none; transition:.3s; padding:1px; align-items:center;color:var(--text);}
            .for_search .search_variants UL LI A:hover {background:var(--gray-opacity); color:var(--main-color);}
                .search_variants UL LI A Img {max-width:74px; max-height:74px; margin:0 16px 0 0;}
            .for_search .search_variants UL LI A.all_results {justify-content:center; padding:8px; text-transform:capitalize;}

/* --- Click path --- */
.clickpath_place {width:100%; margin:8px 0 24px 0;}
    .clickpath_place .clickpath {display:flex; flex-wrap:wrap; align-items:center;}
        .clickpath_item {display:flex;}
            .clickpath A, .clickpath .clickpath_item span {text-decoration:none; color:var(--text); transition:.3s; display:flex;}
            .clickpath A:hover {color:var(--main-color);}
            .clickpath A:first-child {font-size:0;}
                .clickpath .icon {width:22px; height:22px; fill:var(--text);}
                .clickpath A:hover .icon {fill:var(--main-color);}
                .clickpath B {font-size:12px; line-height:1.4; padding:0 16px; display:flex;}

/* --- CART --- */
.mc_window {display:none;}
.cart_window {position:fixed; inset:0; overflow-y:auto;	justify-content:center;	align-items:flex-start; padding:32px 0; z-index:9; display:none;}
.cart_window.active {display:flex;}
    .cart_modal {width:100%; background:var(--white); position:relative;}
        .cart_window .sf_title {padding:16px; font:500 20px/1.2 'Roboto'; margin:0; height:56px;}
        .vrt_c {display:flex; width:100%; flex-direction:column; height:100%;}
            .cart_left, .cart_right {display:flex; flex-direction:column; margin:0 0 32px 0; padding:0 16px;}
                .sf_small_title {display:flex; margin:0 0 16px 0; position:relative;}
                    .for_login_here {font:300 14px/20px 'Roboto';}
                    .sf_small_title .standart_form {top:32px; bottom:auto;}
                .order_details {display:flex; flex-direction:column;}
                    .od_dropdown .dropdown {margin:0 0 8px 0;}
                    .od_dropdown .dropdown, .od_dropdown .dropdown .overflow, .od_dropdown .dropdown Span, .order_details .od_input .dropdown .overflow {width:100%;}
                        .od_dropdown .dropdown Span {text-wrap:nowrap; overflow:hidden;}
                            .od_dropdown .dropdown Span B {right:0;}
                    .od_input {width:100%; display:flex; margin:0 0 8px 0; position:relative;}
                        .od_input Input, .od_input Select {width:100%;}
                        .autocomplete-suggestions {background:var(--white); border:1px solid var(--border-color); border-top:none; top:100%; left:0; overflow:auto;}
                        .autocomplete-suggestion {padding:8px 16px; color:var(--text); font:300 14px/1.2 'Roboto'; cursor:pointer; transition:.3s;}
                        .autocomplete-suggestion:hover {background:var(--gray-light); color:var(--white);}
                    .order_details .od_input .dropdown {width:100%; border:none;}
                        .order_details .od_input .dropdown B {display:none;}
                .box_c {display:flex; flex-direction:column; align-items:center;}
                    .box_c A.cart_close_link {order:2;}
                    .box_c A.cart_send {order:1; margin:8px 0 16px 0; width:100%;}
                    .wod {font:300 14px/1 'Roboto'; color:var(--error); display:flex; justify-content:center; padding:8px;}
        .cart_right {margin:0; padding:16px; background:var(--border-color);}
            .cart-contacts {display:none;}
            .mc_place {display:flex; flex-direction:column;}
                .one_ct_good {display:flex; margin:0 0 16px 0; padding:0 0 16px 0; border-bottom:1px dashed var(--text); position:relative;}
                    .mw_photo A {display:flex; justify-content:center; align-items:center; width:94px; height:94px; margin:0 16px 0 0; border:1px solid var(--gray-light);}
                        .mw_photo A Img {width:100%; height:auto; aspect-ratio:1/1; object-fit:contain;}
                    .right_box_cart {display:flex; flex-direction:column;}
                        .mw_name {display:flex; width:100%; margin:0 0 8px 0; padding:0 22px 0 0;}
                            .mw_name A {color:var(--black); text-decoration:none; transition:.3s; font:900 14px/1.2 'Roboto';}
                            .mw_name A:hover {color:var(--sub-color);}
                        .cart_total {display:flex; margin:0 0 8px 0; align-items:center;}
                            .title_cart_total, .bottom_block .title {margin:0 10px 0 0; font:14px/1.2 'Roboto';}
                            A.ct_minus, A.ct_plus {width:34px; height:34px; display:flex; justify-content:center; align-items:center; border:1px solid var(--gray-opacity); transition:.3s; margin:0 6px;
                                                   text-decoration:none; color:var(--gray-light); font:900 20px/1.2 'Roboto';}
                            A.ct_minus:hover, A.ct_plus:hover {color:var(--main-color); border-color:var(--main-color);}
                            .cart_total Input {height:34px; width:50px; border-color:var(--gray-light); text-align:center;}
                        .cart_cost {display:flex;}
                        .one_ct_good .ct_delete {position:absolute; top:0; right:0;}
                            .one_ct_good .ct_delete .icon {fill:var(--error); width:20px; height:20px;}
        .bottom_block .mw_total {display:flex; align-items:center; justify-content:space-between;}
            .bottom_block .title {margin:0 16px 0 0; font-size:16px;}

/* --- Success Page --- */
.order_place {display:flex; margin:0 0 32px 0;}

.content {display:flex; width:100%;}
    .main_col {display:flex; flex-direction:column; width:100%;}

/* --- Catalog Categories --- */
.catalog_place {display:flex; margin:0 0 32px 0;}
    .categories {display:flex; width:100%; flex-wrap:wrap;}
        .categories .one_cat {width:50%; position:relative; margin:0 0 1px 0; min-height:220px; overflow:hidden; aspect-ratio:16/6;}
        .categories .one_cat:nth-child(odd) {width:calc(50% - 1px); margin:0 1px 1px 0; position:relative;}
            .one_cat:before {content:''; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.4); transition:.3s; width:100%; height:100%;}
                .one_cat-image {width:auto; height:auto; max-height:100%; max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1); z-index:-1;}
                .one_cat .info {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}
                    .one_cat .info .title {font-weight:bold; font-size:14px; color:var(--white); text-transform:uppercase; padding:0 8px 16px 8px; text-align:center;}


/* --- Product - One Item --- */
.one_good {border:1px solid var(--border-color); width:calc(50% - 16px); margin:0 0 16px 16px; display:flex; flex-direction:column;}
    .og_photo {display:flex; border-bottom:1px solid var(--border-color); position:relative;}
        .og_photo A {display:flex; width:100%; height:auto; aspect-ratio:1/1; justify-content:center; align-items:center;}
            .og_photo Img {width:100%; height:auto; object-fit:contain;}
    .og_info {display:flex; flex-direction:column; padding:8px;}
        .og_name {display:flex; margin:0 0 8px 0; overflow:hidden; height:35px;}
            .og_name A {color:var(--black); text-decoration:none; transition:.3s; font:900 14px/1.2 'Roboto';}
            .one_good:hover .og_name A {color:var(--sub-color);}
        .og_code {display:flex; margin:0 0 16px 0; font-size:14px;}
        .og_price {font:300 16px/1.2 'Roboto'; margin:0 0 16px 0; display:flex; align-items:baseline;}
            .og_price .now_price, .bottom_block .total_price, .ct_sum, .ordt_row .price {font:500 20px/1.2 'Roboto Slab'; margin:0 16px 0 0; color:var(--main-color);}
                .og_price .now_price Small, .bottom_block .total_price Samll, ct_sum Small, .ordt_row .price Small {margin:0 0 0 4px; font:300 16px/1.2 'Roboto Slab'; color:var(--main-color);}
            .og_price .old_price {font:500 16px/1.2 'Roboto Slab'; color:var(--text); text-decoration:line-through;}
                .og_price .old_price Small {margin:0 0 0 4px; font:300 14px/1.2 'Roboto Slab'; color:var(--text);}
        .og_price.currency {display:none;}
        .og_info .for_buts {display:flex;}
            .og_info .common_but {width:100%;}
    .ribbon {position:absolute; top:12px; left:12px; padding:6px; display:flex; font:700 14px/1.2 'Roboto'; color:var(--white);}
    .ribbon.new {background:#03a9f4;}
    .ribbon.promo {background:#e53935;}
    .ribbon.hit {background:#ff3d00;}
    .ribbon.discount {background:#00e676;}

/* --- CATALOG list --- */
.all_catalog {display:flex;}
    .filter_box {display:none;}
    .catalog_box {display:flex; flex-direction:column; width:100%;}
        .catalog_head {display:flex; flex-direction:column; margin:0 0 32px 0; align-items:center;}
            .ch_tit_place {margin:0 0 8px 0; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center;}
                .ch_tit_place H1 {color:var(--main-color); font:700 33px/1.2 'Roboto'; margin:0; padding:0 16px 0 0; width:auto; text-align:center;}
                    .ch_tit_place Span {color:var(--text); font:300 15px/20px 'Roboto';}
        .products_list {display:flex; flex-wrap:wrap; width:calc(100% + 16px); margin:0 0 0 -16px;}

/* --- PRODUCT Page - Details --- */
.details {display:flex;}
    .details_box, .dt_top_tit, .dt_photos, .dt_top {display:flex; flex-direction:column; position:relative;}
        .dt_top_tit {width:100%; margin:0 0 16px 0;}
        .dt_top_tit.desktop {display:none;}
            .dt_top_tit H1 {color:var(--gray); font:900 22px/1.2 'Roboto'; margin:0 0 4px 0;}
            .dt_top_tit .dt_cod {font-size:14px;}
        .dt_photos {margin:0 0 32px 0;}
            .main_photo {display:flex; border:1px solid var(--border-color);}
                .main_photo LI {width:100%; height:auto; aspect-ratio:1/1; display:flex; justify-content:center; align-items:center;}
                    .main_photo LI Img {width:100%; height:auto; object-fit:contain;}
                    .slick-arrow {position:absolute; top:50%; left:8px; transform:translateY(-50%); width:32px; height:32px; background:var(--main-color); z-index:1; border:none; font-size:0;
                                  cursor:pointer; transition:.3s;}
                    .slick-arrow.slick-next {left:auto; right:16px;}
                    .slick-arrow.slick-disabled {opacity:.4;}
                        .slick-arrow::before, .slick-arrow::after {content:''; position:absolute; width:3px; border-radius:2px; height:16px; background:var(--white); transform:rotate(45deg);
                                                                   top:3px; left:13px;}
                        .slick-arrow::after {transform:rotate(-45deg); top:13px;}
                        .slick-arrow.slick-next::before {transform:rotate(-45deg); left:auto; right:13px;}
                        .slick-arrow.slick-next::after {transform:rotate(45deg); left:auto; right:13px;}
            .small_photos {display:flex; flex-wrap:wrap; position:absolute; bottom:0; left:0; padding:16px; width:100%; justify-content:center;}
                .small_photos .gallery-item {width:8px; height:8px; border-radius:50%; background:var(--text); box-shadow:0 0 3px var(--white); margin:0 4px;}
                .small_photos .gallery-item.slick-current {background:var(--main-color);}
                    .small_photos .gallery-item Img {display:none;}
        .dt_top {margin:0 0 32px 0;}
            .det_price {display:flex; flex-direction:column; margin:0 0 32px 0;}
                .option_price {display:flex; align-items:center; justify-content:space-between;}
                    .price_box {display:flex; flex-direction:column;}
                        .price_box .og_price {flex-direction:column; margin:0;}
                            .price_box .og_price .now_price {margin:0 0 4px 0;}
        .presence {display:flex; width:100%; margin:0 0 16px 0; color:var(--error);}
        .dt_top_description {display:flex; width:100%; margin:0 0 32px 0;}
    /* --- Zoom window --- */
    .zoom_window {position:fixed; top:50%; left:50%; width:100%; height:auto; max-height:calc(100% - 10%); transform:translate(-50%, -50%); background:var(--white); z-index:9; display:none;}
        .zoom_box {display:flex; flex-direction:column; width:100%; height:100%; position:relative; padding:36px 0 0 0;}
            .zoom_top {display:flex; flex-wrap:wrap; position:absolute; bottom:0; left:0; width:100%; min-height:16px; justify-content:center; z-index:1; align-items:center;}
                .zoom_top .slick-track {display:flex; align-items:center;}
                    .zoom_top LI {width:8px; height:8px; border-radius:50%; background:var(--text); box-shadow:0 0 3px var(--white); margin:0 4px; transition:.3s;}
                    .zoom_top LI.slick-current {background:var(--main-color); height:16px; width:16px;}
                        .zoom_top LI Img {display:none;}
            .for_zoom {display:flex; margin:0 0 16px 0; height:auto; min-height:388px; width:100%; position:relative; overflow:hidden;}
                .zoom_place {display:flex; width:calc(100% - 16px); height:auto; justify-content:center; align-items:center; margin:8px; padding:8px; border:1px solid var(--border-color);}
                    .zoom_place .slick-list {max-height:100%; display:flex;}
                        .zoom_place .slick-track {display:flex;}
                            .zoom_place LI.slick-slide {width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
                                .zoom_place LI Img {width:100%; height:100%; aspect-ratio:1/1; object-fit:contain; display:block;}
            .zoom_price {display:flex; padding:0 0 32px 0; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0;}
                .zoom_price .og_price {margin:0 24px 0 0; flex-direction:column;}
                .zoom_price .common_but .icon {fill:var(--white);}
                .zoom_price .common_but:hover .icon {fill:var(--main-color);}
    /* --- Tabs --- */
    .det_all {display:flex; flex-direction:column; margin:0 0 32px 0;}
    .det_all .tabs_box, .sw_links {position:sticky; top:0; background:linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(230,230,230,1) 100%); margin:0 0 32px 0; z-index:1;}
        .det_all UL.tabs, .sw_links UL {display:flex; overflow:auto; width:100%;}
            .det_all UL.tabs LI, .sw_links LI {border-right:1px solid var(--white);}
            .det_all UL.tabs LI:last-child, .sw_links LI:last-child {border:none;}
                .det_all UL.tabs A, .sw_links A {display:flex; align-items:center; color:var(--gray); padding:0 16px; text-decoration:none; text-shadow:1px 1px 0 var(--white); transition:.3s;
                                                 text-transform:uppercase; font:900 16px/1.2 'Roboto'; height:42px; position:relative;}
                .det_all UL.tabs A:hover, .det_all UL.tabs A.active, .sw_links A.active, .sw_links A:hover {background:var(--main-color); color:var(--white); text-shadow:none;}
    .det_all_box {display:flex; flex-direction:column;}
        .det_all_box Section {display:flex; margin:0 0 32px 0;}

        .photos_tab {display:flex; flex-wrap:wrap; width:calc(100% + 8px); margin:0 0 0 -8px;}
            .photos_tab A {width:calc(50% - 8px); margin:0 0 8px 8px; border:1px solid var(--border-color); padding:8px; transition:.3s;}
            .photos_tab A:hover {border-color:var(--main-color);}
                .photos_tab A Img {width:100%; height:auto; aspect-ratio:1/1; object-fit:contain;}

        .det_reviews .centre {display:flex; flex-direction:column;}
            .dc_all {display:flex; flex-direction:column; margin:0 0 16px 0;}
                .no_reviews {display:flex; margin:64px 0; align-items:center;}
                .is_login .no_reviews {margin:32px 0;}
                    .no_reviews .icon {width:48px; height:48px; fill:var(--text);}
                .dc_write {display:flex; flex-direction:column;}
                    .dcw_title {display:flex; margin:0 0 16px 0; color:var(--main-color); font:500 16px/1.2 'Roboto';}
                    .dcw_enter Form {display:flex; flex-direction:column;}
                        .dcw_enter .dc_box {display:flex; flex-direction:column;}
                            .raty_box {display:flex; margin:16px 0 0 0; align-items:center;}
                                .raty_box Label {margin:0 16px 0 0;}
                                .raty_active, .raty {display:flex; align-items:center;}
                                    .raty_active Img, .raty Img {display:flex; width:16px; height:15px;}
                            .dcw_enter .dc_box A.common_but {margin:16px 0 0 0;}
                .dc_one, .dc_one_write {display:flex; flex-direction:column; margin:0 0 16px 0;}
                    .dc_title, .com_title {display:flex; margin:0 0 8px 0; align-items:center;}
                        .dc_title Span, .com_title Span {color:var(--gray); font-size:18px; margin:0 16px 0 0;}
                        .dc_title Span.date_user_rev, .com_title Span.date_user_rev {font-size:14px; color:var(--text);}
                    .dc_content, .com_text {display:flex; font:400 16px/1.2 'Roboto';}
                        .dc_txt {display:flex; width:100%;}
                .dc_comment {width:90%; margin:0 0 0 10%; padding:16px; border-top:1px solid var(--border-color); background:var(--gray-opacity); position:relative;}
                    .dc_comment::before {content:''; position:absolute; top:-7px; left:32px; width:14px; height:14px; border-top:1px solid var(--border-color); border-left:1px solid var(--border-color);
                                         background:var(--gray-opacity); transform:rotate(45deg);}

        .payment-table {display:flex; flex-wrap:wrap; width:100%;}
            .payment-table__col {text-align:center; width:100%; margin:0 0 32px 0; border:1px solid var(--border-color);}
            .payment-table__col:last-child {margin:0;}
                .payment-table__figure {border-bottom:1px solid var(--border-color); min-height:88px; padding:16px 0; display:flex; align-items:center; justify-content:center;}
                .payment-table__title {text-transform:uppercase; margin-bottom:8px;}
                .payment-table__desc {padding:16px 8px; line-height:1.6;}
                .payment-table__col + .payment-table__col {border-left:1px solid var(--border-color);}

    .you_saw {display:flex; flex-direction:column; margin:0 0 32px 0;}
        .catalog {display:flex; flex-wrap:wrap;}

/* --- Login page --- */
.login_place, .login_forgot {width:100%; margin:0 0 32px 0;}
    .login_or_reg, .lor_col, .lor_box Form {display:flex; flex-direction:column;}
        .lor_box {margin:0 0 32px 0;}
            .lor_box .for_buts {display:flex; align-items:center; justify-content:space-between;}
                A.remind_me {font-size:13px;}
                .lor_box.text A {margin:8px 0 0 0;}
            .for_capcha {position:relative;}
                .for_capcha .reload {position:absolute; top:2px; right:2px; z-index:1;}
    .faild, .all_right {margin:16px 0; width:auto; padding:24px 0 24px 80px; background:url(../images/sprite.png) no-repeat;}
    .faild {background-position:0 -615px;}
    .all_right {background-position:-934px -615px;}

/* --- Search --- */
.search {display:flex; margin:0 0 32px 0;}
    .ser_prev {display:flex; flex-wrap:wrap; margin:0 0 32px 0;}
        .one_part {display:flex; margin:0 16px 0 0; align-items:center;}
            .one_part Label {margin:0 6px 0 0;}
            .one_part A {color:var(--sub-color); transition:.3s;}
            .one_part A:hover {color:var(--main-color);}

    Div.paginator {display:flex; flex-wrap:wrap; justify-content:center; margin:32px 0;}
        .paginator Strong, .paginator A {display:flex; justify-content:center; align-items:center; width:32px; height:32px; margin:0 4px; border:1px solid var(--border-color); color:var(--text);
                                         text-decoration:none; font-size:16px; transition:.3s; position:relative;}
        .paginator A:hover {border-color:var(--main-color); color:var(--main-color);}
        .paginator Strong {font-weight:900; color:var(--white); background:var(--main-color);}
        .paginator A.pag_left, .paginator A.pag_right {border:none;}
        .paginator A.pag_left::before, .paginator A.pag_right::before, .paginator A.pag_left::after, .paginator A.pag_right::after
        {content:''; position:absolute; top:11px; left:10px; width:12px; height:2px; border-radius:2px; background:var(--text); transition:.3s; transform:rotate(-45deg);}
        .paginator A.pag_left::after, .paginator A.pag_right::after {transform:rotate(45deg); top:19px;}
        .paginator A.pag_right::before {transform:rotate(45deg);}
        .paginator A.pag_right::after {transform:rotate(-45deg);}
        .paginator A:hover::before, .paginator A:hover::after {background:var(--main-color);}

/* --- User Account --- */
.user_page_place {margin:0 0 32px 0; display:flex;}
    .user_page {display:flex; flex-direction:column;}

    .mup_table {display:flex; width:100%; flex-direction:column;}
        .mup_table .mup_tab_th {display:flex; background:var(--footer-bg); color:var(--white);}
            .mtt_cell {display:flex; flex-shrink:0; padding:8px; position:relative;}
                .mtt_cell::before {content:''; position:absolute; width:1px; height:20px; background:var(--gray-light); top:7px; right:0;}
                .mtt_cell:last-child::before, .mtt_cell:nth-child(2)::before {display:none;}
            .w_143 {min-width:143px;}
            .mup_tab_th .w_316 {display:none;}

        .mtt_big_row {display:flex; flex-direction:column; background:var(--gray-opacity); margin:0 0 2px 0; transition:.3s;}
        .mtt_big_row:hover {background:var(--border-color);}
            .mup_tab_td {display:flex; flex-wrap:wrap;}
                .mup_tab_td .mtt_cell::before, .mup_tab_td .mtt_cell:nth-child(2)::before {display:none;}
        .mtt_details.close {display:none;}
        .mtt_details {display:flex; flex-direction:column; padding:8px;}
            .mtd_right {display:flex; flex-direction:column; margin:0 0 16px 0;}
                .one_meth {display:flex; justify-content:space-between; margin:0 0 8px 0;}
            .mtd_left {display:flex; flex-direction:column;}
                .one_order {display:flex; margin:0 0 8px 0; padding:8px 0; background:var(--white);}
                    .order_num {display:flex; justify-content:flex-start; align-items:flex-start; padding:0 16px 0 8px; font:300 22px/1.2 'Roboto';}
                    .order_rest {display:flex; flex-direction:column;}
                        .order_rest A {color:var(--black); text-decoration:none; transition:.3s; font:900 14px/1.2 'Roboto';}
                        .order_rest A:hover {color:var(--sub-color);}
                    .order_price {display:flex; flex-direction:column; margin:8px 0; color:var(--gray);}
                    .order_rest .og_code {margin:0;}
        .ord_total {display:flex; justify-content:space-between; align-items:center;}
            .ord_total Strong {margin:0 16px 0 0;}
            .ordt_row .price {margin:0 0 0 16px;}

/* --- Contact Us - Feedback --- */
.feedback_place {display:flex; margin:0 0 32px 0;}
    .feedback_place Input {max-width:600px;}

/* Page 404 */


/* --- Google Map --- */
.google_map {display:flex; flex-direction:column; margin-bottom:32px;}
    .google_map Iframe, .google_map .map_area {width:100%; height:400px;}

/* --- Main FOOTER --- */
Footer {display:flex; flex-direction:column;}
    .for_main_menu {display:flex; background:linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(230,230,230,1) 100%); padding:8px 0;}
    .for_main_menu .centre {justify-content:center; position:relative; display:flex;}
        .for_main_menu Nav.main_menu {display:none;}
        .cd-dropdown-wrapper {display:flex; width:32px; height:32px; border-radius:50%; border:3px solid var(--main-color); position:relative;}
            .cd-dropdown-wrapper::after, .cd-dropdown-wrapper::before, .cd-dropdown-trigger::before
            {content:''; position:absolute; top:50%; left:3px; transform:translateY(-50%); width:5px; height:5px; background:var(--main-color); border-radius:50%;}
            .cd-dropdown-wrapper::before {left:11px;}
            .cd-dropdown-trigger {width:100%; height:100%; z-index:1;}
                .cd-dropdown-trigger::before {left:19px;}
    .main_foot {border-top:5px solid var(--main-color); background:var(--footer-bg); padding:24px 0;}
    .main_foot .centre {display:flex; flex-direction:column;}
        .nav-footer UL {display:flex; flex-direction:column; align-items:center;}
            .nav-footer UL LI {padding:0 0 6px 0; text-align:center;}
                .nav-footer UL A {text-decoration:none; color:var(--white); font-size:14px; transition:.3s;}
                .nav-footer UL A:hover, .nav-footer UL A.active {color:var(--main-color);}
        .main_foot .phone_container {margin:16px 0 0;}
        .main_foot Address {font-style:normal; margin:0 0 8px 0; color:var(--white); display:flex; justify-content:center; width:100%;}
    .bottom_foot {display:flex; background:var(--gray-light); color:var(--white); font-size:13px;}
        .bottom_foot .centre {display:flex; flex-direction:column; align-items:center; padding:8px;}
        .sufix {margin:4px 0 0 0;}
            .sufix A {color:var(--white); text-decoration:none;}
            .sufix A:hover {text-decoration:underline;}


/* --- Page UP - button --- */
.page_up {width:48px; height:48px; position:fixed; right:32px; bottom:40px; background:var(--main-color); color:transparent; text-decoration:none; opacity:1; z-index:1; transition:.3s;}
.page_up.hidden {right:-50px; display:block; opacity:0;}
.page_up:hover {background-color:var(--sub-color);}
    .page_up::after {content:''; position:absolute; width:22px; height:22px; border:3px solid var(--white); transform:rotate(45deg); border-right:none; border-bottom:none; left:13px; top:18px;}

/* --- Adaptive menu --- */
.cd-dropdown {position:fixed; z-index:200; top:0; left:0; width:100%; height:100%; visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden;
		          transform:translateZ(0) translateY(-100%); transition:transform .5s 0s, visibility 0s .5s; background:var(--footer-bg);}
		.cd-dropdown .cd-close {position:absolute; z-index:1; right:0; top:0; height:50px; width:50px; transition:.3s;}
			.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before
			{content:''; position:absolute; left:50%; top:50%; bottom:auto; right:auto; transform:translateX(-50%) translateY(-50%); height:20px; width:2px; background:var(--white); transition:.3s;}
			.cd-dropdown .cd-close::after {transform:translateX(-50%) translateY(-50%) rotate(45deg);}
			.cd-dropdown .cd-close:hover::after {transform:translateX(-50%) translateY(-50%) rotate(45deg); transition:.3s;}
			.cd-dropdown .cd-close::before {transform:translateX(-50%) translateY(-50%) rotate(-45deg);}
			.cd-dropdown .cd-close:hover::before {transform:translateX(-50%) translateY(-50%) rotate(-45deg); transition:.3s;}
	.cd-dropdown.dropdown-is-active {visibility:visible; transform:translateY(0); transition:transform .5s 0s, visibility 0s 0s;}
		.cd-dropdown-content, .cd-dropdown-content UL {position:absolute; top:0; left:0; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; transition:transform .3s; padding-top:50px;}
			.cd-dropdown-content A, .cd-dropdown-content UL A {display:block; text-align:left; padding:12px 5%; text-decoration:none;}
			.cd-dropdown-content LI:last-of-type > A, .cd-dropdown-content UL LI:last-of-type > A {border-bottom:none;}
			.cd-dropdown-content .cd-divider + LI > A, .cd-dropdown-content UL .cd-divider + LI > A {border-top-width:0;}
			.cd-dropdown-content A, .cd-dropdown-content .cd-divider, .cd-dropdown-content UL A, .cd-dropdown-content UL .cd-divider
			{transform:translateZ(0); backface-visibility:hidden; transition:opacity .3s, transform .3s,color .2s linear 0s;}
			.cd-dropdown-content A {border-bottom:1px solid rgba(255,255,255,.3); font: 15px/18px 'Roboto'; color:var(--white); text-transform:uppercase; }
	.cd-dropdown-content.is-hidden, .cd-dropdown-content UL.is-hidden {transform:translateX(100%);}
		.cd-dropdown-content.is-hidden > LI > A, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > LI > A, .cd-dropdown-content.move-out > .cd-divider,
		.cd-dropdown-content UL.is-hidden > LI > A, .cd-dropdown-content UL.is-hidden > .cd-divider, .cd-dropdown-content UL.move-out > LI > A, .cd-dropdown-content UL.move-out > .cd-divider {opacity:0;}
		.cd-dropdown-content.move-out > LI > A, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content UL.move-out > LI > A, .cd-dropdown-content UL.move-out > .cd-divider
		{transform:translateX(-100%);}
		.cd-dropdown-content A:hover, .cd-dropdown-content UL A:hover {color:var(--main-color);}
		.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content UL {-webkit-overflow-scrolling:touch;}
		@keyframes cd-fade-in {
			0% {opacity:0; visibility:visible;}
			100% {opacity:1; visibility:visible;}
		}
		@keyframes cd-fade-out {
			0% {opacity:1; visibility:visible;}
			100% {opacity:0; visibility:visible;}
		}
	.has-children > A, .go-back A {position:relative;}
		.has-children > A::before, .has-children > A::after, .go-back A::before, .go-back A::after
		{content:''; position:absolute; top:50%; margin-top:-1px; display:inline-block; height:2px; width:10px; backface-visibility:hidden; background:var(--white);}
		.has-children > A::before, .go-back A::before {transform:rotate(45deg); transition:all .2s linear 0s;}
		.has-children > A:hover::before, .go-back A:hover::before {transform:rotate(30deg); transition:all .2s linear 0s;}
		.has-children > A::after, .go-back A::after {transform:rotate(-45deg); transition:.3s;}
		.has-children > A:hover::after, .go-back A:hover::after {transform:rotate(-30deg); transition:.3s;}
		.has-children > A {padding-right:40px;}
		.has-children > A::before, .has-children > A::after {right:20px; transform-origin:10px 50%;}
	.cd-dropdown-content .go-back A {padding-left:40px;}
		.cd-dropdown-content .go-back A::before, .cd-dropdown-content .go-back A::after {left:20px; transform-origin:0 50%;}
	.cd-main-content {background:var(--border-color); min-height:calc(100vh - 100px); padding:2em 5%; line-height:2;}
	.no-js .cd-dropdown-wrapper:hover .cd-dropdown {visibility:visible; opacity:1; transform:translateY(0);}
	.no-js .cd-dropdown-wrapper .cd-close {display:none;}

/* Common black background
-----------------------------------------*/
.black {position:fixed; inset:0; z-index:8; background:rgba(76,76,76,.78);}