* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
green: #12791a
green hover: #169220
blue: #12791a

*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    color: #000;
    background: #F7F8FA; 
}

input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance:none;
}


a{
    color: #12791a;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}


h1, .h1-like {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    color: #000;
}

h2, .h2-like {
    margin: 0 0 24px 0;
    padding: 0;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    color: #000;
}

h3, .h3-like {
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
}

h4, .h4-like {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
}


input:focus,
textarea:focus,
button:focus,
a:focus{
    outline: none;
}

b,
strong {
    font-weight: 700;
}


.vb-rub {
    font-family: 'PT Sans Rub', sans-serif;    
}

.wrapper {
    width:100%;
    max-width: 1120px;
    margin: 0px auto;
    padding: 0 10px 0 10px;
}

/*----HEADER-----*/

.msg-icon {
    display: inline-block;
    border-radius: 50%;
    width: 22px;
    height: 22px;
}

/* .msg-icon:hover {
    background: #fff;
} */


.msg-icon--header {
    margin-left: 10px;
    /* margin-right: 10px; */
    margin-right: 10px;
}

.msg-icon--header svg{
    width: 22px;
    height: 22px;
    fill: #000;
}

.msg-icon:hover svg{
    fill:#12791a;
}

.header__soc {
    position: absolute;
    left: 50%;
    margin-left: -70px;
    top: 101px; 
    /* margin-top: 5px;
    margin-top: 5px;*/
}

.footer__soc {
    margin-top: 20px;
}

.msg-icon--footer {
    margin-right: 20px;
}

.msg-icon--footer svg{
    width: 24px;
    height: 24px;
    fill: #fff;
}


header.header {
    display: inline-block;
    width: 100%;
    /* float: left; */
    background: #fff;
    /* padding-bottom: 40px; */
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
}



.header-container{
    padding: 0 0 50px 0;
    width: 100%;
    display: inline-blok;
    float: left;
}

.header-logo {
    position: absolute;
    display: inline-block;
    width: 140px;
    text-align: center;
    top:15px;
    left: 50%;
    margin-left: -70px;
    text-align: center;
}


.footer-logo {
    display: inline-block;
    text-align: center;
}

.header-logo__icon {
    display: inline-block;
    width:140px;
    height: 70px;
    background: url('../images/logo.jpg') no-repeat;
    background-size: contain;
}

/* .header-logo__text {
    display: inline-block;
    width:187px;
    height: 24px;
    margin-top:5px;
    background: url('../images/logo-text-ad.svg') no-repeat;
} */

.header-logo__desc {
    width:190px;
    font-size:8px;
    margin-top:3px;
    text-transform: uppercase;
    color: #000;
}

.header__left,
.header__right
{
    width: 50%;
    float: left;
    
}

.header__left {
    padding-top: 35px;
}

.header__right {
    padding-top:35px; 
}

.header__right-container {
    display: inline-block;
   float:right;
}

.header__phone {
    display: inline-block;
    float: left;
    font-weight: 700;
    font-size: 19px;
    padding-top: 8px;
    line-height: 1.4;
    color:#000;
    
}

.header__callback {
    display: inline-block;
    padding: 7px 25px;
    height: 38px;
    border: 2px solid #EDEBEA;
    border-radius: 19px;
    color:#000;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 400;
}

.header__callback:hover {
    color: #fff;
    background: #12791a;
    border-color: #fff;
}

.header-cart {
    display: inline-block;
    width: 30px;
    height:40px;
    position: relative;
    margin-left:30px;
    
    float: left;
}

.header-cart__icon{
    width: 28px;
    height: 34px;
    fill: #000;
}

.header-cart__count,
.header-like__count
{
    position: absolute;
    display: inline-block;
    bottom: -5px;
    right: -10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    background: #eee;
    color: #777;
    font-size: 13px;
    line-height: 20px;
    border:2px solid #fff;
}


.header-cart__count.is-active{
    display: inline-block;
    background: #12791a;
    color: #fff;
}

.header-cart:hover  .header-cart__icon{
    fill: #12791a;
}


.header-like {
    display: inline-block;
    width: 30px;
    height:40px;
    position: relative;
    float: left;
}

.header-like__icon{
    width: 30px;
    height: 27px;
    fill: #000;
    margin-top:5px;
}

.header-like:hover  .header-like__icon{
    fill: #12791a;
}

/* .header-cart:hover  .header-cart__count{
    background: #000;
    color: #fff;
} */

   
/*-----NAV MAIN-----*/

.header__search-cnt {

    display: inline-block;
    float: left;
}

/*-----END NAV MAIN-----*/

/*-----NAV-CAT-----*/
.nav-header-row {
    display: inline-block;
    width: 100%;
    float: left;
    text-align: center;
    
    
}

.nav-header,
.nav-header ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
     
}

.nav-header ul {
    text-align: left;
}

.nav-header > li {
    float: left;
    padding: 0;
    margin: 0;
    position: relative; 
}

.nav-header > li > a,
.nav-header > li > .nav-header__item {
    display: inline-block;
    padding: 18px 20px 18px 20px;
    font-size: 14px;
    font-weight: 600;   
    color: #000;  
    
    text-decoration: none;
}


.nav-header > li:hover > a,
.nav-header > li > a.is-active,
.nav-header > li > .nav-header__item.is-active 
 {
    color:#12791a;    
}

.nav-header > li > ul a {
    color:#111;
}


.nav-header > li > ul a.is-active {
    color:#12791a;  
}

.nav-header > li.is-have-sub > a::after,
.nav-header > li.is-have-sub > .nav-header__item::after{
    content: '';
    display: inline-block;
    width: 9px;
    height: 6px;
    margin-left: 5px;
    vertical-align: baseline;
    background:url('../images/icon-arrow-down-blue.svg') no-repeat; 
}



.nav-header > li > ul{
    display: none;
    position: absolute;
    z-index: 100;
    top:100%;
    min-width: 180px;
    margin-top:0;
    left:0;
    background: #fff;
    padding: 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    
}

/* .nav-header > li:hover > ul{
    display:inline-block;
} */

@media (min-width: 769px) {
    .nav-header > li:hover > ul {
        display: inline-block;
    }
}

.nav-header > li > ul > li {
    position: relative;
}

.nav-header > li > ul > li:first-child::before{
    content:'';
    position: absolute;
    display:inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-top: 0;
    top:-10px;
    left:20px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    /* margin-left:-25px; */
}

.nav-header > li > ul > li:first-child:hover::before{
    border-bottom-color: #eee;
}

.nav-header > li > ul > li  a{
    
    display: inline-block;
    width: 100%;
    padding: 10px 40px 10px 15px;
    text-decoration:none;
    font-size:15px;
    white-space: nowrap;
    
}

.nav-header > li > ul > li:hover > a{
    background: #eee;
}

.nav-header > li > ul > li.is-have-sub::after{
    content:'';
    display:inline-block;
    width:6px;
    height:9px;
    position: absolute;
    right: 10px;
    top:50%;
    margin-top: -4px;
    background:url('../images/icon-arrow-right.svg') no-repeat; 
}

