:root {    
    --hsl-l: 15%;
    
    --hsl-op2: 0.2;
    --hsl-op4: 0.4;
    --hsl-op6: 0.6;
    
    --hsl-hgr: 125;
    --hsl-hyl: 45;
    --hsl-hor: 25;
    --hsl-hdk: 25;
    --hsl-hlt: 25;
    --hsl-hrd: 0;
    --hsl-hwt: 0;
    --hsl-hbk: 0;
    --hsl-hbl: 185;
    
    --hsl-s0: 0%;
    --hsl-s4: 45%;
    --hsl-s5: 50%;
    --hsl-s6: 60%;
    --hsl-s8: 85%;
    --hsl-sf: 100%;
    
    --hsl-l0: 0%;
    --hsl-l2: 25%;
    --hsl-l3: 35%;
    --hsl-l4: 40%;
    --hsl-l5: 55%;
    --hsl-l6: 60%;
    --hsl-l9: 92%;
    --hsl-lf: 100%;
    
    --clr-gr: hsl(var(--hsl-hgr), var(--hsl-s4), var(--hsl-l3), 1); /* 125/45/35 color Green */
    --clr-grd: hsl(var(--hsl-hgr), var(--hsl-s4), calc(var(--hsl-l3) - var(--hsl-l)), 1); 
    --clr-or: hsl(var(--hsl-hor), var(--hsl-sf), var(--hsl-l5), 1); /* 25/100/55 color Orange */
    --clr-ord: hsl(var(--hsl-hor), var(--hsl-sf), calc(var(--hsl-l5) - var(--hsl-l)), 1); 
    --clr-dk: hsl(var(--hsl-hdk), var(--hsl-s6), var(--hsl-l2), 1); /* 25/60/25 color Dark */
    --clr-dkd: hsl(var(--hsl-hdk), var(--hsl-s6), calc(var(--hsl-l2) - var(--hsl-l)), 1); 
    --clr-lt: hsl(var(--hsl-hlt), var(--hsl-s5), var(--hsl-l9), 1); /* 25/50/90 color Light */
    --clr-ltd: hsl(var(--hsl-hlt), var(--hsl-s5), calc(var(--hsl-l9) - var(--hsl-l)), 1); 
    --clr-rd: hsl(var(--hsl-hrd), var(--hsl-s6), var(--hsl-l4), 1); /* 0/60/40 color Red */
    --clr-rdd: hsl(var(--hsl-hrd), var(--hsl-s6), calc(var(--hsl-l4) - var(--hsl-l)), 1);
    --clr-rdl: hsl(var(--hsl-hrd), var(--hsl-s6), calc(var(--hsl-l4) + var(--hsl-l)), 1); 
    --clr-bl: hsl(var(--hsl-hbl), var(--hsl-s5), var(--hsl-l6), 1); /* 185/50/60 color Blue */
    --clr-bld: hsl(var(--hsl-hbl), var(--hsl-s5), calc(var(--hsl-l6) - var(--hsl-l)), 1); 
    --clr-wt: hsl(var(--hsl-hwt), var(--hsl-s0), var(--hsl-lf), 1); /* 0/0/100 color white */
    --clr-bk: hsl(var(--hsl-hbk), var(--hsl-s0), calc(var(--hsl-l0) + 13%), 1); /* 0/0/0 color Black */
    --clr-yl: hsl(var(--hsl-hyl), var(--hsl-s8), var(--hsl-l5), 1); /* 45/85/55 color yellow */
    --clr-yld: hsl(var(--hsl-hyl), var(--hsl-s8), calc(var(--hsl-l5) - var(--hsl-l)), 1); /* 45/85/55 color yellow */
    
    --brdr-rad: 0.4em;
    --color-acnt: var(--clr-or);
    --color-w: var(--clr-wt);
    --color-ld: var(--clr-dk);
    --color-d: var(--clr-bk);
    --color-g: hsl(var(--hsl-hbk), var(--hsl-s0), calc(var(--hsl-l0) + 39%), 1);
    --color-lg: hsl(var(--hsl-hbk), var(--hsl-s0), calc(var(--hsl-l0) + 93%), 1);
    --clr-lg: hsl(var(--hsl-hbk), var(--hsl-s0), calc(var(--hsl-l0) + 93%), 1);
    --color-sg: var(--clr-lt);
    --color-sub: var(--clr-lt);
    --color-green: var(--clr-gr);
    --coolor-rd: var(--clr-rd);
    --color-bl: var(--clr-bl);
    --ind-prime: .25em;
}
section.main_menu {
    min-width: 1313px;
    font-family: "Open Sans";
}
.flex_container {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: center;
    max-width: 1313px;
    margin: 0 auto;

    flex-wrap: wrap;
    min-width: 1313px;
}
.flex_row {
    display: flex;
    width: 100%;
    flex-flow: row;
    max-width: 100%;
    position: relative;
    align-items: center;
}
.mp-pusher {
    max-width: 100%;
}
#head-1 {
    position: relative;
    display: flex;
    flex-flow: wrap;
    margin: 0;
    padding: 5px 0 0 0;
}
#head-1-links {
    width: 100%;
    max-width: 65%;
}
#head-1-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}
#head-1-links ul li {
    display: flex;
    justify-content: center;
    align-items: center;
}
#head-1-links ul li a {
    padding: var(--ind-prime)!important;
    max-height: 1em;
    color: var(--color-g);
}
#head-1-links ul li a:hover {
    color: var(--color-d);
}
#head-1-links ul li:first-child, #head-1-links ul li:nth-child(2) {
    padding: var(--ind-prime);
    border: none;
}
#head-1-links ul li:first-child {
    border-radius: var(--brdr-rad) 0 0 var(--brdr-rad);
    margin: 0;
}
#head-1-links ul li:first-child a {
/*    color: var(--color-d)!important;*/
}
#head-1-links ul li:first-child a:hover {
/*    opacity: 0.5;*/
/*    color: var(--color-d)!important;*/
}
#head-1-links ul li:nth-child(2) {
    border-radius: 0 var(--brdr-rad) var(--brdr-rad) 0;
}
#head-1-links ul li:nth-child(2) a {
    background: white;
    border-radius: calc(var(--brdr-rad) / 2);
    padding: var(--ind-prime) calc(var(--ind-prime) * 2)!important;
}
#head-2-links {
    padding: 0;
    width: 100%;
    max-width: 35%;
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: center;
}
#head-2-links a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: var(--ind-prime);
}
#head-2-links span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--ind-prime) calc(var(--ind-prime) * 2)!important;
    margin: 0 0 0 var(--ind-prime);
    line-height: 1em;
    max-height: 1em;
    border-radius: var(--brdr-rad);
}


