@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.eot');
	src: local('Montserrat Regular'), local('Montserrat-Regular'),
		url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
    font-display: swap
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Medium.eot');
	src: local('Montserrat Medium'), local('Montserrat-Medium'),
		url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Medium.woff') format('woff'),
		url('../fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
    font-display: swap
}


@font-face {
	font-family: 'Proxima Nova';
	src: url('../fonts/ProximaNova-Regular.eot');
	src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
		url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Regular.woff') format('woff'),
		url('../fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
    font-display: swap
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../fonts/ProximaNova-Semibold.eot');
	src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
		url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Semibold.woff') format('woff'),
		url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
    font-display: swap
}

.rateit {display: -moz-inline-box; display: inline-block; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none} .rateit .rateit-range {position: relative; display: -moz-inline-box; display: inline-block; background: url(/mg-plugins/rating/images/star.svg); height: 16px; outline: none} .rateit .rateit-range * {display:block} .rateit .rateit-hover, .rateit .rateit-selected {position: absolute; left: 0px} .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {left: auto; right: 0px} .rateit .rateit-hover {background: url(/mg-plugins/rating/images/star-a.svg)} .rateit .rateit-selected {background: url(/mg-plugins/rating/images/star-a.svg)} .rateit .rateit-selected-rtl {background-position: right -16px} .rateit .rateit-preset {background: url(/mg-plugins/rating/images/star.svg) left -48px} .rateit .rateit-preset-rtl {background: url(/mg-plugins/rating/images/star.svg) left -48px} .rateit button.rateit-reset {background: url(/mg-plugins/rating/images/delete.gif) 0 0; width: 16px; height: 16px; display: -moz-inline-box; display: inline-block; float: left; outline: none; border:none; padding: 0} .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {background-position: 0 -16px} .my-overlay {background: rgba(0,0,0,.75); display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10000; overflow: hidden !important} .my-modal {border-radius: 3px; padding: 10px; background: #fff}

* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none}
html, body {width: 100%}
body {width: 100%; font-size: 16px; font-family: 'Proxima Nova', sans-serif; color: #222; padding-top: 0px !important; background: #fff; line-height: 1.5; -webkit-font-smoothing: antialiased}
body.lock, html.lock {overflow: hidden}
h1 {font-size: 36px; font-weight: 400}
h2 {font-weight: 400; font-size: 30px}
h3 {font-weight: 400}
a {transition: 300ms; cursor: pointer; color: inherit; text-decoration: none}
b, strong, th {font-weight: 500}
hr {height: 1px; width: 100%; margin: 60px 0px; background: #e5e6eb; border: none}
.h-block {position: relative; text-align: center; margin: 60px 0px 30px 0px}
.h-block:before {height: 4px; border-radius: 2px; width: 100%; content: ''; position: absolute; left: 0px; right: 0px; top: 50%; background: #f4f5fa; border: none}
.h-block h1, .h-block h2 {display: inline-block; font-weight: 700; text-transform: uppercase; padding: 0px 40px; background: #fff; color: #238B8B; font-size: 20px; position: relative; z-index: 1}
.ds {-webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.flex {display: flex; justify-content: space-between; flex-wrap: wrap}
.flex-nowrap {display: flex; justify-content: space-between; flex-wrap: nowrap}
.flex-center {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center}
.flex-inline {display: flex; justify-content: flex-start; flex-wrap: wrap}
.max {max-width: 1300px; margin: 0px auto; width: 100%; padding: 0px 24px}
.contain-0 {background-size: contain; background-repeat: no-repeat; background-position: 0% 50%}
.contain-50 {background-size: contain; background-repeat: no-repeat; background-position: 50% 50%}
.cover {background-size: cover; background-repeat: no-repeat; background-position: 50% 50%}
img, svg {height: auto; max-height: 100%; max-width: 100%; vertical-align: top}
svg {fill: currentColor}
svg * {transition: fill 400ms}
li {display: block}
table {border-collapse: collapse; width: 100%; font-size: inherit !important}
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; transition: border-color 200ms; font-family: inherit; font-size: inherit; color: inherit}
/* .admin-bar {top: unset !important; bottom: 0px} */
/*
.admin-bar__item_template, .admin-context {display: none !important}
.admin-bar .admin-bar__item:first-of-type {margin-right: auto}
*/
.mobile-show {display: none !important}
.mobile-show-flex {display: none !important}
.tablet-show {display: none !important}
.mobile-view, .show-desktop {display: none}

.swiper-slide {overflow: hidden}
.swiper-pagination-bullet {background: #000}


main {padding-bottom: 60px; min-height: calc(100vh - 532px)}

.button {letter-spacing: 0.04em; max-width: 260px; cursor: pointer; color: #fff; display: block; font-size: 14px; text-transform: uppercase; font-weight: 500; line-height: 56px; height: 56px; text-align: center; width: 100%; white-space: nowrap; padding: 0px 4px; background: #008828; border-radius: 4px; border: none}
.button:hover, .button.active {background: linear-gradient(180deg, #FF5200 0%, #E64A00 100%)}
.button:disabled {background: #eee; cursor: default}

input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; transition: border-color 300ms; font-family: inherit; font-size: inherit; color: inherit}
input[type=checkbox] {display: inline-block; vertical-align: middle; width: 13px !important; height: 13px; margin-right: 10px !important; position: relative; border-radius: 0px; margin-left: 4px; border:1px solid #fff; transition: 200ms}
input[type=checkbox]:before {border:1px solid #FF5200; content: ''; display: block; width: 15px; height: 15px; position: absolute; top:-3px; left: -3px}
input[type=checkbox]:hover {background: #F6F6F4}
input[type=checkbox]:checked {background: url(../images/apply.svg) 50% 50% no-repeat; background-size: 11px}

input[type=radio] {display: inline-block; vertical-align: middle; width: 9px !important; height: 9px; margin-right: 10px !important; position: relative; border-radius: 50%; margin-left: 4px; border:none; transition: 200ms}
input[type=radio]:before {border:1px solid #FF5200; content: ''; display: block; width: 17px; height: 17px; position: absolute; top:-5px; left: -5px; border-radius: 50%} 
input[type=radio]:hover {background: #F6F6F4}
input[type=radio]:checked {background: #FF5200}

input[type=text], input[type=tel], input[type=email], input[type=password] {display: block; width: 100%; font-size: 15px; border: 2px solid transparent; padding: 0 20px; background: #fff; border-radius: 4px; line-height: 52px; height: 56px}
textarea {display: block; background: #fff; width: 100%; border: 2px solid transparent; padding: 24px; resize: none; height: 108px; font-size: 15px; border-radius: 4px}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus {border-color: #FF5200}


.bread-crumbs {font-size: 14px; margin-bottom: 20px; color: #626262}
.bread-crumbs li {display: inline-block}
.bread-crumbs a {font-size: 14px}
.bread-crumbs a:hover {color: #008828}
.tab:not(.active) {display: none}
.tab h2#oplata {margin-top: 0px}

/* FORM-LIST */
.form-list {display: grid; grid-gap: 20px; margin-top: 20px; grid-template-columns: repeat(2,1fr)}
.flex100 {grid-column: span 2}
.form-list li.required {position: relative}
.form-list li .tip {position: absolute; right: 20px; top: 17px; font-size: 13px; color: #FF5200}
.form-list li.required input:valid + .tip {color: #008828}
.form-list li.required .tip {display: block}
.form-list .placeholder {color: #b3b3b3}
/* .form-list .button {margin-top: 20px} */
.form-list select {width: 100%; height: 56px; line-height: 52px; border: 2px solid transparent; color: #222; padding: 0 20px; border-radius: 4px; background: #fff url("data:image/svg+xml,<svg viewBox='0 0 172 92.2' width='172' height='92.2' xmlns='http://www.w3.org/2000/svg'><path d='M86,92.2c-1.2,0-3.1-0.6-4.3-1.8L1.9,10.6c-2.5-2.5-2.5-6.1,0-8c2.5-2.5,6.1-2.5,8,0l76.2,75.5l76-76.2 c2.5-2.5,6.1-2.5,8,0c2.5,2.5,2.5,6.1,0,8L90.3,89.7C89,91.6,87.2,92.2,86,92.2z'/></svg>") no-repeat; background-position: right 20px center; background-size: 11px}
.form-list li#address {display: none !important}
.agreement {margin-top: 20px}
.agreement .agreement__label {cursor: pointer; font-size: 12px; transition: 300ms}
.agreement .agreement__label a {color: #FF5200; text-decoration: underline}
.agreement .agreement__label_error, .agreement .agreement__label_error a {color: #f10d48}
.fake-address li {grid-column: span 2}
/* FORM-LIST */



.pay-other .phone-block {align-items: center; line-height: 40px; height: 40px; margin-top: 20px}
.pay-other .phone-block .viber, .pay-other .phone-block .whatsapp {width: 24px; justify-content: center; height: 24px; border-radius: 50%; color: #fff; margin-right: 10px}
.pay-other .phone-block .viber {color: #048fd1}
.pay-other .phone-block .viber svg, .pay-other .phone-block .whatsapp svg {height: 20px; width: 20px}
.pay-other .phone-block .phone:hover {color: #FF5200}

.deliverySumm {
	display: none !important;
}
.deliverySumm.show {
	display: block !important;
}


/* HEADER */
header {margin-bottom: 104px; background: #fff; position: relative; z-index: 600}
header .max {height: 100%; position: relative}
header .top-part {height: 40px; background: #fff; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06); position: relative; z-index: 1020}
header .top-part .menu {font-weight: 500; font-size: 14px}
header .top-part .menu li {position: relative}
header .top-part .menu > li + li {margin-left: 20px}
header .top-part .menu li a:hover, header .top-part .menu a.active {color: #FF5200}
header .top-part .menu > li > a {position: relative; display: block; height: 40px; line-height: 40px}
header .top-part .menu .level-2 {position: absolute; top: 100%; left: -15px; padding: 0 15px 10px 15px; background: #fff; min-width: 100%; transform-origin: 0 0; visibility: hidden; transform: scaleY(0); transition: 300ms; white-space: nowrap}
header .top-part .menu li:hover .level-2 {transform: scaleY(1); visibility: visible}
header .top-part .menu .level-2 a {height: 30px; line-height: 30px}

/*
header .top-part .menu a:after {left: 0; right: 0; transition: 250ms; position: absolute; margin: 0 auto; bottom: -4px; height: 2px; width: 0; background: #008828; content: ''}
header .top-part .menu a:hover:after, header .top-part .menu a.active:after {width: 100%}
*/

header .top-part .phone-block {line-height: 40px; position: relative; width: 283px; height: 40px; padding-right: 24px; font-size: 17px}
header .top-part .phone-block .arrow-down {transition: 300ms}
header .top-part .phone-block:hover .arrow-down {transform: rotateZ(180deg)}
header .top-part .phone-block .inner {position: absolute; transition: 300ms; top: 0px; left: 0px; width: 100%; height: 40px; overflow: hidden; background: #fff}
header .top-part .phone-block:hover .inner {height: 126px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06)}
header .top-part .phone-line {align-items: center; padding-left: 24px}
header .top-part .phone-line.phone-desc {margin-top: -14px; font-size: 14px;}
header .top-part .phone-line.work-hours {border-top: 1px solid #dadada; color: #FF5200}

header .top-part .phone-block .viber, header .top-part .phone-block .whatsapp {width: 24px; justify-content: center; height: 24px; border-radius: 50%; color: #fff; margin-right: 10px}
header .top-part .phone-block .viber {color: #489dd8}
header .top-part .phone-block .viber svg, header .top-part .phone-block .whatsapp svg {height: 20px; width: 20px}
header .top-part .phone-block .arrow-down {width: 12px; height: 6px; margin-left: 7px}
header .top-part .phone-block .phone:hover {color: #FF5200}

header .top-part .back-ring {background: linear-gradient(180deg, #FF5200 0%, #E64A00 100%); color: #fff; height: 40px; line-height: 40px; padding: 0px 24px; display: block}
header .top-part .back-ring:hover {background: linear-gradient(180deg, #b93c02 0%, #b93c02 100%)}

header .middle-part {height: 104px; position: relative; z-index: 1010}
header .middle-part .tile {position: absolute; z-index: -1; height: 100%; width: 100%; left: 0%; top: 0px; background-position: 50% 50%; background-repeat: repeat; background-size: 100px; content: ''}
header .middle-part .logo {width: 225px; margin-right: 57px; font-size: 15px; color: #fff; line-height: 1}
header .middle-part .logo svg {margin-bottom: 5px; height: 27px}
header .middle-part .icons-block {color: #fff; margin-right: 50px}
header .middle-part .icons-block a + a {margin-left: 32px}
header .middle-part .icons-block .icon {position: relative; margin: 0px auto 1px auto; justify-content: center; height: 25px; width: 25px}
header .middle-part .icons-block a:hover .title {text-decoration: underline}
header .middle-part .icons-block a .title {line-height: 1}
header .middle-part .icons-block .icon svg {height: 25px; width: 25px}
header .middle-part .icons-block .countsht {background: linear-gradient(180deg, #FF5200 0%, #E64A00 100%); line-height: 20px; height: 20px; width: 20px; text-align: center; border-radius: 50%; font-weight: 500; font-size: 12px; position: absolute; top: -2px; left: 50%}
.buy-informer .countsht {background: linear-gradient(180deg, #FF5200 0%, #E64A00 100%); line-height: 20px; height: 20px; width: 20px; text-align: center; border-radius: 50%; font-weight: 500; font-size: 12px; position: absolute; top: -2px; left: 50%}

header .bottom-part {background: #008828; border-top: 1px solid rgba(255,255,255,0.5); color: #fff; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06); height: 48px; position: absolute; top: 144px; left: 0px; width: 100%; z-index: 1000}
.catalog-menu-button {width: 158px; height: 47px; line-height: 47px; background: linear-gradient(180deg, #FF5200 0%, #E64A00 100%); font-weight: 500; margin-right: 32px; position: relative; padding-left: 66px; cursor: pointer}
.catalog-menu-button span {height: 2px; width: 18px; position: absolute; left: 32px; background: #fff; transition: bottom 300ms ease 300ms, top 300ms ease 300ms, transform 300ms ease 0ms}
.catalog-menu-button span:nth-of-type(1) {top: 18px}
.catalog-menu-button span:nth-of-type(2) {top: 50%; margin-top: -1px}
.catalog-menu-button span:nth-of-type(3) {bottom: 18px}

header .bottom-part .category-menu > li {line-height: 47px; padding: 0px 14px; font-weight: 500; position: relative}
header .bottom-part .category-menu > li:last-of-type {padding-right: 0px}
header .bottom-part .category-menu svg {width: 12px; transition: 300ms; height: 6px; display: inline-block; vertical-align: middle; margin-left: 5px}
header.fixed .bottom-part {position: fixed; top: -1px}
header .bottom-part .category-menu li:hover svg {transform: rotateZ(180deg)}
header .bottom-part .category-menu .sub-menu {position: absolute; padding-top: 12px; left: 50%; margin-left: -106px; top: 100%; color: #626262; width: 212px; font-size: 15px; transition: 300ms; transform-origin: 0 0; visibility: hidden; transform: scaleY(0)}
header .bottom-part .category-menu .level-3 {display: none !important}
header .bottom-part .category-menu .sub-menu:before {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FF5200; content: ''; position: absolute; left: 50%; top: 4px; margin-left: -8px; display: block}
header .bottom-part .category-menu .sub-menu ul {background: #fff; color: #000; border-top: 2px solid #FF5200; line-height: 24px}
header .bottom-part .category-menu .sub-menu li a {padding: 12px 24px; display: block; transition: 0ms}
header .bottom-part .category-menu .sub-menu li:hover a {background: #008828; border-color: #008828; color: #fff}
header .bottom-part .category-menu .sub-menu li + li {border-top: 1px solid #F9F8F8}
header .bottom-part .category-menu svg {display: none}
header .bottom-part .category-menu .has-sub:hover .sub-menu {transform: scaleY(1); visibility: visible}
.catalog-menu {background: #fff; position: absolute; top: 100%; left: 24px; color: #222; right: 24px; overflow: hidden; max-height: 0px; transition: max-height 300ms}
.static-menu {margin: 60px 0}
.catalog-menu .menu-grid {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 30px; padding: 24px}
.static-menu .menu-grid {display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 10px}
.static-menu .cat-item {padding: 10px 10px; border-radius: 4px; text-decoration: none; display: flex; align-items: center; font-weight: 500; font-size: 15px; padding-left: 70px; background-color: #fff; background-size: 40px; line-height: 1.1; background-position: 10px 50%; background-repeat: no-repeat}
.catalog-menu .cat-item {text-decoration: none; display: flex; align-items: center; font-weight: 500; font-size: 15px; padding-left: 80px; background-size: 60px; background-position: 0% 50%; background-repeat: no-repeat}
.catalog-menu .cat-item:hover, .static-menu .cat-item:hover {color: #008828}
.catalog-menu ul, .static-menu ul {display: none !important}
/* HEADER */

.sub-categories {font-size: 14px}
.sub-categories a {color: #FF5200; text-decoration: underline}
.sub-categories a, .sub-categories span {margin: 5px 20px 5px 0px}

/* LANDING */
.gbz-products-set-page h1 {line-height: 1.2}
.gbz-products-set-page h2 {margin-bottom: 24px; line-height: 1.2}
.gbz-products-set-page .white + .white {margin-top: 0px}
.gbz-products-set-page .light {color: #FF5200; margin-bottom: 10px; display: block}

.gbz-products-set-page .first .text {padding: 60px 0px; width: 50%}
.gbz-products-set-page .first .img {width: 50%}
.gbz-products-set-page .first .price {margin: 20px 0px; display: block; font-size: 22px}

.gbz-variants__item img {height: 250px; display: block; object-fit: contain; margin: 0px auto 10px auto}
/* .gbz-variants__item .text {height: 130px} */
.gbz-variants__item .gbz-variant__title {font-size: 19px; font-weight: 500; margin-bottom: 10px}
.gbz-variants__item .gbz-variant__price-value {display: block; margin-bottom: 20px; font-weight: 500; font-family: 'Montserrat'; font-size: 22px}
.gbz-variants__item .sticker {position: absolute; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; color: #fff; background: #FF5200; font-size: 15px; font-weight: 500}
.gbz-variants__item .button {max-width: unset}

.gbz-product__title {font-size: 19px; font-weight: 500}
.gbz-product__count {color: #626262; margin-bottom: 10px; display: block; font-size: 15px}
.gbz-product__desc {font-size: 15px}
.gbz-product__link {color: #FF5200; display: block; margin: 10px 0px; text-decoration: underline}

.gbz-month-scheme__inner {display: grid; grid-gap: 24px; grid-template-columns: repeat(auto-fill, 250px)}
.gbz-month-item__desc {font-size: 15px}
.gbz-scheme .h2-like:first-of-type {margin-top: 0px}
.gbz-scheme .h2-like:not(:first-of-type) {border-top: 1px solid #dadada; margin-top: 24px; padding-top: 24px}

.gbz-products-set-page section + section {margin-top: 48px}
.gbz-purchase .text {padding: 60px 0px; width: 50%}
.gbz-purchase form {justify-content: center; margin: -32px -32px -32px 0px; border-radius: 0px 4px 4px 0px; background-size: 100px; padding: 60px; color: #fff; width: 50%}
.gbz-purchase-form__inner {text-align: center; width: 260px}
.gbz-purchase-price__value {font-size: 30px; display: block; margin: 20px 0px}
.gbz-purchase-form__count-selector {width: 100px; margin: 20px auto}
.gbz-purchase-form__count-selector a {width: 30px; height: 30px; justify-content: center; background: #fff; color: #FF5200; border-radius: 50%}
.gbz-purchase-form__count-selector a svg {width: 10px; height: 10px}
.gbz-purchase-form__count-selector a:hover {background: #FF5200; color: #fff}
.gbz-purchase-form__count-selector input[type=text] {width: 40px; text-align: center; border: 1px solid transparent; line-height: 30px; font-weight: 500; height: 32px; padding: 0; background: transparent}
.gbz-purchase-form__count-selector:hover input[type=text], .gbz-purchase-form__count-selector input[type=text]:focus {border-bottom-color: #FF5200}
/* LANDING */

.articles h1 {text-transform: lowercase}
.articles h1:first-letter {text-transform: uppercase}
.articles .content-box {border-top: 2px solid #008828; font-size: 15px; border-bottom: 2px solid #008828; margin: 24px 0px; padding: 24px 0px}
.articles .content-box .h2-like {margin-top: 0px}
.articles .content-box a {display: block; color: #222 !important}
.articles .content-box a:hover {color: #FF5200 !important; text-decoration: underline}

.home-slider {width: calc(50% - 12px); background: #008828; margin: 0px}
.home-slider .inner {height: 100%}

.home-filter {width: calc(50% - 12px); display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 24px}
.home-filter .item {background: #F6F6F4; font-weight: 500; line-height: 1.4; font-size: 15px; padding: 16px 10px; height: 114px}
.home-filter .item svg {width: 50px; height: 50px}
.home-filter .item span {width: calc(100% - 66px)}
.home-filter .item:hover {color: #fff !important; background-color: #008828; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06)}
.home-filter .item:hover svg * {fill: #fff}
.home-filter .item.last {text-align: center; justify-content: center; color: #008828}
.body__noindex .home-filter {width: 100%; grid-template-columns: repeat(4, 1fr); margin-top: 24px}
.body__noindex .home-filter .item {background-color: #F6F6F4}
.body__noindex .home-filter .item {color: #000 !important}
.body__noindex .home-filter .item:hover {background-color: #008828; color: #fff !important}


.home-about .help {box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06); border: 1px solid #F6F6F4; margin-top: 56px; padding: 24px 32px; border-radius: 4px; position: relative; background-size: 100px; background-repeat: repeat}
.home-about .mg-form-designer form {display: grid; align-items: center; grid-template-columns: repeat(4,1fr); grid-gap: 24px; color: #fff}
.home-about .mg-form-designer input[type=text] {background: #F6F6F4; border: none; border-radius: 4px; padding: 0px 32px; color: #333333}
.home-about .mg-form-designer input[type=text]:focus {box-shadow: inset 0 0 0 2px #FF5200}
.home-about .button {border: 1px solid #FF5200; transition: 250ms; background: #FF5200}
.home-about .button:hover {background: #008828; color: #fff; border-color: #fff}
.text-error-form {position: absolute; color: #FF5200; top: 115px; left: 30px; white-space: nowrap}
.mg-form-success-answer {color: #008828; white-space: nowrap}
/*
.home-filter::-webkit-scrollbar {background-color: #fff; width: 4px; border-radius: 2px}
.home-filter::-webkit-scrollbar-track {background-color: #e5e5e5; border: 1px solid #f9f9f9}
.home-filter::-webkit-scrollbar-thumb {background-color: #008828; border-radius: 2px}
.home-filter::-webkit-scrollbar-button {display:none}
*/
.about .img {width: calc(50% - 12px); border-radius: 4px}
.about .text {width: calc(50% - 12px)}


/* PROMO */
.promo-form {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px}
.promo-form button {background: #FF5200; color: #fff; text-align: center; border: none; border-radius: 4px; letter-spacing: 0.04em; width: 160px; font-weight: 500; font-size: 14px; text-transform: uppercase; cursor: pointer}
.promo-form span {width: 100%; display: block; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; font-size: 25px; font-weight: 500; line-height: 1.1; letter-spacing: -.4px}
.promo-form input[type=text] {width: calc(100% - 180px)}
#msg-about-code {color: #FF5200; font-weight: 500; margin-top: 5px; font-size: 13px}
/* PROMO */
.total-price-block {margin-top: 40px}

.home-trigger {margin-bottom: 52px}
.home-trigger .item {background: #F6F6F4; padding-right: 34px; height: 151px; width: calc(50% - 12px); position: relative; padding-left: 84px}
.home-trigger .item svg {width: 32px; position: absolute; left: 34px; top: 32px; height: 32px}
.home-trigger .item b {font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3; display: block; margin-bottom: 8px}

.home-about {padding: 56px 0px; background: #fff; margin-bottom: -60px}
.home-about h1 {font-weight: 400; font-family: 'Montserrat'; font-size: 42px; margin-bottom: 16px; margin-top: 32px}
.home-about .h2-like {font-weight: 400; font-family: 'Montserrat'; font-size: 32px; margin-bottom: 16px}
.home-about .links {margin-top: 32px}
.home-about .more {font-weight: 500; color: #008828; width: 294px; height: 56px; line-height: 54px; border: 1px solid #008828; display: block; text-align: center; border-radius: 4px; margin-left: 16px; letter-spacing: 0.04em; font-size: 14px; text-transform: uppercase}
.home-about .more:hover {background: #008828; color: #fff}
.home-about .books {font-weight: 500; color: #FF5200; width: 294px; height: 56px; line-height: 54px; border: 1px solid #FF5200; display: block; text-align: center; border-radius: 4px; letter-spacing: 0.04em; font-size: 14px; text-transform: uppercase}
.home-about .books:hover {background: #FF5200; color: #fff}

/* FOOTER */
footer {padding: 56px 0px; line-height: 1.4; background-position: 0% 0%; background-repeat: repeat; background-size: 100px; color: #fff}
footer .left-part {width: 225px}
footer .cookies {font-size: 12px; margin-top: 24px}
footer .logo {font-size: 15px}
footer .logo svg {margin-bottom: 2px; height: 27px}
footer .menu li + li {margin-top: 8px}
footer .menu.pages .has-sub > a {display: none}
/* footer .menu .level-2 {display: none} */
footer .menu li:hover > a {text-decoration: underline}
footer .menu .sub-menu, footer .menu svg {display: none}

footer .phone-block {font-weight: 500; font-family: 'Montserrat'; font-size: 24px; align-items: center; line-height: 1}
footer .phone-block .viber, footer .phone-block .whatsapp {width: 24px; justify-content: center; height: 24px; border-radius: 50%; color: #fff; margin-right: 10px}
footer .phone-block .viber {color: #fff}
footer .phone-block .viber svg, footer .phone-block .whatsapp svg {height: 20px; width: 20px}
footer .phone:hover {color: #FF5200}
footer .copyright {font-size: 12px; margin-top: 24px}
footer .copyright a {display: block; text-decoration: underline}

footer .social {margin-top: 20px}
footer .social a {width: 28px; height: 28px; margin-right: 16px; color: #fff}
footer .work-hours {margin-bottom: 20px; font-size: 15px; margin-top: 10px}

footer .long ul {max-height: 240px; overflow-y: hidden; transition: 250ms}
footer .long.show ul {max-height: 500px}
footer .long .more {text-decoration: underline; font-size: 12px}
/* FOOTER */


.h2-like {font-size: 24px; margin-top: 56px; font-weight: 500; font-family: 'Montserrat'; margin-bottom: 32px}
.h2-like span {color: #626262}
.h2-like .link {background: #FF5200; color: #fff; padding: 1px 5px 3px 5px; border-radius: 2px; margin-left: 10px; font-size: 13px; vertical-align: middle}
.h2-like .link:hover {background: #008828}

/* AMOUNT */
.mg-plugin-value-discount span {background: #FF5200; margin-top: 5px; color: #fff; width: 70px; padding: 1px 0; text-align: center; border-radius: 3px; font-size: 10px; font-weight: 500}
.amount_change {width: 100px}
.amount_change a {width: 30px; height: 30px; justify-content: center; background: #f2f2f2; border-radius: 50%}
.amount_change a svg {width: 10px; height: 10px}
.amount_change a:hover {background: #FF5200; color: #fff}
.amount_change button {cursor: pointer; border: 0; width: 30px; height: 30px; justify-content: center; background: #f2f2f2; border-radius: 50%}
.amount_change button svg {width: 10px; height: 10px}
.amount_change button:hover {background: #FF5200; color: #fff}
.amount_change input[type=text] {width: 40px; padding: 0; background: transparent; border-radius: 0; text-align: center; border: 1px solid transparent;; line-height: 30px; font-weight: 500; height: 32px}
.amount_change:hover input[type=text], .amount_change input[type=text]:focus {border-bottom-color: #FF5200}
/* AMOUNT */


/* ALERT */
.alert {background: #FF5200; color: #fff; border-radius: 4px; padding: 8px; text-align: center}
/* ALERT */


.white {padding: 32px 32px; background: #F6F6F4; border-radius: 4px}
.white + .white {margin-top: 40px}

.page-404 .search-block {width: 100%; margin: 16px 0}
.page-404 img {width: 300px; margin: 0 auto; display: block}
.page-404 .h2-like {text-align: center}
.page-404 .menu-grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px}
.page-404 .cat-item {padding: 10px 10px; min-height: 100px; border-radius: 4px; color: #222 !important; text-decoration: none; display: flex; align-items: center; font-weight: 500; font-size: 15px; padding-left: 90px; background-color: #fff; background-size: 60px; background-position: 10px 50%; background-repeat: no-repeat; box-shadow: 0 5px 15px rgba(0,0,0,.15)}
.page-404 .cat-item:hover {color: #008828 !important}

.content h2 {margin-top: 32px; margin-bottom: 16px; text-align: left}
.content h3 {margin-top: 32px; margin-bottom: 16px; text-align: left}

.content ul, .content ol {margin: 16px 0px}
.content li + li, .content p + p {margin-top: 8px}
.content ul li {position: relative; padding-left: 16px}
.content ul li:before {width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0px; top: 10px; background: #FF5200}

.content ol {counter-reset: list1}
.content ol li {position: relative; padding-left: 21px}
.content ol li:before {counter-increment: list1; content: counter(list1) ". "; position: absolute; left: 0px; text-align: right; width: 16px}

.cat-desc-seo {margin-top: 40px}
.cat-desc-seo li {position: relative; padding-left: 16px}
.cat-desc-seo ul li:before {width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0px; top: 10px; background: #FF5200}
/* .cat-desc-seo iframe, .content iframe,  {height: 450px !important; max-width: 600px !important; margin: 0px auto; display: block} */
lite-youtube {width: 100% !important; height: 0px; padding-bottom: 56%} 
/* iframe {height: 450px !important; width: 100%; margin: 0; display: block} */
iframe {width: 100%; margin: 0; display: block}
.content a {color: #FF5200}

.product-details-block .white .h2-like {margin-top: 0px}
.product-details-block h1 {color: #008828; line-height: 1.2; font-family: 'Montserrat'; font-weight: 500}
.product-details-block .left-part {width: 45%; flex-direction: column; align-items: flex-start; position: relative}
.product-details-block .right-part {width: 55%}
.product-details-block .product-thumbs-slider {width: 70px; height: 470px; margin: 0}
.product-details-block .product-thumbs-slider img {width: 100%; height: 100%; object-fit: cover}
.product-details-block .product-thumbs-slider .swiper-slide {width: 70px; height: 70px !important; border: 1px solid #008828; opacity: 0.5; cursor: pointer}
.product-details-block .product-thumbs-slider .swiper-slide-thumb-active, .product-details-block .product-thumbs-slider .swiper-slide:hover {opacity: 1}
.product-details-block .product-slider {width: calc(100% - 94px)}
.product-details-block .amount_change {margin-bottom: 16px}
.product-details-block .content table td {padding: 5px}
.product-details-block .content table td img {object-fit: contain}
.product-details-block .content table tr:nth-of-type(even) td {background: #eee}
.product-details-block .product-slider .swiper-slide {height: 0; padding-bottom: 100%; background: #F6F6F4}
.product-details-block .product-slider .swiper-slide img {height: 100%; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; top: 0; margin: auto; object-fit: contain; mix-blend-mode: multiply}

.product-details-block .product-image {width: 100%}
.product-details-block .link {text-decoration: underline; color: #FF5200}


.product-details-block .block-variants .title {font-size: 24px; font-weight: 500; margin-bottom: 16px; font-family: 'Montserrat'}
.product-details-block .block-variants {margin: 24px 0px}
.product-details-block .block-variants tr {display: inline-block; margin-right: 12px}
.product-details-block .block-variants input[type=radio] {display: none}
.product-details-block .block-variants label {cursor: pointer}
.product-details-block .block-variants label > span {background: #fff; display: block; position: relative; border: 2px solid transparent; padding: 10px 20px; border-radius: 4px}
.product-details-block .block-variants label input[type=radio]:checked + span {border-color: #008828; background: #fff}
.product-details-block .block-variants .variantTitle {display: block; font-weight: 500}
.product-details-block .block-variants .variantPrice {display: block}
.product-details-block .block-variants .variantOldPrice {position: absolute; background: #FF5200; border-radius: 4px; color: #fff; top: -10px; right: -10px; height: 20px; line-height: 20px; font-size: 13px; padding: 0px 5px; font-weight: 500}

.product-details-block .product-status-list {align-items: center; margin-bottom: 16px; margin-top: 8px; font-weight: 500; font-family: 'Montserrat'}
.product-details-block .old {margin-right: 16px; color: #FF5200}
.product-details-block .normal-price {font-size: 24px}
.product-details-block .triggers {border: 1px solid #eee; background: #fff; display: grid; grid-template-columns: auto auto; align-items: center; padding: 10px 24px; margin-bottom: 5px; border-radius: 4px}
.product-details-block .triggers div + div {padding-left: 16px; margin-left: 16px; border-left: 1px solid #eee}
.product-details-block .triggers svg {display: inline-block; vertical-align: middle; margin-right: 8px; color: #008828}
.product-details-block .triggers .available svg {width: 16px; height: 11px}
.product-details-block .triggers .delivery svg {width: 24px; height: 18px}
.product-details-block .triggers .info span {position: absolute; display: none; padding: 10px; left: 30px; top: 50%; width: 200px; background: #FF5200; color: #fff; border-radius: 4px; transform: translateY(-50%)}
.product-details-block .triggers .info {margin-left: 10px; position: relative; cursor: pointer; font-size: 13px; font-weight: 500}
.product-details-block .triggers .info i {font-style: normal; width: 22px; height: 22px; border-radius: 50%; background: #fff; color: #FF5200; display: inline-block; vertical-align: middle; text-align: center; line-height: 20px; border: 1px solid #FF5200}
.product-details-block .triggers .info:hover span {display: block}
.product-details-block .triggers .info:hover i {background: #FF5200; color: #fff}

.mg-set-goods .product-wrapper + .product-wrapper:before {content: ''; position: absolute; display: block; width: 24px; top: 0px; left: -24px; height: 100%; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M5.75 5.75V10h-1.5V5.75H0v-1.5h4.25V0h1.5v4.25H10v1.5H5.75z'/></svg>"); background-repeat: no-repeat; background-position: 50% 50%} 
.mg-set-goods-border {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 24px; align-items: center}
.mg-set-goods-border .product-wrapper:hover {box-shadow: none}
.mg-set-goods-border .product-wrapper .img {height: 140px}
.mg-set-goods-border .product-wrapper .text {padding: 0px; height: unset; text-align: center}


.product-details-block .not-available {margin-right: 24px; background: #ebebeb; color: #626262; cursor: default}
.product-details-block .mg-remove-to-favorites, .product-details-block .mg-add-to-favorites {height: 50px; width: 100%; cursor: pointer; white-space: nowrap; color: #626262}
.product-details-block .mg-remove-to-favorites svg, .product-details-block .mg-add-to-favorites svg {width: 24px; color: #FF5200; display: inline-block; vertical-align: middle; margin-right: 8px}
.product-details-block .wrapper-mg-buy-click {width: 100%; margin-left: 8px; margin-right: 24px}
.product-details-block .mg-buy-click-button {display: block; border: 2px solid #FF5200; color: #FF5200; border-radius: 4px; height: 56px; line-height: 52px; white-space: nowrap; text-align: center; letter-spacing: 0.04em; font-size: 14px; text-transform: uppercase; font-weight: 500}
.product-details-block .mg-buy-click-button:hover {background: linear-gradient(180deg, #FF5200 0%, #E64A00 100%); color: #fff}

.product-details-block .tab-links {margin-top: 40px}
.product-details-block .tab-link {background: #eee; padding: 0px 32px; margin-right: 8px; height: 48px; line-height: 48px}
.product-details-block .tab-link.active {background: linear-gradient(180deg, #FF5200 0%, #E64A00 100%); color: #fff}

.product-details-block .sert {height: 400px}

.product-details-block .prop-item + .prop-item {margin-top: 8px}
.product-details-block .prop-string {margin: 40px 0px}
.product-details-block .prop-string .prop-name {color: #626262; white-space: nowrap}
.product-details-block .prop-string .prop-spec {}
.product-details-block .prop-string .separator {background: linear-gradient(90deg,#626262 0,#626262 25%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0)); flex-grow: 1; background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x; margin: 0px 5px}
.with-links a {position: relative}
.with-links a:after {position: absolute; bottom: 0px; width: 100%; height: 1px; background: #626262; transition: 300ms; opacity: 0; content: ''; left: 0px}
.with-links:hover a:after {opacity: 0.3}
.with-links:hover a:hover {color: #FF5200}
.with-links:hover a:hover:after {background: #FF5200; opacity: 1} 

.product-details-block .short-desc {margin-top: 20px; padding: 24px; background: #eee; border-radius: 4px}
.product-details-block .bad {opacity: 0.5; margin-top: 20px}
.product-details-block .comment-list {margin-top: 40px}
.product-details-block .comment-list .post-author {font-weight: 500}
.product-details-block .comment-list .post-date {position: absolute; right: 24px; top: 24px; color: #626262; font-size: 13px}
.product-details-block .comment-list .comment-post {padding: 24px; background: #eee; border-radius: 4px; position: relative}
.product-details-block .comment-list .comment-post.long p {max-height: 75px; overflow-y: hidden; display: block; transition: 250ms}
.product-details-block .comment-list .comment-post.long.show p {max-height: unset}
.product-details-block .comment-list .comment-post.long .show-more {color: #FF5200; text-decoration: underline; font-size: 12px; margin-top: 10px}

.product-details-block .comment-list .comment-post + .comment-post {margin-top: 24px}

.product-details-block .stickers {position: absolute; width: 110px; right: 32px; top: 0px; z-index: 100; font-size: 12px; color: #fff; font-weight: 500}
.product-details-block .stickers div {margin-bottom: 10px; padding: 0px 16px; height: 24px; line-height: 24px; background: #FF5200; border-radius: 2px; display: inline-block}

.product-details-block .stickers .new {background: #008828}
.product-details-block .stickers .hit {background: #008828}


.product-details-block .tag {margin-right: 24px; text-decoration: underline; position: relative; padding-left: 22px; display: inline-block}
.product-details-block .tag svg {width: 14px; height: 14px; margin-right: 8px; display: block; position: absolute; left: 0px; top:4px}

.additional-buttons {display: flex; justify-content: center}
.additional-buttons a {width: 350px; max-width: 350px}
.additional-buttons a + a {margin-left: 16px}

/* SET */
.mg-set-goods-price {font-family: 'Montserrat'; font-weight: 500; font-size: 22px; text-align: center; margin-bottom: 24px; color: #FF5200}
.mg-set-old-price {font-family: 'Montserrat'; font-weight: 500; text-decoration-line: line-through; margin-bottom: 8px; opacity: 0.3; text-align: center}
/* SET */


/* FILTER */
.filter-form input[type=checkbox]:before {border-color: #008828}
.disabled-prop {opacity: 0.3; pointer-events: none}
.filter-preview {display: none !important}
.filter-form {margin-top: 24px; position: relative; margin-bottom: 60px; z-index: 500; border-top: 2px solid #008828; border-bottom: 2px solid #008828; border-radius: 0px}
.filter-form select {display: none}
.mg-filter-item {margin-right: 15px; text-align: left; position: relative}
.mg-filter-item .mg-filter-title {font-weight: 500; color: #008828; font-size: 14px; position: relative; display: flex; flex-shrink: 0; justify-content: space-between; align-items: center; cursor: pointer; padding-right: 20px; margin-right: 20px}
.mg-filter-item.active .mg-filter-title {color: #FF5200}
.mg-filter-item ul {font-size: 13px; font-weight: 500}

.mg-filter-item .mg-filter-list {display: none; top: 100%; padding-top: 20px; z-index: 10; position: absolute; left: 50%; margin-left: -140px; width: 240px}
.mg-filter-item .mg-filter-list .inner {background: #fff; max-height: 380px; color: #626262; font-size: 15px; overflow-y: auto; padding: 28px 20px; border-top: 2px solid #FF5200; box-shadow: 0 5px 15px rgba(0,0,0,.15)}
.mg-filter-item .mg-filter-list:before {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FF5200; content: ''; position: absolute; left: 50%; top: 12px; margin-left: -8px; display: none}


.mg-filter-item:hover .mg-filter-list, .mg-filter-item:hover .mg-filter-list:before {display: block}
.mg-filter-item .value-name {cursor: pointer; display: inline-block; vertical-align: top; width: calc(100% - 27px)}
.mg-filter-item li:hover .value-name {color: #888}
.mg-filter-item li + li {margin-top: 14px}
.filter-buttons {position: absolute; right: 32px; color: #888; font-size: 13px; top: 50%; margin-top: -13px; cursor: pointer}
.filter-buttons .refreshFilter {color: #008828; text-decoration: underline} 
.filter-buttons .refreshFilter:hover {color: #FF5200}
.mg-filter-item .remove {position: absolute; width: 10px; height: 10px; right: 0px; top: 7px; background: #fff; display: none; cursor: pointer}
.mg-filter-item .remove svg {width: 10px; height: 10px}
.mg-filter-item.active .remove {display: block}
.mg-filter-item .mg-filter-title > svg {position: absolute; width: 10px; transition: 300ms; height: 10px; right: 0px; top: 7px; cursor: pointer}
.mg-filter-item:hover .mg-filter-title > svg {transform: rotateZ(180deg)}
.mg-filter-item .remove:hover {color: #FF5200}
.mg-filter-item {display: inline-block; vertical-align: top}
.mg-filter-head, .mg-filter-body, .mg-filter {display: inline}
.filter-select {width: 180px}
.price-slider-list li input[type=text] {padding-left: 25px}
.price-slider-list li {position: relative}
.price-slider-list li span {position: absolute; left: 0px; top: 15px}
.price-slider-list li + li {margin-top: 0px}
.ui-slider .ui-slider-handle {background: #fff; top: -9px; height: 20px; width: 20px; border: 1px solid #008828; border-radius: 50%}
.ui-slider-horizontal {height: 2px; background: #dadada; margin-top: 25px}
.ui-slider .ui-slider-range {background: #FF5200}
/* FILTER */


/* PAGER */
.pager {justify-content: center; grid-column: span 4}
#chd-show-more-button {background: #008828; color: #fff; cursor: pointer; border-radius: 4px; height: 32px; line-height: 32px; padding: 0px 32px; margin-right: 24px; margin-top: 32px}
#chd-show-more-button:hover {background: #FF5200}
.mg-pager {margin-top: 32px; text-align: center}
.mg-pager ul {justify-content: center; display: flex; }
.mg-pager li {height: 32px; line-height: 32px; width: 42px; border-radius: 4px; margin-top: 0 !important; paddin-left: 0}
/* .content ul li:before {display: none;} */
.mg-pager li a {display: block}
.mg-pager li:hover {background: #ddd}
.mg-pager li.current {background: #FF5200; color: #fff}

.post-author {margin-right: 22px; font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; color: #333333; }
.comment-post {background: #FFFFFF; border-radius: 6px; padding: 25px 50px; margin-bottom: 20px;}
.comment-post p {margin-top: 15px;}
/* PAGER */

/* ORDER */
.body__order main .left-part {width: 60%}
.body__order main .left-part .h2-like span {margin-right: 24px}
.body__order main .right-part {width: calc(40% - 24px)}
.body__order main .right-part .title {font-size: 25px; font-weight: 500; line-height: 1.1; letter-spacing: -.4px}
.body__order main .right-part .title span {font-size: 14px}

.body__order .product-cart {position: sticky; position: -webkit-sticky; top: 80px}
.delivery-details-list {width: 100%; margin-top: 20px; display: flex !important}
.delivery-details-list li {flex-grow: 1; width: 100%}
.delivery-details-list li + li {margin-left: 24px}
.delivery-details-list label {height: 110px; padding: 12px 14px; border: 2px solid transparent; position: relative; background: #eee; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; border-radius: 4px; cursor: pointer}
.delivery-details-list label input[type=radio]:checked + span {border-color: #008828; background: #fff}


.delivery-details-list label span {width: auto}
.delivery-details-list label:hover, .delivery-details-list label.active {border-color: #FF5200; background: #fff}

.delivery-details-list label .deliveryName {font-weight: 500; font-size: 16px; line-height: 1; margin-bottom: 10px; display: block}
.delivery-details-list label .deliveryDesc {font-size: 14px; line-height: 17px; display: block}
.delivery-details-list label .deliveryPrice, .delivery-details-list label .deliveryCurrency {font-weight: 500; font-size: 14px}
.delivery-details-list input[type=radio] {display: none}
.checkout-btn {margin: 40px 0px 10px 0px}

.total-price-block .line .name {color: #7f7f7f; white-space: nowrap; margin-right: 5px}
.total-price-block .line .value {white-space: nowrap; margin-left: 5px}
.total-price-block .line .separator {background: linear-gradient(90deg,#7f7f7f 0,#7f7f7f 25%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0)); flex-grow: 1; background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x}

.payment-form-block {margin: 24px 0px}
.steps {text-align: center; font-size: 0px; width: 115px; margin: 0px auto 70px auto; position: relative}
.steps:before {content: ''; z-index: -1; height: 1px; background: #dadada; left: 20px; right: 20px; top: 17px; position: absolute}
.steps .step {display: inline-block; vertical-align: top; position: relative}
.steps .step + .step {margin-left: 45px}
.steps .step i {width: 35px; font-size: 12px; height: 35px; background: #dadada; border-radius: 50%; font-weight: 500; font-style: normal; line-height: 35px; display: block; margin: 0px auto}
.steps .step span {position: absolute; top: 40px; left: 50%; transform: translateX(-50%); font-size: 12px}
.steps .step.active i {background: #FF5200; color: #fff}

.payments__metod {cursor: pointer}
/* ORDER */



/* PERSONAL */
.personal-page .tab-links {margin-top: 40px}
.personal-page .tab-links a {background: #eee; padding: 0px 32px; height: 48px; line-height: 48px}
.personal-page .tab-links a + a {margin-left: 8px}
.personal-page .tab-link.active {background: linear-gradient(180deg, #FF5200 0%, #E64A00 100%); color: #fff}
.personal-page .p4-blogger_form {margin: 32px 0px; position: relative}
.accostPartner a, .p4-blogger_form b {color: #FF5200; font-weight: 500}
.p4-blogger_error_text {position: absolute; bottom: -10px; font-size: 10px; color: #FF5200}
.personal-page .p4-blogger_form input[type=text] {width: 300px}
.personal-page .p4-blogger_form .button {width: 300px; margin-left: 32px; height: 50px; line-height: 50px}
.info-msg {margin: 32px 0px; font-size: 24px}
.info-msg span {font-weight: 500}
.widget-table-bonus-operation th {background: #FF5200; color: #fff; padding: 16px}
.widget-table-bonus-operation td {border-bottom: 1px solid #dadada; padding: 16px; text-align: center}
/* PERSONAL */


/* BLOG */
blockquote {margin: 32px 64px; font-size: 18px; background: #FF5200; color: #fff; border-radius: 10px; padding: 64px 32px 32px 32px; position: relative}
blockquote:after {content: ''; position: absolute; top: 36px; height: 32px; width: 32px; right: 36px; background: url(../images/quotes.svg) 50% 50% no-repeat; background-size: contain; z-index: 1; opacity: 0.3}
blockquote:before {content: ''; position: absolute; top: 32px; height: 32px; width: 32px; right: 32px; background: url(../images/quotes.svg) 50% 50% no-repeat; background-size: contain; z-index: 2}
.similar-articles {margin-top: 32px}
.news-block .right-part {width: 280px; padding: 0; font-weight: 500}
.news-block .right-part .white{padding:20px;    margin: 0 0 20px;}
.news-block .right-part .white:last-child{margin:0}
.news-block .right-part .author-social{display: flex; align-items: center; justify-content: flex-start; width: 100%; margin: 14px 0 18px;}
.news-block .right-part .author-social .social{width: 27px; height: 27px; color: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 6px; margin: 0 5px 0 0;}
.news-block .right-part .author-social .social.vk{background: #1A79D0;}
.news-block .right-part .author-social .social.youtube{background: #FF0000;}
.news-block .right-part .white .h2-like {margin-bottom: 5px}
.news-block .right-part .h2-like {margin-bottom: 24px}
.news-block .right-part .h2-like:first-of-type {margin-top: 0}
.news-block .right-part li + li {margin-top: 10px}
.news-block .right-part .author{margin: 10px 0 20px;}
.news-block .right-part .btn-orang{ border: 2px solid #F74F00; border-radius: 5px; display: flex; align-items: center; justify-content: center; height: 46px; margin: 10px 0; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; text-align: center; color: #F74F00; }
.news-block .right-part .btn-orang:hover{color:#ffff;background:#F74F00}
.news-block .right-part p{font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 18px; color: #333333; margin: 0 0 10px;}
.news-block .right-part a {color: #008828}
.news-block .right-part li a i {width: 60px; border: 2px solid #F6F6F4; box-shadow: 0 0 0 2px #008828; height: 60px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 16px}
.news-block .right-part li a:hover i {box-shadow: 0 0 0 2px #FF5200}
.news-block .right-part a:hover, .news-block .right-part a.active {color: #FF5200}
.news-block .left-part {width: calc(100% - 300px)}
.news-block h1 {margin-bottom: 32px}
.news-block .mg-news-date {color: #b3b3b3}

/* .mg-main-news-list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px}
.mg-main-news-list article {padding: 24px 32px; background: #fff; display: flex; justify-content: space-between; flex-direction: column}
.mg-main-news-list .mg-news-title {font-size: 19px; display: block; line-height: 1.3; font-weight: 500; font-family: 'Montserrat'; margin-bottom: 16px}
.mg-main-news-list .mg-list-news-img {position: relative; width: 100%; height: 0; margin-bottom: 16px; padding-bottom: 50%; display: block}
.mg-main-news-list .mg-list-news-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover}
.mg-main-news-list .show-more {color: #FF5200}
.mg-main-news-list .show-more:hover {text-decoration: underline}
.mg-main-news-list .mg-news-title:hover {color: #008828; text-decoration: underline} */

.similar-articles__list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px}
.similar-articles__list article {padding: 24px 32px; background: #fff; display: flex; justify-content: space-between; flex-direction: column}
.similar-articles__list .mg-news-title {font-size: 19px; display: block; line-height: 1.3; font-weight: 500; font-family: 'Montserrat';}
.similar-articles__list .similar-article__subtitle {margin-bottom: 16px;}
.similar-articles__list .mg-list-news-img {position: relative; width: 100%; height: 0; margin-bottom: 16px; padding-bottom: 50%; display: block}
.similar-articles__list .mg-list-news-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover}
.similar-articles__list .show-more {color: #FF5200}
.similar-articles__list .show-more:hover {text-decoration: underline}
.similar-articles__list .mg-news-title:hover {color: #008828; text-decoration: underline}
.similar-articles__title {font-size: 24px;margin-top: 56px;font-weight: 500;font-family: 'Montserrat';margin-bottom: 32px;}

.news-block .allPages {display: none}
.news-block .mg-pager ul {display: flex; align-items: center}
/* BLOG */


/* RATING */
.rating-wrapper {margin-bottom: 16px; color: #F2C94C; line-height: 1; display: flex; align-items: center; position: relative; width: 100%}
.rating svg {width: 16px; height: 16px; margin-right: 4px; display: inline-block}
.mg-rating-count {margin-left: 8px; color: #626262}
/* RATING */


.komplekt-wrapper {background: #fff; transition: 300ms; border-radius: 4px; padding: 24px 32px}
.komplekt-wrapper .img-wrapper {position: relative; height: 0; padding-bottom: 100%; margin-bottom: 16px}
.komplekt-wrapper .img {display: block; top: 0; left: 0; width: 100%; object-fit: cover; height: 100%; position: absolute}
.komplekt-wrapper .price {text-align: right; line-height: 1; margin: 16px 0px; padding-top: 16px; border-top: 1px solid #F3F7FA; font-family: 'Montserrat'; font-weight: 500; font-size: 22px}
.komplekt-wrapper .name {height: 130px; font-size: 19px; display: block; line-height: 1.3; font-weight: 500; font-family: 'Montserrat'; margin-bottom: 16px}
.komplekt-wrapper:hover .name {text-decoration: underline; color: #008828}

.reviews-slider .name {font-size: 22px; font-weight: 500; font-family: 'Montserrat'}
.reviews-slider .text {margin-top: 24px}
.reviews-slider .swiper-slide {padding:  0 96px}
/* .reviews-slider .swiper-slide .inner {display: flex; flex-direction: column; justify-content: center} */
.reviews-slider .reviews-button-prev, .reviews-slider .reviews-button-next {width: 48px; color: #fff; background: #FF5200; border-radius: 50%; height: 48px; margin-top: -24px; position: absolute; top: 50%; z-index: 10; justify-content: center; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08)}
.reviews-slider .reviews-button-prev svg {transform: rotateY(180deg)}
.reviews-slider .reviews-button-prev svg, .reviews-slider .reviews-button-next svg {width: 20px; height: 20px}
.reviews-slider .reviews-button-prev {left: 0px}
.reviews-slider .reviews-button-next {right: 0px}
.reviews-slider .reviews-button-prev:hover, .reviews-slider .reviews-button-next:hover {color: #008828}
.reviews-slider .date {opacity: 0.3}



/* CATALOG */
.by-3 {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 24px}
.by-4 {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 24px}
.by-5 {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 24px}
.catalog-slider {position: relative}
.home-by-4 {position: relative; padding-bottom: 52px}
.catalog-slider .swiper-container {margin-top: -12px; padding-bottom: 52px}
.catalog-slider .swiper-slide {padding-top: 12px}
.catalog-slider .new-swiper-button-prev, .catalog-slider .new-swiper-button-next {width: 48px; color: #008828; background: #fff; border-radius: 50%; height: 48px; margin-top: -24px; position: absolute; top: 50%; z-index: 10; justify-content: center; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08)}
.catalog-slider .new-swiper-button-prev svg {transform: rotateY(180deg)}
.catalog-slider .new-swiper-button-prev svg, .catalog-slider .new-swiper-button-next svg {width: 20px; height: 20px}
.catalog-slider .new-swiper-button-prev {left: -24px}
.catalog-slider .new-swiper-button-next {right: -24px}
.catalog-slider .new-swiper-button-prev:hover, .catalog-slider .new-swiper-button-next:hover {color: #FF5200}

.catalog .left-part {width: 200px}
.catalog .right-part {width: calc(100% - 300px)}
.product-wrapper .stickers {position: absolute; pointer-events: none; width: 110px; left: 32px; top: 24px; font-size: 12px; color: #fff; font-weight: 500}
.product-wrapper .stickers div {margin-bottom: 10px; padding: 0px 8px; height: 24px; line-height: 24px; background: #FF5200; border-radius: 2px; display: inline-block}

.product-wrapper .stickers .new {background: #008828}
.product-wrapper .stickers .hit {background: #008828}
.product-wrapper .stickers .sale {background: #FF5200}
.product-wrapper .stickers .daily {background: #FF5200}

.product-wrapper.dailyProduct .name {margin-top: 35px}

/* .product-wrapper .stickers .hit:after, .product-wrapper .stickers .sale:after, .product-wrapper .stickers .new:after {position: absolute; right: -6px; top: 0px; content: ''; width: 0; height: 0; border-bottom: 6px solid #ba1414; border-right: 6px solid transparent;} */
/* .product-wrapper .stickers .hit:before, .product-wrapper .stickers .sale:before, .product-wrapper .stickers .new:before {position: absolute; left: -6px; top: 0px; content: ''; width: 0; height: 0; border-bottom: 6px solid #ba1414; border-left: 6px solid transparent;} */

.product-wrapper {background: #F6F6F4; position: relative; transition: 300ms; border-radius: 4px}
.product-wrapper .stickers .hit .icon {background: #2B74B9} 
.product-wrapper .stickers .new .icon {background: #8AC44B} 
.product-wrapper .stickers .sale .icon {background: linear-gradient(180deg, #FF5200 0%, #E64A00 100%)} 
.product-wrapper .img {height: 240px; display: block; padding-top: 16px}
.product-wrapper .img img {display: block; margin: 0px auto; object-fit: contain; mix-blend-mode: multiply}
.product-wrapper .text {padding: 0px 32px 24px 32px; flex-direction: column; height: 350px; position: relative}
.product-wrapper .price-block {text-align: right; line-height: 1; margin: 16px 0px; padding-top: 16px; border-top: 1px solid #F3F7FA}
.product-wrapper .price-block .product-price {font-family: 'Montserrat'; font-weight: 500; font-size: 22px}
.product-wrapper .price-block .old-price {text-decoration-line: line-through; margin-bottom: 8px; opacity: 0.3}
.product-wrapper .short-desc {font-size: 15px; display: block; transition: 300ms}
.product-wrapper .block-variants {position: absolute; background: #F6F6F4; padding: 0px 32px; left: 0px; bottom: 95px; height: 0px; width: 100%; transition: 400ms; z-index: 1; overflow: hidden; display: flex; align-items: flex-end}
.product-wrapper .block-variants label {line-height: 40px; height: 40px; transition: 300ms; position: relative; display: block}
.product-wrapper .block-variants label:hover {color: #008828}
.product-wrapper .block-variants label + label {border-top: 1px solid #F3F7FA}
.product-wrapper .block-variants .variantPrice {font-weight: 500}
.product-wrapper .block-variants .variantOldPrice {position: absolute; background: #FF5200; border-radius: 2px; color: #fff; top: 10px; right: 0px; height: 20px; line-height: 20px; font-size: 13px; padding: 0px 5px; font-weight: 500}
.product-wrapper .name {font-size: 19px; display: block; line-height: 1.3; font-weight: 500; font-family: 'Montserrat'; margin-bottom: 16px}
.product-wrapper:hover .name {text-decoration: underline; color: #008828}
.product-wrapper:hover {box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1)}
.product-wrapper .mg-add-to-favorites, .product-wrapper .mg-remove-to-favorites {position: absolute; width: 24px; cursor: pointer; height: 24px; top: 24px; right: 24px; justify-content: center; z-index: 10}
.product-wrapper .mg-add-to-favorites {color: #b3b3b3}
.product-wrapper .mg-add-to-favorites svg, .product-wrapper .mg-remove-to-favorites svg {width: 24px; height: 24px}
.product-wrapper .mg-add-to-favorites:hover, .product-wrapper .mg-remove-to-favorites {color: #FF5200}
.product-wrapper .mg-add-to-favorites .title, .product-wrapper .mg-remove-to-favorites .title {display: none}
/* CATALOG */

.apply-stars {position: absolute; right: 0px; top: 0px; text-align: center; border-radius: 3px; right: 24px; z-index: 10; width: calc(100% - 80px - 15px); height: 20px; line-height: 20px; font-size: 12px}
.auth-need {position: absolute; background: #fff !important; color: #222 !important; right: 0px; top: 0px; text-align: center; right: 24px; width: calc(100% - 80px - 15px); height: 20px; line-height: 20px; font-size: 12px; z-index: 10}
.product-wrapper .info {opacity: 1 !important}
/* .auth-re {position: relative; width: min-content; right: 25%;} */
/*


.swiper-slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
}
.swiper-slide-active {
  opacity: 1;
  visibility: visible;
}
.swiper-slide-active + .swiper-slide {
  opacity: 1;
  visibility: visible;
}
.swiper-slide-active + .swiper-slide + .swiper-slide {
  opacity: 1;
  visibility: visible;
}
.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
  opacity: 1;
  visibility: visible;
}
*/



/* INFORMER */
.informer {border-radius: 4px; color: #fff; width: 240px; background-color: #008828; background-repeat: no-repeat; background-position: 18px 50%; background-size: 25px; padding: 0px 10px; transition: 300ms; height: 60px; position: fixed; right: -360px; z-index: 500}
.informer:hover {background-color: #FF5200}
.informer.pre-open {right: -180px}
.buy-informer {bottom: 116px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><path fill='%23fff' d='M18.7383 19.1538C18.7383 19.6637 18.9191 20.0986 19.2794 20.4589C19.6397 20.8195 20.075 21 20.585 21C21.0943 21 21.5296 20.8195 21.8899 20.4589C22.2505 20.0986 22.4309 19.6637 22.4309 19.1538C22.4309 18.644 22.2507 18.2091 21.8899 17.8484C21.5296 17.4881 21.0943 17.3077 20.585 17.3077C20.075 17.3077 19.6397 17.4881 19.2794 17.8484C18.9191 18.2091 18.7383 18.644 18.7383 19.1538Z'/><path fill='%23fff' d='M24.0013 2.81208C23.8185 2.62936 23.6023 2.53797 23.3522 2.53797H6.03023C6.02048 2.47073 5.99886 2.34823 5.96521 2.17036C5.93157 1.99238 5.9052 1.85063 5.88595 1.74475C5.8666 1.63932 5.83074 1.51181 5.77774 1.36279C5.72485 1.21366 5.66236 1.09575 5.59027 1.00942C5.51829 0.922629 5.42215 0.848317 5.30192 0.785625C5.18179 0.723337 5.04469 0.692017 4.89091 0.692017H1.19865C0.948484 0.692017 0.732169 0.783554 0.549498 0.966023C0.366777 1.14869 0.275391 1.36516 0.275391 1.61512C0.275391 1.86508 0.366777 2.08145 0.549498 2.26412C0.73232 2.44684 0.948686 2.53812 1.19865 2.53812H4.14063L6.69337 14.4085C6.67428 14.4469 6.57572 14.6294 6.39774 14.9565C6.21987 15.2836 6.07807 15.5695 5.97239 15.8147C5.86665 16.0602 5.81376 16.25 5.81376 16.3845C5.81376 16.6344 5.90515 16.8509 6.08777 17.0338C6.27069 17.216 6.48696 17.3077 6.73697 17.3077H7.66002H20.5831H21.5056C21.7556 17.3077 21.972 17.2161 22.1546 17.0338C22.3375 16.8509 22.4288 16.6345 22.4288 16.3845C22.4288 16.1345 22.3375 15.9181 22.1546 15.7355C21.972 15.5529 21.7556 15.4613 21.5056 15.4613H8.23673C8.46759 14.9997 8.58297 14.6923 8.58297 14.5384C8.58297 14.442 8.57095 14.3362 8.54685 14.221C8.52276 14.1059 8.49396 13.9783 8.46032 13.8387C8.42662 13.6996 8.4051 13.5962 8.3955 13.5288L23.4536 11.7693C23.6937 11.7402 23.891 11.6372 24.0448 11.4591C24.1987 11.2814 24.2754 11.0771 24.2754 10.8462V3.46138C24.2753 3.21142 24.1842 2.99505 24.0013 2.81208Z'/><path fill='%23fff' d='M5.8125 19.1538C5.8125 19.6637 5.9927 20.0986 6.35334 20.4589C6.71408 20.8195 7.14899 21 7.65876 21C8.16823 21 8.60338 20.8195 8.96388 20.4589C9.32452 20.0986 9.50492 19.6637 9.50492 19.1538C9.50492 18.644 9.32467 18.2091 8.96388 17.8484C8.60333 17.4881 8.16823 17.3077 7.65876 17.3077C7.14904 17.3077 6.71388 17.4881 6.35334 17.8484C5.9929 18.2091 5.8125 18.644 5.8125 19.1538Z'/></svg>")}
.favorites-informer {bottom: 40px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'><path fill='%23fff' d='M12.5,23l-9-9.2c-0.8-0.8-1.8-2.3-2.3-4c-0.6-2.2,0-4.2,1.6-5.9c1.7-1.7,3.6-2.3,5.8-1.6c1.6,0.5,3.1,1.5,3.9,2.3l0,0c0.8-0.8,2.2-1.9,3.9-2.3c2.2-0.6,4.1-0.1,5.8,1.6s2.2,3.7,1.6,5.9c-0.4,1.7-1.5,3.2-2.3,4L12.5,23z'/></svg>")}
.informer.active {right: 60px !important}
.informer .img {width: 40px; height: 40px; position: relative}
.informer .text {width: calc(100% - 56px); display: flex; justify-content: space-between; flex-direction: column; font-size: 14px}
.informer .name {font-weight: 500; text-transform: lowercase}
/* INFORMER */


/* MODAL */
.overlay {background: rgba(0,0,0,0.3); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 8000; display: none}
.menu-overlay {background: rgba(0,0,0,0.3); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 500; display: none}
.modal {background: #fff; position: fixed; width: 650px; right: -650px; height: 100%; top: 0px; transition: 300ms; z-index: 9000; overflow-y: auto}
.modal .close {width: 20px; height: 20px; margin: 0px 0px 0px auto; position: absolute; right: 40px; top: 40px}
.modal .close:hover {color: #c6b09f}
.modal.show {right: 0px}
.modal .inner {padding: 59px 80px}
.modal .modal-title {letter-spacing: -.4px; font-size: 35px; font-weight: 500; margin-bottom: 15px}
.modal .modal-title span {font-size: 20px; margin-left: 6px; margin-top: 10px}
/* .modal .button {margin-top: 28px} */
.modal-auth {display: flex; flex-direction: column; justify-content: center}
.modal-auth .inner {width: 360px; margin: 0px auto; padding: 59px 0px}
.modal-auth .link {margin-top: 23px; margin-right: 10px; display: inline-block; text-transform: uppercase; font-size: 11px; line-height: 1.5; letter-spacing: 1.4px; font-weight: 500}
.modal-auth .link:hover {color: #ac8c75}

.modal-cart .inner {display: flex; flex-direction: column; justify-content: space-between; height: 100%}
.modal-cart tr, .product-cart tr {display: flex; position: relative; align-items: center; padding: 15px 0px}
.modal-cart .img-cell, .product-cart .img-cell {width: 80px; flex-shrink: 0; margin-right: 15px; position: relative}
.modal-cart .img-cell img, .product-cart .img-cell img {width: 70px; height: 70px; object-fit: contain}
.modal-cart td, .product-cart td {display: block}
.modal-cart .name-cell, .product-cart .name-cell {flex-grow: 1; line-height: 120%}
.modal-cart .name-cell .property, .product-cart .name-cell .property {letter-spacing: 1.4px; text-transform: uppercase; font-size: 9px; line-height: 1.2; margin-top: 10px; display: block}
.modal-cart .name-cell:hover, .product-cart .name-cell:hover {color: #FF5200}
.modal-cart .remove-cell, .product-cart .remove-cell {width: 15px; height: 30px; margin-left: 24px; flex-shrink: 0}
.modal-cart .remove-cell a:hover, .product-cart .remove-cell a:hover {color: #FF5200}
.modal-cart .price-cell, .product-cart .price-cell {font-size: 18px; font-weight: 500; margin-top: 5px}

.modal-cart .top-part {min-height: calc(100% - 120px - 95px); overflow-y: auto; margin-right: -32px; padding-right: 24px}
.modal-cart .top-part::-webkit-scrollbar {background-color: #fff; width: 2px; border-radius: 1px}
.modal-cart .top-part::-webkit-scrollbar-track {background-color: #e5e5e5}
.modal-cart .top-part::-webkit-scrollbar-thumb {background-color: #008828; border-radius: 1px}
.modal-cart .top-part::-webkit-scrollbar-button {display:none}

.modal-cart .button {margin-top: 23px}

.wrapper-modal-back-ring .close {color: #fff}
.wrapper-modal-back-ring .phone-block {margin-bottom: 30px}
.wrapper-modal-back-ring .phone-line {font-size: 16px; margin-bottom: 15px}
.wrapper-modal-back-ring .phone-line.work-hours {border-top: 1px solid #fff; padding-top: 10px; margin-top: 10px}
.wrapper-modal-back-ring .phone-block .viber, .wrapper-modal-back-ring .phone-block .whatsapp {width: 24px; justify-content: center; height: 24px; border-radius: 50%; color: #fff; margin-right: 10px}
.wrapper-modal-back-ring .phone-block .viber {color: #fff}
.wrapper-modal-back-ring .phone-block .viber svg, .wrapper-modal-back-ring .phone-block .whatsapp svg {height: 24px; width: 24px}
.wrapper-modal-back-ring .phone-block .phone:hover {color: #FF5200}
/* MODAL */

/* STATIC */
.static .left-part {width: 300px; text-align: right; padding-right: 74px}
.static .left-part .page-menu {margin-top: 120px; font-weight: 500}
.static .left-part .page-menu li + li {margin-top: 16px}
.static .left-part .page-menu li:hover > a, .static .left-part .page-menu a.active {color: #FF5200}
.static .left-part .has-sub > a {display: none}
.static .right-part {width: calc(100% - 300px)}
.static .right-part h1 {margin-bottom: 60px}
.static .right-part a {color: #FF5200}
.static table tr + tr td {border-top: 1px solid #dadada}
.static table td {padding: 24px 0px}
.static table td img {width: 100%; padding-right: 48px; height: 250px; object-fit: cover}
/* STATIC */

/* SEARCH */
.search-block {position: relative; width: calc(100% - 237px - 263px - 150px - 57px)}
.search-block form {border: 1px solid #FF5200; border-radius: 28px; width: 100%}
.search-block input[type=search] {background: #fff; width: 100%; border: none; border-radius: 28px; height: 56px; line-height: 54px; padding: 0px 24px; display: block; position: relative; z-index: 10}
.search-block button {background: #fff; border: none; display: flex; align-items: center; color: #999; width: 20px; height: 54px; position: absolute; top: 2px; right: 24px; z-index: 10} 
.search-block button svg {width: 20px; height: 20px}
.search-block button:hover {color: #FF5200}
.search-block .placeholder {position: absolute; transition: 300ms; z-index: 10; left: 24px; top: 17px; color: #626262; pointer-events: none; background: #fff}
.search-block .placeholder a {color: #008828; font-weight: 500; pointer-events: auto; text-decoration: underline}
.search-block .placeholder a:hover {color: #FF5200}
.search-block input[type=search]:focus + .placeholder {opacity: 0}

.wraper-fast-result {position: absolute; top: 28px; left: 0px; width: 100%; display: none}
.fastResult {background: #fff; border: 1px solid #008828; border-radius: 0px 0px 28px 28px; padding: 28px}
.wraper-fast-result .fast-result-img {width: 60px; height: 60px}
.wraper-fast-result a {display: flex; justify-content: space-between; align-items: center; padding: 5px 0px; border-top: 1px solid #F9F8F8}
.wraper-fast-result .fast-result-info {width: calc(100% - 70px)}
.wraper-fast-result .fast-result-info span {font-weight: 500; display: block}
.wraper-fast-result a:hover {color: #FF5200}
/* SEARCH */

.body__static .social a {width: 30px; height: 30px; color: #008828; margin-right: 10px}


@media screen and (min-width:1025px) {
.product-wrapper:hover .short-desc {opacity: 0}
header .bottom-part .menu-block:hover .catalog-menu-button span {transition: bottom 300ms ease 0ms, top 300ms ease 0ms, transform 300ms ease 300ms}
header .bottom-part .menu-block:hover .catalog-menu-button span:nth-of-type(1) {transform: rotateZ(45deg); top: calc(50% - 1px)}
header .bottom-part .menu-block:hover .catalog-menu-button span:nth-of-type(2) {opacity: 0}
header .bottom-part .menu-block:hover .catalog-menu-button span:nth-of-type(3) {transform: rotateZ(-45deg); bottom: calc(50% - 1px)}
header .bottom-part .menu-block:hover .catalog-menu {max-height: 600px}
.product-wrapper:hover .block-variants {height: 150px}
}

@media screen and (max-width:1440px) {
.max {padding: 0px 24px}
}

@media screen and (max-width:1279px) {
body {font-size: 15px}
.max {padding: 0px 15px}
header .top-part .phone-block {width: 243px}
header .top-part .back-ring {padding: 0px 15px}
header .top-part .phone-line {padding-left: 15px}
header .middle-part .logo {font-size: 14px; width: 210px; margin-right: 24px}
header .middle-part .icons-block {margin-right: 0px}
header .middle-part .icons-block a + a {margin-left: 24px}
.search-block {width: calc(100% - 210px - 260px - 24px)}
header .bottom-part .category-menu > li {font-size: 14px; padding: 0px 7px}
.catalog-menu-button {margin-right: 24px; padding-left: 60px; width: 140px}
.catalog-menu-button span {left: 24px}
header .bottom-part .category-menu svg {margin-left: 0px}
.by-4 {grid-template-columns: repeat(3, 1fr)}
.pager {grid-column: span 3}
}

@media screen and (max-width:1139px) {
header .top-part .back-ring {display: none}
}

@media screen and (max-width:1023px) {
body {font-size: 14px}
.tablet-hide {display: none !important}
.tablet-show {display: block !important}
header .top-part .menu {flex-wrap: nowrap; white-space: nowrap}
header .top-part .max {overflow-x: auto}
header .top-part .max::-webkit-scrollbar {display:none}
header .middle-part .icons-block a + a {margin-left: 10px}
header .middle-part .icons-block .icon svg {width: 22px; height: 20px}
header .middle-part .logo {width: 150px; height: 18px; font-size: 10px; margin-right: 0px; line-height: 1}

header .bottom-part {top: 90px; height: 45px}
.delivery-details-list {flex-wrap: wrap}
.delivery-details-list li + li {margin-left: 0px; margin-top: 10px}
.by-4 {grid-template-columns: repeat(2, 1fr)}
.pager {grid-column: span 2}
.button {height: 46px; line-height: 46px; font-size: 12px; max-width: unset}
.mg-filter-item {display: block; border-bottom: 1px solid #dadada; margin-right: 0px}
.filter-form {padding: 0px 20px; margin: 0px; border-top: 0px; display: none}
.mg-filter-item .mg-filter-title {line-height: 40px; height: 40px; margin-right: 0px}
.mg-filter-item .mg-filter-title > svg, .mg-filter-item .remove {top: 15px}
.show-filter {background: #008828; color: #fff; letter-spacing: 0.04em; text-transform: uppercase; font-size: 12px; line-height: 40px; height: 40px; border-radius: 4px; text-align: center; margin-top: 20px; font-weight: 500}
.filter-buttons {position: static; margin-top: 0px}
.filter-buttons .refreshFilter {display: block; text-align: center; line-height: 40px; height: 40px; color: #FF5200}
.products-wrapper {margin-top: 30px}
.mg-filter-item .mg-filter-list:before {display: none !important}
.mg-filter-item .mg-filter-list {position: static; left: 0px; margin-left: 0px; width: 100%; padding: 0px}
.mg-filter-item:hover .mg-filter-list {display: none}
.mg-filter-item.active .mg-filter-list {display: block}
.mg-filter-item .mg-filter-list .inner {padding: 15px 1px; box-shadow: none}
.price-slider-wrapper {padding: 0px 10px}
.white {padding: 20px}

.search-block {width: calc(100% - 140px - 130px - 80px); padding: 4px 0px 0px 0px; color: #222}
.search-block input[type=search] {height: 47px; line-height: 35px; border-radius: 0px; padding: 0 10px}
.search-block input[type=submit] {width: 50px; height: 37px; line-height: 37px}
.search-block button {top: 14px; right: 14px; width: 17px; height: 17px}
.search-block form {border-radius: 0px; width: calc(100% - 140px - 24px); position: relative}
.wraper-fast-result {top: 48px}
.fastResult {padding: 10px}
.wraper-fast-result .fast-result-img {width: 40px; height: 40px}
.search-block .placeholder {top: 8px; left: 10px}
.catalog-menu-button {color: #fff}

header .bottom-part .menu-block.active .catalog-menu {max-height: 1000px}
header .bottom-part .menu-block.active .catalog-menu-button span {transition: bottom 300ms ease 0ms, top 300ms ease 0ms, transform 300ms ease 300ms}
header .bottom-part .menu-block.active .catalog-menu-button span:nth-of-type(1) {transform: rotateZ(45deg); top: calc(50% - 1px)}
header .bottom-part .menu-block.active .catalog-menu-button span:nth-of-type(2) {opacity: 0}
header .bottom-part .menu-block.active .catalog-menu-button span:nth-of-type(3) {transform: rotateZ(-45deg); bottom: calc(50% - 1px)}
.catalog-menu .menu-grid {grid-template-columns: repeat(4, 1fr)}
.catalog-menu .cat-item {padding-left: 60px; background-size: 40px}
.home-filter .item svg {width: 30px; height: 30px}
.home-filter {grid-template-columns: repeat(2, 1fr); grid-gap: 10px}
.home-filter .item {height: 60px; line-height: 1.1}
header .bottom-part {position: absolute !important}
header {margin-bottom: 40px}
}

@media screen and (max-width:767px) {
.search-block {width: 100%; padding: 4px 0px 0px 0px; order: 3}
.search-block button {top: 10px; right: 10px}
.search-block button svg {width: 15px; height: 15px}
.mobile-hide {display: none !important}
.mobile-show {display: block !important}
.mobile-show-flex {display: flex !important}
header {position: sticky; position: -webkit-sticky; top: -88px !important}
body.lock, html.lock {overflow: unset}
.h2-like, .promo-form span {font-size: 18px; margin-bottom: 12px}
.search-block form {width: calc(100% - 100px - 4px)}
.search-block input[type=search] {height: 34px}
header .top-part .menu li + li {margin-left: 16px}
.catalog-menu-button {width: 100px; height: 37px; line-height: 37px; padding-left: 35px; margin-right: 4px}
.catalog-menu-button span {left: 11px}
.catalog-menu-button span:nth-of-type(1) {top: 13px}
.catalog-menu-button span:nth-of-type(3) {bottom: 13px}
.home-slider {width: 100%; height: calc(100vw/3)}
.home-filter {grid-template-columns: 100%; width: 100%; grid-gap: 5px; margin: 15px 0px}
.home-filter .item {height: auto; padding: 7px 7px 7px 42px; background-size: 25px}
.home-about {padding: 15px 0px; margin-bottom: -15px}
.home-about .img {width: 100%; border-radius: 0px; height: 250px}
.home-about .text {width: 100%}
.home-about h1 {font-size: 20px; margin: 5px 0px 20px 0px}
.home-about .links {margin-top: 20px}
.home-about .more {height: 46px; background: #008828; margin-left: 0; border: none; color: #fff; line-height: 46px; font-size: 12px; width: 100%; margin-top: 10px}
.home-about .books {height: 46px; background: #FF5200; border: none; color: #fff; line-height: 46px; font-size: 12px; width: 100%}
.body__noindex .home-filter {grid-template-columns: 100%}
input[type=text], input[type=tel], input[type=email], input[type=password], .form-list select {line-height: 43px; height: 45px}
h1 {font-size: 22px}
header .bottom-part {border: none}
header .bottom-part .max {padding: 0px 4px}
.product-wrapper:hover {box-shadow: none}


.product-details-block .product-thumbs-slider .swiper-slide {height: 50px !important; width: 50px !important}
.product-wrapper .name {font-size: 16px}
.product-wrapper .mg-add-to-favorites, .product-wrapper .mg-remove-to-favorites {right: 20px; top: 20px}
.product-wrapper .stickers {left: 20px; top: 20px}
.product-wrapper .text {width: 100%; height: unset; padding: 0px 20px 20px 20px}
.product-wrapper .block-variants {position: static; padding: 0px 0px 0px 1px; height: unset}
.catalog-slider .product-wrapper .block-variants {height: 150px}

.product-details-block .wrapper-mg-buy-click {margin-right: 0px}
.product-details-block .mg-buy-click-button {height: 46px; line-height: 42px; font-size: 12px}
.product-wrapper .price-block {display: none}
.product-wrapper .short-desc {height: unset; padding-bottom: 0px; border: none}
.by-3, .by-4 {grid-template-columns: 100%; grid-gap: 20px}
.pager, .fake-address li {grid-column: unset}
.body__order main .left-part {width: 100%; margin-bottom: 20px}
.body__order main .right-part {width: 100%}
.form-list {grid-template-columns: 100%}
.flex100 {grid-column: unset}
.mobile-view {gap: 10px; flex-wrap: wrap; display: flex}
.mobile-view .item {width: 55px; height: 55px; position: relative; text-align: center; color: #fff; font-size: 10px}
.mobile-view .item .qty {background: #FF5200; border-radius: 50%; width: 16px; line-height: 16px; height: 16px; position: absolute; top: 0; right: 0}
.show-desktop, .show-promo {color: #FF5200; text-decoration: underline; display: block}
.desktop-view {display: none}
.promo-form input[type=text] {width: calc(100% - 120px)}
.promo-form button {width: 100px; height: 45px; line-height: 45px; font-size: 12px}
.modal-cart .img-cell, .product-cart .img-cell {width: 55px; margin-right: 0}
.modal-cart .remove-cell, .product-cart .remove-cell {margin-left: 0}
.promo-wrapper {display: none}

footer {padding: 15px 0px}
.modal {width: 100%; right: -100%}
.modal-auth .inner {width: 100%}
.modal .inner {padding: 20px}
.product-details-block .left-part {width: 100%}
.product-details-block .right-part {width: 100%}
.product-details-block .product-thumbs-slider {height: 100%}
.product-details-block .triggers div + div {border-left: 0px; padding-left: 0px; margin-left: 0px; margin-top: 5px}
.product-details-block .triggers {padding: 10px 15px; text-align: center; margin: 0px -15px 20px -15px; border-radius: 0px; border-left: 0px; border-right: 0px}
.home-about .help {grid-template-columns: 100%; box-shadow: none; border: none; padding: 0px}
footer .left-part {width: 148px}
.informer {height: 45px; background-position: 12px 50%; background-size: 21px}
.informer {right: -195px !important}
footer .logo {font-size: 10px}
footer .logo svg {height: 18px}
.bread-crumbs {display: none}
.modal-auth .inner {padding: 59px 15px}
.modal .close {right: 15px; top: 15px}
.tab-links {flex-wrap: nowrap; overflow-x: auto; margin: 0 -15px 15px -15px}
.tab-links:before, .tab-links:after {content: ''; flex-shrink: 0; width: 15px; height: 15px}
.tab-links::-webkit-scrollbar {display:none}

.tab-links a {white-space: nowrap; text-align: center; padding: 0px 4px !important; flex-shrink: 0}
.product-details-block .tab-link {margin-right: 0px; font-size: 13px}
.content h2 {font-size: 18px; margin-bottom: 12px}
.catalog-menu .menu-grid {padding: 15px; grid-gap: 15px; grid-template-columns: 100%}
.static-menu .menu-grid {grid-gap: 15px; grid-template-columns: 100%}
.catalog-menu .cat-item {background-size: 30px; padding-left: 40px}
.static-menu .cat-item {background-size: 30px; padding-left: 50px}
.product-details-block {position: relative}
.product-details-block .mg-remove-to-favorites, .product-details-block .mg-add-to-favorites {position: absolute; height: 24px; top: 20px; right: 20px; width: 24px; z-index: 10}
.product-details-block .mg-remove-to-favorites svg, .product-details-block .mg-add-to-favorites svg {margin-right: 0px}
.rating-wrapper {margin-bottom: 8px}
.catalog-menu .cat-item, .static-menu .cat-item {font-weight: 400; font-size: 16px}
.catalog-menu {position: fixed; height: calc(100% - 95px); top: 135px; overflow-y: auto; left: 0px; right: 0px}
header.fixed .catalog-menu {height: calc(100% - 44px); top: 44px}
.product-details-block .block-variants tr {margin-right: 15px}
.product-details-block .block-variants label > span {padding: 10px 10px}
.mg-set-goods-border {grid-template-columns: 100%}
.mg-set-goods-border .product-wrapper {width: 100%}
.mg-set-goods .product-wrapper + .product-wrapper:before {left: 0px}
/* .content iframe, .cat-desc-seo iframe, lite-youtube {width: 100%; height: calc((100vw - 30px)*9/16)} */
.buy-informer {bottom: 274px}
.favorites-informer {bottom: 324px}

.catalog-slider {margin: 0px -15px}
.catalog-slider .swiper-slide {width: 80%}
.modal .modal-title {font-size: 22px}
.static .left-part {width: 100%; padding-right: 0px; text-align: center}
.static .right-part {width: 100%; margin-top: 24px}
.static .left-part .page-menu {margin-top: 0px}
.static .left-part .page-menu li + li {margin-top: 0px; border-top: 1px solid #dadada}
.static .left-part .page-menu a {line-height: 40px; height: 40px}
.about .img {width: 100%; height: calc(100vw - 70px)}
.about .text {width: 100%; margin-top: 30px}
.static .right-part h1 {margin-bottom: 15px}
footer .right-part, footer .center-part, footer .center-part .menu {width: 100%; text-align: center}
footer .center-part .menu li {border-bottom: 1px solid rgba(255,255,255,0.5)}
footer .center-part .menu li + li {margin-top: 0px}
footer .center-part .menu li a {line-height: 40px; height: 40px}
footer .phone-block {font-size: 18px; justify-content: center; margin: 20px 0px}
main {padding-bottom: 15px}
.catalog-slider .swiper-slide {width: calc(100vw - 120px) !important}
.grey-part {margin: -20px -20px 20px -20px; padding: 20px; background: #008828; color: #fff}
.mg-set-goods-border .product-wrapper .img {display: none}
.mg-set-goods .product-wrapper + .product-wrapper:before {position: static; margin: -15px auto 10px auto; height: 24px}
.mg-set-goods .h2-like {text-align: center}
.static table tr {display: block}
.static table td {display: block; width: 100% !important; padding: 0px}
.static table td img {padding-right: 0px; height: unset; margin-bottom: 5px; display: block}
.static table tr + tr td {border: none}
.static table tr + tr {border-top: 1px solid #dadada; padding-top: 15px; margin-top: 15px}
.gbz-products-set-page .first .img {order: 1; width: 100%; height: calc(100vw - 70px)}
.gbz-products-set-page .first .text {width: 100%; order: 2; padding: 20px 0px}
.gbz-purchase .text {width: 100%; padding: 20px 0px}
.gbz-purchase form {width: calc(100% + 40px); margin: -20px; padding: 20px; border-radius: 0px 0px 4px 4px}
.product-wrapper .apply-stars, .product-wrapper .auth-need {width: auto; height: 20px; line-height: 20px; right: 0px; left: 0px; top: -25px}
.product-details-block .apply-stars, .product-details-block .auth-need {width: auto; height: 20px; line-height: 20px; right: 0px}
#chd-show-more-button {margin-right: 0; margin-bottom: 20px}
.news-block .left-part {width: 100%; order: 2}
.news-block .right-part {width: 100%; padding-left: 0; order: 1; margin-bottom: 20px}
.content img {width: 100% !important; height: auto !important; margin: 15px 0}
.mg-main-news-list {grid-template-columns: 100%}
.reviews-slider .reviews-button-prev, .reviews-slider .reviews-button-next {width: 30px; height: 30px}
.reviews-slider .reviews-button-prev svg, .reviews-slider .reviews-button-next svg {width: 15px; height: 15px}
.reviews-slider .swiper-slide {padding: 0 50px}
}
.product-slider.swiper-container .swiper-slide:not(.swiper-slide-active) {display: none}

[itemprop="ratingCount"]::after {content: " голосов";}

/* ОБ авторе - about */
h1.about{margin:0 0 20px!important}
.about-box{font-family:'Montserrat';font-style:normal;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;position:relative;margin:0 0 30px}
.about-box .photo{display:block;height:310px;width:433px;border-radius:10px;max-width:100%}
.about-box .description{width:calc(100% - 433px);position:relative;padding:0 0 0 25px}
.contacts-items{margin:0 0 20px}
.contacts-items .item{display:flex;align-items:center;justify-content:flex-start;position:relative;margin:0 0 10px}
.contacts-items .item:last-child{margin:0}
.contacts-items .item>a{padding:10px 0 10px 50px}
.contacts-items .item a.icon{padding:0;margin:0 0 0 15px}
.contacts-items .item a.icon svg{width:20px;height:20px;cursor:pointer}
.contacts-items .phone{font-weight:400;font-size:24px;line-height:29px;color:#000000!important}
.contacts-items .phone:before,.contacts-items .email:before{content:'';width:34px;height:34px;display:block;position:absolute;left:0}
.contacts-items .phone:before{background:url(../images/icon-about-phone.svg) no-repeat center center;top:10px}
.contacts-items .email:before{background:url(../images/icon-about-email.svg) no-repeat center center;top:2px}
.contacts-items .icon.whatsapp{color:#fff}
.contacts-items .icon.telegram{color:#0088cc}
.contacts-items .email{font-weight:400;font-size:16px;line-height:20px;text-decoration-line:underline;color:#008828!important}
.contacts-items .email:hover{text-decoration-line:none}
.about-box .description .about-ankor{list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;position:relative;width:100%;margin:20px 0 0}
.about-box .description .about-ankor li{padding:0;width:50%;margin:0 0 10px}
.about-box .description .about-ankor li:before{content:none}
.about-box .description .about-ankor a{font-weight:400;font-size:16px;line-height:20px;text-decoration-line:underline;color:#008828}
.about-box .description .about-ankor a:hover{text-decoration-line:none}
.about-box .description .btn-calback{border:2px solid #F74F00;border-radius:5px;display:flex;align-items:center;justify-content:center;height:64px;margin:10px 0;font-family:'Montserrat';font-style:normal;font-weight:600;font-size:16px;line-height:20px;text-align:center;color:#F74F00}
.about-box .description .btn-calback:hover{color:#ffff;background:#F74F00}
.document-items{width: 100%; position: relative;}
.document-items .item{border: 1px solid #C9DACE; display: flex; width: 100%; position: relative; height: 268px; align-items: center; justify-content: center; padding: 25px;}
.document-items .item img{    height: auto;}
.owl-carousel .owl-nav{position: absolute; width: 100%; top: 45%;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{background: url(../images/svg-arrow.svg) no-repeat center center!important; width: 15px; height: 25px; cursor: pointer;    position: absolute;}
.owl-carousel .owl-nav .owl-prev{left:-25px;}
.owl-carousel .owl-nav .owl-next{right:-25px;    transform: rotate(180deg)}
.owl-carousel .owl-dots{display: flex; align-items: center; justify-content: center; width: 100%; margin: 20px 0;}
.owl-carousel .owl-dots button{width: 9px;height: 9px; background: #008828!important; border-radius: 100%;border: 1px solid #fff!important; margin: 0 5px;} 
.owl-carousel .owl-dots button.active{background: transparent!important; border: 2px solid #008828!important;} 
@media screen and (max-width: 1200px){
	.about-box{ flex-direction: column; align-items: center; }
	.about-box .description { width: 100%; padding: 0; margin: 20px 0 0; }
}
@media screen and (max-width: 480px){
	.document-items{ margin: 15px 0 0; }
	.document-items .item{    height: 178px;}
	.about-box .description .about-ankor{display:none}
	.contacts-items .phone{font-size: 22px;}
	.about-box .photo {height: 250px!important; width: 100%!important; max-width: 100%; margin: 0; }
}
@media screen and (max-width: 380px){
	.about-box .description .btn-calback{font-size: 14px;}
	.bout-box .photo {height: auto!important;}
	.contacts-items .phone { font-size: 20px; }
	.contacts-items .item a.icon { margin: 0 0 0 8px; }
}
@media screen and (max-width: 340px){
	.contacts-items .item a.icon{display:none}
}

/* Наши магазины - nashi-magaziny */
.maps-iframe{background:#F6F6F4;height:550px;width:100%;border-radius:10px;overflow:hidden}
.maps-iframe iframe{border-radius:10px}
.maps-items{width:100%;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:20px 0}
.maps-items .item{width:100%;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #F1F1F1;padding:20px 0 20px 50px;position:relative;cursor:pointer}
.maps-items .item:before{content:'';width:27px;height:36px;display:block;position:absolute;left:0;background:url(../images/icon-place.svg) no-repeat center center}
.maps-items .item.active:before{background:url(../images/icon-place-active.svg) no-repeat center center;left:-1px}
.maps-items .item.active{cursor:default}
.maps-items .item .photo{width:184px;height:128px;display:flex;align-items:center;justify-content:center}
.maps-items .item .photo img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important}
.maps-items .item .description{font-weight:400;font-size:16px;line-height:20px;width:calc(100% - 184px);padding:0 0 0 20px}
.maps-items .item .description p{color:#333333;margin:15px 0}
.maps-items .item .description a{color:#FF5200}
.maps-items .item .description a:hover{text-decoration:underline}
@media screen and (max-width:940px){.maps-items .item:before{top:21px}
.maps-items .item{flex-wrap:wrap;padding:20px 0 0 40px}
.maps-items .item .description{width:100%;padding:0}
.maps-iframe{height:390px}
}
@media screen and (max-width:374px){.maps-items .item .photo{width:100%}}

.contacts .tm svg{fill: #048fd1}
@media screen and (max-width: 767px) {
	.advantages .h2-like {
		text-align: center;
	}
	.advantages-list {
		gap: 10px;
	}
}
.advantages-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 40px 20px;
}
.advantages-list .advantage {
	width: 270px;
	text-align: center;
}

.advantages-list .advantage .text {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 23px;
	margin-top: 20px;
}

.swiper-pagination-adv {
	display: flex;
	align-items: center;
	justify-content: center;}

.swiper-pagination-adv .swiper-pagination-bullet {
	background: green;
	opacity: 1;
	border: 2px solid green;
	width: 9px;
	height: 9px;
}
.swiper-pagination-adv .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
	width: 12px;
	height: 12px;
}


/* О магазине */
.static .right-part .about{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#333333;box-sizing:border-box}
.static .right-part .about h1{margin-bottom:20px;font-weight:500;font-size:36px;line-height:44px;margin-top:12px}
.static .right-part .about b{font-weight:700;margin-bottom:14px;display:block}
.static .right-part .about p{margin-bottom:25px}
.static .right-part .about > *:last-child{margin-bottom:0!important}
.static .right-part .about ul{margin:0 0 25px}
.static .right-part .about ul li{padding-left:28px;margin-bottom:14px}
.static .right-part .about ul li:before{width:9px;height:9px;left:10px;top:7px;background:unset;border-radius:50%;border:2px solid #008828;box-sizing:border-box}
.static .right-part .about h2{font-weight:500;font-size:24px;line-height:21px;margin:0 0 14px}
.static .right-part .about a{color:#008828;text-decoration:underline;transition:all 0.2s linear}
.static .right-part .about a:hover{text-decoration:none}

/* FIX мобильных стилей */
@media screen and (max-width: 767px) {
	.white,.expert,.expert .body,.expert .body .detail{max-width:100%}
	.expert .body .detail .buttons{ font-size: 14px; display: flex; gap: 0; flex-flow: inherit; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; }
	.expert .body .detail .buttons .btn-green{ margin: 10px 0 0; }
	.expert .body .detail .contacts { gap: normal; }
	.expert .body .detail .contacts  .email{margin: 10px 0 0; }
	.expert .header{grid-gap: 0; }
}
.product-details-block {
	margin-top: 40px;
}
.pl-reviews .product-thumbs-slider {
	display: none;
}
.pl-reviews .delivery-info p {
	padding: 10px 0;
}
.pl-reviews .delivery-info ul {
	list-style: none;
}

.pl-reviews .delivery-info ul li::before {
	content: "";
	background: #F74F00;
	font-weight: bold;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 16px;
}

.pl-reviews .delivery-info p,
.pl-reviews .delivery-info ul
{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #333333;
}

.pl-reviews .block-variants .title {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}
.pl-reviews .mt-2 {
	margin-top: 20px;
}
.pl-reviews .align-baseline {
	align-items: baseline;
}
.pl-reviews .btn-show-product {
	background: #FE5200;
	border: 2px solid #F74F00;
	border-radius: 4px;
	display: block;
	border-radius: 4px;
	padding: 16px 0;
	max-width: 396px;
	width: 100%;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	/* identical to box height */
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}
.pl-reviews .row-cart {
	display: flex;
	flex-wrap: nowrap;
}
.pl-reviews .row-cart .amounts {
	margin-top: 12px;
}
.pl-reviews .row-cart .buttons {
	display: flex;
	flex-flow: column;
	gap: 16px;
	width: 100%;
}

.pl-reviews .row-cart .buttons .agreement_buy_click_flag,
.pl-reviews .row-cart .buttons .js-add-to-cart {
	flex: 1;
}
.pl-reviews .row-cart .buttons .js-remove-to-favorites,
.pl-reviews .row-cart .buttons .js-add-to-favorites {
	flex: .6;
}
.pl-reviews .row-cart .buttons .flex-row {
	display: flex;
	flex-flow: row;
}
.pl-reviews .row-cart .js-amount-wrap {
	margin-right: 20px;
}
.pl-reviews .mg-rating-count span:first-child {
	font-weight: 700;
	color: #333333;
}
.pl-reviews .grid-row {
	display: grid;
	grid-template-columns: 166px 1fr;
	margin-bottom: 16px;
}
.pl-reviews .grid-row .rating-wrapper {
	margin-bottom: 0;
}

.pl-reviews .product-details-block .link {
	color: #008828;
	font-weight: 700;
}
.pl-reviews .text-green {
	color: #008828;
}
.pl-reviews .buttons .addToCart:before {
	content: 'Добавить ';
}

@media screen and (max-width: 1023px) {
	.pl-reviews .buttons .button,
	.pl-reviews .buttons .mg-buy-click-button
	{
		height: auto;
		line-height: 60px;

		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
	}

	.pl-reviews .buttons .addToCart:before {
		content: '';
	}
	.pl-reviews .btn-show-product {
		font-weight: 600;
		font-size: 14px;
		line-height: 17px;
	}
}

@media screen and (max-width: 768px) {
	.pl-reviews .delivery .info {
		display: none;
	}
	.pl-reviews .triggers {
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
		align-items: baseline;
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
		margin: 0 0 6px 0;
		font-size: 12px;
	}
	.pl-reviews .triggers .available,
	.pl-reviews .triggers .delivery {
		flex: 1;
	}

	.pl-reviews .row-cart {
		flex-wrap: wrap;
	}
	.pl-reviews .btn-show-product {
		max-width: unset;
	}
	.pl-reviews .mobile-prices-fav {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		position: relative;
	}

	.pl-reviews .mobile-prices-fav .product-status-list {
		margin: 0;
	}

	.pl-reviews .mobile-prices-fav .mg-add-to-favorites,
	.pl-reviews .mobile-prices-fav .mg-remove-to-favorites {
		top: 8px;
	}
}
.pl-reviews .comments {
	margin-top: 20px;
}
.pl-reviews .product-details-block .comment-list {
	margin-top: 20px;
}
.pl-reviews .product-details-block .comment-list .comment-post-with-rating {
	background: #fff;
	padding: 25px 50px;
}
.pl-reviews .product-details-block .comment-list .comment-post-with-rating .flex-row {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 22px;
}

.pl-reviews .product-details-block .comment-list .comment-post-with-rating .flex-row .post-date {
	position: relative;
	top: 2px;
	right: unset;
}
.pl-reviews .product-details-block .comment-list .comment-post-with-rating .flex-row .post-author {
	display: flex;
	flex-flow: row nowrap;
	gap: 10px;
	align-items: center;
}

ul.list-green-outter {
	margin-left: 12px;
}
ul.list-green-outter li:before {
	width: 5px;
	height: 5px;
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	top: 8px;
	background: #fff;
	border-radius: 60px;
	color: green;
	border: 2px solid green;
}


/* products-bad */
.products-bad { position: relative; bottom: -50px; background: url(../images/bad-images.png) no-repeat center center; width: 100%; height: auto; min-height: 69px; background-size: 100% auto; }
.products-bad-text{ position: relative; bottom: -50px; font-style: normal; font-weight: 300; font-size: 47px; line-height: 100%; letter-spacing: 0.07em; text-transform: uppercase; color: #CACACA;    text-align: center;}
@media screen and (max-width: 1300px) {
	.products-bad-text{ font-size: 40px;}
}
@media screen and (max-width: 1096px) {
	.products-bad-text{ font-size: 30px;}
}
@media screen and (max-width: 850px) {
	.products-bad-text{ font-size: 20px;}
}
@media screen and (max-width: 768px) {
	.products-bad-text{bottom: 0px;}
	.products-bad{min-height: 35px;bottom: 0;}
}
@media screen and (max-width: 490px) {
	.products-bad-text{ font-size: 13px;}
	.products-bad{background: url(../images/bad-images-m.png) no-repeat center center;}
}
.tab-content-div-h1 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color: #333333;
}
.tab-content-div-h2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #333333;
}
.tab-content-div-p {
    margin: 20px 0;
}



/* Преимущества товаров */
.product-advantages{width:100%;display:flex;flex-wrap:wrap;position:relative;padding:0 20px 0 0}
.product-advantages .item{width:50%;display:flex;align-items:center;justify-content:flex-start;position:relative;margin:0 0 20px;padding:0 10px 0 0}
.product-advantages .item .icon{border:2px solid #008828;width:84px;height:84px;border-radius:100%;display:flex;align-items:center;justify-content:center;position:relative}
.product-advantages .item .icon img{display:block}
.product-advantages .item .text{width:calc(100% - 84px);padding:0 0 0 10px;position:relative}
.product-advantages .item .text p{font-weight:500;font-size:14px;line-height:18px;color:#333333;font-family:'Montserrat'}
@media screen and (max-width:1300px){
.product-advantages{margin:0 0 10px;padding:0}
.product-advantages .item{width:100%}
}

/* Текст политики на формах */
.form-politika{ font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 11.5px; line-height: 160%; color: #333333; }
.form-politika a{color: #008828!important; text-decoration: underline; font-style: normal!important; font-weight: 400!important; font-size: 11.5px!important; line-height: 160%!important; border: 0!important;}
.form-politika a:hover{text-decoration: none;}
.form-politika.comment-modal,.form-politika.comment-modal a{font-size: 10.5px!important;}
.form-politika.login-modal{padding: 20px 0 0;}
.total-price-block,.total-register-block{ display: flex; align-items: center; justify-content: flex-start; width: 100%; flex-wrap: wrap; position: relative; margin: 0; }
.total-register-block {grid-column: span 2;}
.total-price-block .form-politika,.total-price-block .form-btn,.total-register-block .form-politika,.total-register-block .form-btn{ width: 50%; }
.total-price-block .form-politika{ padding: 30px 0 0 15px; }
.total-register-block .form-politika{ padding: 0 0 0 15px; }
@media screen and (max-width:880px){
	.total-price-block .form-politika,.total-register-block .form-politika{ padding: 20px 0 0 0; }
	.total-price-block .form-politika,.total-price-block .form-btn,.total-register-block .form-politika,.total-register-block .form-btn{ width: 100%; }
}
@media screen and (max-width: 768px) {
    input[type=checkbox]:before {
        width: 19px;
        height: 19px;
        top: -6px;
    }
    input[type=checkbox]:checked {
        margin-right: 4px !important;
        padding-left: 16px;
        background-size: 14px;
    }

    .mg-filter-item .value-name {
        padding-left: 4px;
    }
    .c-order__list.form-list,
    .form-list.fake-address textarea,
    .c-order__list.form-list input[type=text],
    .c-order__list.form-list input[type=tel],
    .c-order__list.form-list input[type=email],
    .c-order__list.form-list input[type=password] {
        font-size: 18px;
    }
}
.br-pos{position: absolute;top: -10000px;width: 1px;height: 1px;}
.basket-buttons {
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
}
.basket-buttons a {
    display: block;
    border-radius: 4px;
    height: 56px;
    line-height: 60px;
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0.04em;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
#resume-buy {
    border: 2px solid #FF5200;
    background: #ff5200;
    color: #fff;
    height: 56px;
    font-size: 14px;
}
@media screen and (max-width: 600px) {
    .basket-buttons {
        flex-flow: column;
        gap: 0;
    }
}
.txt-buy
{
    font-size:14px;
    text-transform: uppercase;
    padding: 15px 0px;
    color: #008828;
    text-align:center;
    font-weight: 700;
    width: 100%;
    display: block;
}

@media screen and (max-width: 1023px)
{
    .txt-buy {
        font-size: 12px;
    }
}
.text-center{text-align:center;}
.js-add-to-cart{margin-bottom: 10px;}
.infull{
    color:#008828;
    font-size: 13px;
    margin-bottom: 10px;
    position: relative;
}
.grnd{
    width: 9px;
    height: 9px;
    background:#008828;
    border-radius: 20px;
    content:'';
    position: absolute;
    margin-right: 15px;
    top: 5px;
}
.nrnd
{
    width: 9px;
    height: 9px;
    background:#BABABA;
    border-radius: 20px;
    content:'';
    position: absolute;
    margin-right: 15px;
    top: 5px;
}
.nofull
{
    color: #BABABA;
}
.name
{
    margin-bottom: 5px;
}
.ml-15{
    margin-left:15px;
}
.disabled{
    color: #BABABA;
}
.btn-disable
{
    background-color: #BABABA!important;
    background: #BABABA!important;
}
.sort-text
{
    cursor: pointer;
    margin-left: 20px;
    color:#008828;
    text-decoration-style:dotted!important;
    text-decoration:underline;
}
.filter-form
{
    margin-bottom:40px;
}
.sort-block
{
    margin-bottom:20px;
	margin-top:20px;
}
.sort-active
{
    color: #bababa;
}
.product-wrapper .text
{
    height: 440px;
}
.social-login {
	margin-top: 32px;
}
@media screen and (max-width:880px){
	.social-login {
		margin-top: 26px;
	}
}
[data-uloginbutton="vkontakte"] {
	background: url("/mg-templates/Garbuzov/images/icon/social/vk.png") !important;
	background-size: 32px 32px !important;
	background-repeat: no-repeat;
}
[data-uloginbutton="odnoklassniki"] {
	background: url("/mg-templates/Garbuzov/images/icon/social/ok.png") !important;
	background-size: 32px 32px !important;
	background-repeat: no-repeat;
}
[data-uloginbutton="yandex"] {
	background: url("/mg-templates/Garbuzov/images/icon/social/yandex.png") !important;
	background-size: 32px 32px !important;
	background-repeat: no-repeat;
}
[data-uloginbutton="google"] {
	background: url("/mg-templates/Garbuzov/images/icon/social/google.png") !important;
	background-size: 32px 32px !important;
	background-repeat: no-repeat;
}
[data-uloginbutton="mailru"] {
	background: url("/mg-templates/Garbuzov/images/icon/social/mail.png") !important;
	background-size: 32px 32px !important;
	background-repeat: no-repeat;
}
.product-wrapper .block-variants
{
	bottom:150px;
}
.faq {
	display: flex;
	flex-wrap: wrap;
}
.faq div {
	padding: 10px 20px 10px 20px;
	height: 40px;
	color: #424242;
	border: 1px solid #424242;
	border-radius: 20px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-bottom: 8px;
}
.faq-active, .faq div:hover {
	color: #FF5200 !important;
	border: 1px solid #FF5200 !important;
}
.faq_question {
	font-size: 18px;
	font-weight: bold;
	background: #03c43d;
}
.faq_answer {
	margin-bottom: 24px;
}
.table_faq {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dddddd!important;
	border-collapse: collapse;
}
.table_faq th {
	font-weight: bold;
	padding: 5px!important;
	background: #efefef;
	border: 1px solid #dddddd;
}
.table_faq td {
	border: 1px solid #dddddd;
	padding: 5px 10px!important;
}
@media screen and (max-width: 767px) {
	.table_faq th {
		width: 100%;
	}
	.table_faq td,
	.table_faq tr
	{
		display: flex!important;
	}
	.table_faq tr + tr {
		padding-top: 0!important;
		margin-top: 0!important;
		border: 1px solid #dddddd!important;
	}
	.table_faq tr + tr td {
		border: 1px solid #dddddd!important;
	}
}