@import url("fonts/lato/stylesheet.css");
@import url("personal_style.css");

:root{
	--green:#428000;
	--light:rgb(243 243 243);
	--greenhover:#336E00;
	--yellow:#F5BE2A;
	--black:#21241E;
	--gray:#868B81;
	--lgray:#ebebeb;
	--mgray:#D2D3D0;
	--red:#D1294E
}
HTML{}

BODY{line-height:1.3; font-size:14px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: normal;  color: var(--black); background: #d6d4d4;   margin: auto; height: inherit;}
BODY._inner{ padding-top: 70px;}

.__wrapper{  padding-top: 95px; padding-bottom: 55px; background: #F5F5F5;   }

.__container{ max-width: 1660px; margin:0  auto; }

.__section-item{background: #fff;}
.__section-item._bm{ margin-bottom: 10px;}


/***/
h1{ font-size:24px; font-weight: 800; line-height: 1.3em; margin: 0; color: var(--black);}
h2{font-size: 18px;line-height: 1.4em;font-weight: 700;  color: var(--black); margin: 0}
h3{font-size: 16px;line-height: 1.4em;font-weight: 700;  color: var(--black); margin: 0}
a{ color: inherit}
p a{ color: var(--green); text-decoration: underline; cursor: pointer}

a.text-link{color: var(--green);  display: inline-block}
a.text-link:hover{ text-decoration: underline }

.hide{ display: none}

section{ padding-bottom: 25px}
section.product-detale{margin-bottom: 10px }
section.breadcrumbs{ }
section.products-list{ overflow: hidden;}
section._top{ margin-top: 10px}
section._top-pad{}

.section-item-header{ padding: 15px 0}
.section-header-title{font-size: 18px}

.section-title{ background: #fff; padding: 15px; line-height: 20px}
.section-title h2{ font-weight: bold; font-size: 18px;}
.section-title h2 span{color:var(--red)}
.section-title .arrow{ line-height: inherit; font-size: 34px;}
.section-title .arrow span:last-child{display: none}
.section-title .subscribe{background-image: url(images/sprite-icons.svg#icon-info); background-repeat: no-repeat; background-position: left center; background-size: 13px 13px; padding-left: 18px; color: var(--green); font-size: 12px; line-height: 1 }

.button{ font-size: 14px; font-weight: 500; letter-spacing: 1px; color: #fff; background-color: var(--green); width: 100%; max-width: 200px; padding: 12px;  text-align: center; border-radius: 4px; display: block; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s ease;  box-sizing: border-box; text-transform: none; letter-spacing: normal; font-weight: 600 }
.button:hover{ box-shadow: 0px 3px 8px rgb(0 0 0 / 20%); background-color: var(--greenhover)}
.button.white_bg{ background: #fff; border: #fff; color: var(--black) }
.button.lgray{ background: var(--lgray); border: var(--gray); color: var(--black) }


/*.button{ background: var(--green); color: #fff; font-size: 13px}*/
.button.invert{ background: #fff; color: var(--green); border: 1px solid var(--green); }

span.currency{ font-family: sans-serif}

/***/
header{ background: var(--green); color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 800;transition: top 0.5s ease;
	transition: all 0.3s ease;}
/**/
header .header-top{height: 0; visibility: hidden; overflow: hidden; background: #F7F7F7; font-size: 14px; color: var(--green);  }
header .header-top-items{ height: 40px;}
header .header-top-items .shipping{ background-image: url(images/sprite-icons.svg#shipping); background-repeat: no-repeat; background-position: left center; background-size: 21px 15px; padding-left: 30px; }
header .header-top-items .shipping a{ display: block; width: 140px; height: 28px; margin-left: 15px; border: 1px solid var(--green);border-radius: 4px; text-align: center;line-height: 28px; }
header .header-top-items .referal a{ display: block; width: 205px; height: 30px;  background-color: var(--yellow);border-radius: 4px; line-height: 30px; color: #fff; background-image: url(images/sprite-icons.svg#wishlist-top); background-repeat: no-repeat; background-position: 7px center; background-size: 20px 20px;  padding-left: 34px;box-sizing: border-box; }
/**/
header .header{background: var(--green);}
header .header-items{ height: 50px; }
header .header-logo{z-index: 10; flex: 1}
header .header-logo a{display: inline-block;  height: 20px; width: 120px; background-image: url(images/logo.svg); background-size: contain; background-position: left center; background-repeat: no-repeat; margin-left: 15px}
header .header-search{ display: none;}
header .header-search.search-mobile{ display: block; height:44px; box-sizing: border-box; padding-bottom: 8px; background: var(--green); transition: all 0.3s ease; opacity: 1; overflow: hidden; z-index: 700}

header .header-phone{ margin-right: 15px}
header .header-phone a{ color: #fff; display: block; font-weight: 400; font-size: 14px; line-height: 1 }
header .header-referal{}
header .header-referal a{ display: block; width: 20px; height: 20px; background-image: url(images/referal-icon.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
._inner header{ }
.is-scroll header{   }
header .header-actions{ display: none}

/**/
header .header-search form{ display: block; width: 100%}
header .header-search form input[type="text"]{ display: block; width: 100%; height: 36px; border: none; border-radius: 4px;  padding-left: 45px; color: #868B81 }
header .header-search form input[type="submit"]{ display: block; position: absolute; top:0 ; left: 0; bottom: 0; width: 40px; margin:auto;background-position:  center; background-repeat: no-repeat; background-size: 14px; background-image: url(images/search-icon.svg); background-color: transparent; border: none; z-index: 10}

/**/
header .basket_normal{ display: flex; }
header .basket_normal .basket-block-item{margin: 0 12px; }
header .basket_normal .basket-block-link{ display: block;  }
header .basket_normal .basket-block-icon{display: block; width: 20px; height: 20px;margin: 0 auto 3px;
	position: relative; background-repeat: no-repeat; background-position: center top; background-size: contain;}
header .basket_normal .washlist .basket-block-icon{ background-image: url(images/washlist-icon.svg) }
header .basket_normal .basket .basket-block-icon{ background-image: url(images/basket-icon.svg) }
header .basket_normal .basket-block-icon .count{ position: absolute; top:-6px; right: -13px; height: 18px; width: 18px; line-height: 18px; font-size: 11px; text-align: center;  background: #f5be2a; border-radius: 50%;color: #000;}
header .basket_normal .basket .value{display: none}

/**/
header .module-enter{ display: flex;}
header .header-item-personal{ margin: 0 12px;}
header .auth-button{cursor: pointer}
header .auth-button .user-icon{display: block; width: 20px; height: 20px;margin: auto auto 3px;
	position: relative; background-repeat: no-repeat; background-position: center top; background-size: contain;  background-image: url(images/personal-icon.svg)}
header .exit-button{ display: none}

.basket-popup-container{ display: none}


/***/
.menu-button{ display:block; width: 22px; height:22px; z-index: 7100; position: relative;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; right: 0; }
.menu-button .menu-icon{ display:block; width:100%;position:absolute; height:2px;  top:0; bottom:0; left:0; right:0; margin:auto;
	background: #ffffff;border-radius: 2px;}
.menu-button .menu-icon:before,
.menu-button .menu-icon:after{ display:block; content:""; position:absolute; height:2px; width:100%; left:0;
	margin:auto; background: #ffffff; -webkit-transition: all .3s ease; transition: all 0.3s ease; border-radius: 2px;}
.menu-button .menu-icon:before{ top:7px;}
.menu-button .menu-icon:after{ bottom:7px;}
.menu-button.is-open .menu-icon, .menu-button.is_open .menu-icon:before, .menu-button.is_open .menu-icon:after{  background:  #ffffff;}
.menu-button.is-open { -webkit-transform: rotate(-180deg)}
.menu-button.is-open .menu-icon{ height:0; }
.menu-button.is-open .menu-icon:before{-webkit-transform: rotate(-45deg);    transform: rotate(-45deg);      width: 100%;   top: 0; bottom:0;}
.menu-button.is-open .menu-icon:after{-webkit-transform: rotate(45deg);    transform: rotate(45deg);      width: 100%;   top: 0; bottom:0;}


/**/
.main-menu { display: none}
.over-container .main-menu { display: block}
.main-menu .main-menu-mobile{ display: block}
.main-menu .main-menu-desktop{ display: none}
.main-menu nav{ padding: 15px 50px;  -webkit-flex-direction: column; flex-direction: column;  -webkit-justify-content: flex-start; justify-content: flex-start; position: relative; -webkit-align-items: flex-start !important; align-items: flex-start !important; box-sizing: border-box; min-height: 100% }
.main-menu ul{ margin: 0; padding:7px 0; list-style: none; border-bottom: 1px solid #D2D3D0}
.main-menu li:before{ display: none;}
.main-menu li{ margin: 5px 0}
.main-menu a{ padding: 8px 0; padding-left: 25px; font-size: 12px;  color: var(--black); display: block}
.main-menu .nav-icon{ background-repeat: no-repeat; background-position: left center; background-size: 16px 16px;}
.main-menu ul:last-child{ border: none}
.main-menu ul:last-child a{ padding-left: 0}

/***/
.page-title{ margin-top: 5px; }
.page-title .page-title-wrap{ padding: 18px 15px; background: #fff}
.page-title h1{ text-align: left; font-size: 18px; padding:0; margin: 0; line-height: 1}

/***/
.home-banner{  }
.home-banner .slide-image{ }
.home-banner .home-slider-nav{ position: absolute;bottom: 10px;width: 100%; }
.home-banner .nav-slider-item{ width: 12px; max-width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 1px solid #868B81; font-size: 0;
	color: #fff; margin: 0 3px }
.home-banner .nav-slider-item.is-selected{background: #868B81}

.slider-arrow{ display: none; position: absolute; width: 35px; height: 35px; background-color: #fff; border-radius: 50%; box-shadow: 0px 2px 8px rgba(5, 9, 1, 0.06);
	background-image: url(images/sprite-icons.svg#icon-arr-right); background-repeat: no-repeat; background-position: center; background-size: 16px 8px;
	top:50%; transform: translateY(-50%); z-index: 500 }
.slider-arrow.arrow-left{ right: 0 }

/***/
.slide-tisers{ padding-top:10px;}
.slide-tisers .__side-padding {padding: 0; padding-left: 15px}
.slide-tisers-section ul{margin: 0; padding: 0; list-style: none}
.slide-tisers-section li{flex:0}
.slide-tisers-section li:before{ display: none;}
.slide-tisers-section a{display: block; font-size: 13px; font-weight: 600; height: 40px;border: 1px solid #D2D3D0;border-radius: 4px;background-color: #fff;
	background-repeat: no-repeat; background-position: calc(100% + 20px) 7px; line-height: 1; padding: 10px;background-size: 45px; text-align: center;
	margin-right: 10px;  display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; min-width: 80px}


.back-link{ display: inline-block; padding-left: 20px; position: relative; line-height: 1}
.back-link:before{ display: block; content: ''; position: absolute; width: 10px; height: 16px; top:-2px; bottom: 0; left: 0; margin: auto;
	background-image:url(images/sprite-icons.svg#icon-right-arr);
	background-repeat: no-repeat; background-position: center; background-size: 12px 12px; transform: rotate(180deg) }

/***/
.__footer{ background-color: #F5F5F5; color: var(--black); font-size: 13px  }
.__footer.hide{display: none}
footer .__container{ padding-top: 30px; padding-bottom: 30px}
footer .footer-company{ margin-bottom: 20px; order: 0}
footer .footer-logo{display: block;  height: 20px; width: 120px; background-image: url(images/sprite-icons.svg#logo); background-size: contain; background-position: center; background-repeat: no-repeat; margin: auto; margin-bottom: 10px;}
footer .footer-company .footer-text{ color: var(--grey); font-size: 12px; text-align: center}
footer .footer-item-text{ text-align: center; opacity: 0.8; padding: 7px 0}
footer .footer-contacts{ width: 100%;   order: 2}
footer .footer-contacts .footer-icon{ background-size: 16px 18px; background-position: left center; background-repeat: no-repeat; padding-left: 25px; line-height: 25px;}
footer .footer-contacts .footer-icon.location{background-image: url(images/sprite-icons.svg#footer-icon-location);}
footer .footer-contacts .footer-icon.phone{background-image: url(images/sprite-icons.svg#footer-icon-phone); background-size: 16px 14px;}
footer .footer-contacts .footer-icon.work{background-image: url(images/sprite-icons.svg#footer-icon-work);}
footer .footer-menu{order: 1; width: 100%; line-height: 1.6; margin-bottom: 10px}
footer .footer-menu ul{ margin: 0;padding: 0; list-style: none; width: 50%}
footer .footer-menu ul li{ margin: 0;padding: 0; list-style: none}
footer .footer-menu ul li:before{ display: none}
footer .footer-privacy-mobile{ margin-top: 15px; width: 100%; text-align: center; border-top: 1px solid #dbdbdb;
	padding-top: 20px;}
footer .footer-privacy-mobile a{ display:block; margin-bottom: 5px; opacity: .8; text-decoration: underline }
footer .footer-icons{ order: 5}
footer .payments-logos img{ height: 30px; margin: 20px auto}

/*ov*/
.over-container{position:fixed;  top:95px;   left:0; bottom:0; right:0; margin: auto;  overflow:hidden; z-index:2500; background: #fff;
	background-color:#fff; opacity: 0;  visibility: hidden;   transition: opacity .3s ease, visibility 0s ease .3s; height: calc(100% - 95px) }
#over-container-filter-container{ z-index: 700}
.over-container.is-open{ opacity: 1; visibility: visible;  transition: opacity .3s ease, visibility 0s ease 0s; }

.over-content{ height: 100%; width: 100%;   overflow:auto; box-shadow: -4px 0px 6px -2px rgba(0 0 0 / 16%); }
.over-container.filter{ background-color:rgba(1, 1, 1, 0); background-image:none;}
.overheight-close{ display:none;  width:20px; height:22px; position:absolute; top:20px; right:20px; z-index:10100}
.overheight-close:before,
.overheight-close:after{ content:""; position:absolute; display:block; height:100%; width:5px; background:#fff;}
.overheight-close:before{-webkit-transform: skewX(45deg);transform: skewX(45deg);}
.overheight-close:after{-webkit-transform: skewX(-45deg);transform: skewX(-45deg);}
.over-container .overheight_close_button{ width:20px; height:22px; position:fixed; top:12px; right:12px;}
.over-container .overheight_close_button:before,
.over-container .overheight_close_button:after{
	content:""; position:absolute; display:block; height: 3px; background: #DF1E34;  width: 100%;
	position: absolute;  top: 0;    bottom: 0;    left: 0;    right: 0;  margin: auto; }
.over-container .overheight_close_button:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.over-container .overheight_close_button:after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.over-container .over-content{ background: #fff;     }

/***/
.b-share{ display: flex; align-items: center; }
.b-share a{ display: block; width: 24px; height: 24px; margin: 0 5px; background-repeat: no-repeat; background-position: center;
	background-size: contain}
.b-share .b-share-title{ font-size: 12px; padding-right: 5px;}
.b-share .b-share-vk{ background-image: url(images/sprite-icons.svg#icon-vk) }
.b-share .b-share-ok{ background-image: url(images/sprite-icons.svg#icon-ok) }
.b-share .b-share-wa{ background-image: url(images/sprite-icons.svg#icon-wa) }
.b-share .b-share-tg{ background-image: url(images/sprite-icons.svg#icon-tg) }
.del-item > div{
 	height: 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	margin-top: 7px;
}
.del-item .icon__cdek {
	background-image: url(images/sprite-icons.svg#icon-cdek);
	width: 60px;
}

.del-item .icon__yd {
	background-image: url(images/sprite-icons.svg#icon-yd);
	width: 140px;
}




.del-item {
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 20px;
}

@media (max-width: 480px) {
	.icon__boxberry,.icon__cdek{
		width: 80px;
		height: 18px;
	}
	.del-item{
		gap: 5px;
	}
}

/***/
.mobile-toolbar-container{ position: fixed; z-index: 500; bottom: 0; left: 0; width: 100%; height: 55px; background: #fff; box-shadow: 0 -3px 5px 0 rgba(0,0,0,0.1);}
.mobile-toolbar{ height: 100%; padding: 0 20px; display: -webkit-flex;	display: flex; -webkit-justify-content:space-between;  justify-content:space-between;
	-webkit-align-items: center; align-items: center}
.toolbar-item{padding: 5px; border-radius: 4px; margin-right: 5px}
.toolbar-item a{ display: block;  position: relative; }
.toolbar-item a .title{ display: block; text-align: center; font-size: 10px; color: var(--grey) ; line-height: 14px; margin-top: 2px;}
.toolbar-item a .count{ display: block; position: absolute; width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 11px; opacity:0;
	background: var(--yellow); border-radius: 50%; top: -6px; right: -11px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.toolbar-item a .count.is-show{ opacity: 1 }
.toolbar-item a:hover{ color: var(--green);}
.toolbar-item-icon-wrap{width: 18px; margin: auto}
.toolbar-item-icon{ background-size:18px; height: 18px; width: 18px; background-repeat: no-repeat; background-position: center; filter: grayscale(1);  transition: all 0.3s ease; margin: auto }
.toolbar-item.homepage .toolbar-item-icon{ background-image: url(images/sprite-icons.svg#home-icon-mob);}
.toolbar-item.catalog .toolbar-item-icon{ background-image: url(images/sprite-icons.svg#catalog-icon-mob);}
.toolbar-item.basket .toolbar-item-icon{ background-image: url(images/sprite-icons.svg#basket-icon-mob);}
.toolbar-item.washlist .toolbar-item-icon{ background-image: url(images/sprite-icons.svg#washlist-icon-mob);}
.toolbar-item.personal .toolbar-item-icon{ background-image: url(images/sprite-icons.svg#personal-icon-mob);}

/***/
.embla { }
.embla__viewport { width: 100%;}
.embla__viewport.is-draggable {cursor: move;cursor: grab;}
.embla__viewport.is-dragging {cursor: grabbing;}
.embla__container {display: flex;user-select: none;-webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent;}
.embla__slide { position: relative; flex: 0 0 100%; }
.embla__slide img{ width: 100%; max-width: 100%}

.home-banner .embla{ overflow: hidden}
.home-banner .embla__slide{   opacity: 0.2; -webkit-transition: opacity 1s ease; transition: opacity 1s ease;}
.home-banner .embla__slide.is-selected{ opacity: 1}

.swiper{ overflow: visible}

/***/
.price > span{ font-family: sans-serif}
.products-list{}
.products-list .embla__slide{ flex: 0}
.products-list .products-list-wrap{  }
.products-list .product-item-wrap{  max-width: 165px; min-width:165px; height: auto }
.products-list .product-item{ padding: 15px; box-sizing: border-box; display: flex;
	flex-direction: column; justify-content: space-between; height: 100% }
.products-list .product-item-image{ width: auto; height: 160px;  display: flex; align-items: center; justify-content: flex-start}
.products-list .product-item-image img{ height:auto;  width: auto; max-width: 100%; max-height: 100%;  display: block}
.products-list .product-item-title{ font-size: 12px; margin: 10px 0; flex: 1}
.products-list .product-item-rating{ display: -webkit-flex;}
.products-list .item-rating-count{ margin-left: 5px; font-size: 10px; color: #868B81}
.products-list .product-item-price{ margin: 10px 0; display: flex; align-items: flex-start;}
.products-list .item-sell-price{ font-size: 18px; font-weight: 800}
.products-list .price-cur{ font-family: sans-serif; font-weight: 600 }
.products-list .item-old-price{ margin-left: 10px; font-size: 12px; color: var(--gray); line-height: 1}
.products-list .item-old-price:after{content: ""; display: block; position: absolute; top:45%; left: 0; width: 100%; height: 1px; background: var(--red)}
.products-list .discont-price{ color: var(--red)}
.products-list .product-item-link{ position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; margin: auto;  transition: all 1s ease; z-index: 200; cursor: pointer}
.products-list .product-item-button{ height: 0; max-height: 0px; overflow: hidden; padding: 0}

.products-list .products-slider{ overflow: auto; scrollbar-width: 0; scrollbar-color: rgb(255 255 255 / 0%);}

.products-list .products-slider::-webkit-scrollbar {height: 0px;width: 0px;background-color: transparent ;}
.products-list .products-slider::-webkit-scrollbar-track {background: transparent;}
.products-list .products-slider::-webkit-scrollbar-thumb {background-color: rgb(255 255 255 / 0%); border-radius: 20px; border: 0px solid transparent;width: 0px;}

/***/
.slide-tisers-section{ overflow: hidden}

/***/
.stars{ display: inline-block; position: relative; height: 12px; font-size: 0; line-height: 0; z-index: 100}
.stars span{ display: inline-block; width: 12px; height: 12px; margin:0px 1px;   }
.stars:before{content: ""; display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-repeat: repeat-x; background-position: left center; background-size: 14px 12px; z-index: -2; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEw3Ljk5NiAzLjI1Mjc0TDExLjcwNjMgNC4xNDU5TDkuMjI5NTkgNy4wNDkzNkw5LjUyNjcxIDEwLjg1NDFMNiA5LjM5NThMMi40NzMyOSAxMC44NTQxTDIuNzcwNDEgNy4wNDkzNkwwLjI5MzY2MSA0LjE0NTlMNC4wMDQgMy4yNTI3NEw2IDBaIiBmaWxsPSIjRURFRUVDIi8+Cjwvc3ZnPgo=");}
.stars .stars-on{position: absolute; top:0; left: 0; width:0; height: 100%; background-repeat: repeat-x; background-position: left center; background-size: 14px 12px; z-index: -1; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEw3Ljk5NiAzLjI1Mjc0TDExLjcwNjMgNC4xNDU5TDkuMjI5NTkgNy4wNDkzNkw5LjUyNjcxIDEwLjg1NDFMNiA5LjM5NThMMi40NzMyOSAxMC44NTQxTDIuNzcwNDEgNy4wNDkzNkwwLjI5MzY2MSA0LjE0NTlMNC4wMDQgMy4yNTI3NEw2IDBaIiBmaWxsPSIjRkZDODMzIi8+Cjwvc3ZnPgo=");}
.stars.active:hover .stars-on{ display: none}
.stars.active:hover span.star-over{ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEw3Ljk5NiAzLjI1Mjc0TDExLjcwNjMgNC4xNDU5TDkuMjI5NTkgNy4wNDkzNkw5LjUyNjcxIDEwLjg1NDFMNiA5LjM5NThMMi40NzMyOSAxMC44NTQxTDIuNzcwNDEgNy4wNDkzNkwwLjI5MzY2MSA0LjE0NTlMNC4wMDQgMy4yNTI3NEw2IDBaIiBmaWxsPSIjRkZDODMzIi8+Cjwvc3ZnPgo=");}
.stars.active span.star-active{ cursor: pointer}
/***/
.btn-subscribe{ background-color: var(--green)}

.product-stykers-list{ display: flex;}
.product-stykers-list > div{ font-size: 10px; font-weight: 600; text-transform: uppercase; border-radius: 2px; background: var(--green); color: #fff;
	padding: 4px 10px;}
.product-stykers-list .sticker_hit{ background: #84AC59}

/***/
.textpage{padding:20px 0; line-height: 1.4 }
.textpage h1{ margin: 15px 0;}
.textpage h2{ padding: 15px 0;}
.textpage h3{ padding: 10px 0;}
.textpage p{ margin: 0 0 10px 0 }
.textpage ul li{ margin: 0 0 10px 0; list-style: disc }
.textpage ul{   }

/***/
.jqmOverlay{ background: #000}
.popup{ background: #fff; }
.enter_frame.popup{ max-width: 400px}
.popup .wrap_ajax_auth > div{ padding: 15px;}
.popup .popup-intro{ border-bottom: 1px solid var(--green)}
.popup .pop-up-title{    padding: 30px 20px;}
.popup .jqmClose{ display:block; width:20px; height:20px; position:absolute; top:10px; right:10px; z-index: 10}
.popup .jqmClose i{ display:block; width:100%; height:0; position:absolute; top:0; right:0; bottom: 0; left: 0; margin: auto;}
.popup .jqmClose i:before,
.popup .jqmClose i:after{ display:block; content:""; position:absolute; height:2px; width:100%; left:0;
	margin:auto; background: #000;   border-radius: 2px;}
.popup .jqmClose i:before{   -webkit-transform: rotate(-45deg);}
.popup .jqmClose i:after{ -webkit-transform: rotate(45deg);  }
.popup .form-control{ margin: 15px 0}
.popup .auth_wrapp label{ color: #888888; font-size: 12px; }
.popup .auth_wrapp label > span{ color: var(--red);}
.popup .auth_wrapp input{ padding: 10px; border:1px solid #E5E5E5; background: #f7f7f7; color: #383838; font-size: 12px; }
.popup .auth_wrapp .filter{display: flex; justify-content: space-between; align-items: center}
.popup .auth_wrapp .forgot{ font-size: 12px; color: var(--green);   line-height: 20px; order: 2}
.popup .auth_wrapp .remember{ display: flex; align-items: center;}
.popup .auth_wrapp .remember input{ display: block; width: 18px; height: 18px; background: #f7f7f7; border:1px solid #E5E5E5; border-radius: 2px; box-sizing: border-box;
padding: 0;}
.popup .auth_wrapp .remember input:checked{border:4px solid #E5E5E5; background: var(--green)}
.popup .auth_wrapp .remember label{line-height: 20px; height: 20px;display: block; margin-left: 10px}
.popup .auth_wrapp  .buttons{ margin-top: 20px}
.popup .auth_wrapp .reg-block{ padding: 15px; margin-top: 15px; border-top: 1px solid #E5E5E5}
.popup .auth_wrapp .more_text_small{font-size: 12px; padding: 10px;  color: #383838;}
.progress_auth{ padding: 30px 20px; text-align: center;}

/***/
section.breadcrumbs{ background: #fff; padding: 15px 0; }
.breadcrumbs-wrap{ display: flex; align-items: center; padding: 0 15px; font-size: 12px;}
.bx-breadcrumb-item-wrap{ display: flex; align-items: center}
.bx-breadcrumb-item.home a{ display: block; width: 16px; height: 16px; background-image:url(images/sprite-icons.svg#home-icon-mob);
	background-repeat: no-repeat; background-position: center; background-size: 16px 16px }
.breadcrumbs-wrap a{ color: var(--green)}
.breadcrumbs-wrap .separator { display: block; margin: 0 5px; width: 16px; height: 16px; background-image:url(images/sprite-icons.svg#icon-right-arr);
	background-repeat: no-repeat; background-position: center; background-size: 6px 10px }
.long-breadcrumbs .bx-breadcrumb-item-wrap{ display: none}
.long-breadcrumbs .bx-breadcrumb-item-wrap.mobile{ display: flex}
.long-breadcrumbs .bx-breadcrumb-item-wrap.mobile .separator{ transform: rotate(180deg); margin: 0; background-position: center right}

/***/
.personal-form{ max-width: 500px; margin: auto; padding: 30px 0; box-sizing: border-box }
.personal-form-title{ text-align: center; font-size: 22px; font-weight: bold; margin-bottom: 10px}
.personal-form-subtitle{ text-align: center; font-size: 13px;  margin-bottom: 20px}
.personal-form .forgot{ }
.personal-form .button{ width: 160px; margin: auto}
.personal-form-addon {padding:10px 0; text-align: center; }
.personal-form-addon p{ margin: 5px 0; }
.form-row{ margin-bottom: 15px;}
.form-row label{ display: block; margin-bottom: 5px; }
.form-row input{ display: block; box-sizing: border-box; height: 40px; line-height: 40px; padding: 0 15px; width: 100%; border: 1px solid var(--mgray); border-radius: 4px;}
.form-row-checkbox, .form-row-radio{ display: flex; align-items: center; cursor: pointer}
.form-row-checkbox input, .form-row-radio input{display: block; width: 18px; height: 18px; background: #f7f7f7; border:1px solid #E5E5E5; border-radius: 2px; box-sizing: border-box;
	padding: 0; cursor: pointer}
.form-row-checkbox input:checked, .form-row-radio input:checked{border:4px solid #E5E5E5; background: var(--green)}
.form-row-checkbox label, .form-row-radio label{ display: block; margin: 0 0 0 10px; cursor: pointer}

.checkbox-list .form-row-checkbox{ margin-bottom: 10px}

.form-row-radio input{ border-radius: 10px; }


.form-row-buttons{ padding-top: 15px}
.form-row .error{ display: block; padding: 5px 15px; font-size: 13px; color: var(--red); margin: 0;}

.form-row .password-input{ position: relative;}
.form-row .password-input input{ padding-right: 30px}
.form-row .password-input .password-show-hide{ position: absolute; top:0;  right: 10px; width: 20px; height: 40px;
	background-image:url(images/sprite-icons.svg#icon-sh-off); background-repeat: no-repeat; background-position: center; background-size: 20px 15px; cursor: pointer}
.form-row .password-input .password-show-hide.is-show  {background-image:url(images/sprite-icons.svg#icon-sh-on);}
.form-row .row-description{font-size: 12px; padding:5px 15px; color: var(--gray)}
.form-row-captcha, .captcha-image{ display: flex; align-items: center;}
.form-row-captcha .captcha_reload{ width:32px; height:22px;  background-size: 22px 22px; min-width: 32px;   cursor: pointer;
	background-image:url(images/sprite-icons.svg#icon-reload); background-repeat: no-repeat; background-position: center; transition: all 0.3s ease;
	background-color: #fff;height: 40px; flex-basis:40px; flex-shrink:0; border: 1px solid var(--mgray); border-radius: 0 4px 4px 0; }
.form-row-captcha .captcha_reload:hover{ opacity: 1}
.form-row-captcha .captcha-image{ margin-left: 15px; width: 180px; flex-basis: 180px; flex-shrink: 0; height: 40px; overflow: hidden; border: 1px solid var(--mgray);
border-radius: 4px 0 0 4px; border-right: none}
.form-row-captcha .captcha-image img{width: 182px;height: 42px;margin: 0 0 0 -1px; display: block;max-width: none;}
.form-row-captcha .error{ position: absolute; top:100%;}

.registration .personal-form{ max-width: 640px;}
.registration .form-row  input{ margin-bottom: 5px}
.registration .form-row .form-row-captcha  input{ margin-bottom: 0}


.personal-form-errors{border-top: 1px solid var(--red); border-bottom: 1px solid var(--red);margin: 15px 0;padding: 15px;background: #d1294e0d;}
.personal-form-errors .errortext{ font-size: 13px; font-weight: bold}
.personal-form-errors p{ padding-left: 27px;position: relative;line-height: 16px;}
.personal-form-errors p:before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 16px;background-image: url(images/sprite-icons.svg#icon-notice);background-size: 16px;background-repeat: no-repeat;}


.personal-form-note{border-top: 1px solid var(--green); border-bottom: 1px solid var(--green);margin: 15px 0;padding: 15px;background:rgb(66 128 0 / 8%);}
.personal-form-note .errortext{ font-size: 13px; font-weight: bold}
.personal-form-note p{  position: relative;line-height: 16px;  }


/***/
.section-notice{  background: #eecfd6;	border-radius: 4px; margin: 10px 0}
.section-notice .message-box{ padding: 20px}
.message-box{padding: 15px; text-align: center; font-size: 14px}
.message-box p{margin: 5px;}

.catalog-search .section-title{ background: none; padding: 0px 15px}
.catalog-search .section-title p span { font-weight: 700;}
	/***/
div.title-search-result{ display: block !important;}
 BODY.is-scroll .search-mobile{ height: 0; padding: 0}

/***/
.contacts-sections  .contacts{ padding: 20px 0}
.contacts-sections .contacts-item .title{ font-weight: 700; font-size: 16px;}
.contacts-sections .contacts-item .value{ margin: 10px 0 20px}
.contacts-sections .contacts-item .value > *{ display: block; background-repeat: no-repeat; background-position: left top; background-size: 16px 16px; padding-left: 24px;  display: block; line-height: 16px; margin: 5px 0;position: relative; line-height: 18px;   }
.contacts-sections .contacts-item.adress .value > *{ background-image: url(images/sprite-icons.svg#footer-icon-location);}
.contacts-sections .contacts-item.phones .value > *{ background-image: url(images/sprite-icons.svg#footer-icon-phone);}
.contacts-sections .contacts-item.email .value > *{ background-image: url(images/sprite-icons.svg#footer-icon-email);}
.contacts-sections .contacts-item.work .value > *{ background-image: url(images/sprite-icons.svg#footer-icon-work);}
.contacts-sections .contacts-image{ margin: 10px 0 15px 0}
.contacts-sections .contacts-image img{ border-radius: 4px;     box-shadow: 0px 2px 8px rgba(5, 9, 1, 0.06);}
.contacts-sections .map{ filter: grayscale(.3); border-radius: 4px; overflow: hidden; height: 350px; }

/***/
.dp-section .__section-item{ margin-bottom: 10px; padding: 10px 0 }

/***/

.w768{ display: none}

.popup {  position: absolute; min-width: 420px; max-width: 520px; left: 50%; box-sizing: border-box; }
@media only screen and (min-width: 480px) {

	.__wrapper{  padding-top: 95px; padding-bottom: 65px; }

	/***/
	.mobile-toolbar-container{ height: 65px;}
	.toolbar-item a .title{ font-size: 13px;}
	.toolbar-item-icon-wrap{width: 24px; margin: auto}
	.toolbar-item-icon{ background-size:24px; height: 24px; width: 24px;}
	.toolbar-item a .title{margin-top: 5px;}
}


@media only screen and (min-width: 768px) {


	/***/
	BODY.is-scroll header{ top:-40px; }
	header .header-top{height: 40px; visibility: visible;}
	header .header-items{ height: 70px; }
	header .header-logo {   height: 27px}
	header .header-logo a{ height: 27px; width: 145px; margin-left: 20px}
	header .header-actions{ display: inherit; font-size: 14px;}
	header .header-phone{ margin-right: 0;  margin-left: 60px}
	header .header-phone a{font-size: 18px;}
	header .header-referal{ display: none}

	/***/


	section._top-pad{ }

	.section-title{ background: none;}


	/***/
	.menu-button{ width: 25px; height:24px;}
	.menu-button .menu-icon{  }
	.menu-button .menu-icon:before{   top:9px;}
	.menu-button .menu-icon:after{  bottom:9px;}

	/***/
	.home-banner .home-slider-nav{ position: relative; bottom: auto;}
	.home-banner .nav-slider-item{ width: auto; max-width: none; height: auto; border-radius: 0; border: none; font-size: inherit; color: inherit; margin: 0; text-align: center; padding: 13px; flex: 1; position: relative; cursor: pointer;
		height: 64px;display: flex;align-items: center; justify-content: center; box-sizing: border-box}
	.home-banner .nav-slider-item:after{ content: ""; display: block; position: absolute; height: 2px; bottom: 0; left: 50%;
		transform: translateX(-50%); width: 0px; transition: all 0.5s ease; background: var(--green)}
	.home-banner .nav-slider-item:hover:after{ width: 100%}
	.home-banner .nav-slider-item.is-selected{ color: var(--green); background: none}
	.home-banner .nav-slider-item.is-selected:after{height: 2px; width: 100%}

	.slide-tisers-section a{ font-size: 15px}
	/***/
	.products-list .product-item-wrap{ max-width: 220px}
	.products-list .product-item{ }
	.products-list .product-item-image img{ }
	.products-list .product-item-title{ font-size: 14px; margin: 15px 0; flex: 1}
	.products-list .item-rating-count{ font-size: 12px;}
	.products-list .item-sell-price{ font-size: 20px; }
	.products-list .item-old-price{ font-size: 13px; }


	/***/
	footer .footer-logo{ height: 30px; width: 160px; background-position: left; margin: 0 0 20px 0}
	footer .footer-company{ min-width: 240px;  }
	footer .footer-company .footer-text{ text-align: left}
	footer .footer-contacts {min-width: 300px; width: auto}
	footer .footer-menu ul{ width: 100%; margin: 0 10px }
	footer .footer-contacts{order: 1}
	footer .footer-menu{order: 2; flex-direction: column}
	footer .payments-logos img{ margin: 20px 0}



	/***/
	.over-container {top: 110px; height: calc(100% - 110px)}

	/***/
	.mobile-toolbar-container{ display: none}

	/***/
	.w768{ display: block}
	.wn768{ display: none}

	/***/
	.__wrapper{ padding-top: 154px; padding-bottom: 0;}
	.__wrapper.showpanel {padding-top: 0 !important;}
	.__wrapper.showpanel header {position: relative !important;}
	BODY.is-scroll .__wrapper.showpanel header{ top:0px; }
	.__wrapper.showpanel .over-container{top:490px;  }

	/***/
	section.breadcrumbs{ padding: 10px 0; }
	.breadcrumbs-wrap{ font-size: 14px;}

	.personal-form-errors, .personal-form-note{ padding: 15px 30px}


	/***/
	.catalog-search .section-title{ font-size: 15px}

	.message-box{padding: 30px; font-size: 16px}

	/***/
	.contacts-sections .contacts-wrap{ min-width: 300px}
	.contacts-sections .contacts-image { margin: 0 0 0 20px;}




}

@media only screen and (min-width: 1024px) {
	.__wrapper{  padding-top: 110px }

	.__container._side-pad{ padding: 0 15px;}
	.__section-item{border-radius: 4px; box-shadow: 0px 2px 8px rgba(5, 9, 1, 0.06); }
	.__section-item .__side-padding{ padding:20px;}

	.slide-tisers .__side-padding {padding: 0 10px;}
	.auth-form .__side-padding,
	.registration .__side-padding{ padding: 20xp 0;}

	.section-title{ background: none; padding: 15px 0}

	/***/
	header .header-logo { flex: 1; margin-right: 50px;max-width: 176px; }
	header .header-search{ display: block; padding: 0; flex: 1; }
	header .header-search.search-mobile{ display: none !important}
	header .header-actions{ margin: 0 40px;}
	header .header-phone{ margin-left: 0px}

	/***/
	.long-breadcrumbs .bx-breadcrumb-item-wrap{ display: flex}
	.long-breadcrumbs .bx-breadcrumb-item-wrap.mobile .separator{ transform:unset; margin: 0 5px ; background-position: center}

	.__wrapper.showpanel{ z-index: 1000}
	.__wrapper.showpanel .over-container{top:0px; height: 100%; margin: 0; z-index: 9998  }
	.__wrapper.showpanel .menu-button.is-open{ position: fixed; top:10px; left: 10px;   border-radius: 50%;  z-index: 9999 }
	.__wrapper.showpanel .menu-button.is-open .menu-icon:before, .__wrapper.showpanel .menu-button.is-open .menu-icon:after{background: #000}

		/*
        .header-cart{ overflow: hidden;  transition: overflow 0s ease-in 1s;}
        .header-cart.is-show { overflow: visible; }
    */
	.basket-popup-container{ display:block; width: 420px; color: var(--black); position: absolute; top: 100%; left: -30px; padding-top: 14px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in; z-index: -1; }

	.basket-popup-overflow{overflow: hidden; padding: 0 10px 10px 10px }
	.is-show .basket-popup-container{opacity: 1;visibility: visible; z-index: 1}
	  /* .basket-popup-container{opacity: 1;visibility: visible;}*/
	.basket-popup-wrapper{ background: #fff; border-radius: 4px;  box-shadow: 0px 2px 8px rgba(5, 9, 1, 0.06);transition: all 0.2s ease-in;
		 /*transform: translateY(-100%); */ max-height: 0;}
	.is-show .basket-popup-container .basket-popup-wrapper{ /* transform: translateY(0); */ max-height: 1000px }
	   /*.basket-popup-container .basket-popup-wrapper{  max-height: 1000px}*/
	.basket-popup-container .cart_wrapper{ max-height: 240px; overflow-y: auto }
	.basket-popup-container table{ width: 100%}
	.basket-popup-container .catalog_item{ display: flex; margin: 8px 0;padding: 8px 15px; border-bottom: 1px solid var(--lgray)}
	.basket-popup-container .catalog_item:last-child{ margin-bottom: 0}
	.basket-popup-container .thumb-cell a{ display: block; width: 60px;}
	.basket-popup-container .thumb-cell img{ max-height: 40px; width: auto; max-height:60px; margin: auto; display: block}

	.basket-popup-container .item-title-wrap{ display: flex; flex: 1; position: relative; box-sizing: border-box; flex-direction: column}
	.basket-popup-container .item-title-wrap .item-title{ flex: 1}
	.basket-popup-container .item-info{ display: flex; align-items: flex-end; justify-content: space-between}
	.basket-popup-container .price{ font-size: 14px; font-weight: 700}
	.basket-popup-container .base-price{ font-size: 11px; font-weight: 400; opacity: .8; position: relative; margin-right: 5px;}
	.basket-popup-container .base-price:after {content: "";display: block;position: absolute;top: 45%;left: 0;width: 100%;height: 1px;background: var(--red);}

	.basket-popup-container .remove-cell{display: block; position: absolute; top: 0; right: 10px; }
	.basket-popup-container .basket-item-remove{ position: relative; display: block; border-radius: 50%;  height: 20px; width: 20px;cursor: pointer;}
	.basket-popup-container .basket-item-remove:after, .basket-popup-container .basket-item-remove:before{ content: ''; display: block; width: 60%; height: 1px;
	 position: absolute;top: 50%; left: 20%; background: var(--gray); transform-origin: 50% 50%;}
	.basket-popup-container .basket-item-remove:after{ transform: rotate(45deg)}
	.basket-popup-container .basket-item-remove:before{ transform: rotate(-45deg)}
	.basket-popup-container .basket-item-remove:hover{ background: var(--red)}
	.basket-popup-container .basket-item-remove:hover:before, .basket-popup-container .basket-item-remove:hover:after { background: #fff; }
	.basket-popup-container .total_wrapp{ background: #F9F9F9;}
	.basket-popup-container .total_wrapp .button{ margin: auto}
	.basket-popup-container .total_wrapp .total{ display: flex;  padding: 10px 15px; border-bottom: 1px solid var(--lgray);  justify-content: space-between; }
	.basket-popup-container .total_wrapp .button-wrap{ padding: 10px 15px}
	.basket-popup-container .basket_empty{padding: 30px 15px; text-align: center}

	/*eader .header-item-personal{ padding: 10px 0;}*/
		/***/
	.page-title{ margin: 0; padding: 0}
	.page-title .page-title-wrap{ padding: 25px 0; background: none}
	.page-title h1{  font-size: 22px; }

	/***/
	.slider-arrow{ display: block; cursor: pointer; opacity: 1; transition: opacity .5s ease; }
	.slider-arrow.hide{ opacity: 0}

	/***/
	.slide-tisers-section .embla__slide{ width: 25%; min-width: 25%; max-width: 25%; padding: 0 10px; box-sizing: border-box}
	.slide-tisers-section a{  width: 100%; box-sizing: border-box; margin-right: 15px; height: 60px;}
	.slide-tisers .slider-arrow{ right: 5px}

	/***/
	.over-content{background: #FBFBFB;}
	.mobile-menu .over-content{background: #FBFBFB !important;}
	.main-menu{ min-height: 100%; box-sizing: border-box;   color: #21241E  }
	.main-menu .main-menu-mobile{ display: none}
	.main-menu .main-menu-desktop{ display: block}
	.main-menu .menu-wrapper{ display: flex; }
	.main-menu .menu-wrapper .menu-col{ flex-basis: 230px; }
	.main-menu .menu-wrapper .menu-col-sub{ flex:1; margin-top: 12px;}
	.main-menu a{ font-size: 14px; padding-left: 30px; position: relative; z-index: 120}
	/*.main-menu .nav-icon {background-repeat: no-repeat;background-position: 25px center;}*/
	.main-menu a.-red{ color: #D1294E}
	.main-menu nav {padding: 20px 40px;}
	.main-menu ul { width: 100%;}
	.main-menu .submenu{ visibility: hidden; top:-100%; opacity: 0; z-index: -1; position: absolute; top:0; width: 100%;  height:0;max-height: 0;
		left: 0;  transition: opacity .5s ease; background: #fff; padding:10px 20px; min-height: 100px; border-radius:4px 4px 4px 4px;
		box-shadow: 0px 2px 8px rgba(5, 9, 1, 0.06); overflow: hidden}
	.main-menu .submenu.is-show{ visibility: visible; opacity: 1; z-index: 1; max-height: 1000px;height:auto}

	.main-menu .menu-col li{ position: relative;}
	.main-menu .menu-col li:before{ content: ""; position: absolute; display: block; top:0; bottom: 0; left: -20px; right: 0; background: #fff; border-radius:4px;
		box-shadow: 0px 2px 8px rgba(5, 9, 1, 0.06); opacity: 0; z-index: 100;  transition: all .3s ease;  }
	.main-menu .menu-col li.has-submenu:after{ content: ""; position: absolute; display: block; top:0; bottom: 0;  right: -10px; left: 0; background: #fff;
		opacity: 0; z-index: 110;transition: all .3s ease;  }
	.main-menu .menu-col li:hover:before, .main-menu .menu-col li:hover:after,
	.main-menu .menu-col li.is-show:before, .main-menu .menu-col li.is-show:after{ opacity: 1;   }
	.main-menu .submenu ul{ column-count: 3; padding: 0}
	.main-menu .submenu-brands ul{ column-count: 4;}
	.main-menu .submenu li{ margin: 0}
	.main-menu .submenu a {display:inline-block;}
	.main-menu .submenu a:after{content: ""; position: absolute; display: block; bottom: 2px;  right: 0px; left: 0; background: #21241E; height: 0;
		opacity: 0; transition: all .3s ease; transform:translate3d(0, 10px, 0)}
	.main-menu .submenu a:hover:after{opacity:1; height:1px; transform:translate3d(0, 0, 0)}

	/***/
	.home-banner{ margin-top: 15px;}

	/***/
	.products-list .products-slider{ overflow: unset}
	.products-list .product-item-wrap{width:20%; min-width:20%; box-sizing: border-box; opacity: 0;transition: all 0.2s ease; background: #fff;
		border-radius: 4px;padding: 15px 0}
	.products-list .product-item-wrap:hover{ z-index: 10;}
	.products-list .product-item-wrap.swiper-slide-visible{ opacity: 1}
	.products-list .product-item-wrap.in-view{ opacity: 1}

	.products-list .product-item{ width:100%;transition: all 0.2s ease;    }
 	.products-list .product-item:before{content: ''; display: block; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff;
		transition: all 0.3s ease;    border-radius: 4px; box-shadow: 0px 2px 8px rgb(5 9 1 / 10%); opacity: 0}
	.products-list .product-item:hover{  transform: translateY(-10px); }
	.products-list .product-item:hover:before{top:-15px; bottom: -35px; left: -10px; right: -10px; opacity: 1 }
	.products-list .product-item-button{  position: absolute; bottom: -25px; left: 0; right: 0; margin: auto; background: var(--green); color: #fff;
		transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s; border-radius: 4px;  opacity: 0; transform: translateY(15px); z-index: -1}
	.products-list .product-item:hover .product-item-button{ max-height: 100px; height: auto; padding: 12px; transform: translateY(0px); opacity: 1; z-index: 200}
	.products-list .slider-arrow{ right: -20px}
	.products-list .slider-arrow.arrow-prev{ left: -20px; transform: rotate(180deg)}

	.swiper:after, .swiper:before{ display: block; content: ""; position: absolute; top:-30px; bottom: -30px; left: calc(100% + 15px); right: -500px; margin: auto; background: #f5f5f5; z-index: 100}
	.swiper:before{right: calc(100% + 15px); left: -500px;}


	/***/
	.tisers .tiser-item{width: calc(33.33% - 5px);  border-radius: 6px; overflow: hidden; /*box-shadow: 0px 2px 8px rgba(5, 9, 1, 0.06);*/ }
	.tisers .tiser-item img{width: 100%; height: auto; border-radius: 6px;}

	/***/
	.enter_frame.popup {max-width: 600px;}
	.popup .auth_wrapp .wrap_md{ display: flex}
	.popup .auth_wrapp .auht-block{ flex-basis: 60%; padding: 30px}
	.popup .auth_wrapp .reg-block{flex-basis: 40%; border-top: none; margin: 0; border-left: 1px solid #E5E5E5; margin-left: 20px; padding-left: 20px; padding: 30px}
	.popup .wrap_ajax_auth  .popup-content{ padding: 0 !important}
	.popup .auth_wrapp .more_text_small{ padding: 0; padding-top: 30px}

	/***/
	.__footer{ margin-top: 15px;}

	/***/
	.personal-form{box-shadow: 0px 2px 8px rgba(5, 9, 1, 0.06); padding: 40px 60px; border-radius: 4px  }
	.personal-form-errors{border: 1px solid var(--red);  border-radius: 4px;}
	.personal-form-note{border: 1px solid var(--green);  border-radius: 4px;}

	.form-row  .row-description{font-size: 13px;}

	/***/
	.catalog-search .section-title{ font-size: 22px}

	/***/
	.message-box{padding: 40px; font-size: 18px}

	/***/
	.contacts-sections .contacts{ padding: 30px 60px}
	.contacts-sections .contacts-wrap{ font-size: 16px; flex: 1}
	.contacts-sections .map{height: 400px; }

	/***/
	.dp-section .__section-item{padding: 0 }
	.dp-section .__section-item.courier,
	.dp-section .__section-item.self { width: calc(50% - 10px); margin: 0 }
	.dp-section .__section-item.pay {margin-top: 20px; width: calc(50% - 10px)}
	.dp-section .shipping-item{ padding: 0 10px;}

	.footer-privacy-mobile{ display: flex; justify-content: center; flex-wrap: wrap}
	.footer-privacy-mobile a{ margin: 0 15px;}

}

.dp-section .__section-item.pay a{
	color: #428000;
}

@media only screen and (min-width: 1280px) {
	.__side-padding {padding: 0 20px;}
	.__container._side-pad{ padding: 0 20px;}

	/***/
	h1{ font-size: 26px;}
	h2{ font-size: 22px;}
	h3{ font-size: 18px;}

	/***/
	header .header-phone{ margin-left: 50px}

	.main-menu nav {padding: 20px 60px; max-width: 1660px; margin: auto}
	.main-menu .submenu{  padding:10px 40px;}

	.section-title h2{  font-size: 22px;}
	.section-title .arrow span:first-child{display: none;}
	.section-title .arrow span:last-child{display: block; color: var(--green); font-size: 12px; line-height: 1 }

	/***/
	.slide-tisers-section .embla__slide{ width: 16.66%; min-width: 16.66%; max-width: 16.66%; }

	/***/
	footer .footer-form{ order: 4; min-width: 300px}
	footer .footer-form .footer-text{ font-weight: 800}
	footer .footer-menu {padding: 0 20px; }
	footer .footer-menu ul{ width: auto}

}

@media only screen and (min-width: 1360px) {
	.__side-padding {padding: 0 30px;}
	.__container._side-pad{ padding: 0 30px;}

	/***/
	header .header-phone{ margin-left: 70px}
	header .header-actions {margin: 0 63px;}

	/***/
	.products-list .product-item-wrap{width:16.66%; min-width:16.66%;   }

	/***/
	.slide-tisers .slider-arrow{ right:14px}
	.slide-tisers-section .embla__slide{ width: 14.28%; min-width: 14.28%; max-width: 14.28%; }

	/***/

	/***/
	.slide-tisers .__side-padding {padding: 0 20px;}

	/***/
	.textpage{ padding: 0 20px;}
	/***/
	.__footer,
	footer .footer-company .footer-text{ font-size: 14px}
	footer .footer-company { min-width: 300px}
	footer .footer-menu { }
	footer .footer-contacts .footer-icon { line-height: 31px}

	}


@media only screen and (min-width: 1600px) {

	/***/
	.products-list .product-item-wrap{width:14.29%; min-width:14.29%;   }

	/***/
	.catalog-search  .catalog_block .products-list .products-item-wrap {
		width: calc(14.28% - 30px);

	}

	.products-item-wrap .product-item-title{
		overflow: hidden;
		position: relative;
	}

	.products-item-wrap .product-item-title:after{
		content: '';
		display: block;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 10px;
		background: linear-gradient(90deg, rgba(255, 255, 255,0) 20.5625%,rgba(255, 255, 255,0.9958333333333333) 80.5625%,rgba(255, 255, 255,1) 80.5625%);
	}


	/***/
	footer .footer-form {order: 4;min-width: 360px;}
	footer .footer-menu { padding-right: 100px}

	/***/
	.contacts-sections .map{height: 500px; }

}

.delivery__russia{
	gap: 20px;
}

.delivery__russia-item{
	margin-top: 20px!important;
}

.__section-item.pay p{
	line-height: 1.6em;
}

@media (max-width: 1024px) {
	.dp-section .__section-item{
		width: 90%;
	}
	.delivery__russia-item{
		margin-top: 0!important;
	}
	.delivery__russia{
		gap: 0;
	}
}

.info-items.payment-info .info-item{
	border-bottom: none;
}