*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section,
time, mark, audio, video {
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html{ height: 100%; }
body {
    line-height:1;
    min-height: 100vh;
    height: 100%;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    font-family: 'Lato';
}
footer,header,menu,nav,section {
    display:block;
}
img {
    height: fit-content;
    max-width: 100%;
}
nav ul {
    list-style:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    font-weight: 400;
    vertical-align:baseline;
    background:transparent;
    color:#1F2131;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
svg{ 
    fill:#9FA2CE;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
}
.banner-top{
    height:50px;width:100%;background-repeat-x:repeat;z-index:100;background-position:center!important;
} 
.mob{
    display: none!important;
}
header {
    background: #fff;
    position: fixed;
    z-index: 50;
    min-width: 100%;
    width: 100%;
    box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -ms-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -o-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -khtml-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.inner {
    position: relative;
    max-width: 1310px;
    margin: auto;
    padding: 0 15px;
    width: 100%;
}
.main {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    height: 100%;
    z-index: 20;
    padding-top: 170px;
}
.content {
    flex: 1 0 auto;
}
.btn-menu-trigger,
.header-actions,
.head-left,
.head-right,
.header-middle .inner,
.head-top .inner{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
@media(max-width:1024px){ 
    .header-mobile-menu{
        width: 100%;
    }
    .mobile-menu-trigger{
        cursor: pointer;
    }
    .head-left .search-trigger{
        display: block!important;
        margin-left: 17px;
        cursor: pointer
    }
}
.head-top{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding-top: 14px;
}
.site-city,
.head-top-left{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.site-city{
    line-height: calc(1em + 7px);
    margin-right: 35px;
}
.site-city svg{
    margin-right: 8px;
    fill:#ABAEC9
}
.head-phone{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.head-phone a{
    font-size: 18px;
    font-weight: bold;
}
.head-phone a span{
    margin-left: 8px;
    margin-right: 8px;
}
.head-phone>span{
    font-size: 13px;
    color:#8A8A9E;
    margin-left: 3px;
}
.head-top .menu-top{
    margin-left: auto;
}


.head-top .menu-top ul{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    list-style: none;
}
.bscroll .head-top .inner {
    padding-top: 0px!important;
}
.head-center{
    width: 100%;
    margin-right: 40px;
}
.menu-top li a{
    display: table;
    font-size: 14px;
    color:#868199;
}
.head-top .inner ul li:not(:last-child){
    margin-right: 19px;
}
.header-middle{
    padding-top: 21px;
    padding-bottom: 9px;
}
.mobile-menu-trigger{
    display: table;
    margin: 0 auto
}
.hmenu-list ul,
.head-menu-inner{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
} 
.hmenu-list{
    width: 100%;
    overflow: hidden
}
.hmenu-list:hover{
    overflow: visible
}
.icon-pointer{
    display: table
}
.hmenu-list ul li a,
.hmenu-list ul li{
    white-space: nowrap;
}
.hmenu-list ul li a{
    font-size: 16px;
}
.hmenu-list ul li{
    margin-right: 18px;
}
.btn-menu-trigger{
    background: #380B2F;
    color:#fff;
    padding: 12px 21px 12px 21px;
    margin-right: 30px;
    cursor: pointer;
    max-width: 138px;
}
.btn-menu-trigger svg{
    fill:#fff;
    margin-right: 10px;
}
.sticky .head-top{
    display: none;
}
.logo{
    margin-right: 30px;
} 
.logo div{
    font-size: 9px;
    color:#AEB9DA;
    text-transform: uppercase
}
.header-phone{
    flex: 0 0 160px;
    flex-basis: 160px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    font-size: 11px;
}
.header-phone p{
    color:#66C736;
    text-transform: uppercase;
    cursor: pointer
}
.phone__link {
    font-size: 16px;
    font-weight: 800
}
.header-phone .popup-trigger{
    font-size: 11px;
    color:#66C736;
    width: 100%;
}
.header-menu__item--more-items{
    display: flex;
    position: absolute;
    right: -16px;
    top: -9px;
    cursor: pointer;
    padding: 15px 0;
}
.header-menu__more-items-list{
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    display: none;
    z-index: 107;
    cursor: default;
    min-width: 200px;
    max-width: 250px;
}
.header-menu__more-items-list:hover,
.header-menu__item--more-items:hover .header-menu__more-items-list{
    display: block;
    background: #fff;
    padding: 15px 10px;
    box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -ms-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -o-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -khtml-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    right: -25px;
    top: 34px;
}
.header-menu__item svg{
    fill:#5E5766;
}
.header-menu__more-items-list li{
    margin-bottom: 8px;
}
.header-menu__more-items-list li a,
.header-menu__more-items-list li{
    white-space: normal!important;
}
.header-menu__more-items-list ul{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.category-top{
   position: relative;
}
@media(max-width:1080px) { 
    .head-phone span,
    .site-city span{
        display: none;
    }
    .site-city{
        margin-right: 20px;
    }
}
.head-right{
    margin-left: auto;
    max-width: 342px;
    justify-content: flex-end;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
}
.header-actions{
    justify-content: flex-end;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
}
.header-menu{
    flex-grow: 1;
    margin-right: 30px;
}
.header-menu nav{
    width: 100%;
}
.header-menu ul{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    text-transform: uppercase;
    line-height: 19px;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.header-menu ul li{
    padding: 0 2%;
}
.header-menu ul li a{
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap
}
#search_form{
    position: relative;
    width: 100%;
    margin: 0;
    border: 1px solid #DFDFEC;
    border-image: initial;
    background: #fff;
    outline: 0;
    border-radius: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
#search_form .search-photo{
    width: 42px;
    border-right:1px solid #DFDFEC
}
.header-search input{
    outline: 0;
    border: none;
    position: relative;
    display: block;
    width: 100%;
    height: 38px;
    font-size: 14px;
    font-weight: 400;
    color: #231b14;
    appearance: none;
    padding: 0 15px;
}
.header-trigger{
    text-align: center;
    font-size: 14px;
    margin: 0 10px;
}
.header-trigger a{
    font-size: 15px;
}

@media(min-width:841px){
    .header-search{
        width: 100%;
        justify-content: end;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
    }
    .header-search div{
        width: 100%;
    }
}
#search_form button{
    position: absolute;
    cursor: pointer;
    right: 18px;
    top: 9px;
    border:none;
    background: transparent; 
}


@media(min-width:1025px){
    .header-nav .mobile-menu-trigger{
        display: none;
    }
}

.header-trigger a .icon svg:not(.icon-call){
    stroke: #868199;
    fill:none;
}
.bx-basket .icon svg{
    stroke: #66C736!important;
}
@media(max-width:1440px){
    .header-nav ul li a{
        font-size: 13px;
    }
}

@media(max-width:1324px){
    .header-nav ul li a {
        font-size: 12px;
    }
}
@media(max-width:1220px){
    .header-nav ul li a{
        font-size: 11px;
    }
    .header-nav ul li:not(:last-child){
        padding-right: 2%;
    }
}
@media(max-width:1130px){
    .header-nav ul li a{
        font-size: 10px;
    }
}
@media(min-width:941px) and (max-width:1300px){
    .search-trigger{
        border-bottom: 1px solid #9fa2ce;
        padding-bottom: 5px;
    }
    .search-trigger .icon{
        margin: 0 auto;
        display: table;
    }
    .search-trigger svg{
        width: 18px;
        height: 18px;
    }
}


@media(max-width:1024px){
    .header-nav{
        display: none;
    }
    .header-nav.active{
        display: block;
    }
    .column-scroll {
        overflow-y: auto;
    }
    .mobile-menu-trigger.active .open{
        display: none
    }
    .mobile-menu-trigger.active .close{
        display: block!important
    }
    .logo .viewm{
       display: block!important 
    }
    .phone-trigger{
        display: block!important 
    }
    .phone-trigger svg{
        fill: #9fa2ce!important;
    }
    .logo .viewd{
        display: none;
    }
    .header-trigger:not(:last-child){
        margin-right: 20px;
    }
    .bx-basket .active{
        color: #f18b22;
    }
    .header-trigger:not(.basket-trigger) .trigger-name{
        display: none;
    }
    .header-trigger .trigger-name span:not(.count){
        display: none;
    }
    .header-menu{
        display: none;
    }
}
@media(max-width:840px) {
    .mob{
        display: flex!important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
    }
    .header-trigger:not(:last-child){
        margin: 0 10px;
    }
    .dsct{
        display: none!important;
    }
    .header-middle .inner{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    .head-center{
        order: 1;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 8px;
    }
    .header-middle .btn-menu-trigger{
        order: 2;
    }
    .head-right{
        order: 3;
    }
    .head-phone a span{
        display: inline;
    }
}
.menu-pointer{
    margin-left: auto;
    cursor: pointer;
    padding: 10px 0;
}
.menu-pointer svg{
    fill:#868199
}
@media(max-width:640px){
    .head-phone a{
        font-size: 14px;
    }
    .site-city{
        margin-right: 3px;
    }
    .logo {
        margin-right: 25px;
    }
}



.openmenu{
    position: fixed;
    display: table!important;
    width: 100%;
    left: 0px;
    right: 0px;
    background: #fff;
    padding: 10px;
    top: 50px;
    z-index: 1;
    box-shadow: 0px 4px 4px 0px rgba(34, 60, 80, 0.2);
-webkit-box-shadow: 0px 4px 4px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 4px 4px 0px rgba(34, 60, 80, 0.2);
-ms-box-shadow: 0px 4px 4px 0px rgba(34, 60, 80, 0.2);
-o-box-shadow: 0px 4px 4px 0px rgba(34, 60, 80, 0.2);
-khtml-box-shadow: 0px 4px 4px 0px rgba(34, 60, 80, 0.2);
}
.openmenu ul{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: 58px;
}
.openmenu ul li{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 13px;
}
.openmenu ul li a{
    color:#1F2131; 
    font-size: 15px;
}


.menu-addinfo{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.menu-addinfo .dop-city{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin-bottom: 10px;
}
.menu-addinfo .dop-city svg {
    margin-right: 8px;
    fill: #ABAEC9;
}
.menu-addinfo .dop-phone{
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.menu-addinfo .dop-phone a {
    font-size: 18px;
    font-weight: bold;
}
.menu-addinfo .dop-phone a span {
    margin-left: 8px;
    margin-right: 8px;
}


.popup-catalog{
    display: none;
    padding: 0px 0px 0 calc((100% - 1310px) / 2 + 15px);
    z-index: 2;
    position: relative;
    bottom: 0px;
}
.popup-catalog-inner{
    overflow-y: scroll;
    padding-top: 31px;
    height: 100%;
    max-width: 180px;
}
.popup-catalog .bx-nav-list-1-lvl{
    max-width: 180px;
}
.popup-catalog.active{
    display: block!important;
    position: fixed;
    left: 0px;
    z-index: 11;
    top: 142px;
    background: #fff;
    /*overflow-y: scroll;*/
}
.admin .popup-catalog.active{
    top:186px;
}
.bscroll .popup-catalog{
    top: 119px;
}
.popup-catalog li{
    margin-bottom: 18px;
}
.catalog-menu-level2 a{
    margin-bottom: 14px;
    font-size: 16px;
    text-transform: lowercase
}
.catalog-menu-level2 a::first-letter{
    text-transform: uppercase;
}
@media(min-width:980px) {
    .popup-catalog li:hover .catalog-menu-level2{
        display: block !important;
        position: absolute;
        right: calc((((100% - 180px) + 1310px - 180px) - 14px) * -1);
        width: calc((100% - 180px) + 1310px - 180px);
        background: #fff;
        top: 0;
        bottom: 0px;
        padding: 31px 0 25px 25px;
        box-shadow: inset 4px -9px 8px 0px rgba(34, 60, 80, 0.2);
        -webkit-box-shadow: inset 4px -9px 8px 0px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: inset 4px -9px 8px 0px rgba(34, 60, 80, 0.2);
        -ms-box-shadow: inset 4px -9px 8px 0px rgba(34, 60, 80, 0.2);
        -o-box-shadow: inset 4px -9px 8px 0px rgba(34, 60, 80, 0.2);
        -khtml-box-shadow: inset 4px -9px 8px 0px rgba(34, 60, 80, 0.2);
    }
}
@media(max-width:980px) {
    .bx-nav-1-lvl > a{
        padding-left: 12px;
    }
    .bx-nav-1-lvl.show .catalog-menu-level2{
        display: block !important;
        padding-bottom: 8px;
        padding-top: 20px;
        padding-left: 13px;
    }
    .popup-catalog-inner{
        overflow-y: auto
    }
    .catalog-menu-level2{
        margin-top: 13px;
        background: rgba(246, 246, 250, 1);
        border-width: 1px 0px 1px 0px;
        border-style: solid;
        border-color: rgba(237, 237, 250, 1);
    }
    .catalog-menu-level2 a{
        margin-bottom: 12px;
    }
    .popup-catalog .bx-nav-list-1-lvl,
    .popup-catalog-inner{
        max-width: 100%;
        width: 100%;
    }
    .catalog-menu-level2{
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .popup-catalog.active{
        width: 100%;
    }
    .popup-catalog li.show a > svg{
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg); 
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
.popup-catalog li a{
    position: relative;
    font-size: 17px;
    font-weight: 500;
    width: 100%;
    display: block;
}
.popup-catalog li a span{
    padding-right: 10px;
}
.popup-catalog li a:hover{
    color: rgba(225, 68, 89, 1);
}
.catalog-menu-mobile a{
    text-decoration: underline;
    color: rgba(225, 53, 76, 1);
}
.popup-catalog li a>svg{
    position: absolute;
    stroke: #9b9b9c;
    right: 7px;
    top: 3px;
}
.popup-catalog li a span{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.header-actions .icon{
    display: block;
    height: 24px;
    margin-bottom: 1px;
}
.header-delivery .icon{
    padding-right: 10px
}
.popup-catalog.active + .popup-catalog-bg{
    position: fixed;
    cursor: pointer;
    z-index: 10;
    top:0px;
    left:0px;
    bottom:0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.favorite-trigger.show svg:not(.icon-call) {
    
}
.favorite-trigger a,
.bx-basket a{ 
    position: relative;
}
.favorite-trigger a .count,
.bx-basket a .count{
    position: absolute;
    top: 3px;
    left: 4px;
    padding: 5px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    background: #c50000;
    color: #fff;
    font-size: 11px;
    width: 21px;
    height: 21px;
}
@media(max-width:1024px){
    .catalog-menu-mobile{
        display: block
    }
    .popup-catalog.active{
        top:100px;
    }
}
.menu-catalog-box{
    width: 100%;
    display: block;
    min-height: 10px;
}
.catalog-menu .slide{
    width: 142px;
    max-width: 142px;
    flex: 0 0 142px;
    flex-basis: 142px;
    
    position: relative;
    
    line-height: 23px;
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
}
.catalog-menu .slide .icon{
    display: none;
}