html, body{
    height: 100%;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    color: #3A3F5C;
}

*:focus-visible { outline: none; }

img {max-width: 100%; height: auto;}

.container-fluid {max-width: 1600px;}

.catalog-show body{
    overflow: hidden;
}

hr.test{background:red; margin: 2em 0;}

.hidden {display:none;}

.red {color:red;}

#header{
    margin-bottom: 1.5rem;
}

#logo{
    width:6rem;
    height:auto;
    display:block;
    margin: 0;
    float:left;
    z-index: 100;
    position: relative;

}

.mainPage h2.mb{
    margin-bottom: -1.5rem;
}

a.my_butt_a{
    padding: .3rem;
    border-radius: .25rem;
    text-transform: uppercase;
    color:#ffffff;
    display:block;
    background: #ea5403;
    text-align:center;
    text-decoration: none;
    font-size: .85rem;
}
a.my_butt_a:hover{
    background:#ff7c36;
    color:#ffffff;
}

.btn_green{
    width: auto;
    display: inline-block;
    text-align: center;
    margin-bottom: .6rem;
    padding: .3rem 1.2rem .5rem;
    border-radius: .4rem;
    background: #02730A;
    color: #fff !important;
    text-transform: lowercase;
}

.btn_green_out{
    background: transparent;
    color: #02730A !important;
    border: 1px solid #02730A;
}

.bx-blue .btn.btn-default {
    background-color: #ea5403;
    border-color: #ea5403;
}

.bx-blue .btn.btn-default:hover {
    background-color: #ff7c36;
    border-color: #ff7c36;
}

.btn-outline-success {
  color: #02730A;
  border-color: #02730A;
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #02730A;
    border-color: #02730A;
}

.btn-outline-light {
  color: #B9B9B9;
  border-color: #B9B9B9;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #B9B9B9;
}

.page-logo img {
height: 100px;
width: 100px;
}

h2, .h2 {font-size: 1.8rem;}

.item-pic a{
    background-size: cover!important;
}

.text-decoration-underline {text-decoration: underline !important;}


#top-contacts{
    width:auto;
    margin: 0;
    float:right;
    position:relative;
}

#top-contacts .my_butt_a{
    margin-top:1rem;
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
}

#top-navigation{
    border-bottom:1px dashed #DDDDDD;
    margin:1rem 0 1rem 8rem;
    position:relative;
    font-size: .9rem;
}

#top-navigation .navbar {
    padding: 0;
}

#top-navigation .navbar-nav{
    text-align:center;
    vertical-align:top;
    margin: 0;
    display:block;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Roboto;
}
#top-navigation .navbar-toggler-right{
    height:1.3em;
}

#top-navigation .navbar-nav .nav-item{
    border:0px solid blue;
    float:none;
    display:inline-block;

}

#top-navigation .nav-link {
    padding: 0 1.5rem .5rem 0;
}

/* ����� ��� �������  � ����*/
/*#top-navigation .navbar-nav .nav-item:nth-last-child(n+6){ margin-top:1em; }*/

#top-navigation .navbar-nav .nav-item a{
    color:#3A3F5C;
}
#top-navigation .navbar-nav .nav-item a:hover{
    color:#02730A;
    text-decoration:underline;
}

#top-navigation .navbar-brand {display:none;}
#top-navigation.sps--blw .navbar-brand {display:inline-block !important; }
#top-navigation.sps--blw .navbar-brand img {width:auto; height:3.5em; margin:0.3em 0 0 1em; }


#bx_cart_block_inline{
    position: relative;
    text-align:right;
    float: right;
    font-family: Roboto;
    width: 12rem;
    z-index: 1000;
}


.head-lk{
    text-transform: uppercase;
    float: right;
    color: #3A3F5C;
    font-weight: 500;
    font-family: Roboto;
    width: 12rem;
    text-align: right;
}

.head-lk:hover{
    color:#02730A;
    text-decoration:underline;
}



#header.sps--blw{
    position: fixed;
    top: 0;
    z-index: 10000;
    background: #fff;
    width: 100%;
    left: 0;
    padding: .5rem 1rem 0 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    height: 3.5rem;
}

#header.sps--blw #btnCatalog {margin: .2rem 0 0 1rem;}
#header.sps--blw #searchform {padding-left: 12rem;margin-top: .2rem; display: none;}
#header.sps--blw #logo, #header.sps--blw #top-navigation{display: none;}


#freedelivery{
    font-size: 0.6em;
    margin-top: -.3rem;
    display: none !important;
}

.tel{ color:#3A3F5C;font-family: "Roboto";}
.tel:hover{text-decoration:none; color:#000;}
.tel .fa {color: #02730A;}


#btnCatalog {
    margin:0 0 0 2rem;
    float: left;
    padding: .2rem 2rem !important;
    border-radius: 2rem !important;
    z-index: 100;
    position: relative;
    border: 1px solid #02730A;
    transition: 0.25s;
}

.catalog-show #btnCatalog{
    color: #02730A;
    background: transparent;
}

.btn-green{
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Roboto;
    background: #02730A;
    color: #FFF;
    padding: .4rem 1.5rem;
    border-radius: .4rem;
    cursor: pointer;
    user-select: none;
    border: 1px solid #02730A;
    text-decoration: none;
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
}


.btn-green:hover{
    background: #FFF;
    text-decoration: none;
    color: #02730A;
}


#searchform{
    border:0px solid red;
    margin:0;
    /*float: left;*/
    position:relative;
    padding-left: 18.5rem;
    padding-right: 12rem;
    /*padding-top: .4rem;*/
    width: 100%;
    transition: 0.25s;
}

#searchform .input-group{
    width:100%;
    margin:0 auto;

}

#searchform .input-group .form-control{
    border:1px solid #AEAEAE;
    font-size: 0.8rem;
    font-family: "Roboto";
    padding:.35rem 1rem;
    border-radius: 1rem 0 0 1rem;
    border-right-width: 0;
}

#searchform .input-group .input-group-text{
    border:1px solid #AEAEAE;
    font-size: 0.8rem;
    font-family: "Roboto";
    padding:.35rem 1rem;
    border-radius: 0 1rem 1rem 0;
    background: transparent;
    border-left-width: 0;
    color: #AEAEAE;
}

#searchform .search-button{
    border-radius: 0 1rem 1rem 0;
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
    background: #02730A;
    text-align: center;
    text-decoration: none;
    font-size: 0.8rem;
    border:none;
    padding: 0.25rem 1rem;
    cursor: pointer;
    font-weight: 500;
    font-family: "Roboto Slab";
    height: 100%;
}

#footer{
    padding:1em;
    background:#F8F8F8;
    border-top:1px solid rgba(0,0,0,.1);
    margin-top:2em;
    font-size: .9rem;

}
#footer #subscribe_email{background: #fff; font-size: 1rem; padding: .4rem 1.5rem; width: calc(80% - 12rem); max-width: 18rem; float: left; margin-right: 1rem; border: 1px solid #AEAEAE; border-radius: 2rem; }
#footer .logo {width: 8rem;display: block; float: left;}
#footer .contacts {width: 22rem;float: left; margin-left: 3rem;font-size: .9rem;}
#footer .callback-link {margin-left: 0;display: block;width: 9em;margin-bottom: 1rem;font-size: .9rem;}
#footer .social {float: right; text-align: center; width: 11rem;font-size: 1rem;}
#footer .social .fa {font-size: 2rem;margin-top: .5rem;}
#footer .social-mobile {display: none;}
#footer .footer_subscribe {display: block; margin-left: 30rem; margin-right: 12rem;}
#footer .js-subscribe {width: 10rem;float: left; border-radius: 2rem;}
#footer .copyright {text-transform: uppercase; clear: both; font-size: .8rem;padding-top: 1rem;}
#footer .navbar {padding: 0;margin-bottom: .5rem; font-size: 1rem;}
#footer .navbar-light .navbar-nav .nav-link {color: #3A3F5C;}
#footer .navbar-expand-md .navbar-nav .nav-link {padding: 0 .9rem 0 0;font-family: Roboto;font-weight: 500;}
#footer .navbar-light .navbar-nav .nav-link:focus, #footer .navbar-light .navbar-nav .nav-link:hover {color: #02730A;}
#footer .callback-phone {font-size: 1rem;margin-bottom: 0;}