.nav-header > li > ul > li > ul{
    display: none;
    position: absolute;
    z-index: 100;
    top:0;
    left:100%;
    background: #fff;
    padding: 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


@media (min-width: 769px) {
    .nav-header > li > ul > li:hover > ul{
        display: inline-block;
    }
}

.nav-header > li > ul > li > ul > li {
    position: relative;
}

.nav-header > li > ul > li > ul > li:first-child::before{
    content:'';
    position: absolute;
    display:inline-block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right-color: #fff;
    border-left: 0;
    top:12px;
    left:-8px;
    /* margin-left:-25px; */
}

.nav-header > li > ul > li  > ul > li:hover > a{
    background: #F6F6F6;
}

.nav-header > li > ul > li > ul > li:first-child:hover::before{
    border-right-color: #F6F6F6;
}

/*-----EDN-NAV-CAT---*/

/*--------search----*/
.search-form {
    display: inline-block;
    width: 100%;
    max-width: 180px;
    position: relative;
    float: right;
    margin-right:30px;
}


.search-form__string {
    display: inline-block;
    float: left;
    border: 2px solid #EDEBEA;
    background: #fff;
    width:100%;
    height: 38px;
    padding:0 15px 0 15px;
    font-size: 14px;
    border-radius: 19px;
}

.search-form__string:focus {
    
    /* border: 1px solid #087EFF; */
    border-color: #12791a;
}

.search-form__string::-webkit-input-placeholder { color: #B8C1C7; }
.search-form__string:-ms-input-placeholder { color: #B8C1C7; }
.search-form__string::-ms-input-placeholder { color: #B8C1C7; }
.search-form__string::placeholder { color: #B8C1C7; } 

.search-form__btn {
    position: absolute;
    display: inline-block;
    right: 5px;
    border: none;   
    width:38px; 
    height: 38px;
    cursor: pointer;
    /* padding: 0 20px 0 20px; */
    background: none;
    color:#fff;   
    border-radius: 50%;
}


.search-form__icon {
    width:15px;
    height:15px;
    fill:#000;
}

.search-form__btn:hover .search-form__icon{
    fill: #12791a;
}



.search-autocompleet {
    display: none;
    position: absolute;
    left: 0;
    top:50px;
    background: #fff;
    width: 100%;
    color: #111;
    min-width: 300px;
    max-width: 400px;
    z-index: 1000;
    /* border: 1px solid #ebebeb; */
    font-size: 13px;
    border-radius: 3px;


    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.sa-container {
    display: table;
    width: 100%;
}

.sa-container a{
    color: #000;
    text-decoration: none;
}

.sr-product-item{
    display: table-row;
    border-bottom: 1px solid #eee;
}
.sa-container  .sr-product-item:last-child{
    border-bottom: none;
}

.sr-product-item:hover {
    background: #F7F6FA;
}

.sr-product-item:hover .sr-title{
    color: #12791a;
    text-decoration: underline;
}

.sr-product-item .sr-img{
    display: table-cell;
    padding: 10px;
    vertical-align: top;
}

.sr-product-item .sr-img-item{
    vertical-align: top;
    overflow: hidden;
    position: relative;
    width: 70px;
    height: 50px;

}

.sr-product-item .sr-img-item img{
    position: absolute;
    max-width: 120%;
    min-height: 100%;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    float: left;
}

.sr-product-item .sr-desc{
    display: table-cell;
    width: 100%;
    padding: 5px 10px 5px 0;
    vertical-align: top;
}

.sr-product-item .sr-price {
    padding-top: 5px;
    color: #33363B;
    text-decoration: none;
    font-weight: 600;
}




/*--------end search----*/

/*-----NAV CATALOG BLOCK-----*/

.nav-row {
    display: inline-block;
    width:100%;
    float: left;
    margin-bottom: -40px;
    
}

.nav-catalog-row {
    display: inline-block;
    width:100%;
    /* min-height: 100px; */
    background: #fff; 
 
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.nav-cat {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
    position: relative;
}

.nav-cat > li {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
    width: 16.5%;
    
    text-align: center;
}

.nav-cat > li:not(:last-child) {
    border-right: 1px solid #F3F3F4;
}

.nav-cat li >  a {
    color:#000;
}

.nav-cat > li > a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 0 15px;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}

.nav-cat > li > a span {
    display: block;
}

.nav-icon {
    fill:#000;
}

.nav-icon-container {
    display:inline-block;
    height: 34px;
}

.nav-icon_catalog {
    width: 36px;
    height: 27px;
}

.nav-icon_sound {
    width: 34px;
    height: 26px;
}

.nav-icon_acoustic {
    width: 32px;
    height: 28px;
}

.nav-icon_mic {
    width: 29px;
    height: 30px;
}

.nav-icon_zamer {
    width: 30px;
    height: 30px;
}

.nav-icon_par {
    width: 30px;
    height: 23px;
}

.nav-icon_vibro {
    width: 29px;
    height: 23px;
}

.nav-icon_hydro {
    width: 20px;
    height: 28px;
}

.nav-icon_hummer {
    width: 28px;
    height: 28px;
}

.nav-icon_glue {
    width: 29px;
    height: 29px;
}

.nav-icon_wall {
    width: 26px;
    height: 27px;
}

.nav-icon_check {
    width: 28px;
    height: 28px;
}

.nav-icon_project {
    width: 22px;
    height: 24px;
}

.nav-cat > li:hover > a,
.nav-cat > li.is-active > a
{
    color: #12791a;
}

.nav-cat > li.is-active .nav-icon {
    fill:#12791a;
}

@media (min-width: 769px) {
    .nav-cat > li.is-have-sub:hover > a::after {
        content:'';
        position: absolute;
        display:inline-block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #12791a;
        border-bottom: 0;
        bottom:-10px;
        left:50%;
        margin-left: -10px;
        z-index: 110;
    }
}


.nav-cat-sub {
    display: none;
    position: absolute;
    z-index: 100;
    text-align: left;
    left: 0;
    margin-top:-4px;
    top:100%;
    background: #fff;
    width: 100%;
    padding: 20px 30px 30px 30px;
    border-top: 4px solid #12791a;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);

}

@media (min-width: 769px) {
    ul.nav-cat > li:hover .nav-cat-sub {
        display: inline-block;
    }
}

.nav-cat-sub-ban {
    display: inline-block;
    float: right;
    width: 150px;
    height: 100px;
    background: #12791a;
}

.nav-cat-sub__nav-one-col {
    width: 100%;
    float: left;
}

.nav-cat-sub__nav-two-col{
    width: 80%;
    float: left;
}

.nav-cat-sub__ban-col {
    width: 20%;
    float: left;
    /* background: #12791a; */
    /* background: linear-gradient(135deg, rgba(2,111,170,1) 0%, rgba(23,177,254,1) 100%); */
    background: #fff;
    border: 8px solid #FCE552;
    text-align: left;
    padding: 15px;
    
}

.nav-ban__btn {
    margin-top: 20px;
}

.nav-ban-title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.nav-ban-desc {
    margin-top: 10px;
    color: #444;
    font-size: 14px;
    font-weight: 700;
}

.nav-cat-sub__col {
    display: inline-block;
    vertical-align: top;
    padding-right: 40px;
    padding-bottom: 20px;

}

.nav-cat-sub__h {
    margin-bottom: 5px;
    position: relative;
    color: #777;
}

.nav-cat-sub ul {
    list-style: none;
    width: 33%; 
    padding: 0;
    margin: 0;
    display: flexbox;
    float: left;
    padding: 0 40px 20px 0;
}

.nav-cat-sub ul li {
    padding: 2px 0 2px 0;
}

.nav-cat-sub ul a{
    color: #33363B;
    
    text-decoration: none;
}

.nav-cat-sub ul li > a:hover{
    border-bottom: 1px solid #12791a;
    color: #12791a;
}

.shop-blocks {
    width: 100%;
    margin-bottom: 15px;
}

.shop-block-item {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 10px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.shop-block-item:hover {
    border-color: #12791a ;
    color: #12791a ;
}

.shop-block-item.is-active {
    border-color: #12791a ;
    color: #fff ;
    background: #12791a;
}

.shop-block-items:not(.is-active) {
    display: none;
}

/*-----END NAV CATALOG BLOCK-----*/

.announce {
    width: 100%;
    padding: 20px 20px;
    border-radius: 4px;
    background: #fff;
    border: 3px dotted #12791a;
    color: #12791a;
    text-align: center;
    margin-bottom: 20px;
}

.announce a{
    color: #12791a;
}

.announce p{
    margin: 0;
    padding: 0;
}

.content {
    display: inline-block;
    width: 100%;
    padding:  0 0 30px 0;
    
}

.content-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.bcnt-lcol {
    display: inline-block;
    width: 65%;
    float: left;

}

.bcnt-lcol img,
.bcnt-lcol iframe{
    max-width: 100%;
}

.bcnt-rcol {
    display: inline-block;
    width: 35%;
    float: left;
    padding-left: 40px;
    
}

/*---CATEGORY LONG */

/*---- CATEGORY LONG----*/

.category-long-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
    grid-auto-flow: dense;
    margin: 0 0 40px 0;
}


.category-long {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.category-long:hover .category-long__img img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.category-long__img {
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    position: relative;
    z-index: 3;
}

.category-long__img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
    
.category-long__img img{
    width: auto;
    height: auto;
    width: 100%;
    /* max-height: 100%; */
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

.category-long__desc {
    flex-grow: 1;
    padding: 15px 20px ;

    display: flex;
    flex-direction: column;
    
}

.category-long__desc-top {
    flex-grow: 1;
}

.category-long__title {
    color: #000;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
}

.category-long__title:hover {
    color: #12791a;
}



.tag-nav {
    margin-bottom: 30px;
}
.tag {
    display: inline-flex;
    align-items: center;
    padding: 5px 15px;
    height: 34px;
    border-radius: 15px;
    color: #000;
    text-decoration: none;
    /* EDEBEA */
    /* background: #EDEBEA; */
    border: 1px solid #12791a;
    margin-right: 10px;
}
    
.tag:hover {
    color: #12791a;
    text-decoration: none;
}
    
.tag.is-active {
    color: #fff;
    background: #12791a;
}

/*-----QUOTE---CNT----*/
.content-form {
    display:inline-block;
    padding: 30px 20px;
    width:100%;
    background:#fff;
    color:#000;
    border: 8px solid #12791a;
    position:relative;
    margin: 20px 0 20px 0;
}

.content-form.order-form{
    padding: 20px 30px;
}

.order-form__field-cols {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 20px;
}

.order-form__field {
    width: 50%;
}

.quote-container {
    display:inline-block;
    padding:30px;
    width:100%;
    background:#fff;
    color:#000;
    border: 8px solid #12791a;
    position:relative;
    margin: 20px 0 0 0;
    position: sticky;
    top: 20px;
}

.quote-container_content {
    float: right;
    width:35%;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 30px 50px;
}

.quote-container_content b{
    color:#FFDE58;
    font-size: 24px;
    font-weight: 900;
}


.quote-container_left::before {
    content:'';
    position: absolute;
    display:inline-block;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-color: #12791a #12791a transparent transparent;
    top:0;
    left:-50px;
}

.quote-container_left::before,
.quote-container_right::before 
{
    content:'';
    position: absolute;
    display:inline-block;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    
    top:-8px;  
}
.quote-container_left::before{
    border-color: #12791a #12791a transparent transparent;
    left:-28px;
}

.quote-container_right::before{
    border-color: #12791a transparent transparent  #12791a;
    right:-28px;
}

/*-----QUOTE---CNT----*/

/*----INDEX-BANNER-------*/

.ban-row {
    display: inline-block;
    width: 100%;
    /* margin-top:20px; */
}

.ban-row__lcol {
    display: inline-block;
    width: 74.5%;
    float: left;
}

.ban-row__rcol {
    display: inline-block;
    width: 24.5%;
    float: left;
    padding-left: 20px;
    text-align: right;
}

.index-rban {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.index-rban:nth-of-type(2) {
    margin-bottom: 0;
}

.index-rban img{
    width: 100%;
    max-width: 337px;
    float: left;
}

.index-banner {
    width: 100%;
    max-height: 300px;
    margin: 0;
}

.index-banner__item{
    width: 100%;
    
}

.index-banner__item img{
    width: 100%;
    cursor: pointer;
}



.index-banner .slick-dots{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    top:100%;
    margin-top: -20px;
}

.index-banner .slick-dots li{
    display: inline-block;
    margin: 0 5px 0 5px;
}

.index-banner .slick-dots li button{
    background: none;
    font-size: 0;
    line-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    background: transparent;

}

.index-banner .slick-dots li button:before
{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    /* background: #fff; */
    display: inline-block;
    opacity: 1;
}

.index-banner .slick-dots li.slick-active button:before
{
    border-color: #fff;
    background: #fff;
}
/*----END-INDEX-BANNER-------*/


/*----SHOP-PERFECT-------*/

.perfect-list {
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 30px 0 20px 0;
    padding: 0;
}

.perfect-list .perfect{
    min-width: 100px;
    margin-bottom: 15px;
    padding-right: 10px;
}

.perfect_list-item {
    float: left;
    width: 25%;
}

.i-perfect {
    display: inline-block;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    margin: 0 15px 5px 0;
    padding: 12px 0;
    background: #fff;
    float: left;
    text-align: center;
}

.i-perfect::before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url("../images/i-perfect.png") no-repeat;
}

.i-perfect_delivery::before {
    background-position: 0 0;
}

.i-perfect_quality::before {
    background-position: -35px 0;
}

.i-perfect_payment::before {
    background-position: -70px 0;
}

.i-perfect_consult::before {
    background-position: -105px 0;
}

li.perfect {
    display: inline-block;
    float: left;
    width: 25%;
}

.perfect__note {
    display: inline-block;
    width: calc(100% - 80px);
    float: left;
    padding-top: 10px;
}

.perfect__title {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
}
/*----END SHOP-PERFECT-------*/


/*----PRODUCT LIST--------*/

.cat-desc-top {
    margin: 0 0 30px 0;
}

.nav-tag-list {
    display: inline-block;
    width: 100%;
    margin: 0px 0 10px 0;
}

.nav-tag {
    display: inline-block;
    padding: 7px 15px;
    /* height: 30px; */
    border: 1px solid #EDEBEA;
    border-radius: 20px;
    background: #fff;
    margin: 0 5px 10px 0;
    color: #000;
}

.nav-tag:hover {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    color: #12791a;
    text-decoration: none;
}

.nav-tag.is-active {
    background: #12791a;
    color: #fff;
    box-shadow: none;
}

.product-list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    display: grid;
    grid-gap: 0;
    margin-bottom: 20px;
}

.product-scroll {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    display: grid;
    grid-gap: 0;
} 

.product-list_index {
    margin-bottom: 40px;
}


.product {
    display: inline-block;
    position: relative;
    float: left;
    margin-bottom: 20px;
    min-width: 180px;
    height: 440px;
    background: #fff;
    padding: 10px;
    /* width: 25%; */
    margin: 0;
    z-index: 1;
    border-right: 2px solid #F7F8FA;
    border-bottom: 2px solid #F7F8FA;
    /* -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); */
}

.product__plate {
    position: absolute;
    bottom: -5px;
    top: -5px;
    right: -5px;
    left: -5px;
    background: #FFF;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.2);
    transition: opacity 200ms, visibility 200ms;
}

.product:hover{
    z-index: 3;
}
.product:hover .product__plate {
    visibility: visible;
    opacity: 1;
}

/* .product:hover {
    z-index: 100;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
} */

.product:nth-of-type(4n) {
    margin-right: 0;
}

.product__img {
    display: inline-block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    z-index: 3;

}

.product__img_short {
    height: 120px;
}

.product__img img{
    height: auto;
    /* min-width: 100%;  */
    max-width: 100%;   
    max-height: 100%;
    /* max-height: 100%; */
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}



.product__desc {
    display: inline-block;
    width: 100%;
    padding: 10px 15px 10px 15px;
    height: 80px;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 3;
}

.product__desc:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 20px;

    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.product__title {
    display: inline-block;
    width: 100%;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 16px;
}

.product__title:hover {
    color: #12791a;
}

.product__tags {
    margin-bottom:10px;
}

.product-tag {
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    margin: 0 5px 0 0;
    color:#222;
    background: #fff7e5;
}

.product__vendor,
.product__type{
    font-size: 13px;
    margin-bottom: 10px;
    color:#777;
}


.product__footer {
    padding: 0 10px 10px 10px;
    display: inline-block;
    float: left;
    width: 100%;
    vertical-align: bottom;
    min-height: 70px;
    padding-top:30px;
    position: relative;
    text-align: center;
    z-index: 3;
}

.product__sale {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #bbb;
    position: absolute;
    margin-top:-20px;
    
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    

}

.product__btn-row {
    padding: 0 10px 10px 10px;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 3;
}
.product__price {
    font-weight: 700;
    /* color: #2A363E; */
}

.product__price,
.vb-rub_pprice {
    font-size: 24px;
}

.product .vb-rub{
    font-weight: bold;
    /* color: #2A363E; */
}

.product__btn-cart {
    display: inline-block;
    border: 2px solid #F3F3F4;
    padding: 0 15px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    height: 36px;
    font-size: 14px;
    border-radius: 18px;

}

.product__btn-cart::before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../images/i-16.png") no-repeat 0 0;
    margin-right: 3px;
    vertical-align: middle;
}

.product__btn-cart:hover,
.product__btn-cart.is-active  {
    background: #12791a;
    color: #fff;
    border-color: #12791a;
}

.product__btn-cart:hover::before,
.product__btn-cart.is-active::before{
    background: url("../images/i-16.png") -16px 0;
}

.product__bookmark-btn {
    position: absolute;
    
    z-index: 5;
    width: 32px;
    height: 32px;
    background: #fff;
    padding: 7px 6px;
    cursor: pointer;
    border-radius: 17px;
}

.product .product__bookmark-btn {
    right: 20px;
    top: 20px;
}

.offer .product__bookmark-btn {
    right: 10px;
    top: 10px;
}


.product__like-icon {
    width: 20px;
    height: 17px;
    
}

.product__bookmark-btn:hover .product__like-icon,
.product__bookmark-btn.is-active .product__like-icon{
    /* background: #f2f2f2; */
    fill: #12791a;
}

.product__sticker {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 5;
}

/*----END PRODUCT LIST--------*/

/*---PROPERTY-LIST---*/

.property-list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.product .property-list {
    margin: 10px 0 0 0;
}

.property-list_small {
    font-size: 13px;
    /* line-height: 1.2; */
}

.property-list li,
.property-list div{
    margin-bottom: 5px;
    width: 100%;
    float: left;
    display: inline-block;

}

.property-list div.property-one-row {
    white-space: nowrap;
    overflow: hidden;
}

.property-list div.property-one-row::after{
    content: '';
    position: absolute;
    right: 0; top: 0;
    width: 40px;
    height: 100%;
    
    background: -moz-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
    background: -o-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
    background: linear-gradient(to right, rgba(255,255,255, 0.2), #fff 100%);
}



.property-list_small li,
.property-list_small div{
    /* height: 13px; */
}

.property-list__name{
    color: #888888;

}


/*---END PROPERTY-LIST---*/

/*-----OFFER LIST-------*/

.offer {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 25px;
    background: #fff;
    margin-bottom: 20px;
}

.offer__img-col {
    display: inline-block;
    width: 280px;
    float: left;
}

.offer__desc-col {
    display: inline-block;
    width: calc(100% - 280px);
    float: left;
    padding-left: 30px;
}

.offer__img-col img {
    max-width: 100%;
}

.offer__title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.offer__prop-row {
    width: 100%;
    display: inline-block;
    margin: 10px 0 10px 0;
}

.offer__prop-col {
    display: inline-block;
    float: left;
}

.offer__prop-col_40 {
    width: 30%;
}
.offer__prop-col_60 {
    width: 70%;
    padding-left: 20px;
}


.offer__price-row {
    margin: 0 0 20px 0;
}

.join-list {
    margin: 0;
    padding: 5px 0 0 20px;
}
/*-------ARTICLE------*/

.small-offers-container {
    margin-bottom: 15px;
}

.centr-row {
    width: 100%;
    text-align: center;
}

.show-all-btn {
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid #12791a;
    cursor: pointer;
}

.show-all-btn:hover {
    border-color: #169220;
    color: #169220;
}

.show-all-btn::after{
    content: '\2193';
    display: inline-block;
    font-weight: 700;
    margin-left: 5px;

}

.small-offers {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    display: grid;
    grid-gap: 10px;
    margin-bottom: 20px;
}

@media (max-width: 500px) {
    .small-offers {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}

.small-offer {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding-bottom: 10px;
    gap: 10px;
    
}

.small-offer.is-hidden {
    display: none;
}

.small-offer:hover {
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.2);
}


.small-offer__img {
    display: block;
    width: 100%;
    padding-top: 70%;
    position: relative;
    z-index: 3;
    
}

.small-offer__img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
}

.small-offer__img img {
    max-width: 100%;
    max-height: 100%;
}

.small-offer__label {
    font-size: 12px;
    color: #12791a;
}

.small-offer__desc {
    flex-grow: 1;
    padding: 0 20px;
}

.small-offer__footer {
    padding: 0 20px 10px 20px;
}

.small-offer__name {
    color: #000;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
}

.small-offer__name:hover {
    text-decoration: none;
    color: #12791a;
}

.small-offer__note {
    font-size: 12px;
    color: #777;
}

.small-offer__price,
.vb-rub--small-offer  {
    font-size: 18px;
    font-weight: 700;
}



.h-row {
    display: flex;
    width: 100%;
    
    flex-direction: row;
    align-items: flex-start;
    

    
}


.h-row__lcol {
    flex-grow: 1;
}

.h-row__rcol {
    padding-left: 30px;
    
    white-space: nowrap;
}

.video-container {
    margin-bottom: 50px;
}

.video-container .btn{
    margin: 0 auto;
}

.video-list {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    display: grid;
    grid-gap: 20px;
    margin-bottom: 10px;
    
}

.video iframe {
    width: 100%;
}

.article-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 20px;
    /* margin-bottom: 0px; */
}

.article-list_index {
    margin-bottom: 50px;
}
.article {
    display: inline-block;
    vertical-align: top;
   
   
}

.article:nth-of-type(4n) {
    margin-right: 0;
}


.article__img {
    width: 100%;
    height: 180px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    position: relative;
    vert-align: top;
    margin-bottom: 5px;
    background: #fff;
}

.article__img img{
    /* min-width: 100%; */
    max-height: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.article__title{
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}

.article__title:hover{
    color: #12791a;
}

.article__desc{
    margin:5px 0;
    color:#999;
}


.article__date{
    margin-top:5px;
    color:#999;
}

.link-more::after {
    content:'\2192';
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    vertical-align: middle;
}

/*-------END ARTICLE------*/

.index-body {
    display: inline-block;
    margin-bottom: 40px;
    /* padding: 30px;
    background: #fff; */
    line-height: 1.8;
}

.index-about {
    display: flex;
    width: 100%;
    background: #fff;
    margin-bottom: 40px;
    /* margin-top: 30px; */
    line-height: 1.8;
}

.index-about__sert-col {
    padding: 30px;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    
    background-image: url('../images/m1.png');
}

/* .index-about__sert-col::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 0;
} */

.sert-imgs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20;
}
.sert-img {
    width: 200px;
    margin-bottom: 20px;
    cursor: pointer;
}

.sert-img img{
    max-width: 200px;
}

.index-about__col {
    padding: 30px;
    width: 50%;
    /* color: #444; */
}

.index-about__col:nth-of-type(1) {
    border-right: 2px solid #F7F8FA;
    /* background: url('../images/index-about-logo.png') no-repeat 0 0; */
}

.index-about__col:nth-of-type(2) {
    background: url('../images/index-about-why.png') no-repeat 130% -100px;
}


.index-vendor {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 20px;
}
.vendor-logo {
    display: inline-block;
    width: 20%;
    min-width: 100px;
    height: 90px;
    float: left;
    border-right: 2px solid #F7F8FA;
    border-bottom: 2px solid #F7F8FA;
    background: #fff;
    text-align: center;
    overflow: hidden;
    position: relative;
    
}


.vendor-logo img{
    max-width: 90%;
    max-height: 70px;

    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.vendor-logo:hover{
    opacity: 0.7;
}

/*----FOOTER-----*/
.footer {
    display: inline-block;
    width: 100%;
    
    padding: 40px 0 20px 0;
    float:left;
    background: #262829;
    color: #fff;
    
}

.footer__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.footer a,
.footer .hidden-link{
    color: #fff;
    text-decoration: none;

}

.footer a:hover {
    color:#12791a;
}

.footer .hidden-link:hover{
    text-decoration: underline;
}

.footer-col {
    /* display: inline-block; */
    
    
    /*min-width: 150px;*/
    /* margin-bottom: 20px; */
    /* margin-top:-5px; */
}

.footer-col:first-child {
    /* min-width: 225px; */
    margin-right: 5%;
}

.logo-footer {
    width: 156px;
    float: left;
    height: 28px;
    margin-bottom: 20px;
    background:  url("../images/logo-footer.png") no-repeat;
}

.footer-copy {
    float: left;
    color: #AAA9B1;
}

.footer-h {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color:#C6C6C6;
}

ul.footer-menu {
    list-style: none;
    padding: 0; margin: 0;
}

ul.footer-menu li{
    padding: 3px 0 3px 0;
    /*width: 100%;*/
}

.footer-contacts {
    margin-bottom: 10px;
    /* padding-left: 30px; */
    color: #BABABA;
    
}

.footer-phone{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.footer-contacts a{
    color: #BABABA;
}



.footer-under {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 20px 0 20px 0;
    background: #000;
    
}

.logo_footer{
    margin-top:5px;
}

.logo_footer .logo__icon {
    width:42px;
    height: 42px;
    margin-right: 10px;
    fill:#D9D9D9;
}

.logo_footer .logo__text {
    width:76px;
    height: 32px;
    margin-top:5px;
    fill:#D9D9D9;
}

.footer-under__logo-col {
    width:40px;
    float: left;
    display: inline-block;
}

.footer-under__desc-col {
    width: calc(100% - 240px);
    float: left;
    display: inline-block;
    font-size: 14px;
    /* padding-left: 30px; */
    padding-top: 5px;
    color: #888888;
}

.footer-under__desc-col a{
    text-decoration: underline;
}

.footer-under__madein-col {
    width:200px;
    padding-top: 5px;
    display: inline-block;
    float: left;
}

a.belbel-copyright {
    display:inline-block;
    height:20px;
    line-geight:20px;
    color:#888;
    text-decoration: none;
}

a.belbel-copyright:hover {
    color:#aaa;
    text-decoration: none;
}


.belbel-copyright__icon {
    width: 58px;
    height: 20px;
}

.belbel-copyright__text {
    font-size: 12px;
    float: left;
    line-height: 20px;
    margin-right: 5px;
    
}


/*----END FOOTER-----*/

/*---CART PAGE-----*/

.cart-discount-coupon-info {
    display: inline-block;
    width: 100%;
    border: 2px dashed #FCE552;
    padding: 10px;
    text-align: center;
    background: #fff;
    margin-bottom: 10px;
}

.cart-list {
    width:100%;
}

.cart-list > .t-row > .t-cell {
    border-bottom: 1px solid #ebebeb;
    padding: 15px 15px 15px 15px;
}

.cart-list .t-row:last-child > .t-cell {
    border-bottom: none;
}

.t-table_p-cart {
    width: 100%;
}
.t-table_p-cart .t-cell {
    padding: 5px 10px 0 10px;
    width: 50%;
    vertical-align: bottom;
}

.t-table_p-cart .t-cell:nth-of-type(1) {
    text-align: left;
}
.t-table_p-cart .t-cell:nth-of-type(2) {
    text-align: right;
}

.sum_cart-list {
    display: inline-block;
    width: 100%;
    padding: 20px;
    border-top: 3px dashed #F6F6F6;
    /* text-align: right; */
    margin: 15px 0 0 0;
}

.cart-promocode-container {
    float: left;
    width: 50%;
    text-align: left;
    padding-top: 15px;
}

.input-promocode {
    width: 140px;
    height: 36px;
    border: 1px solid #ddd;
    padding: 0 10px;
    font-size: 16px;
}

.cart-promocode-btn {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 20px;
    border-radius: 3px;
    border:none;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    background: #FFD445;
    color: #000;
    /* box-shadow: 0 2px 4px rgba(45, 47, 51, 0.5); */
    margin-left: 5px;
}

.cart-promocode-btn:hover {
    background: #FECA20;
}

.cart-sum-container {
    float: left;
    width: 50%;
    text-align: right;
}

.cart-list__product-title {
    font-weight: 700;
    color: #2E344B;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
}

.cart-list__product-note {
    display: inline-block;
    width: 100%;
}

.cart-list__product a:hover {
    color: #12791a;
}

.cart-list-container {
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 40px;
}


.cart-form-container {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    padding: 40px;
    background: #fff;
}

.t-table_form-cart {
    width: 100%;
    max-width: 700px;
    margin-bottom: 20px;
    table-layout: fixed;
}

.t-table_form-cart > .t-row > .t-cell:first-child{
    width: 180px;
}

.cart-list__img {
    display: inline-block;
    width: 120px;
    height: 80px;
}

.cart-list__img img{
    max-width: 100%;
    max-height: 100%;
}

.i-delete-16{
    display: inline-block;
    width: 16px; 
    height: 16px;
    cursor: pointer;
    background: url("../images/i-16.png") no-repeat 0 -16px;
}

.i-delete-16:hover{
    background-position: -16px -16px;
}

.product-calc_cart-list {
    float: none;
    width: 180px;
    
}
/*-----CART PAGE---*/

/*------CHECK-----*/
.check {
    display: inline-block;
    cursor: pointer;
    /*white-space: nowrap;*/
}

.check:hover {
    color: #12791a;
}

.check__inp {
    display: none;
}

.check__label {
    display: inline-block;
    vertical-align: top;
}

.check__checkbox {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    background: #E0E0E0;
    margin-right: 6px;
}

.check__inp:checked + .check__checkbox::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 16px;
    height: 16px;
    background: url("../images/i-16.png") no-repeat 0 -80px;
}

.check__inp:disabled + .check__checkbox + .check__label {
    color: #888;
}

.check__radio {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #E0E0E0;
    margin-right: 6px;
}

.check__inp:checked + .check__radio::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 5px;
    background: #33363B;
}
/*-----END CHECK------*/

/*------LIKE TABLE------*/
.t-table {
    display: table;
    border-collapse:collapse;
}


.t-head {
    display: table-header-group;
    font-weight: 700;
}

.t-row {
    display: table-row;
    padding: 0;
    margin: 0;
}

.t-cell {
    display: table-cell;
    vertical-align: top;
}

.t-cell.middle {
    vertical-align: middle;
}

.t-cell_long {
    width: 100%;
}

.t-table_zebra > .t-row:nth-of-type(even){
    background: #fff;
}

.t-table_zebra > .t-row:nth-of-type(odd){
    background: #F7F7F7;
}

.t-table_zebra > .t-row > .t-cell{
    padding: 10px;
}

.t-table_long {
    width: 100%;
}

.t-table.form > .t-row > .t-cell{
    padding-bottom: 10px;
}
.t-table.form > .t-row > .t-cell:not(:last-child){
    padding-right: 10px;
}

.t-cell_30 {
    width: 33%;
}

.t-table_property {
    width:100%;
}

.t-table_property .t-row .t-cell:nth-of-type(2n-1){
    color:#7B7B7B;
    
}

.t-table_property .t-row .t-cell:nth-of-type(2n){
    width:60%;
    border-left:8px solid #fff;
}

.t-table_product {
    width:100%;
}

.t-table_product .t-cell{
    padding:10px;
    vertical-align: middle;
    border-right: 4px solid #fff;
    text-align: center;
}

.t-table_product > .t-row:nth-of-type(even){
    background: #F1F0F6;
}

.t-table_product .t-head .t-cell.t-cell-50{
    text-align: left;
}

.t-table_product .t-row .t-cell.t-cell-50{
    width:50%;
    text-align: left;
    
}

/*------END LIKE TABLE------*/


/*--BREADCUMBS--*/

.breadcrumbs {
    margin: 0 0 0px 0;
    padding: 0;
    list-style: none;
    width: 100%;
    color: #BEBEBE;
    display: inline-block;

}


.breadcrumbs  li {
    float: left;
    padding-bottom: 5px;
}

.breadcrumbs  li a{
    display: inline-block;
    color: #000;
    text-decoration: none;
}

.breadcrumbs  li a:hover{
    color: #12791a;
    text-decoration: underline;
}


.breadcrumbs  li:before {
    content: '';
    width: 14px; 
    height: 14px;
    display: inline-block;
    float: left;
    margin: 4px 10px 0 10px;
    background: url("../images/arrow-14.png") no-repeat 0 0;
}

.breadcrumbs  li:first-child:before {
    display: none;
}
/*--END BREADCUMBS--*/

/*--PAGINATION--*/

.pagination-container {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    
}

.pagination-pn {
    display: inline-block;
    width: 150px;
    height: 40px;
    float: left;
}

/* .pagination-main {
    display: inline-block;
    text-align: center;
    float: left;
    width: calc(100% - 300px);
} */

.pagination {
    display: inline-block;
    text-align: center;
    float: left;
    width: calc(100% - 300px);
}

.pagination__item{
    display:inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    margin: 0 5px 10px 5px;
    color: #000;
    text-decoration: none;
    /* float: left; */
    background: #fff;

}

.pagination__eclipse {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    /* float: left; */

}

a.pagination__item:hover,
.pagination__prev:hover,
.pagination__next:hover
 {
    color: #12791a;
    text-decoration: none;
    /* box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); */
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.pagination__item.is-active{
    color:#fff;
    background: #12791a;
    text-decoration:none;
    border-color: #fff;
    /*border: 2px solid #5fb768;*/
}


.pagination__prev {
    float: left;
}

.pagination__next {
    float: right;
}

.pagination__prev,
.pagination__next
{
    display: inline-block;
    border-radius: 20px;
    padding: 0 20px;
    height: 40px;
    line-height: 38px;
    background: #fff;
    color: #000;
   
}

.arrow-prev::before,
.arrow-next::after
{
    display: inline-block;
    font-size: 16px;
    color: #12791a;
}

.arrow-prev::before {
    content: '\2190';
    
}

.pagination__prev.arrow-prev::before {
    margin: 0 7px 0 0;
    float: left;
}

.arrow-next::after {
    content: '\2192';
}

.pagination__next.arrow-next::after {
    margin: 0 0 0 7px;
    float: right;
}


/*--END PAGINATION--*/

/*--PRODUCT ITEM--*/

.product-viewed {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;

}

.cart-count {
    width: 50px; height: 40px;
    border: 1px solid #ddd;
    text-align: center;
    display: inline-block;
    float: left;
    vertical-align: top;
    line-height:20px; font-size:14px;
    padding: 0 5px 0 5px;
    /* margin: 0 5px; */
}

.btn-cart-quantity{
    /*width: 34px; */
    height: 40px;
    display: inline-block;
    text-align: center;
    float: left;
    /* vertical-align: middle; */
    border: none;
    background: none;
    background: #eee;
    padding: 0 15px;
    cursor: pointer;
}

.btn-cart-metric {
    display: inline-block;
    margin-right: 10px;
}

.cart-item-minus:after {
    content: '\2014';
    display: inline-block;
    color: #000;
    font-weight: bold;
    line-height: 40px;

}
.cart-item-plus:after {
    content: '+';
    display: inline-block;
    color: #000;
    font-size:20px;
    line-height: 40px;


}

.btn-cart-quantity:active:after{
    color: #12791a;
}


.pitem-count{
    display: inline-block;
    /* margin-top: 10px; */
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

.pitem {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    
}

.pitem__lcol {
    width: 40%;
    margin-right: 3%;
    background: #fff;
}

.pitem__rcol{
    width: 57%;
    background: #fff;
    padding: 20px 35px 30px 30px;
    position: relative;
}

.pitem__img-main {
    position: relative;
    vert-align: top;
    /*display: inline-block;*/
    width: 100%;
    
    /*padding: 5px;*/
    background: #fff;
    font-size: 0;
    text-align: center;
    display: inline-block;
    padding: 20px;

    /*overflow: hidden;*/

}

.pitem__img-main_product {
    height: 300px;
}

.pitem__img-main img{
    max-width: 100%;
    max-height: 100%;
}

.pitem__img-add {
    display: inline-block;
    width: 100%;
    padding: 20px;
}

.pitem__img-add a{
    display: inline-block;
    background: #fff;
    text-align: center;
    vertical-align: top;
    margin-right: 10px;
    margin-top: 10px;
    width: 90px; 
    height: 90px;
    padding: 5px;
    border: 1px solid #e6e6e6;
    position: relative;
    overflow: hidden;

}

.pitem__img-add a img{
    max-width: 140%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    
}

.pitem__img-add a:hover{
    border-color: #12791a;
}

.pitem__price-box {
    width: 100%;
    display: inline-block;
    min-width: 170px;
}

.pitem__price-old {
    display: none;
    color: #777;
    font-size: 32px;
    font-weight: 500;
    text-decoration: line-through;
}


.pitem__price-old.is-active {
    display: inline-block;
    margin-right: 10px;
}

.pitem__price-cur {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    white-space: nowrap;
    color: #000;
    font-weight: 500;

    /*text-shadow: 1px 1px 0 #fff4d2;*/
}

.pitem__discount-box {
    position: absolute;
    left: 100%;
    width: 185px;
    padding: 7px 10px;
    background: #FCE552;
    top: 0;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.1;
    margin-left: 20px;
    
}

.pitem__discount-box::before {
    content: '';
    display: inline-block;
    position: absolute;
    
    left: -10px;
    top:0;

    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top-color:#FCE552;
    border-bottom: 0;
    border-right: 0;
}

.pitem__discount-code {
    display: inline-block;
    float: left;
    background: #fff;
    padding: 6px 5px;
    height: 28px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 700;
    /* border: 2px dashed #eb4022; */
}

.pitem__discount-btn {
    display: inline-block;
    cursor: pointer;
    float: left;
    background: #fff;
    padding: 7px 7px;
    height: 28px;
    margin-top: 5px;
    border-left: 2px dotted #FCE552;
}

.pitem__discount-btn:hover {
    color: #068bd3;
    
}

.pitem__discount-btn.is-active {
    color: #777;
}

.pitem__price-cur .price-val{
    font-size: 32px;
    font-weight: 700;
}

.pitem__price-box-row {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    float: left;
}

.pitem__price-label {
    color: #999;
    margin-bottom: 10px;
}

.pitem-variant .variant-item {
    display: inline-block;
    height: 34px;
    padding: 5px 10px 5px 10px;
    border: 1px dashed #ddd;
    cursor: pointer;
    margin: 5px 5px 5px 0;
}

.pitem-variant .variant-item.active {
    /*border-color:#BFA687;*/
    border: 1px solid #BFA687;
}

.pitem-variant .variant-item:hover {
    color: #BFA687;
}

.pitem-price-box-footer {
    display: inline-block;
    width: 100%;
    background: #fff;

}

.pitem-desc {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    color: #444;
    line-height: 1.6;
}

.sticker {
    display: inline-block;
    padding: 5px 7px;
    border-radius: 2px;
    margin-right: 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}


.pitem__sticker {
    position: absolute;
    top: 10px;
    left: 10px;
    margin-bottom: 10px;
}

.sticker_sale {
    background: #FF5E55;
}

.sticker_hit {
    background: #12791a;
}

.sticker_novelty {
    background: #FFB400;
}

.pitem__bookmark-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5;
    width: 34px;
    height: 28px;
    background: #fff;
    padding: 4px 7px;
    cursor: pointer;
    border-radius: 17px;
}

.pitem__like-icon {
    width: 24px;
    height: 20px;
    
}

.pitem__bookmark-btn:hover .pitem__like-icon,
.pitem__bookmark-btn.is-active .pitem__like-icon{
    /* background: #f2f2f2; */
    fill: #12791a;
}


@media (max-width: 1024px) {
    .pitem-base-info-col {
        width: 100%;
    }
    .pitem-price-col {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .pitem-left-col {
        width: 100%;
        margin-right: 0;
        padding: 0 0 20px 0;
        text-align: center;
    }
    .pitem-right-col {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .pitem-base-info-col,
    .pitem-price-col{
        padding: 0;
    }
    

    .pitem-img-main img{
        max-height: 200px;
    }

    .btn-shop-sys.compare{
        display: none;
    }

    .pitem-price-box-footer .btn-shop-sys{
        width: 100%;
    }

}

/*--END PRODUCT ITEM--*/


/*---variant--*/

.pitem-variant-container{
    margin: 5px 0 20px 0;
}

.variant-item {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    border: 2px solid #e7e7e7;
    margin: 5px 5px 5px 0;
    background: #fff;
    border-radius: 3px;
}

.variant-item:not(.is-disabled) {
    cursor: pointer;
}

.variant-item.is-disabled {
    color: #999;
    border-color: #999;
    background: #eee;
}

.variant-item.is-active {
    border: 2px solid #12791a;
    background: #fff;
}

.variant-item:not(.is-disabled):hover {
    color: #12791a;
    border-color: #12791a;
}

.variant-item__title {
    font-weight: 700;
    display: inline-block;
    width: 100%;
}

.variant-item__kod {
    color: #999;
    font-size: 13px;
}

.variant-item__img {
    display: inline-block;
    width:44px;
    height: 44px;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-right: 10px;
}

.variant-item__img img{
    /* min-height: 100%; */
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}


.variant-item__col {
    display: table-cell;
    vertical-align: middle;
}

.variant-item__col_long {
    width: 100%;
}
/*----end variant----*/

/*----ORDER---FORM-----*/

.order-form{
    padding:20px 40px;
}

.order-form__content {
    max-width: 240px;
}

.form-row {
    margin-bottom: 24px;
}

.order-form__title {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.order-form__desc {
    color: #BABABA;
    margin: 20px 0;
}

.order-form__note {
    color: #777777;
    font-size: 13px;
}

.order-form input[type='text'] {
    width: 100%;
    border: 2px solid #E8E8E8;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
}

.order-form input:focus {
    outline: none;
}

.btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 20px;
    border-radius: 3px;
    border:none;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    
}


.btn_purple {
    background: #12791a;
    color: #fff;
    box-shadow: 0 2px 4px rgba(45, 47, 51, 0.2);
    
}

.btn_purple:hover {
    background: #169220;
    text-decoration: none;
}

.btn_purple:active {
    background: #169220;
    box-shadow: none;
}

.btn_yellow {
    background: #FFD445;
    color: #000;
    box-shadow: 0 2px 4px rgba(45, 47, 51, 0.5);
}

.btn_yellow:hover {
    background: #FECA20;
}

.btn_yellow:active {
    background: #FECA20;
    box-shadow: none;
}


/*----END ORDER FORM---*/

/*----MLIST------*/
.mlist-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.06);
}

.mlist-item__img-col {
    width: 200px;
    margin-right: 20px;
}

.mlist-item__img {
    width: 200px;
    height: 145px;
    overflow: hidden;
}

.mlist-item__img img{ 
    max-width: 200px;
}

.mlist-item__desc-col {
    flex-grow: 1;
}

.mlist-item__date {
    margin-bottom: 20px;
    color: #999;
}


.mlist-item__title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.mlist-item__desc {
    display: inline-block;
    width: 100%;
    margin: 5px 0 5px 0;
}

.comment-block {
    display: block;
    
    
}

.comment-block--top {
    padding: 20px 0;
    margin-top: 40px;
    /* border-top: 2px solid #EDEBEA; */
}

.comment-block--bottom {
   
}


.comment {
    padding: 20px;
    /* border: 1px solid #EDEBEA; */
    border-radius: 6px;
    margin-bottom: 20px;
    background: #fff;
}

.comment__content {
    word-wrap: break-word;
}

/* .comment-box:not(.comment-box-level-1):not(.comment--sub) {
    border-left: 1px dotted #a8a8a8;

}

.comment-box-level-2 {
    padding-left: 30px;
}

.comment-box-level-3 {
    padding-left: 30px;
    margin-left: 30px;
}

.comment-box-level-4 {
    padding-left: 30px;
    margin-left: 60px;
}

.comment-box-level-5 {
    padding-left: 30px;
    margin-left: 90px;
}

.comment-box-level-6 {
    padding-left: 30px;
    margin-left: 120px;
} */

.comment img {
    max-width: 100%;
}

.comment-sub {
    padding-left: 30px;
    /* border-left: 1px dotted #a8a8a8; */
}

.comment__author {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    
    margin-bottom: 10px;
}

.comment__content a {
    word-wrap: break-word;
}

.comment__author-name {
    font-weight: 600;
}

.comment__date {
    font-size: 12px;
    color: #999;
}

.comment__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 10px;
}

.comment__avatar--user {
    background-image: url("../images/avatar-user.png");
}

.comment__avatar--admin {
    background-image: url("../images/avatar-admin.png");
}

.comment__footer {
    padding: 10px 0 0 0;
    color: #999;
    text-align: right;
}

.comment__reply-btn {
    text-decoration: none;
    color: #999;
    cursor: pointer;
}

.comment__reply-btn:hover {
    color: #12791a;
}

.comment-form {
    padding: 30px;
    background: #fff;
    margin-bottom: 30px;
    text-align: left;
}

.comment .comment-form {
    padding: 0 !important;
}

.comment-form__content {
    width: 100%;
    margin-top: 20px;
}

.comment-form__content textarea {
    width: 100%;
    height: 120px;
    border-radius: 4px;
    border: 2px solid #E8E8E8;
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}


.comment-form__content textarea:focus {
    border-color: #12791a;
}

.comment-form__user {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 10px;
}

.comment-form__user >div {
    width: 50%;
}

.comment-form__user input{
    width: 100%;
    border-radius: 4px;
    border: 2px solid #E8E8E8;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.comment-form__send-btn {
    background: #12791a;
    border: none;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    margin-top: 20px;
    cursor: pointer;
}

.comment-form__send-btn:hover {
    background: #169220;

}

/*---THE MODAL---*/
.themodal-lock{
    overflow:hidden;
}

/*.themodal-scroll {*/
/*overflow:auto;*/
/*}*/

.themodal-overlay{
    position:fixed;
    bottom:0;
    left:0;
    top:0;
    right:0;
    z-index:1000;
    display:inline-block;
    text-align:center;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}

.themodal-overlay:after {
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
}

.themodal-overlay > *{
    -webkit-transform:translateZ(0px);
}

.themodal-overlay{
    background:rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000);
    zoom:1;
}

/*---END THE MODAL---*/

/*-----OVERLAY WIN-------*/

.popup {
    max-width: 90%;
    text-align: left;
    min-width: 280px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 20px auto;
    position: relative;
    border: none;
    z-index: 1000;
}

.popup_short{
    max-width: 500px;
}

.popup_fastorder{
    max-width: 600px;
}

.popup-sale-info {
    max-width: 300px;
}

.popup-close {
    text-decoration: none;
    cursor: pointer;
}

.popup__header {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 60px 15px 20px;
    font-size: 22px;
    font-weight: 700;
    /* text-transform: uppercase; */
    background:#fff;
    border-bottom: 1px solid #ebebeb;
}

.popup__content {
    display: inline-block;
    width: 100%;
    padding: 20px;
}

.popup__content-full{
    display: inline-block;
    width: 100%;
}

.popup__close{
    position: absolute;
    right: 20px;
    top:22px;
}

.popup__close-outline{
    position: absolute;
    right: -20px;
    top:-20px;
    padding: 10px;
    background: #F5F5F5;
    border-radius: 50%;
}


.i-close {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("../images/i-close.png") no-repeat 0 0;
}

.i-close:hover {
    background: url("../images/i-close.png") no-repeat -20px 0;
}

/*-----END OVERLAY WIN-------*/

/*-----FORM---*/
.field-valid-msg {
    font-size: 13px;
    color:#FF4668;
    margin-top:3px;
}

.form-label {
    color:#444;
}

.form textarea,
.form input[type=text] {
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 10px 0 10px;
    font-size: 14px;
    /* border-radius: 6px; */
}

.form input:focus,
.form textarea:focus
{
    border-color: #12791a;
}

.form input[type=text] {
    height: 36px;
}

.form textarea {
    padding: 10px;
}


.form__row {
    width: 100%;
    margin: 5px 0 5px 0;
}


/*---END FORM----*/

/*--GALLERY-----*/

.gallery-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 30px;
    margin-bottom: 40px;

}

.gallery-item {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    background: #fff;
}

.gallery-item:nth-of-type(3n) {
    margin-right: 0;
}

.gallery-item__img {
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    position: relative;
    z-index: 3;
}

.gallery-item:hover .gallery-item__img img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}


.gallery-item__img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
    
.gallery-item__img img{
    width: auto;
    height: auto;
    width: 100%;
    max-width: none !important;
    /* max-height: 100%; */
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

.gallery-item__desc {
    padding: 10px 15px 20px 15px;
    flex-grow: 1;
}

.gallery-item__date {
    padding: 10px 15px 20px 15px;
    color: #999;
    font-size: 13px;
}

.gallery-item__img_pic:hover:after {
    content: '';
    display: inline-block;
    position: absolute;
    top:50%;
    margin-top: -34px;
    left: 50%;
    margin-left: -34px;
    width: 68px;
    height: 68px;
    z-index: 3;
    background: url("../images/i-zoom-68.png") no-repeat;
}

.gallery-item__img_pic:hover:before {
    content: '';
    display: inline-block;
    position: absolute;
    top:0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 200px;
    background: #001A1A;
    opacity: 0.3;
}

.gallery-item__img img{
    /* width: 100%; */
    /* min-height: 100%; 
    min-width: 100%; */
    min-height: 100%;
    width: auto !important;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

.gallery-item:hover .gallery-item__img_pic img {
    min-height: 135%;
}

.gallery-item__title {
    font-weight: 600;
    color: #000;

}


/*----END GALLERY---*/


.big-ylw-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    min-height: 60px;
    border-radius: 2px;
    border: 4px solid #FFD445;
    cursor: pointer;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    background: #fff;
    border-radius: 3px;
    /* background: #FFD445; */
}

.big-ylw-btn::after {
    content:'\2192';
    display: inline-block;
    margin-left: 10px;
    font-size:20px;
    vertical-align: middle;

}

.big-ylw-btn:hover {
    text-decoration: none;
    border-color: #000;
    background: none;
    /* color: #12791a; */
}


/*----GALLERY----*/

.attach-gallery-container {
    display: inline-block;
    width: 100%;
}
.attach-gallery {
    display: inline-block;
    width: 100%;
   
}

.attach-gallery__item {
    display: inline-block;
  width: 32%;
  float: left;
  height: 220px;
  margin-right: 2%;
  margin-bottom: 15px;
  overflow: hidden;
}

.bcnt-lcol .attach-gallery__item {
    height: 170px;
}

.attach-gallery__item:nth-of-type(3n) {
    margin-right: 0;
}

.attach-gallery__item img{
    width: 100%;
}

/*---END GALLERY----*/

.services-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.services-list a, .services-list > span {
    width: 30%;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    
}

.services-list > a{
    min-width: 200px;
}

@media (max-width: 600px) {
.service-content .services-list > a{
    width: 100%;
}
}

.new-table-font {
    width: 100%;
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    border-spacing: 0;
    border-collapse: collapse;
}

.new-table-font td {
    padding: 10px 10px;
    text-align: left;
}

.new-table-font a {
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.new-table-font img {
    margin-right: 10px;
}

.new-table-font > tbody > tr:first-child {
    font-weight: 600;
    background: #12791a;
    color: #fff;
}

.new-table-font > tbody > tr:nth-of-type(even) {
    background: #fff;
}

/*----SMETA--LIST---*/
.smeta {
    display: table;
    width: 100%;
    border: 1px solid #F7F8FA;
}

.smeta__row {
    display: table-row;
}

.smeta__cell {
    display: table-cell;
    padding: 10px 10px;
    vertical-align: top;
}

.smeta__cell {
    border-bottom: 1px solid #F7F8FA;
}

.smeta__col_long {
    width: 100%;
}

.smeta__cell:not(:first-child) {
    text-align: center;
}

.smeta__row_header > .smeta__cell{
    background: #F7F8FA;
}

.smeta__product-img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    float: left;
}

.smeta__product-img img {
    max-width: 100%;
    max-height: 100%;
}

.smeta__product-desc {
    display: inline-block;
    float: left;
    width: calc(100% - 100px);
}

.smeta-sum {
    display: inline-block;
    width: 100%;
    padding: 10px;
    background: #F7F8FA;
    text-align: right;
}

.smeta-sum-val {
    display: inline-block;
    margin-right: 20px;
    font-weight: 700;
    color: #000;
    font-size: 24px;
}

/*----STEP SERVICE------*/
.steps-service > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.steps-service .image {
    width: 45px;
    height: 60px;
    margin-right: 20px;
    text-align: center;
    flex: none;
    padding-top: 8px;
}

.steps-service .textarea {
    width: 100%;
}

.steps-service .title {
    font-weight: 600;
    font-size: 18px;
    /* line-height: 1.6; */
    /* color: #444; */
}
/*----EBD STEP SERVICE---*/

/*---GR---*/
.gr-category-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.gr-category {
    width: 48%;
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
}


.gr-category__desc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10%;
    z-index: 4;
    
}

.gr-category__price {
    margin-bottom: 10px;
}

.gr-category__title {
    font-weight: 700;
    font-size: 22px;
}

.gr-category__note {
    color: #eee;
}

.gr-category__img {
    display: inline-block;
    width: 100%;
    min-height: 250px;
    position: relative;
    overflow: hidden;
}

.gr-category__img img {
    
    min-height: auto;
    min-width: 100%;
    /* max-height: 100%; */
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}


@media (max-width: 600px) {
    .gr-category {
        width: 100%;
        margin-bottom: 20px;
    }

    .gr-category-list {
        gap: 0;
    }

    /* .gr-category__img img {
        width: auto;
        height: 100%;
    } */
}

.gr-category__shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
    0deg,
    rgba(20, 20, 22, 0.8) 0%,
    rgba(20, 20, 22, 0.4) 90%
    );
    z-index: 2;
}

