.popup_cookie{
    position: fixed;
    bottom:0px;
    width: 100%;
    
    color:#fff;
    background: rgba(0,0,0,.8);
    z-index: 100
}
.pcookie_inner{
    text-align: center;
    padding: 16px;
}
.pc_butn{
    width: 100%;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 60px;
    height: 60px;
    padding-bottom: 3px;
    text-align: center;
    font-size: 13px;
    background: #505050;
    border: 1px solid #505050;
    color: #fff !important;
    text-decoration: none;
    letter-spacing: .05em;
    
    line-height: 36px;
    height: 36px;
    text-transform: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 140px;
}
.pc_butn:hover{
    background: #292929;
}
.pc_actions{
    display: table;
    margin: 16px auto 0 auto; 
}
.pc_actions div{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.pc_actions button{
    margin-right: 16px;
}
.pc_actions a{
    margin-left: 16px;
}


blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table{border-collapse:collapse;border-spacing:0}
input, select {
    vertical-align:middle;
}
ul[class],ol[class] {list-style:none;padding:0}
input{
    outline: none;
}
.adminPanel{
        padding-top: 154px;
}
.header-top .help-popup {
    left: auto;
    position: absolute;
    top: 41px;
    right: 0;
    width: 306px;
    background: #fff;
    -webkit-box-shadow: 0 1px 15px rgb(140 152 157 / 60%);
    box-shadow: 0 1px 15px rgb(140 152 157 / 60%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.header-top .help-popup .popup-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #494949;
    letter-spacing: .1em;
    padding: 0 0 10px;
}
.header-top .help-popup .popup-content {
    min-height: 155px;
    line-height: normal;
    color: #231b14;
    padding: 25px 30px 10px;
}
.header-top .help-popup address {
    font-size: 12px;
    line-height: 20px;
    padding: 0 0 10px;
}
.click{
    cursor: pointer
}
.gray-butn {
    width: 100%;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 60px;
    height: 60px;
    padding-bottom: 3px;
    text-align: center;
    font-size: 13px;
    background: #505050;
    border: 1px solid #505050;
    color:#fff!important;
    text-decoration: none;
    letter-spacing: .05em;
}

.feedback-link:hover{
    text-decoration: none;
}
.header-top a:hover,.phones-list a:hover{
    text-decoration: underline
}

.help-btn:hover .help-popup {
    visibility: visible;
    display: block!important;
}
.gray-butn:hover{
    background: #292929
}


@media(max-width:1024px){
    .footer-middle-menu ul{
        display: none;
    }
}


footer {
    flex: 0 0 auto;
    -webkit-box-shadow: 0px 0px 8px 2px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 8px 2px rgb(34 60 80 / 20%);
    -ms-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
    -o-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
    -khtml-box-shadow: 0px 0px 8px 2px rgba(34, 60, 80, 0.2);
    padding-top: 32px;
}
.footer-top{
    margin-bottom: 40px;
    font-size: 16px;
    color:#404040;
    line-height: 22px;
    padding: 0 20px;
}
.footer-top .inner{
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.footer-top .footer-top-address{
    max-width: 500px;
    padding-left: 40px;
    margin-left: auto;
}
.footer-top .footer-top-work{
    max-width: 310px;
    margin-left: auto;
    padding-left: 40px;
}
.footer-top b{
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
}
.footer-down{
    background: #f5f5f5;
    padding: 10px 20px;
    color:#5f5f5f;
}
.footer-down .copy{
    font-size: 12px;
    line-height: 19px;
}
.footer-down .disprove{
    margin-left: auto
}
.footer-down .disprove b{
    font-size: 10px;
    display: block
}
.footer-down .disprove{
    font-size: 9px;
}
.footer-down .disprove a{
    color:#919191;
    text-decoration: none;
}
.footer-down .disprove a:hover{
    color:#505050;
    text-decoration: none;
}
.fd-policy{
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 6px;
}
.fdc-copy{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.footer-middle-menu, .footer-middle .inner{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 100%;
}
.footer-middle{
    padding: 0 20px 25px 20px;
}
.footer-middle-menu > div{
    width: 33%
}
.footer-middle-menu ul{
    list-style: none
}
.footer-middle-menu ul li:first-child a{
    font-weight: bold;
}
.footer-middle-menu ul li{
    margin-bottom: 20px;
}
.footer-middle-menu ul a{
    font-size: 16px;
    color:#404040;
    text-decoration: none;
}
.footer-middle-right{
    width: 100%;
    max-width: 310px;
}
.footer-middle-menu ul{
    max-width: 300px;
}
.footer-middle-menu a:hover{
    text-decoration: underline
}
.footer-middle-right .phones-list a{
    font-size: 18px;
    line-height: 24px;
}
.footer-middle-right .header-phones .icon{
    padding: 11px 0;
}
.soc_icons{
    padding-top: 40px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox; 
    grid-gap: 20px;
}

.soc_icons .item_block .vk{
    background: #5b7b9e;
    display: table;
    padding: 8px 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.soc_icons .item_block .vk svg{
    width: 18px;
    height: 11px;
    fill:#fff;
}
.soc_icons .item_block .telegram{
    background-color: #2DA4D7;
    background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #2DA4D7 75.52%, rgba(100, 181, 239, 0) 100%);
    display: table;
    padding: 2px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.soc_icons .item_block .telegram svg{
    width: 26px;
    height: 26px;
    fill:#fff;
}
.soc_icons .item_block .max{
    display: table;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.soc_icons .item_block .max svg{
    width: 32px;
    height: 32px;
}
.footer-pay{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    padding-top: 25px;
}
.footer-pay svg{
    height: 17px;
    width: 50px;
    margin-right: 20px;
}
@media(max-width:1024px){
    .footer-middle-menu{
        display: none;
    }
    .footer-middle-right > div{
        width: auto;
        display: table;
        margin: 0 auto
    }
    .footer-top .logo, 
    .footer-top .footer-top-address, 
    .footer-top .footer-top-work{
        width: 100%;
    max-width: 100%;
        text-align: center;
        margin-bottom: 25px;
        padding-left: 0px;
    }
    .footer-top .inner{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    .footer-middle-right{
        max-width: 100%;
    }
}

@media(max-width:1024px){
    .footer-down .inner{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    .footer-down .copy{
        margin-bottom: 15px;
    }
    .footer-down .copy, .footer-down .disprove{
        width: 100%;
        text-align: center;
    }
}

.cart-dropdown.active,
.basket a:hover~.cart-dropdown{
    display: block!important
}
.cart-dropdown {
    position: absolute;
    top: 85%;
    z-index: 3;
    text-align: left;
    display: block;
    right: 0;
    width: 304px;
    background: #fff;
    -webkit-box-shadow: 0 1px 15px rgb(140 152 157 / 60%);
    box-shadow: 0 1px 15px rgb(140 152 157 / 60%);
    -o-transition: all .2s;
    transition: all .2s;
}
.cart-dropdown-inner{
    padding: 27px 0 17px 0;
    overflow-y: scroll;
    height: 200px;
}

.cart-dropdown.active,.cart-dropdown:hover,.cart-link:hover+.cart-dropdown {
    display: table!important;
    opacity: 1;
    visibility: visible
}

.cart-dropdown-item:first-child {
    margin: 0
}

.cart-dropdown-item {
    position: relative;
    padding: 0 28px 0 20px;
    margin: 20px 0 0
}

.cart-dropdown-item .image {
    float: left;
    width: 49px;
    margin: 4px 15px 0 0
}
.cart-dropdown-item .image img{
    width: 49px;
}
.cart-dropdown-item .info {
    overflow: hidden;
    width: calc(100% - 75px)
}

.cart-dropdown-item .name {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .01em
}
.cart-dropdown-item .name a {
    color: #231b14;
    width: 100%
}

.cart-dropdown-item .name span {
    display: block
}

.cart-dropdown-item .price {
    padding: 5px 0 0;
    font-size: 13px;
}

.item-remove {
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 10;
    width: 10px;
    height: 10px;
    cursor: pointer
}

.item-remove svg {
    width: 10px;
    height: 10px;
    left: 0;
    top: 0
}

.cart-dropdown-item:after {
    display: block
}

.fix-on-scroll.fixed .header-phone a:nth-child(2),.fix-on-scroll.fixed .header-phone h5,.fixed .header-logo mark,header.fixed .header-phone h5 {
    display: none
}

.cart-dropdown-total {
    padding: 0px 20px 20px 19px;
    font-size: 11px;
    letter-spacing: .01em
}

.cart-tooltip-frame {
    text-align: center;
    font-size: 12px;
    padding: 13px 10px
}



.menu-catalog li{
    border-bottom: 1px solid #e2e2e2
}
.menu-catalog li a{
    text-transform: uppercase
}
.menu-site {
    margin-top: 35px;
    margin-bottom: 40px;
}
.header-nav.active{
	display: block!important
}
.menu-catalog li a:hover{
    background: #505050;
    color:#fff;
}
.menu-site li a:hover{
    text-decoration: underline
}
.header-nav a:hover .icon-arrow-right,
.header-nav a.selected .icon-arrow-right{
    fill:#fff;
}
@media(min-width: 1024px) {
    .dropdown-feedback,.menu-site{
        display: none;
    }
    .header-nav ul li:hover .subnav{
        top: 0;
        display: block!important;
        opacity: 1;
        visibility: visible;
        left: 100%;
    }
    .subnav .category-nav>li:hover .subnav2{
        top: 0;
        display: block!important;
        opacity: 1;
        visibility: visible;
        left: 100%;
    }
    .header-nav ul li a.selected{
        background: #505050;
        color: #fff;
    }
}
@media(max-width: 1024px) {

    .dropdown-feedback {
        display: block;
        padding: 0px 18px 25px 20px;
    }

    .dropdown-feedback:after {
        display: block;
        content: '';
        clear: both
    }

    .dropdown-feedback .call {
        padding: 0 0 8px;
        font-size: 18px
    }

    .dropdown-feedback .call:after {
        display: block;
        content: '';
        clear: both
    }

    .dropdown-feedback .call span {
        display: block
    }
    .dropdown-feedback .call a {
        color:#505050;
        display: block;
        margin: 8px 0 0;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none
    }

    .call-butn {
        position: relative;
        float: right;
        margin: 3px 0 0;
        width: 45px;
        height: 45px;
        background: #505050;
        border: 1px solid #505050;
        border-radius: 23px
    }

    .call-butn svg {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
        fill: #fff
    }


    .dropdown-feedback .green-butn {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14pt;
        padding: 0;
        color: #5eb829;
        background: #fff;
        font-weight: 700;
        min-height: inherit;
        text-transform: capitalize;
        letter-spacing: 0
    }

    .dropdown-feedback .schedule {
        padding: 0 0 18px;
        font-size: 12px
    }

    .dropdown-feedback .schedule span {
        display: block
    }

    .dropdown-feedback .title {
        padding: 0 0 10px;
        font-family: "Crimson Text";
        font-size: 18px;
        line-height: 18px;
        letter-spacing: .05em
    }

    .dropdown-feedback span.title {
        padding: 0
    }
    .header-trigger.active .close-trigger{
        top: 0%;
    }
    
    
    .subnav2,
    .subnav {
        top: 0;
        background: #ebebeb;
        height: 100%;
        bottom: 0
    }
    .subnav2 .subnav-column:nth-child(2),
    .subnav .subnav-column:nth-child(2) {
        display: none!important
    }
    .subnav2 .subnav-column,
    .subnav .subnav-column {
        width: 100%
    }
    .subnav2 .subnav-column:first-child,
    .subnav .subnav-column:first-child {
        padding: 0
    }
    .subnav2 ul.category-nav,
    .subnav ul.category-nav {
        float: inherit;
        width: 100%
    }
    .subnav2 ul.category-nav li,
    .subnav ul.category-nav li {
        padding: 0;
        display: block!important
    }
    .subnav2 ul.category-nav li a,
    .subnav ul.category-nav li a {
        text-decoration: none
    }
    .subnav2 .inner,
    .subnav .inner {
        -webkit-box-shadow: initial;
        box-shadow: initial;
        background: 0 0
    }
    .subnav2 ul.category-nav li a svg,
    .subnav ul.category-nav li a svg {
        position: absolute;
        top: 50%;
        right: 13px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        fill: #494949
    }
    .header-nav>.inner>ul>li>a.show+.subnav2,
    .header-nav>.inner>ul>li>a.show+.subnav {
        display: block!important;
        opacity: 1;
        visibility: visible
    }
    .header-nav ul>li>a.show+.subnav2,
    .header-nav ul>li>a.show+.subnav {
        display: block!important;
        opacity: 1;
        visibility: visible;
    }
    .subnav-back {
        display: block!important;
        position: relative;
        height: 48px;
        padding: 0 20px 0 58px;
        font-size: 15px;
        line-height: 50px;
        text-transform: uppercase;
        letter-spacing: .1em;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        cursor: pointer;
    }
    .subnav-back .icon-arrow-left {
        position: absolute;
        top: 50%;
        left: 16px;
        width: 8px;
        height: 16px;
        margin-top: -8px;
        fill: #494949;
    }
}

.header-progress-bar {
    display: none;
    height: 3px;
    width: 100%;
    background: #AEB9DA;
    position: relative
}

.header-progress-bar.active {
    display: block
}

.header-progress-bar__inner {
    height: 3px;
    width: 0;
    background: #505050;
    transition: width .35s linear
}

.cart-dropdown-inner::-webkit-scrollbar,
.filter-list::-webkit-scrollbar,
.filter-section .section-trigger.active+.section-list .section-list-inner::-webkit-scrollbar {
  width: 3px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.cart-dropdown-inner::-webkit-scrollbar-track,
.filter-list::-webkit-scrollbar-track,
.filter-section .section-trigger.active+.section-list .section-list-inner::-webkit-scrollbar-track {
  background-color: #ccc;
}
.cart-dropdown-inner::-webkit-scrollbar-thumb,
.filter-list::-webkit-scrollbar-thumb,
.filter-section .section-trigger.active+.section-list .section-list-inner::-webkit-scrollbar-thumb {
  background-color: #505050;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}


svg {
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s;
    user-select: none;
    pointer-events: none;
}