#head-2 {
    margin: 1em 0;
    display: flex;
    flex-flow: row;
    width: 100%;
}

#head-2-logo {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 20em;
}
#head-2-logo img {
    max-width: 18em;
}
#head-2-logo.small img {
    width: 224px;
    position: relative;
    bottom: -15px;
}
#head-2-search {
    display: flex;
    width: 100%;
    margin: 0;
    justify-content: center;
    align-items: center;
}
#head-2-search form {
    display: flex;
    width: 98%;
}

#head-2-service {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 22em;
    margin: 0;
    align-items: center;
}
#head-2-service ul {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: center;
    align-items: center;
}

#head-2-service ul li #val-cart,
#head-2-service ul li #val-bon {
    position: absolute;
    display: flex!important;
    left: 1.5em;
    top: 0.5em;
    display: block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    text-align: center;
    line-height: 1em;
    font-size: 12px;
    background: var(--color-acnt);
    color: var(--color-w);
    font-weight: 400;
    justify-content: center;
    align-items: center;
}

.prime-screen {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    font-family: 'Open Sans', sans-serif;
    padding: 0 0 0 300px;
    box-sizing: border-box;
}
.nav-wrap {
    opacity: 0;
    pointer-events: none;

    position: absolute;
    left: 0;
    top: calc(100% + 12px);
    min-width: calc(300px - 1em);
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-radius: 0.4em;
    background: transparent;
    transition: .15s;
}
.nav-wrap.openned {
    opacity: 1;
    pointer-events: inherit;
    background: #fff;
    z-index: 100;
}

.nav-wrap:hover {
    background: #fff;
    border-radius: 0.4em 0 0 0.4em;
}
.nav-wrap, .nav-wrap nav, .nav-wrap nav ul {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    height: fit-content;
}
.nav-wrap a, .submenu a {
    color: var(--color-g);
    text-decoration: none;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
    padding: 0;
    position: relative;
}
.nav-wrap a:hover, .submenu a:hover {
    color: var(--color-d);
}
.nav-wrap nav ul li {
    width: 100%;
    display: flex;
}
.nav-wrap nav ul li a {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row;
    position: relative;
    margin: 0;
    padding: 1em .5em 1em 3em;
    border-radius: 0.4em;
}
.nav-wrap nav ul li a:hover {
    background: var(--color-lg);
    border-radius: .4em;
}