.gr-category:hover .gr-category__img img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);

}


.gr-item-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.gr-item {
    width: 28%;
}


.gr-item__price {
    margin-bottom: 10px;
}

.gr-item__title {
    font-weight: 700;
    font-size: 22px;
}

.gr-item__note {
    color: #eee;
}

.gr-item__img {
    display: inline-block;
    width: 100%;
    min-height: 300px;
}

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



/*---END GR---*/

.columns-product {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.columns-product a {
    width: 30%;
    margin-bottom: 25px;
    color: #000;
    font-weight: bold;
}

blockquote {
    margin: 0 0 1.5em;
    padding-left: 1.25em;
    border-left: 4px solid #222;
    color: #777;
    font-style: italic;
    font-size: 16px;
}

.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.fotorama {
    max-width: 680px;
    margin: 0 auto 30px auto;
}

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

img.size-full {
    max-width: 680px;
}

.color-note {
    color:#888888;
}

.color-white {
    color: #fff;
}

.s12 {
    font-size: 12px;
}

.s13 {
    font-size: 13px;
}


.s18 {
    font-size: 18px;
}

.s36 {
    font-size: 36px;
}

.bb {
    font-weight: 700;
}

.nowrap {
    white-space: nowrap;
}

.pb20 {
    padding-bottom: 20px;
}

.is-hide {
    display: none;
}

.mt20 {
    margin-top:20px;
}

.mb20 {
    margin-bottom:20px;
}

.mb5 {
    margin-bottom:5px;
}


.mb10 {
    margin-bottom:10px;
}

.mt20 {
    margin-bottom:10px;
}

.color-red {
    color: #ff0000;
}


/*----------adaptive----------*/

.sidebar-line {
    
    display: none;
    width:100%;
    height:64px;
    background: #fff; 
    float: left;
    
    -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.2);
}