.home-categories-list a[href="/catalog/natural_beauty/"]{color:blue;}
.home-categories-list a[href="/catalog/novyy_god/"]{color:rgb(207, 39, 52);}


.icon-hc {
    display: inline-block;
    height: 25px;
    width: 25px;
}

.icon-hc-0 { background: url('/static/img/icon-hc-0.png') center left no-repeat; background-size: cover; }
.icon-hc-1 { background: url('/static/img/icon-hc-1.png') center left no-repeat; background-size: cover; }
.icon-hc-2 { background: url('/static/img/icon-hc-2.png') center left no-repeat; background-size: cover; }
.icon-hc-3 { background: url('/static/img/icon-hc-3.png') center left no-repeat; background-size: cover; }
.icon-hc-4 { background: url('/static/img/icon-hc-4.png') center left no-repeat; background-size: cover; }
.icon-hc-5 { background: url('/static/img/icon-hc-5.png') center left no-repeat; background-size: cover; }
.icon-hc-6 { background: url('/static/img/icon-hc-6.png') center left no-repeat; background-size: cover; }
.icon-hc-7 { background: url('/static/img/icon-hc-7.png') center left no-repeat; background-size: cover; }
.icon-hc-8 { background: url('/static/img/icon-hc-8.png') center left no-repeat; background-size: cover; }
.icon-hc-9 { background: url('/static/img/icon-hc-9.png') center left no-repeat; background-size: cover; }
.icon-hc-10 { background: url('/static/img/icon-hc-10.png') center left no-repeat; background-size: cover; }
.icon-hc-11 { background: url('/static/img/icon-hc-11.png') center left no-repeat; background-size: cover; }
.icon-hc-12 { background: url('/static/img/icon-hc-12.png') center left no-repeat; background-size: cover; }
.icon-hc-13 { background: url('/static/img/icon-hc-0.png') center left no-repeat; background-size: cover; }
.icon-hc-14 { background: url('/static/img/icon-hc-14.png') center left no-repeat; background-size: cover; }
.icon-hc-15 { background: url('/static/img/icon-hc-15.png') center left no-repeat; background-size: cover; }
.icon-hc-17 { background: url('/static/img/icon-hc-17.png') center left no-repeat; background-size: cover; }
.icon-hc-18 { background: url('/static/img/icon-hc-18.png') center left no-repeat; background-size: cover; }
.icon-hc-19 { background: url('/static/img/icon-hc-19.png') center left no-repeat; background-size: cover; }


h1.small{font-size:1.7em;text-transform:uppercase;font-weight: 700;}


.bx-yellow .btn.btn-default {
    outline: 0;
    background-color: #ea5403;
    border-color: #ea5403;
    color: #FFF;
}

.bx-yellow .btn.btn-default:hover {
    outline: 0;
    background-color: #ff7c36;
    border-color: #ff7c36;
    color: #FFF;
}

.bx-soa-cart-total.bx-soa-cart-total-fixed{
    position: fixed !important;
    top: 100px !important;;
}

.dropdown-menu.show{
    z-index: 1001;
    font-size:0.9em;
}

#recomendation{margin:0;}
#recomendation .item-text{
    background:#f5f5f5;
    text-align:center;
    height:17.5em;
    line-height:1.2em;
}

#recomendation .item-text a{
    display:block;
    width:100%;
    height:100%;
    padding-top:1.5em;
}
#recomendation .item-text a:hover{
    text-decoration:none;
    color:#000;
}

#recomendation .item-pic{
    height:17.5em;
    padding:0;
}
#recomendation .item-pic a{
    display:block;
    width:100%;
    height:100%;
}
#recomendation .item-pic a div{
    display:block;
    width:100%;
    height:100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#catalog-mobile{display:block;text-align:right;border:1px solid rgba(0,0,0,.1); text-transform: uppercase; border-radius:.25rem; margin-bottom:1em;min-height: 3.5em;}
#catalog-mobile .nav{margin-top:0.5em;display:block;}
#catalog-mobile .title{ float:left; font-size:1.2em;text-transform:uppercase;font-weight: 700; margin-top:0.3em; color:#868686;}
#catalog-mobile .nav-pills .nav-link{
    padding:.2em 0em;
    border-radius:0;
}
#catalog-mobile .nav-pills .nav-item.open .nav-link,
#catalog-mobile .nav-pills .nav-item.open .nav-link:focus,
#catalog-mobile .nav-pills .nav-item.open .nav-link:hover,
#catalog-mobile .nav-pills .nav-link.active,
#catalog-mobile .nav-pills .nav-link.active:focus,
#catalog-mobile .nav-pills .nav-link.active:hover{background-color:transparent;color:#000; font-weight: 700; }

#catalog-mobile .navbar-toggler{
    border-color:#547322;
    background-color:#f7f7f9;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    height: 1.3em;
}
#catalog-mobile {}
.title{
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
}

.catalog_big_image_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0px solid red;
    cursor: zoom-in;
}

.catalog_big_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .3s ease-out;
}


/*
.titlewithline { position:relative; z-index:1; overflow:hidden; text-align:center;  margin-bottom: 0.7em; line-height:1.3em;}
.titlewithline:before, .titlewithline:after { content:''; display:inline-block; width:100%; height:1px; background: #547322; z-index:-1; position:relative; vertical-align:middle; }
.titlewithline:before { right:1em; margin:0 0 0 -100%; }
.titlewithline:after { left:1em; margin:0 -100% 0 0; }
*/
.titlewithline{margin-bottom: 0.7em; line-height:1.3em;}


.popup-window{
    font:0.9em "Roboto", Helvetica, Arial, sans-serif;
}