.submenu, .submenu-wrap {
    display: flex;
    width: 100%;
    flex-flow: row;
    justify-content: space-between;
}
.submenu {
    padding-left: 0;
}
.submenu-wrap {
    height: max-content;
    padding-right: 0;
}
.submenu-wrap li {
    display: flex;
}
.submenu-wrap li>a, .submenu-wrap li span {
    display: flex;
    padding: .75em 1em .75em 3em;
    justify-content: center;
    align-items: center;
    background: var(--color-w);
    border-radius: .4em;
    background: var(--clr-or);
    transition: .15s;
    cursor: pointer;
    position: relative;
}
.submenu-wrap li:hover a,.submenu-wrap li:hover span {
    background-color: var(--color-w);
}
.submenu-wrap li span {
    background: var(--clr-yl);
    color: var(
    --clr-wt);
    min-width: 11em;
    padding: .75em 1em;
}
.submenu-wrap li:hover span {
    background: var(--clr-wt);
    color: var(--clr-bk);
}
.hr {
    display: flex;
    width: 100%;
    height: 1px;
    background: var(--color-lg);
}

.slider-wrap {
    display: flex;
    max-width: 100%;
    flex-flow: wrap;
    width: 100%;
    height: auto;
    padding-left: 1em;
}
.slider-wrap .main_slider_rd {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    height: auto;
    margin-top: 0.5em;
}
.slider-wrap .main_slider_rd .slider ul li img, .slider-wrap .main_slider_rd .slider ul li picture {
    display: flex;
    width: 100%;
    height: auto;
    min-width: 14em;
}
.main-links {
    padding: 0.5em 0;
}
.main-link {
    display: flex;
    width: 100%;
    max-width: calc(300px - 1em);
    padding: 0 1em 0 .5em;
}
.main-link-wrap {
    position: relative;
    border-radius:  var(--brdr-rad);
    display: flex;
    height: fit-content;
    margin: auto;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}