.btn-sidebar {
    background-color: #fff;
    float: right;
    color: #ccc;
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 64px;
    height: 64px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: none;
    border-radius: none;
    cursor: pointer;
    -webkit-transition: background .1s;
    transition:background .1s
}

.btn-sidebar:focus {
    outline:0
}

.btn-sidebar span {
    display: block;
    position: absolute;
    top: 31px;
    left: 16px;
    right: 16px;
    height: 3px;
    background:#000
}

.btn-sidebar span::after, .btn-sidebar span::before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000;
    content: ""
}

.btn-sidebar span::before {
    top:-12px
}

.btn-sidebar span::after {
    bottom:-12px
}

.btn-sidebar.btn-sidebar__animx span {
    -webkit-transition: background 0s .1s;
    transition:background 0s .1s
}

.btn-sidebar.btn-sidebar__animx span::after, .btn-sidebar.btn-sidebar__animx span::before {
    -webkit-transition-duration: .1s, .1s;
    transition-duration: .1s, .1s;
    -webkit-transition-delay: .1s, 0s;
    transition-delay:.1s, 0s
}

.btn-sidebar.btn-sidebar__animx span::before {
    -webkit-transition-property: top, transform;
    transition-property:top, transform
}

.btn-sidebar.btn-sidebar__animx span::after {
    -webkit-transition-property: bottom, transform;
    transition-property:bottom, transform
}