.popup-window-titlebar-text{color:#000;font-size:0.9em;}
.popup-window.popup-window-with-titlebar{
    padding:0;
    width:20em;
}
.popup-window-titlebar{background: #f2f2f2;}
.popup-window-titlebar-close-icon{
    top:0;
    right:0;
}

.popup-window-with-titlebar .popup-window-content{
    padding:1em 1em 0 1em;
    font-weight: 700;
}
.popup-window-with-titlebar .popup-window-content img{
    height:auto;
    max-height:100% !important;
    margin-bottom:1em;
}

.popup-window-buttons{
    padding:0;
}
.popup-window-buttons .bx_medium.bx_bt_button{
    display:block;
    font-size:1.1em;
    padding: 0.25em;
    width: 80%;
    margin: 0 auto 1em auto;
    border-radius: 0.25rem;
    height: auto;
    background: #02730A;
    color: #fff;
    cursor: pointer;
    border: 1px solid #02730A;
}

.popup-window-buttons .bx_medium.bx_bt_button:hover{
    background: #FFF;
    color: #02730A;
}

.popup-window-titlebar{
    margin:0;
}

a.sale-order-history-link{
    color: #ea5403;
    font-weight:700;
    display: block;
    /*margin-bottom: 0.6em;*/
    font:1em "Roboto", Helvetica, Arial, sans-serif;
    line-height:1.6em;
}


.bx_item_list_slide{
    width:100%;
}

/* fix ��� ������ */
table.list_r img{max-width:none;}


/*
#catalog_sorting{
    width:20em;
    text-align:right;
    position: absolute;
    right: 0;
    max-width: 100%;
}
#catalog_sorting a{text-decoration:none;color:black;}
#catalog_sorting a:hover{color:#ea5403;}

#catalog_sorting a.selected{color:#547322;}
#catalog_sorting a.selected:hover{color:#ea5403;}
#catalog_sorting #catalog_sorting_select{
    font-size: 0.9rem;
    height: auto;
    border: none;
}
*/

h2 a, h2 a:hover {
    text-decoration: none;
    z-index: 1000;
    display: block;
    position: relative;
    color: #3A3F5C;
    width: 90%;
}


img.section-hero{
    margin-bottom: .5rem;
}

.bx-section-desc{
    font-size: 1.2rem;
    width: 66%;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.cat-order {position: absolute; right: 0; top: 0;}
.cat-order.left {position: relative; right: unset; top: unset;margin-bottom: 1rem;margin-top: 1rem;}
.cat-order button {background: none; color: #02730A; /*font-weight: 500;*/ border: 1px solid #02730A;border-radius: 1rem; padding: .3rem 1rem;}
.cat-order .dropdown-item i {color: #02730A;}
.cat-filter {display: block; width: 100%; background-color: #EFEFEF; padding: .3rem;border-radius: .4rem; margin-top: 1rem; margin-bottom: 1rem;overflow: auto;}
.cat-filter .wrap {text-wrap: nowrap;}
.cat-filter a {display: inline-block; margin-right: 1rem; border: none; border-radius: .4rem; padding: .3rem 1rem; color: #02730A; background-color: #FFF;}
.cat-filter :is(a:hover, a.active) {text-decoration: none; color: #FFF; background-color: #02730A;}

/***********************************************************************/

/* Extra small devices (portrait phones, less than 544px) */
@media (max-width: 543px) {
    /*html, body{
        font-size: 14px;
        line-height: 1.4em;
    }*/

    #searchform{
        width: 100%;
        margin: 0;
        clear:both;
        /*display: none;*/
        padding: 1rem 0 0 0;
    }
    #searchform .input-group{width:100%;}
    #searchform input{
        font-size: 16px !important;
    }

    #logo{margin-top:.5rem; width:80px; height:80px;float: left;}
    #top-contacts{margin: 1.8em 0 0 0;}
    #top-contacts .my_butt_a {margin-top:-0.5em;}
    #top-contacts span.callback-link {margin-top: -1em; display: block; padding: 0.5em; text-align: right;}
    #top-navigation{
        float:left;
        margin: 2.3rem 0 0 2.7rem;
        position:relative;
        text-align:right;
        clear:right;
        height:auto;
        border: none;
        width: calc(100% - 80px - 2.7rem);
    }
    .navbar-toggler{
        background-color:#ea5403; color:#fff;
    }
    .navbar-light .navbar-toggler {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

    .top-sub-menu.sps--blw #bx_cart_block_inline {padding-top: .5rem;}

    #lk{display: none;}
    #top-contacts {margin: 0;float: left;margin-top: .2rem;}
    #top-contacts span.callback-link {display: none;}


    #top-navigation.sps.sps--blw{
        position: fixed;
        top: 0;
        z-index: 9999;
        margin-top: 0;
        border-radius: 0;
        left: 0;
    }


    #top-navigation .navbar{
        z-index:1000;
        /*background:#fff;*/
        /*border:1px solid rgba(0,0,0,.1);*/
        border-radius:.25rem;
        /*min-width: 2.5rem;
        min-height: 2.5rem;*/
        /*margin-bottom: 1em;*/
        float: right;
        width: 92vw;
    }

    #top-navigation .navbar button {position: absolute;right: 0; top: -2rem;}
    #top-navigation .navbar button.focus, #top-navigation .navbar button:focus {box-shadow: none;}
    #top-navigation .nav-link {padding: 0 .7rem .5rem 0;}

    #top-navigation.sps.sps--blw .navbar{
        border:none;
        border-bottom:1px solid rgba(0,0,0,.1);
        border-radius:-
    }

    #top-navigation .navbar-nav{margin-top:0.5em;}
    #top-navigation .navbar-nav .nav-item{
        float:left;
        display:block;
        clear:both;
        text-align: left;
        min-width: 100%;
    }
    #top-navigation #menu .navbar-nav .nav-item{
        float:right;
    }

    #top-navigation .navbar-nav .nav-item a{
        font-weight: 500;
    }

    #top-navigation.sps.sps--blw #mobile-logo{
        display:block !important;
        z-index: 10000;
        position: fixed;
        top: 0;
        left: 45%;
        width: 2.7em;
    }
    #top-navigation .navbar-collapse{
        /*position: absolute;
        top: 2.2rem;
        right: 0;*/
        background: #fff;
        width: 92vw;
        margin-top: 1.2rem;

    }
    .navbar-nav .nav-link{padding:0.1em;}
    .navbar .fa {color: #02730A;}
    .navbar .fa.fa-bars {font-size: 1.2rem;}
    #bx_cart_block_inline{/*top:0.1em;border-top:1px solid rgba(0,0,0,.1);*/padding-top: 1rem;float: right;width: 10rem;clear: both;}
    .sps--blw #bx_cart_block_inline{padding-top: .5rem;}
    #btnCatalog {margin: .9rem 0 0 0;float: left;clear: left;}
    #freedelivery {display: none;}
    #footer {padding: 1rem .5rem;}
    #footer #subscribe_email {width: 100%;margin-bottom: 1rem;margin-right: 0;max-width: 100%;font-size: .9rem;}
    #footer .menu, #footer .social {display: none;}
    #footer .logo {width: 4rem;float: right;}
    #footer .contacts {width: calc(100% - 4rem);margin-left: 0;}
    #footer .footer_subscribe {margin: 0;clear: both;}
    #footer .js-subscribe {margin-left: calc(50% - 5rem);margin-bottom: 1rem;}
    #footer .copyright {font-size: .7rem;}
    #footer .social-mobile {display: block;clear: both;width: 100%;text-align: center;padding-top: .5rem;}
    #footer .social-mobile .fa {font-size: 2.5rem;margin: .5rem .3rem;}
    #top-navigation.sps--blw .navbar-brand {display:none !important; }
    #header.sps--blw #btnCatalog {margin: .2rem 0 0 0;}

    .bx-section-desc {width: 100%; }

    .cat-order {position: relative;margin-top: .5rem;}
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) and (max-width: 767px) {
    #logo{margin-top:1.5em;width:80px; height:80px;}
    #top-contacts{margin-top:0.5em;}
    #searchform, .callback-link{display:none;}
    #top-contacts .my_butt_a {margin-top:-0.5em;}
    #top-navigation{
        float:right;
        border:0px solid red;
        margin:0.3em 0 0 0;
        position:relative;
        text-align:right;
        clear:right;
        height:auto;
    }
    
    .navbar-toggler{
    background-color:#ea5403; color:#fff;

    }
    .navbar-light .navbar-toggler {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    #top-navigation .navbar{
        z-index:9999;
        background:#fff;
        border:1px solid rgba(0,0,0,.1);
        min-width: 3.9em;
        min-height: 2.7em;
    }
    #top-navigation .navbar-nav{margin-top:0.1em;}
    #top-navigation .navbar-nav .nav-item{
        border:0px solid blue;
        float:right;
        display:block;
        clear:both;
    }
    .navbar-nav .nav-link{padding:0.1em;}
    #bx_cart_block_inline{top:0.1em;border-top:1px solid rgba(0,0,0,.1);padding-top:0.3em;}
    #footer #subscribe_email {width: 100%;}
    #top-navigation.sps--blw .navbar-brand {display:none !important; }
    #top-navigation #menu {display:none !important;}

    .bx-section-desc {width: 100%; }
    .cat-order {position: relative;margin-top: .5rem;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    #top-navigation .navbar-nav{
        margin-top:0;
    }
    #freedelivery{
        position:relative;
        top:-3px;
    }
    #searchform{
        margin-top:1.2em;
    }
    #bx_cart_block_inline{
        top:0;
    }
    #top-navigation .navbar-nav .nav-item:nth-last-child(2){
        position:relative;
        top:-1.6em;
    }
    #top-navigation .navbar-nav .nav-item:nth-last-child(3){
        position:relative;
        top:-1.6em;
    }
    #searchform .input-group .form-control{
        font-size:0.6rem;
    }

    #searchform .search-button{
        font-size: 0.6rem;
        border:none;
        padding: .2rem .75rem;
    }
    #top-navigation.sps--blw {
        position:fixed;
        top:-1em;
        left:0;
        background:#fff;
        z-index:9999;
        margin:0;
        width:100%;
        box-shadow: 0 1px 0 0 rgba(0,0,0,.1);

    }
    #top-navigation.sps--blw .navbar-nav .nav-item:nth-last-child(2){top:0;}
    #top-navigation.sps--blw .navbar-nav .nav-item:nth-last-child(3){top:0;}
    #top-navigation.sps--blw #bx_cart_block_inline{top:1.5em;}
    #top-navigation.sps--blw .navbar-brand img {height:2.9em; }
    #footer #subscribe_email {width: 100%;}
    #top-navigation .navbar-nav .nav-item a {font-size: 1em;}
    #top-navigation.sps--blw .navbar-brand {display:none !important; }
    #top-navigation #menu {display:none !important;}

    .bx-section-desc {width: 100%; }
    }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    #top-navigation .navbar-nav .nav-item a{
        font-size:1em;
    }
    #top-navigation.sps--blw {
        position:fixed;
        top:0;
        left:0;
        background:#fff;
        z-index:9999;
        margin:0;
        width:100%;
        box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
    }
    #footer #subscribe_email {width: 100%;}

    #top-navigation.sps--blw #bx_cart_block_inline{top:1.5em;}
    /*#top-navigation.sps--blw #bx_cart_block_inline #freedelivery{display:none;}*/
    #top-navigation #menu {display:none !important;}

    .w-md-25 {width: 25%;}
    .w-md-50 {width: 50%;}
    .w-md-75 {width: 75%;}
    .w-md-100 {width: 100%;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #top-navigation.sps--blw {
        position:fixed;
        top:0;
        left:0;
        background:#fff;
        z-index:9999;
        margin:0;
        width:100%;
        box-shadow: 0 1px 0 0 rgba(0,0,0,.1);

    }
    #top-navigation .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: 8px;
        padding-left: 8px;
    }
    #recomendation .item-text{
        padding-top: 3em;
    }

    #footer .container {width: 1500px;}
    #top-navigation #menu {display:none !important;}

    .w-md-25 {width: 25%;}
    .w-md-50 {width: 50%;}
    .w-md-75 {width: 75%;}
    .w-md-100 {width: 100%;}
}