.catalogue-header {
    display: flex;
    color: var(--clr-bk);
    padding: .75em 1em .75em 3.5em;
    transition: .15s;
    cursor: pointer;
    font-weight: 600;
    width: 100%;
}
.submenu-wrap li.submenu-li-01 a {
    background: var(--clr-lg);
    padding: .75em 1em;
    color: var(--clr-rdl);
    font-weight: 600;
    text-transform: uppercase;
}
.submenu-wrap li.submenu-li-01:hover a {
    background: var(--clr-wt);
    background-size: 1em;
    color: var(--clr-or);
}
.submenu-wrap li.submenu-li-02>a {
    /*background: url(./files/black_sale_icon.svg) center left 1em no-repeat, var(--clr-lg);
    background-blend-mode: luminosity;
    background-size: 1.2em;*/
    background: var(--clr-lg);
    padding: 0.75em 1em;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
}
.submenu-wrap li.submenu-li-05 > a,
.submenu-wrap li.submenu-li-04 > a {
    white-space: nowrap;
}
.submenu-wrap li.submenu-li-02:hover>a {
    /*background: url(./files/black_sale_icon.svg) center left 1em no-repeat, var(--color-w);
    background-blend-mode: normal;
    background-size: 1.2em;*/
    background: var(--clr-wt);
}
.submenu-wrap li.submenu-li-03 a {
    background: url(/images/header/ico-09.svg) center left .5em no-repeat, var(--clr-lg);
    background-blend-mode: luminosity;
    background-size: 1.75em;
}
.submenu-wrap li.submenu-li-03:hover a {
    background: url(/images/header/ico-09.svg) center left .5em no-repeat, var(--color-w);
    background-blend-mode: normal;
    background-size: 1.75em;
}
.submenu-wrap li.submenu-li-04 a {
    background: url(/images/header/ico-10.svg) center left .75em no-repeat, var(--clr-lg);
    background-blend-mode: luminosity;
    background-size: 1.5em;
}
.submenu-wrap li.submenu-li-04:hover a {
    background: url(/images/header/ico-10.svg) center left .75em no-repeat, var(--color-w);
    background-blend-mode: normal;
    background-size: 1.5em;
}
.submenu-wrap li.submenu-li-00 {
    min-width: 14em;
}
.submenu-wrap li.submenu-li-00 span {
    border-radius: 3em;
    /* box-shadow: 0 0 .4em var(--clr-or); */
    max-width: none;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    position: relative;
    padding: 0.5em 0.75em;
    margin: auto 0;
    max-height: 1em;
    min-height: 1em;
    min-width: 14em;
}
.submenu-wrap li.submenu-li-00:hover span {
    box-shadow: none;
    background: var(--clr-or);
    color: var(--clr-wt);
    transform: translate(0, -0.2em);
}
.submenu-wrap li.submenu-li-00 span.anm-bg-1, .submenu-wrap li.submenu-li-00 span.anm-bg-2,.submenu-wrap li.submenu-li-00 span span.anm-text-area {
    position: absolute;
    top: 0;
    left: 0;
    height: 6em;
    box-shadow: none;
}
.submenu-wrap li.submenu-li-00 span span.anm-bg-1 {
    background: url(/images/header/black_sale_icon.svg), var(--clr-yl);
    background-size: 5em!important;
    background-repeat: no-repeat!important;
    display: flex;
    overflow: visible;
    z-index: 1;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    min-width: 14em;
    transform: none;
    background-position: right -1.5rem center;
}
.submenu-wrap li.submenu-li-00 span span.anm-bg-2 {
    background: url(/images/header/black_sale_icon.svg), var(--clr-yl);
    background-size: 2em!important;
    background-repeat: no-repeat!important;
    width: 100%;
    display: flex;
    min-width: auto;
    max-width: 1.5em;
    z-index: 2;
    padding-left: 0;
    padding-right: 0;
    transform: none;
    background-position: right center;
}
.submenu-wrap li.submenu-li-00 span span.anm-text-area {
    background: none!important;
    line-height: 3em;
    overflow: visible;
    height: 3em;
    z-index: 3;
    text-align: center;
    /*padding: .75em 0;*/
    padding: .5rem 0;
    margin: 0 auto;
    width: 100%;
    min-width: 13em;
    font-weight: 600;
    transform: none;
}
.submenu-wrap li.submenu-li-00 span em {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    height: 1em;
}
.submenu-wrap li.submenu-li-00 span em span{
    display: flex;
    position: absolute;
    width: 100%;
    background: none;
    max-width: none;
    min-width: 11em;
    padding: 0.5em 0;
    box-shadow: none;
    top: 0;
    left: 0;
    height: auto;
    border-radius: 0;
    line-height: 1.2;
}
/*
.actionBtn {
        animation: actionBtn 5s linear infinite;
    }
.actionBtnBg {
        animation: actionBtnBg 5s linear infinite;
        background-repeat: no-repeat!important;
    }


@keyframes actionBtn {
    0% { 
        top: 1.25em;
    }
    5% {
        top: -1.75em;
    }
    55% {
        top: -1.75em;
        opacity: 1;
    }
    56% {
        top: -2em;
        opacity: 1;
    }
    57% {
        opacity: 0;
    }
    58% {
        top: 2em;
        opacity: 1;
    }
    60% {
        top: 1.25em;
    }
    100% { 
        top: 1.25em;
    }
}

@keyframes actionBtnBg {
    0% {
        background-position: top -100% right;
        background-blend-mode: multiply;
    }
    5% {
        background-position: top 50% right;
        background-blend-mode: exclusion;
    }
    55% {
        background-position: top 50% right;
        background-blend-mode: exclusion;
    }
    56% {
        background-position: top 185% right;
        background-blend-mode: exclusion;
        opacity: 1;
    }
    57% {
        background-position: top 185% right;
        background-blend-mode: exclusion;
        opacity: 0;
    }
    58% {
        background-position: top -100% right;
        background-blend-mode: multiply;
        opacity: 1;
    }
    60% {
        background-position: top 50% right;
        background-blend-mode: multiply;
    }
    100% {
        background-position: top 50% right;
        background-blend-mode: multiply;
    }
}
*/
.submenu-wrap li {
    position: relative;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
}
.submenu-wrap li a {
    position: relative;
    z-index: 10;
}
.submenu-wrap li > a {
    font-size: 15px;
}

.submenu-wrap li.submenu-li-05,
.submenu-wrap li.submenu-li-04 {
    overflow: hidden;
}
.submenu-wrap li.submenu-li-05:hover,
.submenu-wrap li.submenu-li-04:hover {
    overflow: visible;
}

.submenu-wrap li .submenu-li-sub {
    opacity: 0;
    z-index: -100;
    /*-webkit-animation-name: fadeInTop;
    animation-name: fadeInTop;*/
    position: absolute;
    top: calc(100% - 15px);
    transform: translate(0, 1.2em);
    height: 1px;
/*    left: calc(50% - 10.5em);*/
    right: 0;
    overflow: hidden;
    transition: .35s;
}
.submenu-wrap li .submenu-li-sub ul {
    padding: 0.5em 1em 1em 1em;
    min-width: 24em;
    background: var(--clr-lg);
    border-radius: 0 0 .4em .4em;
}
.submenu-wrap li:hover .submenu-li-sub {
    height: fit-content;
    padding-top: 0;
    display: flex;
    z-index: 0;
    opacity: 1;
    transform: translate(0, 0.95em);
    /*-webkit-animation-name: fadeInTop;
    animation-name: fadeInTop;*/
}
.submenu-wrap li .submenu-li-sub ul li {
    display: flex;
    text-align: left;
    justify-content: flex-start;
    background: transparent;
    margin-bottom: 8px;
}
.submenu-wrap li .submenu-li-sub ul li.submenu-li-sub-li-base {
    margin: 24px 0 10px 0;
}
.submenu-wrap li .submenu-li-sub ul li:not(.submenu-li-sub-li-base) {
    padding: 0 0 0 8px;
}
.submenu-wrap li .submenu-li-sub ul li a {
    display: flex;
    margin: 0;
    text-align: left;
    background: transparent!important;
    padding: 0;
    justify-content: flex-start;
    font-size: 16px;
    line-height: 24px;
}
.submenu-wrap li .submenu-li-sub ul li a:hover {
/*    background: var(--clr-wt)!important;*/
    text-decoration: underline;
}