.btn-sidebar.btn-sidebar__animx.is-active span {
    background:0 0
}

.btn-sidebar.btn-sidebar__animx.is-active span::after, .btn-sidebar.btn-sidebar__animx.is-active span::before {
    background-color: #12791a;
    -webkit-transition-delay: 0s, .1s;
    transition-delay:0s, .1s
}

.btn-sidebar.btn-sidebar__animx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform:rotate(45deg)
}

.btn-sidebar.btn-sidebar__animx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform:rotate(-45deg)
}



.btn-phone-mob {
    display: inline-block;
    width:60px;
    height:64px;
    float: right;
    text-align:center;
}

.phone-mob__ico {
    width: 28px;
    height: 28px;
    fill:#000;
    margin:18px 0 0 0;
}

.btn-phone-mob:hover .phone-mob__ico{
    fill: #12791a;
}

.header-logo-mob {
    position: absolute;
    display: inline-block;
    width: 88px;
    left: 50%;
    margin-left: -44px;
    text-align: center;
    margin-top: 8px; 
}

.header-logo-mob .header-logo__icon,
.header-logo-mob .header-logo__text 
{
    /* display: inline-block;
    float: left; */
}

.header-logo-mob .header-logo__icon {
    width: 88px;
    height: 44px;
    margin-bottom: -2px;
}