@media (min-width: 1600px) {
    #top-navigation #menu {display:none !important;}

}


/* Extra small devices (portrait phones, less than 544px) */
@media (max-width: 543px) {

}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) and (max-width: 767px) {



}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    #bx_cart_block_inline{top: 0;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/***********************************************************************/



#bx_eshop_wrap{
    margin:0 auto;
    max-width:1300px;

}

a img {
    border: none
}

a {
    color: #000;
}

a:hover {
    color: #02730A;
}

strong, b {
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: "MuseoSansBold", Helvetica, Arial, sans-serif;*/
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    font-weight: 700;
}
/*
h4 {
    font-size: 16px;
    font-weight: normal;
}
*/

img{max-width:100%;}

.bx_item_section_name_gray,
.item_current_price,
.current_price,
.bx_sidebar .current,
.bx_price {
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
}

/*.bx_price span {font-size:0.9em;}*/

.grid {
}

.grid .bx_content_section {
    margin-bottom: 15px;
}

.grid .bx_sidebar {
    margin-bottom: 15px;
}

/* grid1x2 */
.grid1x2 {
}

.grid1x2 .bx_content_section {
    float: right;
    width: 66%;
    margin-bottom: 15px;
}

.grid1x2 .bx_sidebar {
    float: left;
    width: 33%;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* grid2x1 */

.grid2x1 {
}

.grid2x1 .bx_content_section {
    float: left;
    width: 66%;
    margin-bottom: 15px;
}

.grid2x1 .bx_sidebar {
    float: right;
    width: 33%;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* grid1x3 */
.grid1x3 { position: relative;}

/* backup
.grid1x3 .bx_content_section {
    float: left;
    width: 74%;
    margin-bottom: 15px;
}

.grid1x3 .bx_sidebar {
    float: left;
    width: 24%;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width:14em;
}
*/

.grid1x3 .bx_content_section {
    width: 1oo%;
    margin-bottom: 15px;
    padding-left:14em;
}

.grid1x3 .bx_sidebar {
    margin-bottom: 15px;
    width:14em;
    position: absolute;

}



/* grid3x1 */

.grid3x1 {
}

.grid3x1 .bx_content_section {
    float: left;
    width: 74%;
    margin-bottom: 15px;
}

.grid3x1 .bx_sidebar {
    float: right;
    width: 24%;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* grid2x2 */

.grid2x2 {
}

.grid2x2 .bx_content_section {
    float: left;
    width: 49%;
    margin-bottom: 15px;
}

.grid2x2 .bx_sidebar {
    float: right;
    width: 49%;
    margin-bottom: 15px;
}

/* grid2x2r */

.grid2x2r {
}

.grid2x2r .bx_content_section {
    float: right;
    width: 49%;
    margin-bottom: 15px;
}

.grid2x2r .bx_sidebar {
    float: left;
    width: 49%;
    margin-bottom: 15px;
}

/* grid1x2x1 */

.grid1x2x1 {
}

.grid1x2x1 .bx_content_section {
    width: 50%;
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: top;
}

.grid1x2x1 .bx_sidebar.left {
    width: 24%;
    float: left;
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 15px;
    vertical-align: top;
}

.grid1x2x1 .bx_sidebar.right {
    width: 24%;
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: top;
}

.bx_content_section h1 {
    margin-top: 0;
}

/* ---- HEADER ---- */
.header_wrap {
    padding: 0 40px;
    border-bottom: 1px solid #ebebeb;

}

.header_wrap_container {
    margin: 0 auto;
    padding-bottom: 10px;
}

/* ---- HEADER ---- TOP SECTION ---- */
.header_top_section {
    position: relative;
    min-height: 20px;
    width: 100%;
}

.header_top_section_container_one {
    position: absolute;
    top: 0;
    right: 0;
}

.bx_cart_login_top {
    white-space: nowrap;
    /*margin-top: 57px;*/
}

/*Fix ��� ����������� ���������*/

/* ---- HEADER ---- --END-- TOP SECTION ---- */
/* ---- HEADER ---- INNER ---- */

.header_inner {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 5px 8px;
    border: 1px solid #e1e7e9;
    border-radius: 5px 5px 0 0;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(56, 94, 104, .26);
}

.site_title {
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    line-height: 80px;
}

a.site_title,
.site_title a {
    color: #000;
    font-size: 32px;
    font-weight: bold;
    text-decoration: none;
}

a.site_title span,
.site_title a span {
    color: #77c7e2
}

.header_inner_container_one {
    position: relative;
    float: right;
    margin-right: 218px;
}

.header_inner_container_two {
    position: absolute;
    top: 12px;
    right: 0;
    width: 228px;
}

.header_inner_include_aria {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px 0;
    height: 80px;
    vertical-align: top;
    text-align: left;
    font-size: 12px;
}

.header_inner_include_aria span {
    color: #1b5c79
}

.header_inner_include_aria strong {
    display: inline-block;
    padding-top: 7px;
    font-size: 26px
}

.header_inner_include_aria strong a {
    text-decoration: none;
    color: #1b5c79;
}

.header_inner_bottom_line_container {
    position: relative;
    left: -6px;
    margin-right: -12px;
    margin-bottom: -9px;
    padding: 1px;
}

.header_inner_bottom_line {
    min-height: 6px;
}

/* ---- HEADER ---- --END-- INNER ---- */

.worakarea_wrap_container {
    margin: 0 auto;
    /*padding-bottom: 40px;*/
    /*max-width:980px;*/
    /*padding-top: 40px;*/
}

.workarea_wrap {
    padding: 0 40px;
    min-height:38em;
}

.workarea_wrap h1 {
    padding-bottom: 10px;
    font-size: 24px;
    text-transform: uppercase;
}

.workarea_wrap h1 a {
    color: #000;
    text-decoration: none;
}

.bx_title_section {
    margin-top: 0;
    padding-top: 0;
    vertical-align: middle;
    font-size: 26px;
}

.bx_title_section.fll {
    float: left
}

.bx_title_section.stars {
    border: none
}

.bx_title_section.stars .icon {
    display: inline-block;
    padding-right: 10px;
    width: 27px;
    height: 26px;
    background: url(images/stars.png) no-repeat center left;
    vertical-align: top;
    line-height: 26px;
}

.bx_title_section.time {
    border: none
}

.bx_title_section.time .icon {
    display: inline-block;
    padding-right: 10px;
    width: 30px;
    height: 30px;
    background: url(images/time.png) no-repeat center left;
    vertical-align: top;
    line-height: 26px;
}

.bx_view_all_home {
    float: right
}

/* FOOTER WRAP */
.bottom_wrap {
    padding: 0 40px;
}

.bottom_wrap_container {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 40px;
    max-width: 980px;
}

.footer_container_one {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 66%;
    vertical-align: top;
}

.footer_container_tre,
.bottom_container_one,
.bottom_container_two,
.bottom_container_tre {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    vertical-align: top;
}

.footer_container_two,
.bottom_container_two {
    padding: 0 40px
}

.footer_wrap {
    border-top: 1px solid #ebebeb;
    padding: 0 40px;
}

.footer_wrap_container {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ---- INC ABOUT FOOTER ---- */
.bx_inc_about_footer h4 {
    font-size: 26px;
}

.bx_inc_about_footer p {
    margin-top: 0;
    padding-top: 0;
    font-size: 13px;
    line-height: 22px;
}

.bx_inc_about_footer a {
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
}

.bx_inc_about_footer a:hover {
    text-decoration: none;
}


.bt_blue,
.bt_white,
.bt_green {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}

.shadow.bt_blue,
.shadow.bt_white,
.shadow.bt_green {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

.shadow.bt_blue:active,
.shadow.bt_white:active,
.shadow.bt_green:active {
    box-shadow: none
}

.small.bt_blue,
.small.bt_white,
.small.bt_green {
    display: inline-block;
    min-width: 20px;
    line-height: 20px;
}

.small.bt_blue {
}

.small.bt_blue:hover {
}

.small.bt_blue:active {
}

.small.bt_white {
}

.small.bt_white:hover {
}

.small.bt_white:active {
}

.small.bt_green {
}

.small.bt_green:hover {
}

.small.bt_green:active {
}

.medium.bt_blue,
.medium.bt_white,
.medium.bt_green {
    padding: 0 13px;
    height: 25px;
    font-weight: bold;
    line-height: 25px;
}

.medium.bt_blue {
    height: 27px;
    line-height: 27px;
}

.medium.bt_blue:hover {
}

.medium.bt_blue:active {
}

.medium.bt_white {
    font-weight: bold
}

.medium.bt_white:hover {
}

.medium.bt_white:active {
}

.medium.bt_green {
}

.medium.bt_green:hover {
}

.medium.bt_green:active {
}

.big.bt_blue,
.big.bt_white,
.big.bt_green {
    padding: 0 13px;
    height: 34px;
    font-weight: bold;
    line-height: 34px;
}

.big.bt_blue {
    height: 36px;
    line-height: 36px;
}

.big.bt_blue:hover {
}

.big.bt_blue:active {
}

.big.bt_white {
}

.big.bt_white:hover {
}

.big.bt_white:active {
}

.big.bt_green {
}

.big.bt_green:hover {
}

.big.bt_green:active {
}

.bt.big.bt_blue.cart span {
    position: relative;
    bottom: -7px;
    display: inline-block;
    margin: 0 10px 0 0;
    width: 26px;
    height: 23px;
    background: url(images/bt_cart.png) no-repeat center;
}

/* ===== reserved class ===== */
.p0 {
    padding: 0 !important
}

.m0 {
    margin: 0 !important
}

.dn {
    display: none !important
}

.db {
    display: block !important
}

.wa {
    width: auto !important
}

.dib {
    display: inline-block !important
}

.clb {
    clear: both !important
}

.fln {
    float: none !important
}

.fll {
    float: left !important
}

.flr {
    float: right !important
}

.m0a {
    margin: 0 auto !important
}

.fwb {
    font-weight: bold !important
}

.fwn {
    font-weight: normal !important
}

.tal {
    text-align: left !important
}

.tar {
    text-align: right !important
}

.tac {
    text-align: center !important
}

.tdn {
    text-decoration: none !important
}

.tdl {
    text-decoration: line-through !important
}

.vat {
    vertical-align: top !important
}

.vam {
    vertical-align: middle !important
}

.vab {
    vertical-align: bottom !important
}

.posr {
    position: relative !important
}

.posa {
    position: absolute !important
}

.whsn {
    white-space: normal !important
}

.whsnw {
    white-space: nowrap !important
}

.p05 {
    padding: 0 5px !important
}

.w100p {
    width: 100% !important
}

.w90p {
    width: 90% !important
}

.wa {
    width: auto !important
}

.ovh {
    overflow: hidden !important
}

/* ===== Debug class ===== */
.dbg1 {
    background-color: rgba(0, 0, 255, .3) !important
}

.dbg2 {
    background-color: rgba(0, 255, 0, .3) !important
}

.dbg3 {
    background-color: rgba(255, 0, 0, .3) !important
}

.dbg0,
.dbg01 > div {
    outline-width: 2px;
    outline-style: solid;
    outline-color: rgba(0, 255, 0, .3);
    outline-offset: 0px;
}

.dbg01 > div > div {
    outline-width: 2px;
    outline-style: solid;
    outline-color: rgba(0, 0, 255, .3);
    outline-offset: 0px;
}

.debug {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    border: 1px solid #d0dbb1;
    background: #f5ffdb;
    color: #2d2d2d;
    /*  position:fixed;
    bottom:0;
    left:0;
    right:0;*/
    font-size: 8px;
}

#debsizing {
    font-weight: bold
}

.bx_page {

}

.bx_page h1,
.bx_page h2,
.bx_page h3,
.bx_page h4,
.bx_page h5,
.bx_page h6 {
    color: inherit;
    font-weight: 500;
    line-height: 1.1;
}

.bx_page p {
    margin: 0 0 20px
}

.bx_page ul,
.bx_page ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.bx_page ul ul,
.bx_page ol ul,
.bx_page ul ol,
.bx_page ol ol {
    margin-bottom: 0
}

.bx_page .list_unstyled {
    padding-left: 0;
    list-style: none
}

.bx_page .list_nline {
    padding-left: 0;
    list-style: none;
}

.bx_page .list_nline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.bx_page .list_nline > li:first-child {
    padding-left: 0
}

.bx_page a {
    color: #ea5403
}

.bx_page a:hover {
    color: #ff7c36
}

.bx_page a:active {
    color: #000
}

.bottom-menu,
.bottom-menu li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.bottom-menu a {
    color: #000;
    display: inline-block;
    text-decoration: none;
    padding-right: 10px;
}

.bottom-menu a:hover {
    color: #ea5403;
}

.fs16 {
    font-size: 16px;
}

button,
.sale_order_full_table button,
.sale_order_full_table input[type="submit"],
.bx_order_list_table input[type="submit"]{
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    background: #ea5403;
    padding: 10px 20px;
    color: #fff;
}

.footer_wrap button {
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    background: #ea5403;
    padding: 15px 30px;
    color: #fff;
}

.footer_wrap input {
    border: 0;
    background: #ebebeb;
    font-size: 14px;
    padding: 15px 30px;
    width: 80%;
}

.page-logo {
    padding: 10px 0;
    display: inline-block;
    margin-right: 20px;
}

.clear {
    clear: both;
}

.header_top_section_container_two {
    vertical-align: middle;
}



element.style {
}
user agent stylesheetdiv {
    display: block;
}

#order_form_div,
.bx_order_make .bx_description {

}

.bx_ordercart_order_table_container b,
.bx_ordercart_order_table_container h2,
.current_price {
    font-weight: normal;
}
.mainpic {
    /*
    background: url("/static/img/mainpic.jpg") top center no-repeat;
    height: 450px;
    background-size: cover;
    */
}

.mainpic .swiper-container { padding-top: 0; width: 100%;margin: 0;}


.welcome-title {
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    padding: 0;
}



/*
.bx_catalog_top_home .bx_catalog_item_price {
    z-index: 1000;
    background: #ea5403;
    margin: 20% 15%;
}

.bx_catalog_top_home .bx_catalog_item_title {
margin-top: -10%;
}

.bx_catalog_top_home.bx_yellow .bx_bt_button {
    background: #ea5403;
    color: #fff;
}

.bx_catalog_top_home.bx_yellow .bx_bt_button:hover {
    background: #ea5403;
    color: #fff;
};

.bx_catalog_top_home .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a {
    height: 35px !important;
    line-height: 35px !important;

}
*/

.bx_ordercart .bx_ordercart_order_pay_center .checkout,
.bx_ordercart_order_pay_center .checkout{
    background: #ea5403;
    text-shadow: none;
}
.bx_ordercart .bx_ordercart_order_pay_center .checkout:hover,
.bx_ordercart_order_pay_center .checkout:hover {
    background: #ff7c36;
    text-shadow: none;
}


.bx_ordercart .bx_ordercart_order_sum tr td,
.bx_order_list .bx_order_list_table tbody tr td,
.bx_order_list .bx_ordercart_order_sum tr td,
.bx_order_list .bx_order_list_table_order tbody tr td {
    font-size: 16px;
}

.bx_order_list .bx_order_list_table_order tbody tr td.name {
    width: 100%;
}

.bx_order_list .bx_order_list_table_order tbody tr td.img {
    padding-right: 50px;
    width: 150px;
}

.bx_order_list .bx_order_list_table_order tbody tr td img {
    min-width: 110px;
    min-height: 110px;
}

.bx_ordercart .bx_ordercart_order_table_container,
.bx_ordercart .bx_ordercart_order_table_container tbody td.item,
.bx_ordercart .bx_ordercart_order_table_container tbody td.custom,
.bx_ordercart .bx_ordercart_order_table_container tbody td.control,
.bx_ordercart .bx_ordercart_order_table_container tbody td.price,
.bx_ordercart .bx_ordercart_order_table_container table thead td {
    font-size: 16px;
}

.bx_ordercart .bx_ordercart_order_pay,
.bx_ordercart .bx_ordercart_order_sum,
.bx_ordercart .bx_ordercart_order_pay_left,
.bx_ordercart .bx_ordercart_order_pay_right,
.bx_ordercart .bx_ordercart_order_pay_center,
.bx_ordercart .bx_ordercart_order_pay_center span,
.bx_ordercart .bx_ordercart_order_pay_center .checkout,
.bx_ordercart .bx_ordercart_order_table_container table,
.bx_ordercart .bx_ordercart_order_table_container table tbody,
.bx_ordercart .bx_ordercart_order_table_container table tbody tr,
.bx_ordercart .bx_ordercart_order_table_container table tbody tr td,
.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a,
.bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price {
    font-size: 18px;
    font-weight: normal;
}

.custom input {
    font-size: 16px;
}

.bx_order_list .bx_order_list_table_order tbody tr td a,
.bx_my_order .bx_my_order_table td a {
    color: #ea5403;
}

.bx_order_list .bx_order_list_table_order tbody tr td a:hover,
.bx_my_order .bx_my_order_table td a {
    color: #000;
}

.bx_my_order .bx_my_order_table thead tr td {
    font-weight: normal;
}

.stick-top {
    position: fixed;
    top: 0;
    margin-top: 20px;
}

.stick-bottom {
    position: fixed;
    bottom: 0;
    margin-bottom: 300px;
}


.bx_ordercart .bx_ordercart_order_table_container table tbody td {
    padding: 7px 15px;
}

.prilip {
  position: fixed;
  z-index: 101;
  margin-top: 20px;
}
.stop {
  position: relative;
}


.instagram-link,
.facebook-link {
    display: inline-block;
    margin-right: 8px;
}

.page-home .workarea_wrap {
    padding: 0;
}

.page-home .worakarea_wrap_container {
    padding: 0;
}

.page-home .bx_content_section {
    width: auto;
    float: none;
    margin: 20px 0;
}

.page-home .bx_content_section h1 {
    text-align: center;
    font-size: 30px;
    margin: 0 0 30px 0;
}

/*
.swiper-button-prev {
    left: 50px !important;
    background-image: url('/static/img/swiper-prev.png') !important;
}
.swiper-button-next {
    right: 50px !important;
    background-image: url('/static/img/swiper-next.png') !important;
}

.swiper-slide {
    position: relative;
}
*/

.mobile{
    padding:1em;
}

.slider-title {
    display: inline-block;
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    font-size: 3.75rem;
    color: #fff;
    text-decoration: none;
    max-width: 300px;
    line-height: 1em;
}

.mobile .slider-title{ font-size:2em;max-width: auto; }

.slider-sale {
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 1em;
    color: #fdc30f;
    margin: 0 0 20px 0;
}

.mobile .slider-sale {font-size:1.6em; margin-top:0.5em;}


.slider-preview-text {
    color: #998f7e;
    font-size: 20px;
    line-height: 1.2em;
    max-width: 300px;
    margin: 0 0 20px 0;
}

.mobile .slider-preview-text {font-size:1em;max-width: auto;}

.slider-view-url {
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    border-radius: 10px;
    background: #e85724;
    padding: 15px 40px;
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.mobile .slider-view-url{
    border-radius: 0.3em;
    padding: 0.5em 1em;
    font-size: 1em;

}

.slider-view-url:hover {
    color: #fff;
    text-decoration: none;
}

.slider-info {
    background: #474039;
    background: rgba(71, 64, 57, 0.9);
    width: 650px;
    max-width: 100%;
    margin: 95px 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

.slider-info-l {
    border: none;
    border-collapse: collapse;
    width: 100%;
    vertical-align: top;
}

.slider-info-l-l {
    padding: 20px;
    text-align: right;
    width: 55%;
    vertical-align: top;
}

.slider-info-l-r {
    padding: 35px 10px 35px 20px;
    text-align: left;
    width: 45%;
    vertical-align: top;
}

.bx_sidebar .current {
    font-weight: bold;
}

.bx_catalog_top_home .bx_stick_disc,
.bx_catalog_list_home .bx_stick_disc {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: normal;
    border-radius: 50%;
    background: #EFAA3A;
    text-shadow: none;
    left: 0;
}

.bx_catalog_top_home .bx_stick_disc {
    margin-bottom: 25px;
}


.iwr {
    border: none;
    border-collapse: collapse;
    vertical-align: top;
    text-align: left;
    width: 100%;
    /*margin-bottom: -20px;*/
}

.iwr td {
    background-size: cover;
    background-position: center center;
    border: none;
    border-collapse: collapse;
    vertical-align: top;
    text-align: left;
    height: 200px;
    width: 25%;
    padding: 30px 30px 0 30px;
}

.iwr td.iwr-info {
    background: #f5f5f5;
    text-align: center;
    max-height: 280px;
    overflow: hidden;
}

.iwr-title {
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.iwr-preview-text {
    margin-bottom: 20px;
    font-size: 14px;
}

.iwr a {
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    color: #8a8a8a;
    text-transform: uppercase;
    text-decoration: none;
}

td.iwr-bg  {
    padding: 0;
}

td.iwr-bg .iwr-bg-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
    width: 100%;
}

.swiper-button-disabled {
    display: none;
}

.bx_cart_login_top {
    position: relative;
    margin-top: 10px;
}

.callback-window {
    position: absolute;
    display: none;
    background: #fff;
    padding: 20px;
    border: 1px solid #ebebeb;
    /*right: 1em;*/
    box-shadow: 0 0 6px #eee;
    z-index:9999;
}

.callback-close {
    font-size: 20px;
    color: #ccc;
    position: absolute;
    top: 0;
    right: 0;
    margin: 3px 10px 0 0;
    cursor: pointer;
}

.callback-form {
    margin-top: 13px;
}

.callback-window input {
    display: block;
    font-size: 14px;
    padding: 5px;
    margin: 10px 0 15px 0;
}

.callback-link {
    font-size: .9rem;
    cursor: pointer;
    border-bottom: 1px dotted;
    display: inline-block;
    margin-left: 1.5rem;
    color: #02730A;
    position: relative;
    top: 0;
}

.callback-phone {
    display: inline-block;
    font-size: 1.1rem;
    margin-bottom: 0.25rem;
    font-family: "Roboto";
    font-weight:bold;
}

.bx_topnav {
    min-width: 0 !important;
    padding-top: 57px !important;
    padding-left: 20px;
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    font-weight:700;
}

@media screen and (max-width: 1040px) {
    .bx_topnav {
        min-width: auto !important;
        width: 560px;
        padding-top: 30px !important;
    }
    .bx_topnav li {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 900px) {
    .bx_topnav {
        min-width: auto !important;
        width: 400px;
        padding-top: 30px !important;
    }
}
.activ{
    color: #ea5403;
}
.bx_stick.xit{
    background: rgba(0, 0, 0, 0) url("/bitrix/templates/eshop_adapt_yellow/images/stick_xit.png") no-repeat scroll left center !important;
    width:60px !important;
    height:60px !important;
    line-height:60px !important;
    color:#FFF;
}
/*
.bx_stick.xit.left{
    left: 5px;
}
.bx_stick.xit.bottom{
bottom: 20px !important;
    top: initial;
}*/

.butt_orang{
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;}
.buy_more{
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
    text-align: center;text-transform: uppercase;font-size: 1.5em;margin-bottom: 30px;
    font-weight:700;
    margin-top:0.5em;
    padding-top:0.5em;
    border-top:1px solid #ebebeb;
}


.btn_iw{
    background: #ea5403 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "ProximaNova",sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 46px;
    left: 0;
    letter-spacing: 1.4px;
    line-height: 46px;
    margin: 0;
    outline: medium none;
    overflow: visible;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    top: 0;
    transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s;
    vertical-align: top;
    width: 100%;
}


.popup-window-titlebar{
    text-align: center;
    font-size: 1.2em;
    margin: 0;
    height:auto;
}

#bx-soa-total{position:relative;}
.bx-soa-cart-info{font-size:0.9em; line-height:1.3em; position:relative;top:1em;}
.bx-soa-cart-total-fixed + .bx-soa-cart-info{position: fixed !important;top: 280px !important;}


/* to top buttom */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 70px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(2, 115, 10, 0.7) url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  z-index:9999;
  border-radius: 50%;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
  background-color: #CF2734;
  opacity: 1;
}




/*Component top nav*/
.bx_topnav {
    display: inline-block;
    margin: 0;
    min-width: 600px;
    vertical-align: top;
    padding-top: 65px;
}

.bx_topnav li {
    display: inline-block;
    margin-right: 25px;
}

.bx_topnav li a {
    text-transform: uppercase;
    text-decoration: none;
}

.bx_topnav li a:active {
    color: #ea5403;
}

.swiper-container {
    width: calc(100% + 30px);
    height: 100%;
    margin: 0 -15px;
}

@media (max-width: 576px) {
    .swiper-container{
        width: calc(100% + 10px);
        margin: 0 -5px;
    }
    .swiper-button-next {right: 0;}
    .swiper-button-prev {right: 2.2rem;}

}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    height: auto;
    /*border: 1px solid red;*/
}



.message-block {
    width: 100%;
    background-color: #252525;
    box-sizing: border-box;
    padding: 20px 10px;
    color: #fff;
    font-size: 0.8rem;
    line-height: 120%;
    border-radius: .4rem;
}


/* blog */

.blog {display: grid; grid-template-columns: 66% 1fr; grid-template-rows: repeat(2, 1fr); gap: 1rem; }

.blog .item1 { grid-area: 1 / 1 / 3 / 2; }
.blog .item2 { grid-area: 1 / 2 / 2 / 3; }
.blog .item3 { grid-area: 2 / 2 / 3 / 3; }


.blog-link h4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 1rem; }
.blog-link p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 1rem; }

.blog-first-pic {width: 100%; height: 25rem;object-fit: cover;}
.blog-pin-pic {width: 100%; height: 12rem;object-fit: cover;}

.blog-link {display: block;}
.blog-link:hover {color: black; text-decoration: none;}
.blog-link:hover h4 {color: #02730A;}
.blog-link a:hover {text-decoration: none;}


.pagination-container {margin-top: 2rem;}
.pagination-container .pagination:first-child {margin-right: 1rem;}
.page-item.active .page-link { color: #fff; background-color: #02730A; border-color: #02730A; }
.page-link { color: #000; }
.page-link:hover { color: #02730A; }

.article-list-wrap {border-left: 1px solid rgba(0,0,0,.1)}
ul.article-list {list-style: none; padding: 0;margin: 0; margin-top: 1rem;}
ul.article-list a {display: block; text-align: justify; line-height: 1.2;font-family: "Roboto Slab", Helvetica, Arial, sans-serif;margin-bottom: 1.5rem; font-size: 1.1rem; background: #F8F8F8; padding: .5rem 1rem; border-radius: 5px;}


/* index 2023 */
.banner-top {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 1rem;}
.banner-top {border: 1px solid #EFEFEF; border-radius: 20px; overflow: hidden; margin-bottom: 2rem;}
.banner-top .left {padding: 4%;display: grid;}
.banner-top .title {font-size: 2.5rem; font-weight: 600; line-height: 1; display: grid; place-content: center flex-start;}
.banner-top :is(.desc, .link) {display: grid; place-content: center flex-start;grid-template-columns: auto 1fr;}
.banner-top .price { font-size:1.8rem; font-family: "Roboto Slab", Helvetica, Arial, sans-serif;}
.banner-top .button a {border-radius: 2rem !important;}
.banner-top .right img { object-fit: cover; height: 18rem; width: 100%; }
.banner-top .right img.big { height: 21rem; }

.banner-top .text {display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 1rem; margin: 1rem 0;}
.banner-top .text .icon {display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr; gap: 1rem;}

.home-icons-top {margin-bottom: 2rem;}

.banners-middle  {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 1rem; margin-bottom: 2rem;}
.banners-middle .item {border: 1px solid #EFEFEF; border-radius: 20px; overflow: hidden; position: relative;}
.banners-middle .item:hover {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-color: transparent;}
.banners-middle :is(.title, .desc) {margin: 0 1.5rem;}
.banners-middle .title {font-size: 1.8rem; font-weight: 600; line-height: 1; margin-bottom: .5rem;}
.banners-middle .picture {margin-bottom: 1rem;object-fit: cover; height: 17rem; width: 100%;}
.banners-middle .icon {background-color: #D9D9D9; padding: 1rem; border-radius: 100%; width: 4rem; height: 4rem; display: grid; place-content: center; position: absolute; top: 15rem; right: 1rem;}
.banners-middle a:hover {text-decoration: none;}
.banners-middle a:hover .desc {color: #000;}

.banner-reg {display: grid; grid-template-columns: 66.6% 1fr; grid-template-rows: 1fr; gap: 1rem;}
.banner-reg {border-radius: 20px; overflow: hidden; position: relative;margin-bottom: 2rem;}
.banner-reg img { width:100%; object-fit: cover; grid-area: 1 / 1 / 2 / 3;}
.banner-reg .text { grid-area: 1 / 1 / 2 / 2; display: grid; place-content: center; color: #fff; padding: 1.5rem 10%; font-size: 1.6rem; line-height: 1.4;font-family: "Roboto Slab", Helvetica, Arial, sans-serif;}
.banner-reg .button {grid-area: 1 / 2 / 2 / 2;display: grid; place-content: center;}
.banner-reg .btn-green {border-radius: 2rem !important; display: block; width: 100%;font-size: 1.1rem;background: #02730A;}
.banner-reg input {background: #fff; font-size: 1rem; padding: .4rem 1.5rem; max-width: 18rem; border: 1px solid #3A405B; border-radius: 2rem; margin-bottom: 1rem;}
.banner-reg .btn-green:hover {background: #fff;}


.reviews-list {display: grid; grid-template-columns: repeat(2, 1fr);gap: 1rem;}
.reviews-list .item {display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1rem;border: 1px solid #EFEFEF;border-radius: .4rem;}
.reviews-list .item .wrap {position: relative;}
.reviews-list .item img {}
.reviews-list .item .name {font-size: 1.2rem; font-weight: 600; margin-bottom: .2rem;}
.reviews-list .item .date {position: absolute; right: 0; top: 0; font-size: .85rem; color: #A29E9E;}
.reviews-list .item .text {}

.imgSwap {display: grid;
  /*border: 1px solid red;*/
  position: absolute;
  width: 15%;
  z-index: +10;
  height: 100%;
  top: 0;
  cursor: pointer;
  font-size: 2rem;
  user-select: none;
  opacity: .1;
}
.imgSwap.right{right: 0;place-content: center right; padding-right: 1rem;}
.imgSwap.left{left: 0;place-content: center left; padding-left: 1rem;}

.imgSwap:hover{ /*background: rgba(0,0,0,.05);*/ opacity: 1;}
.fslightbox-toolbar-button {width: auto !important;}


/* форма подписки через dashamail */
#mc_embed_signup form {padding: 0;}
#mc_embed_signup input.email {background: #fff; font-size: 1rem; padding: .4rem 1.5rem; width: calc(80% - 12rem); max-width: 18rem; float: left; margin-right: 1rem; border: 1px solid #AEAEAE; border-radius: 2rem;}
#mc_embed_signup .btn-green {width: auto; float: left; border-radius: 2rem;}



@media (max-width: 543px) {
    .banner-top, .banners-middle {grid-template-columns: 1fr;}
    .banner-top .right {grid-row: 1;}
    .banner-top .right img {height: 10rem;}
    .banner-top .left {padding: .5rem 1.2rem;}
    .banner-top .title {font-size: 1.7rem; margin-bottom: 1rem; line-height: 1.2;}
    .banner-top .price {font-size: 1.4rem;}
    .banner-top .button {text-align: right;}
    .banner-top :is(.desc, .link) {margin-bottom: 1rem;}
    .home-icons-top {font-size: .9rem; line-height: 1.4;}
    .banners-middle .picture {height: 13rem;}
    .banners-middle .title {font-size: 1.6rem;}
    .banners-middle .title {margin: 0 1rem 1rem;}
    .banners-middle .desc {margin: 0 1rem;}
    .banners-middle .icon {top: 11.5rem;width: 2.5rem;height: 2.5rem;padding: .7rem;}
    .banners-middle .icon img {width: 1.5rem;}
    .banner-reg {grid-template-columns: 1fr;border: 1px solid #EFEFEF;}
    .banner-reg img {grid-area: 1 / 1 / 2 / 2;height: 8rem; object-fit: cover;}
    .banner-reg .text {grid-area: 2 / 1 / 2 / 2;color: #000;padding: 0 1rem; font-size: 1.1rem; text-align: center;}
    .banner-reg .button {grid-area: 3 / 1 / 3 / 2; margin: 0 auto 1.5rem;}
    .banner-top .link.sm {grid-template-columns: 1fr;}
    .banner-top .link.sm .button {text-align: center;}
    .banner-top .text {gap: .7rem; margin: 1rem 0 1.5rem;padding: 0;}
    .banner-top .text .icon br {display: none;}
    .banner-top .text .icon div {max-width: 15rem;}
    .banner-reg input {font-size: .9rem}

    .reviews-list {grid-template-columns: 1fr;}
    #mc_embed_signup input.email {width: 100%; margin-bottom: 1rem; margin-right: 0; max-width: 100%;}
    #mc_embed_signup input.btn-green {float: unset;clear: left;display: block;margin: .5rem auto 1rem auto;}

}

@media (min-width: 544px) and (max-width: 767px) {

}

/* оптимизация для планшетов */
@media (min-width: 767px) and (max-width: 1360px) {

    #bx_cart_block_inline {float: right; }
    #top-navigation {display: grid; grid-template-columns: 1fr auto; grid-template-rows: repeat(2, 1fr); grid-column-gap: 1rem; grid-row-gap: .5rem; place-items: flex-end; }
    nav.navbar:nth-child(3) {grid-area: 2 / 1 / 3 / 3; }
    nav.navbar:nth-child(3) > div:nth-child(2) > ul:nth-child(1) > li:nth-child(7) > a:nth-child(1) {padding-right: 0; }
    #top-contacts {grid-area: 1 / 1 / 2 / 2; }
    .head-lk {width: auto; grid-area: 1 / 2 / 2 / 3; }
    #top-navigation .nav-link {padding: 0 .5rem .5rem 0; }
    #top-navigation .navbar-nav .nav-item:nth-last-child(3) {top: 0; }
    #top-navigation .navbar-nav .nav-item:nth-last-child(2) {top: 0; }
    #searchform .input-group .form-control {font-size: 1rem;}
    .home-icons-top{font-size: .85rem; line-height: 1.4;}
    .banner-top .left {gap: .5rem;}
    .banner-top .title {line-height: 1.1;}
    .banner-top :is(.desc, .link) {line-height: 1.2;}
    .banner-top .button a {position: relative; top: .5rem;}
    .banner-top .right img {min-height: 18rem; height: 100%;}
    .banner-top .right img.big {min-height: 21rem; height: 100%;}
    .banner-reg img {height: 100%;}
    .banner-reg {grid-template-columns: 60% 1fr;}
    #footer .footer_subscribe {margin-left: auto; margin-right: auto; clear: both;}
    #footer .footer_subscribe p {width: 40%; float: left;}
    #footer .footer_subscribe :is(#subscribe_email,.js-subscribe) {max-width: 25%;}
    #catalog_sorting .links a {margin-bottom: 1rem;}
    #catalog_sorting {margin-bottom: .5rem;}

}


@media (max-width: 543px) {
    #chatra {display: none !important;}

}

@media (min-width: 544px) {
    #iframeWhatsapp {display: none;}
}