/*@-webkit-keyframes fadeInTop {
    from {
        opacity:0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to{
        opacity:1
    }
}
@keyframes fadeInTop {
    from {
        opacity:0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }to{
        opacity: 1;
    }
}*/

.main-link-wrap {
    background: url(/images/header/ico-08.svg) center left 1em no-repeat, var(--clr-wt);
    background-blend-mode: luminosity;
    background-size: 1.75em;
    transition: .15s;
/*    cursor: pointer;*/
    /* outline: 0.15em solid var(--clr-or); */
}
body:not(.menu_open) .main-link-wrap:hover {
    /*background: url(/images/header/ico-08.svg) center left .75em no-repeat, var(--clr-or);
    background-size: 1.5em;
    background-blend-mode: color-dodge;
    color: var(--clr-wt);*/
    box-shadow: 0 0 12px #d3d3d3;
}
.main-link-wrap:hover .catalogue-header {
/*    color: var(--clr-wt);*/
}

.catalogue li.catalogue-li-01 a {
    background: url(/images/header/ico-06.svg) center left .5em no-repeat, transparent;
    filter: saturate(0);
    background-size: 1.75em;
    transition: .15s;
}
.catalogue li.catalogue-li-01:hover a,
.catalogue li.catalogue-li-01.active a {
    background: url(/images/header/ico-06.svg) center left .5em no-repeat, var(--clr-wt);
    filter: saturate(1);
    background-size: 1.75em;
}
.catalogue li[class^="catalogue-li"]:hover > a {
    color: #f3560b;
}
.catalogue li.catalogue-li-02 a {
    background: url(/images/header/ico-02.svg) center left .5em no-repeat, transparent;
    filter: saturate(0);
    background-size: 1.75em;
    transition: .15s;
}
.catalogue li.catalogue-li-02:hover a {
    background: url(/images/header/ico-02.svg) center left .5em no-repeat, var(--clr-wt);
    filter: saturate(1);
    background-size: 1.75em;
}
.catalogue li.catalogue-li-03 a {
    background: url(/images/header/ico-01.svg) center left .5em no-repeat, transparent;
    filter: saturate(0);
    background-size: 1.75em;
    transition: .15s;
}
.catalogue li.catalogue-li-03:hover a {
    background: url(/images/header/ico-01.svg) center left .5em no-repeat, var(--clr-wt);
    filter: saturate(1);
    background-size: 1.75em;
}
.catalogue li.catalogue-li-04 a {
    background: url(/images/header/ico-05.svg) center left .5em no-repeat, transparent;
    filter: saturate(0);
    background-size: 1.75em;
    transition: .15s;
}
.catalogue li.catalogue-li-04:hover a {
    background: url(/images/header/ico-05.svg) center left .5em no-repeat, var(--clr-wt);
    filter: saturate(1);
    background-size: 1.75em;
} 
.catalogue li.catalogue-li-05 a {
    background: url(/images/header/ico-03.svg) center left .5em no-repeat, transparent;
    filter: saturate(0);
    background-size: 1.75em;
    transition: .15s;
}
.catalogue li.catalogue-li-05:hover a {
    background: url(/images/header/ico-03.svg) center left .5em no-repeat, var(--clr-wt);
    filter: saturate(1);
    background-size: 1.75em;
}
.catalogue li.catalogue-li-06 a {
    background: url(/images/header/ico-04.svg) center left .5em no-repeat, transparent;
    filter: saturate(0);
    background-size: 1.75em;
    transition: .15s;
}
.catalogue li.catalogue-li-06:hover a {
    background: url(/images/header/ico-04.svg) center left .5em no-repeat, var(--clr-wt);
    filter: saturate(1);
    background-size: 1.75em;
}
.catalogue li.catalogue-li-07 a {
    background: url(/images/header/ico-07.svg) center left .5em no-repeat, transparent;
    filter: saturate(0);
    background-size: 1.75em;
    transition: .15s;
}
.catalogue li.catalogue-li-07:hover a {
    background: url(/images/header/ico-07.svg) center left .5em no-repeat, var(--clr-wt);
    filter: saturate(1);
    background-size: 1.75em;
}