.header-logo-mob .header-logo__text {
    margin-left: 10px;
    width: 128px;
    height: 16px;
    margin-top: 0;
}



.sidebar-line .header-cart
{
    margin-top: 14px;
    margin-left:20px;
}

.sidebar-line .header-like 
{
    margin-top: 14px;
    margin-left:20px;
}

.sidebar-line .header-cart__icon{
    width: 25px;
    height: 30px;
    fill: #000;
}

.sidebar-line .header-like__icon{
    width: 26px;
    height: 23px;
}

.header-cart__count,
.header-like__count
{
    bottom: 0px;
}


.nav-mob-sub-arrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1px;
    /* border-bottom: 1px solid #fff; */
    /* border-left: 1px solid #fff; */
    display: inline-block;
    width: 42px;
    
    text-align: center;
    /* background: #F7F8FA; */
    
    cursor: pointer;
    padding: 10px 0 0 0;
}
  
.nav-mob-sub-arrow:before {
    content:'';
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.nav-cat > li > .nav-mob-sub-arrow:before {
    margin-top: 15px;
}

.nav-header  li.is-open > .nav-mob-sub-arrow::before,
.nav-cat  li.is-open > .nav-mob-sub-arrow::before  {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    border-color: #12791a;
}

.nav-mob-sub-arrow.up{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.nav-mob-sub-arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.is-hide {
    display: none;
}

.mob-is-show {
    display: none;
}


/* 575 */
.service-content .services-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}
.service-content .services-list br {
    display: none;
}
.service-content .services-list a,
.service-content .services-list > span {
    width: 30%;
    margin: 0 1.5% 20px;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #000;
}
.service-content .services-list img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}
.service-content .services-list span span {
    font-weight: bold;
    margin-top: 10px;
    display: block;
    color: #000;
}
.service-content .services-list a,
.service-content .services-list a span {
    display: block;
    font-weight: bold;
    color: #000;
}


.complete-blocks {
    width: 100%;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.complete-block {
    border: 1px solid #eee;
    border-radius: 3px;
}

.complete-block__img {
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    position: relative;
    z-index: 3;
}

.complete-block__img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.complete-block__img img {
    height: auto !important;
    width: 100% !important;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    
   
}

/* .complete-block:hover .complete-block__img img{
    scale: 1.2;

} */

.complete-block__name {
    font-weight: bold;
    color: #000;
    padding: 5px 20px 10px 20px;
}

@media (max-width: 769px) {
    .mob-is-show {
        display: inline-block;
    }

    .mob-is-hide {
        display: none;
    }

    .sidebar {
        display: none;
    }

    header.header {
        display: block;
        top: 0;
        position: fixed;
        z-index: 1000;
        margin: 0;
    }

    .header__soc {
        position: relative;
        left: 0;
        margin-left: 0;
        top: 0;
        margin-top: 10px;
        /* margin-top: 5px; */
    }

    .msg-icon--footer {
        margin-right: 10px;
        margin-left: 10px;
    }

    .header-glob-modal {
        left: 0;
        right: 0;
        bottom: 0;
        
        background: #fff;
        position: fixed;
        -webkit-overflow-scrolling:touch;
        overflow:auto;
    }

    .footer-col {
        width: 100%;
        text-align: center;
    }

    .footer-under__logo-col,
    .footer-under__desc-col,
    .footer-under__madein-col
    {
        width: 100%;
        text-align: center;
    }

    .footer-under__madein-col {
        padding-top: 20px;
    }

    .footer-logo .header-logo__icon{
        width: 28px;
        height: 28px;
    }

    .header__left,
    .header__right {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }

    .header__phone,
    .header__right-container,
    .search-form
    {
        float: none;
        margin-right: 0;
    }

    .search-form,
    .header__right-container,
    .header__search-cnt,
    .search-autocompleet
    {
        width: 100%;
        max-width: none;
    }

    .search-autocompleet {
        text-align: left;
    }

    .header-container {
        padding-bottom: 20px;
    }
    

    .nav-header  li {
        display: inline-block;
        width: 100%;
        text-align: left;

    }

    .nav-header > li {
        border-bottom: 1px solid #fff;
        background: #F7F8FA;
    }

    .nav-header > li > a,
    .nav-header > li > .nav-header__item {
        width: 100%;
        padding: 10px 20px 10px 20px;

    }

    .nav-header > li > ul > li  a{
        white-space: normal;
    }

    .nav-header > li.is-have-sub > a {
        position: relative;
        padding-right: 40px;
    }

    .nav-header > li.is-have-sub > a::after,
    .nav-header > li.is-have-sub > .nav-header__item::after,
    .nav-header > li > ul > li.is-have-sub::after {
        display: none;
    }

    .nav-header  li.is-open > ul {
        display: inline-block;
        position: relative;
        left: 0;
    }
    
    .nav-header > li > ul,
    .nav-header > li > ul > li > ul{
        
        box-shadow: none;
        
    }

    .nav-header > li > ul > li > ul{
        border-top: 1px solid #F7F8FA;
    }


    .nav-header > li > ul > li > ul > li > a{
        padding-left: 40px;
        /* font-size: 13px; */
    }

    .nav-header > li > ul >li:not(:last-child),
    .nav-header > li > ul > li > ul > li:not(:last-child) {
        border-bottom: 1px solid #F7F8FA;
    }
    

    .nav-catalog-row {
        margin-top: 20px;
    }

     /* .nav-cat > li {
        width: 50%;
        float: left;
        height: 90px;
        border-bottom: 1px solid #F7F8FA;
    } */

   
    .nav-cat > li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #F7F8FA;
    }

    .nav-cat li {
        position: relative;
    }

    .nav-icon-container {
        width: 70px;
        text-align: center;
        vertical-align: middle;
    }

    .nav-cat > li > a span {
        display: inline-block;
        vertical-align: middle;
    }
    
    .nav-cat > li.is-have-sub > a {
        padding-right: 40px;
    }

    .nav-cat-sub__nav-two-col {
        width: 100%;
    }

    .nav-cat  li.is-open > .nav-cat-sub {
        display: inline-block;
        position: relative;
        left: 0;
    }
    
    .nav-cat-sub__ban-col {
        display: none;
    }
    
    .nav-cat > li > .nav-cat-sub{
        box-shadow: none;
        padding: 0;
        border-top: 1px solid #F7F8FA;
    }

    .nav-cat  li.is-open > .nav-cat-sub  ul {
        width: 100%;
        padding: 0;
    }

    .nav-cat  li.is-open > .nav-cat-sub  ul > li {
        width: 100%;
        display: inline-block;
        float: left;
        border-bottom: 1px solid #F7F8FA;
    }

    .nav-cat  li.is-open > .nav-cat-sub ul:last-child > li:last-child {
        border-bottom: none;
    }

    .nav-cat  li.is-open > .nav-cat-sub  ul > li > a{
        display: inline-block;
        float: left;
        width: 100%;
        padding: 10px 20px 10px 20px;
    }

    .nav-cat  li.is-open > .nav-cat-sub  ul > li > a:hover{
        border-bottom: none;
    }


    .content {
        padding:  80px 0 0 0;
    }


    /* .product {
        width: 50%;
    } */

    .pitem {
        display: inline-block;
        margin-bottom: 0;
    }
    .pitem__lcol,
    .pitem__rcol 
    {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .t-table_property {
        display: inline-block;
    }

    .t-table_property .t-row,
    .t-table_property .t-cell,
    .t-table_property .t-row .t-cell:nth-of-type(2n)
    {
        display: inline-block;
        width: 100%;
        border:none;
        padding: 5px 10px;
    }

    /* .t-table_property .t-row .t-cell:nth-of-type(2n) {
    width: 60%;
    border-left: 8px solid #fff;
    } */

    .cart-list__img {
        width: 100px;
        height: 100px;
    }

    .t-table.cart-list {
        display: inline-block;
        /*font-size: 13px;*/
    }

    .t-table.cart-list > .t-row:not(.mob-is-hide){
        display: inline-block;
        padding: 10px 0 10px 0;
        position: relative;
    }

    .t-table.cart-list > .t-row:last-child{
        border-bottom: none;
    }

    .t-table.cart-list > .t-row > .t-cell{
        display: inline-block;
        border-bottom: 0;
        padding: 5px;
        vertical-align: top;
        text-align: center;
    }

    .cart-list__product {
        text-align: left;
    }

    .t-table.cart-list > .t-row > .t-cell.nowrap{
        white-space: normal;
    }

    .t-table.cart-list > .t-row > .t-cell:nth-of-type(1){
        width: 100%;
        padding-right: 30px;
    }

    .t-table.cart-list > .t-row > .t-cell:nth-of-type(2){
        /* padding-top: 15px; */
    }

    .t-table.cart-list > .t-row > .t-cell:nth-of-type(2),
    .t-table.cart-list > .t-row > .t-cell:nth-of-type(3)
    {
        width: 50%;
        float: left;
    }

    .t-table.cart-list > .t-row > .t-cell:nth-of-type(4) {
        width: 100%;
        float: left;
        background: #eee;
        padding: 5px ;
    }

    .cart-list__product-sum {
        font-size: 26px;
    }

    .t-table.cart-list > .t-row > .t-cell:nth-of-type(5) {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #eee;
        padding: 12px;
        top:20px;
        right: 10px;
    }

    
    .attach-gallery__item {
        width: 49%;
        margin-right: 1% !important;
    }

    .offer__img-col,
    .offer__desc-col
    {
        width: 100%;
    }

    .offer__img-col {
        text-align: center;
    }

    .offer__desc-col {
        padding-left: 0;
    }

    .index-about {
        display: inline-block;
    }

    .index-about__col  {
        width: 100%;
    }

    .index-about__sert-col {
        width: 100%;
    }

    .sert-img {
        max-width: 160px;
    }

    .ban-row__lcol {
        width: 100%;
        padding-bottom: 10px;
    }

    .ban-row__rcol {
        width: 100%;
        display: none;
    }

    .index-rban {
        width: 50%;
    }

    .content-flex {
        display: inline-block;
        width: 100%;
    }
    
    .bcnt-lcol {
        width: 100%;
    }
    
    .bcnt-rcol {
        width: 100%;
        float: left;
        padding-left: 0;
        padding-bottom: 30px;
    }

    .quote-container_left::before{
        border-color:  transparent   transparent   #12791a #12791a  ;
        left:0;
        top:-28px;
        border-width:14px;
        display: none;
    }

    .smeta {
        display: inline-block;
    }
    
    .smeta__row {
        display: inline-block;
        width: 100%;
        border: 2px solid #F7F8FA;
        margin-bottom: 10px;
    }

    .smeta .smeta__row:nth-of-type(1){
        display: none;
    }
    
    .smeta__row .smeta__cell:nth-of-type(1) {
        display: inline-block;
        width: 100%;
    }

    .pitem__discount-box {
        position: relative;
        margin-left: 0;
        left: 0;
        
    }
    
}


@media (max-width: 640px) {
    .cart-list__product,
    .cart-list__product > .t-cell{
        display: inline-block;
        width: 100%;
    }

    .t-table.cart-list > .t-row > .t-cell{
        padding: 0 0 10px 0;
    }

    .t-table.cart-list > .t-row > .t-cell:nth-of-type(1){
        padding-bottom: 0;
        padding-right: 0;
    }

    .cart-list__img {
        width: 100%;
        height: 150px;
    }

    .cart-list__product-note {
        display: none;
    }

    .cart-list__product {
        text-align: center;
    }

    .t-table_form > .t-row > .t-cell{
        width: 100%;
        display: inline-block;
    }

    .offer__prop-col {
        width: 100%;
        padding-left: 0;
        margin-bottom: 15px;
    }

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

    .order-form__field-cols {
        flex-wrap: wrap;
    }
    .order-form__field {
        
        width: 100%;
    }

    .order-form__fiel-btn {
        width: 100%;
    }

    .order-form__fiel-btn .btn{
        width: 100%;
        text-align: center;
    }
}



@media (max-width: 540px) {
    .product-list {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
    /* .product {
        width: 100%;
    } */

    .mlist-item__img-col,
    .mlist-item__desc-col 
    {
        width: 100%;
    }

    .mlist-item__img-col {
        text-align: center;
    }

    .attach-gallery__item {
        height: 120px;
    }

    .gallery-item {
        min-height: auto;
    }

    .gallery-item__img {
        height: 240px;
    }

    
}

@media (max-width: 440px) {
    .gallery-item,
    .article {
        width: 100%;
        margin-right: 0 !important;
    }

    .vendor-logo {
        width: 33%;
    }

    .pagination-pn {
        width: 100%;
        text-align: center;
    }

    .pagination {
        margin-top:10px;
        width: 100%;
        text-align: center;
    }

    .pagination__prev,
    .pagination__next
    {
        float: none;
    }
   
}

@media (max-width: 350px) {
    .attach-gallery__item {
        width: 100%;
        height: 200px;
        margin-right: 0 !important;
    }
}


@media screen and (max-width: 400px) {
    .new-table-font td {display: block;}
  }

@media (max-width: 360px) {
    .btn-phone-mob,
    .btn-sidebar {
        width: 44px;
    }

    .sidebar-line .header-cart,
    .sidebar-line .header-like 
    {
        margin-left:12px;
    }


}