.catalogue li a:after {
    content: '';
    position: absolute;
    display: flex;
    width: 2em;
    height: 2em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' class='d2i'%3E%3Cpath fill='%23222222' d='M9.293 6.293a1 1 0 0 0 0 1.414L13.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414l5-5a1 1 0 0 0 0-1.414l-5-5a1 1 0 0 0-1.414 0Z'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
    background-size: 1.5em;
    transition: .15s;
    top: calc(50% - 1em);
    right: 1.5em;
}
.catalogue li:hover a::after,
.catalogue li.active a::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' class='d2i'%3E%3Cpath fill='%23f3560b' d='M9.293 6.293a1 1 0 0 0 0 1.414L13.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414l5-5a1 1 0 0 0 0-1.414l-5-5a1 1 0 0 0-1.414 0Z'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
    background-size: 1.5em;
    right: .5em;
}

.catalogue-li-podr a{
    color: #338606;
    background-image: url(/images/gftcr.png);
    background-size: 28px;
    background-position: 7px;
    background-repeat: no-repeat;
}
.catalogue-li-podr > a:hover {
    color: #338606 !important;
    background-image: url(/images/gftcr.png) !important;
    background-size: 28px !important;
    background-position: 7px !important;
    background-repeat: no-repeat !important;
}

.catalogue li a {
    z-index: 10;
}
.catalogue li .catalogue-li-sub {
    opacity: 0;
    z-index: -1;
    /*-webkit-animation-name: fadeInTop;
    animation-name: fadeInTop;*/
    position: absolute;
    top: 0;
    height: 1px;
    left: calc(300px - .4em);
    transition: .35s;
    padding: 1em 1em;
    display: none;
}
.catalogue li .catalogue-li-sub ul {
    display: block;
    width: 100%;
    column-count: 3;
    page-break-inside: avoid;
    break-inside: avoid;
}
.catalogue li:hover .catalogue-li-sub,
.catalogue li.active .catalogue-li-sub {
    display: block;
    z-index: 10;
    opacity: 1;
    height: auto;
    width: 1010px;
    background: #fff;
    border-radius: 0 0.4em 0.4em 0.4em;
    box-sizing: border-box;
    min-height: 352px;
}
/*.catalogue li:hover .catalogue-li-sub ul:before {
    display: flex;
    content: '';
    position: absolute;
    left: 1em;
    top: 1em;
    width: .05em;
    border-radius: 1em;
    height: calc(100% + 4em);
    background: var(--clr-wt);
}*/
.catalogue li .catalogue-li-sub ul li {
    display: inline-block;
    text-align: left;
    justify-content: flex-start;
    background: transparent;
}
.catalogue li .catalogue-li-sub ul li.dynamic_category_image span {
    display: block;
    font-size: 13px;
    opacity: 0.7;
    margin: 8px 0 0 0;
    line-height: 18px;
    min-height: calc(18px*3);
    color: #777;
}
.catalogue li .catalogue-li-sub ul > li:not(:last-child) {
    margin: 0 0 16px 0;
}
.catalogue li .catalogue-li-sub ul li a {
    display: inline-block;
    margin: 0;
    text-align: left;
    background: transparent!important;
    padding: 8px 16px;
    box-sizing: border-box;
    font-weight: bold;
    margin: 0 0 4px 0;
}
.catalogue li .catalogue-li-sub ul li a:hover {
    text-decoration: underline;
}
.catalogue li .catalogue-li-sub ul li a:after {
    display: none;
}
/*.catalogue li .catalogue-li-sub ul li a:hover {
    background: var(--clr-wt)!important;
}*/
.catalogue li .catalogue-li-sub ul li .sub-links {
    display: block;
    width: 100%;
}
/*.catalogue li .catalogue-li-sub ul li:hover .sub-links {
    display: flex;
    width: fit-content;
    position: absolute;
    opacity: 1;
    z-index: 0;
    transform: translate(21em, 0);
    left: 0;
}*/
.catalogue li .catalogue-li-sub ul li .sub-links ul {
    position: relative;
    column-count: unset;
/*    page-break-inside: unset;*/
/*    break-inside: unset;*/
    padding: 0 0 0 8px;
}
.catalogue li .catalogue-li-sub ul li .sub-links ul li {

}
.catalogue li .catalogue-li-sub ul li .sub-links ul > li:not(:last-child) {
/*    margin: 0 0 10px 0;*/
    margin: 0;
}
.catalogue li .catalogue-li-sub ul li .sub-links ul li a {
    padding: 0 4px 10px 16px;
    font-size: 15px;
    font-weight: normal;
    margin: 0;width: auto;
}
.catalogue li .catalogue-li-sub ul li .sub-links ul li a:hover {
    text-decoration: underline;
}

#hw-samogon {
    background-position: center left 16px;
    box-sizing: border-box;
    margin-top: 0;
}
#kurs-onl {
    background-position: center left 12px;
    box-sizing: border-box;
    margin-top: 0;
}

#head-2-service ul>li{
    float: left;
    width: 25%;
    position: relative;
    padding-top: 10px;
    margin-top: -10px;
    padding-bottom: 10px;
    margin-bottom: -10px;
    box-sizing: border-box;
    transition: .15s;
}
#head-2-service ul>li a{
        text-decoration: none;
        color: var(--clr-or);
        transition: inherit;
}
#head-2-service li a img{
    opacity: .8;
    height: 32px;
    filter: sepia(1) brightness(0.5);
    transition: inherit;
}
#head-2-service li a span{
    display: block;
    font-size: 12px;
    margin-top: 2px;
    color: var(--color-g);
    line-height: 16px;
    letter-spacing: 0.2px;
    transition: inherit;
}
#head-2-service li:not(.kbnt) a span {
/*    text-transform: lowercase;*/
}
#head-2-service li:hover a span{color: var(--clr-or);}
#head-2-service li:hover a img{
 opacity: 1;
 color: var(--clr-or);
 filter: none;
}
#count-shop {
    position: absolute;
    display: flex!important;
    left: 1.5em;
    top: 0.5em;
    display: block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    text-align: center;
    line-height: 1em;
    font-size: 12px;
    background: var(--color-acnt);
    color: var(--color-w);
    font-weight: 400;
    justify-content: center;
    align-items: center;
}

#li-m-act {
    padding-left: 1em !important;
    padding-right: 1em !important;
    background-image: none !important;
}

.main_slider_rd {
    display: flex;
    height: 0;
    max-width: 100%;
}
.main_slider_rd .slider {
    max-width: calc(100% - 17em);
    padding: 0;
    margin: .5em 0;
    width: 62em;
}
.main_slider_rd .slider ul {

}
.main_slider_rd .slider ul li {

}
.main_slider_rd .slider ul li img {
    /* display: block; */
    border-radius: 0.6em;
    margin: 0 !important;
    width: 335px;
    height: 300px;
    object-fit: cover;
}
.main_slider_rd .owl-dots {
    display: block;
    margin-top: 4px;
}
.main_slider_rd .owl-dots .active {
    background: #ff8b02;
}
.main_slider_rd .slider .owl-carousel .owl-stage-outer {
    height: auto !important;
}
.main_slider_rd .owl-nav {
    top: calc(50% - 16px);
}
.main_slider_rd .owl-nav .owl-prev {
    position: absolute;
    top: calc(50% - 16px);
    left: -11px;
    background: url(https://rdshop.ru/images/icon_arrow_black_left.svg) no-repeat center center, #fff;
    background-size: 1.2em;
    border: none;
    width: 2em;
    height: 2em;
    cursor: pointer;
    box-shadow: 0 0.1rem 1rem rgb(4 6 28 / 10%);
    border-radius: 32px;
}
.main_slider_rd .owl-nav .owl-next {
    position: absolute;
    top: calc(50% - 16px);
    right: -10px;
    background: url(https://rdshop.ru/images/icon_arrow_black_right.svg) no-repeat center center, #fff;
    background-size: 1.2em;
    border: none;
    width: 2em;
    height: 2em;
    cursor: pointer;
    box-shadow: 0 0.1rem 1rem rgb(4 6 28 / 10%);
    border-radius: 32px;
}
/*.main_slider_rd #tovar-weeks-box .owl-nav .owl-prev {
    left: 8px;
}
.main_slider_rd #tovar-weeks-box .owl-nav .owl-next {
    right: 8px;
}*/
.main_slider_rd .slider .owl-nav .owl-prev,
.main_slider_rd .slider  .owl-nav .owl-next {
    top: calc(50% - 1em);
}
.main_slider_rd #tovar-weeks-box .owl-nav .owl-prev,
.main_slider_rd #tovar-weeks-box .owl-nav .owl-next {
    top: calc(50% - 2.7em);
}
.main_slider_rd .owl-nav .owl-prev:hover{
    background: url(https://rdshop.ru/images/icon_arrow_black_left.svg) no-repeat center center, #e9e9e9;
    background-size: 1.2em;
}
.main_slider_rd .owl-nav .owl-next:hover {
    background: url(https://rdshop.ru/images/icon_arrow_black_right.svg) no-repeat center center, #e9e9e9;
    background-size: 1.2em;
}
/*.main_slider_rd .weeks_products {
    max-width: calc(235px + 20px);
    margin: .5em 0 .5em 1em;
    position: relative;
    width: 100%;
}
#tovar-weeks-box{
    width: 100%;
    font-family: 'Open Sans';
    overflow: hidden;
    position: relative;
    display: flex;
    width: 100%;
}
#tovar-weeks-box .owl-stage-outer {
    overflow: visible;
    height: auto !important;
}
.h-tovar-week{font-size: .75em;font-weight: 400;line-height: 1em;position: absolute;display: flex;padding: .25em .5em;border: 1px solid var(--color-acnt);color: var(--color-acnt);text-transform: uppercase;border-radius: .4em .4em 0 0;border-bottom: none;left: 1.9em;top: -1.5em;margin: 0;background: var(--color-w);z-index: 2;}
#tovar-weeks-list{
}
#tovar-weeks-list li{
    padding: .5em;
    position: relative;
    border-radius: 0 .4em .4em;
    text-align: center;
    background: #ffffff;
    margin: 0 auto;
    width: 100%;
    max-width: 12em;
    border: .1em solid var(--color-acnt);
}
#tovar-weeks-list li a{
    text-decoration: none;
    color: #000;
}
#tovar-weeks-list li .tovar-weeks-sale{
    position: absolute;
    right: 0;
    top: 0;
    width: 2em;
    height: 1em;
    font-weight: 600;
    padding: 1.25em;
    text-align: center;
    color: #fff;
    border-radius: 0 .4em 0 .8em;
    background: var(--color-acnt);
    z-index: 2;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
#tovar-weeks-list li .tovar-weeks-sale span{
    font-size: 1.5em;
    font-weight: 600;
    display: block;
    line-height: 1em;
    margin-top: 0;
}
#tovar-weeks-list li picture img{
    height: auto;
    margin: 0 auto;
    width: auto;
    max-height: 10em;
    padding: 2.5em 0;
}
#tovar-weeks-list li .tovar-weeks-name{
    color: #333;
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 0;
    font-family: 'Open Sans';
    letter-spacing: -0.5px;
    line-height: 26px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#tovar-weeks-list li .tovar-weeks-rate{
    text-align: left;
    position: absolute;
    top: .25em;
    left: .25em;
    background: #ffffff66;
    border-radius: 0.25em;
    padding: .25em;
}
#tovar-weeks-list li .tovar-weeks-rate img{
    width: 60px;
}
#tovar-weeks-list li .tovar-weeks-rate span{
    font-size: 13px;
    color: #666;
}
#tovar-weeks-list li .tovar-weeks-cena{
    text-align: left;
}
#tovar-weeks-list li .tovar-weeks-cena-new{
    color: var(--color-d);
    font-family:
    'Open Sans','Trebuchet MS','PT Sans';
    font-size: 1.5em;
    letter-spacing: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    line-height: 1em;
    font-weight: bold;
}
#tovar-weeks-list li .tovar-weeks-cena-old{
    font-family: 'Open Sans','Trebuchet MS';
    font-weight: 400;
    color: var(--color-g);
    font-size: 1em;
    letter-spacing: 0px;
    display: inline-block;
    text-decoration: line-through;
    line-height: 1.2em;
    vertical-align: bottom;
}*/
#tovar-weeks-box {
    padding: 18px 20px;
}

body.menu_open:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}
body.menu_open .nav-wrap,
body.menu_open .main-link-wrap {
    z-index: 100;
}

.compare_modal {
    padding: 64px 32px;
}
.compare_modal .compare_modal_title {
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 24px 0;
}
.compare_modal .compare_modal_choose {
    display: flex;
    justify-content: center;
    align-items: start;
}
.compare_modal .compare_modal_choose li {

}
.compare_modal .compare_modal_choose > li:first-child {
    margin: 0 72px 0 0;
}
.compare_modal .compare_modal_choose li a {
    text-decoration: none;
    color: inherit;
}
.compare_modal .compare_modal_choose li img {
    display: inline-block;
    height: 128px;
    margin: 0 0 16px 0;
}
.compare_modal .compare_modal_choose li p {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 24px 0;
    min-height: 48px;
}
.compare_modal .compare_modal_choose li a.compare_button {
    text-decoration: none;
    font-size: 16px;
    font-family: 'Open SAns';
    padding: 8px 16px;
    border-radius: 7px;
    display: inline-block;
    letter-spacing: 0px;
    text-shadow: none;
    border: 2px solid #adadad;
    background: #fff;
    color: #939393;
    cursor: pointer;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    border-radius: 0.4em;
    border: 1px solid var(--clr-lg);
    padding: 0.75em 1em;
    font-weight: 400;
    transition: .15s;
}
.compare_modal .compare_modal_choose li a.compare_button:hover {
    border: 1px solid #ff791a;
    font-weight: 400;
    color: #ff791a;
    background: #fff;
}