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

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


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



* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none}
html, body {width: 100vw}
body {font-family: 'Gotham Pro', sans-serif; line-height: 1.4; background: #fff; font-size: 14px; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; overflow-x: hidden; color: #222; padding-top: 150px !important}
body.lock {overflow: hidden}
a {color: inherit; text-decoration: none; cursor: pointer}
h1 {font-size: 24px; margin: 40px 0px 20px 0px}
h2 {font-size: 20px; margin: 40px 0px 20px 0px}
h3 {color: #0d645f; margin-bottom: 30px; font-size: 18px}
h3 span {color: #3B4449; display: block}
hr {margin: 20px 0px; height: 1px; border: none; background: #000}
b, strong, th {font-weight: bold}
img, svg {height: auto; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle}
iframe {width: 100%; border: none}
table {width: 100%; border-collapse: collapse}
label {display: block; position: relative}
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; transition: color 300ms, border-color 300ms, background-color 300ms; font-family: inherit; font-size: inherit; color: inherit}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search], input[type=number], select {display: block; width: 100%; font-size: 13px; border: 1px solid #ddddde; padding: 0px 7px; background: transparent; border-radius: 0px; height: 33px; line-height: 31px}
textarea {display: block; width: 100%; border:1px solid #ddddde; padding: 7px; resize: none; height: 50px; font-size: 13px; border-radius: 0px; line-height: 17px}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus, input[type=number]:focus, input[type=search]:focus {border-color: #0d645f}
input[type=checkbox], input[type=radio] {display: inline-block; vertical-align: top; margin-top: 2px; width: 11px !important; height: 11px; margin-right: 10px !important; position: relative; background: transparent; margin-left: 3px}
input[type=checkbox]:before, input[type=radio]:before {height: 15px; width: 15px; border: 1px solid #0d645f; content: ''; position: absolute; left: -3px; top: -3px}
input[type=radio], input[type=radio]:before {border-radius: 50%}
input[type=checkbox], input[type=checkbox]:before {border-radius: 0%}
input[type=checkbox]:checked {background: url(../images/icon-checkbox.svg) 50% 50% no-repeat}
input[type=radio]:checked {background: #000}
input.check:valid {background-image: url(../images/icon-validate.svg); background-position: right 13px center; background-size: 16px; background-repeat: no-repeat}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset}
sup {font-size: 10px; display: inline-block; vertical-align: top}
select {background-image: url(../images/icon-select.svg); background-position: right 20px center; background-repeat: no-repeat}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none}
input[type='number'] {-moz-appearance: textfield}
/* GLOBAL */


/* BASIC */
.lazy {visibility: hidden}
.ds {-webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none}
.flex {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.flex-nowrap {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: nowrap; -webkit-flex-wrap: nowrap}
.flex-center {display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items:center}
.flex-inline {display: flex; display:-webkit-flex; -webkit-justify-content:flex-start; justify-content:flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap}
.max {padding: 0px 15px; max-width: 1210px; margin: 0px auto}
.cover {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover}
.contain-0 {background-position: 0% 50%; background-repeat: no-repeat; background-size: contain}
.contain-50 {background-position: 50% 50%; background-repeat: no-repeat; background-size: contain}
.contain-100 {background-position: 100% 50%; background-repeat: no-repeat; background-size: contain}
.half-20 {width: calc(20% - 10px)}
.half-25 {width: calc(25% - 15px)}
.half-30 {width: calc((100% - 40px)/3)}
.half-40 {width: calc(40% - 10px)}
.half-50 {width: calc(50% - 15px)}
.half-60 {width: calc(60% - 10px)}
.button {background-color: #0d645f; color: #fff; line-height: 33px; height: 33px; display: inline-block; cursor: pointer; vertical-align: top; text-align: center; font-size: 14px; padding: 0px 10px; transition: 300ms; font-weight: 500; border: none}
.button:hover {background-color: #F79A38}
.buttons {text-align: center; font-size: 0px}
.buttons .button + .button {margin-left: 15px}
.link + .button {margin-left: 15px; vertical-align: middle}
.link {text-decoration: underline; cursor: pointer}
.link + .link {margin-left: 10px}
.left-block {width: 265px; margin-top: 40px}
.right-block {width: 265px}
.left-block + .center-block {width: calc(100% - 305px)}
.mobile-show {display: none}
.tablet-show {display: none}
.always-hide {display: none}
.content p + p {margin-top: 15px}
.content ul, .content ol {margin-left: 20px}
.content ul + p {margin-top: 15px}
.content table {margin: 30px 0px}
.content table th {font-size: 14px}
.content table td {padding: 10px; border: 1px solid #000}
.content table tr:nth-of-type(even) td {background: #fafafa}
.admin-bar {position: fixed !important; top: auto !important; bottom: 0px}
.admin-bar__item_edit, .admin-bar__item_template {display: none}
.admin-bar .admin-bar__item:first-of-type {margin-right: auto}

.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(13, 100, 95, 0.2); z-index: 2000}
.loader svg {animation: rotate 2s linear infinite; width: 50px; height: 50px; transform: rotate(0); transform-origin: center center; bottom: 0; top: 0; left: 0; position: fixed; right: 0; margin: auto}
.loader svg circle {stroke-dasharray: 40,200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: #0d645f}
@keyframes rotate{100%{transform:rotate(360deg)}}
@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}
/* BASIC */

/* SLIDER */
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0}
.slick-list:focus {outline: none}
.slick-list.dragging {cursor: pointer; cursor: hand}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slick-track {position: relative; top: 0; left: 0; display: block}
.slick-track:before, .slick-track:after {display: table; content: ''}
.slick-track:after {clear: both}
.slick-loading .slick-track {visibility: hidden}
.slick-slide {display: none; float: left; min-height: 1px}
[dir='rtl'] .slick-slide {float: right}
.slick-slide.slick-loading img {display: none}
.slick-slide.dragging img {pointer-events: none}
.slick-initialized .slick-slide {display: block}
.slick-loading .slick-slide {visibility: hidden}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent}
.slick-arrow {position: absolute; top: 50%; margin-top: -15px; z-index: 10; height: 30px; width: 30px; transition: 300ms; cursor: pointer; line-height: 30px; text-align: center; border-radius: 50%; background: #F79A38}
.slick-arrow svg {display: inline-block; vertical-align: middle; width: 24px}
.slick-arrow svg * {transition: 300ms; fill: #fff}
.slick-next {right: -14px}
.slick-prev {left: -14px}
.slick-arrow:hover {background: #0d645f}
.slick-arrow:hover svg * {fill:#fff}
.slick-arrow.slick-hidden {display: none}
/* SLIDER */

header {margin-bottom: 120px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1000}
header .middle-part .logo {width: 185px}
header .middle-part {background: #fff; padding: 20px 0px}
header .middle-part .contacts .phone {font-size: 18px; color: #0d645f; display: block; font-weight: 500}
header .middle-part .contacts {font-size: 12px}

header .middle-part .search {position: relative; width: calc(100% - 700px)}
header .middle-part .search input[type=search] {height: 35px; line-height: 33px; border-radius: 0px; padding: 0px 20px}
header .middle-part .search button {width: 77px; height: 35px; position: absolute; right: 0px; top: 0px; background: #0d645f url(../images/icon-search.svg) 50% 50% no-repeat; border: none; background-size: 22px}
header .icon {position: relative; display: block}
header .icon .count {position: absolute; width: 18px; height: 18px; font-size: 10px; font-weight: 500; line-height: 18px; border-radius: 50%; color: #fff; background: #F79A38; top: 5px; right: 25px; padding: 1px 0px; text-align: center}
header .icon svg {width: 26px; height: 26px; display: block}
header .bottom-part {height: 50px; line-height: 50px; background: #0d645f; color: #fff; padding: 0px 45px}

header .bottom-part .menu > li:first-of-type {background: url(../images/icon-star.svg) 0% 17px no-repeat; background-size: 15px; padding-left: 22px}
header .bottom-part .menu li {display: block; font-weight: 500; font-size: 13px; position: relative}
header .bottom-part .menu > li + li {margin-left: 40px}
header .bottom-part .menu li a {display: block}
header .bottom-part .menu li a:hover {text-decoration: underline}
header .bottom-part .menu li .level-2 {display: none; position: absolute; width: 200px; left: 50%; margin-left: -100px; text-align: center; padding-top: 15px; z-index: 1000}
header .bottom-part .menu li .level-2 li {background: #0d645f; color: #fff; line-height: 36px; height: 36px; font-size: 12px}
header .bottom-part .menu li .level-2 li:first-of-type {border-top: 2px solid #F79A38}
header .bottom-part .menu li .level-2:before {content: ''; display: block; position: absolute; left: 50%; margin-left: -10px; top: 5px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F79A38}
header .bottom-part .menu li:hover .level-2 {display: block}
/*
header .catalog-menu li {display: inline-block; font-weight: 500; font-size: 13px; line-height: 1.5}
header .catalog-menu li.has-sub a {background-image: url(../images/icon-separator.svg); background-repeat: no-repeat; background-position: right 10px center}
header .catalog-menu li a {display: block; padding: 10px 20px; background-color: #F8FBFC; z-index: 10; position: relative}
header .catalog-menu li:hover > a {background-color: #fff; color: #0d645f}
header .catalog-menu .level-2 {position: absolute; left: -5px; z-index: 1; top: 0px; width: 214px; transition: 300ms; opacity: 0; overflow-x: hidden; height: calc(100vh - 145px); overflow-y: auto; display: none}
header .catalog-menu li:hover .level-2 {left: 100%; opacity: 1}
header .catalog-menu .level-2 li a {background: #fff}
*/
.ui-datepicker {display: none}

main {min-height: calc(100vh - 406px)}


.mobile-menu-icon {height: 11px; line-height: 11px; position: relative; padding-left: 22px; font-size: 13px; font-weight: 500; color: #0d645f; width: calc(100% - 120px); text-align: right}
.mobile-menu-icon span {background: #0d645f; height: 2px; position: absolute; display: block; transition: 300ms}
.mobile-menu-icon span:nth-of-type(1) {right: 60px; top:0px; width: 15px}
.mobile-menu-icon span:nth-of-type(2) {right: 60px; top:50%; margin-top: -1px; width: 10px}
.mobile-menu-icon span:nth-of-type(3) {right: 60px; bottom:0px; width: 5px}
.mobile-menu-icon.active span:nth-of-type(1) {transform: rotateZ(45deg); top: 50%; margin-top: -1px}
.mobile-menu-icon.active span:nth-of-type(2) {opacity: 0}
.mobile-menu-icon.active span:nth-of-type(3) {transform: rotateZ(-45deg); width: 15px; bottom: 50%; margin-bottom: -1px}



.selection .item, .types .item {height: 250px; display: flex; align-items: flex-end; font-size: 13px; font-weight: 500; cursor: pointer; width: calc((100% - 60px)/4)}
.selection .title, .types .title {background: #0d645f; color: #fff; padding: 10px 10px; width: 100%; position: relative}
.types .item:nth-of-type(3) {width: calc(50% - 10px)}

.info {display: inline-block; vertical-align: middle; margin-left: 20px}
.info i {display: block; height: 22px; width: 22px; border-radius: 50%; border: 1px solid #fff; padding-top: 2px; text-align: center; font-style: normal; cursor: pointer}
.info span {display: none; position: absolute; left: 0%; font-size: 12px; top: 100%; background: #0d645f; color: #fff; z-index: 100; padding: 10px; width: 100%; border-top: 1px solid #fff; font-weight: 400}
.info i:hover + span {display: block}
.info:hover i {background: #fff; color: #0d645f}

/* BRANDS */
.brands .item {height: 80px; width: calc((100% - 120px)/7); text-align: center; line-height: 80px; margin-right: 20px}
.brands .item:nth-of-type(7) {margin-right: 0px}
/* BRANDS */


/* SEARCH */
.wraper-fast-result {background: #fff; position: absolute; font-size: 13px; left: 0px; width: 100%; z-index: 10}
.fast-result-list li {display: block; padding: 4px 7px; font-size: 12px}
.fast-result-img {width: 40px; height: 40px}
.fast-result-info {width: calc(100% - 55px)}
.fast-result-list li:hover {background: #ddddde}
.fast-result-list b {}
.fast-result-info .title {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
/* SEARCH */

.left-block .catalog-menu li {display: block; position: relative; border: 1px solid #ddddde}
.left-block .catalog-menu li + li {border-top: none}
.left-block .catalog-menu li a  {line-height: 34px; height: 36px; padding: 0px 20px; display: block}
.left-block .catalog-menu li:hover {background: #eeeeef}
.left-block .catalog-menu li.active {background: #0d645f; color: #fff; border-color: #0d645f}
.left-block .catalog-menu li .count {padding-right: 30px}
.left-block .catalog-menu li .toggle.open {transform: rotateZ(90deg)}
.left-block .catalog-menu > li:not(.active) {display: none}
.left-block .catalog-menu .level-2 {display: none}
.left-block .catalog-menu .level-2 li a {display: block; padding: 0px 10px}
.left-block .catalog-menu .level-2 li:hover a, .left-block .catalog-menu .level-2 li.active a {background: #ddddde}
.left-block .catalog-menu > li.active .level-2 {display: block}
.left-block .tab-link {display: block; position: relative; line-height: 40px; height: 40px; padding: 0px 10px}
.left-block .tab-link.active {background: #ddddde}

.by-3 .product-wrapper {width: calc((100% - 60px)/3)}
.by-3 {margin: 0px -10px; overflow-x: hidden}

.by-4 .product-wrapper {width: calc((100% - 80px)/4)}
.by-4 {margin: 0px -10px; overflow-x: hidden}

.catalog-slider {margin: 0px -10px}

/* SLIDER */
.m-p-slider-wrapper h1 {font-size: 32px}
.bx-controls-direction {display: none !important}
.m-p-slider-wrapper .slide {overflow: hidden; background-size: contain; background-position: 100% 50%; background-repeat: no-repeat}
.m-p-slider-wrapper .text {background: #0d645f; padding: 50px 85px; min-height: 300px; color: #fff; font-size: 16px; clip-path: polygon(0% 100%, 55% 100%, 70% 0%, 0% 0%);
    -webkit-clip-path: polygon(0% 100%, 55% 100%, 70% 0%, 0% 0%); padding-right: 40%}
.m-p-slider-wrapper .text .title {font-size: 38px; margin-bottom: 30px; font-weight: bold}
.m-p-slider-wrapper .text .button {width: 210px; height: 48px; line-height: 46px; text-align: center; display: block; margin-top: 30px; background: transparent; border: 1px solid #fff; color: #fff; font-size: 18px; font-weight: 500}
.m-p-slider-wrapper .text .button:hover {background: #fff; color: #0d645f}
.m-p-slider-wrapper {height:300px; width:100px; margin:15px 0 0 0;position:relative;overflow:hidden;}
.m-p-slider-wrapper .bx-wrapper .bx-next{z-index:50; background-position:-44px 0;right:10px;}
.m-p-slider-wrapper .bx-wrapper .bx-prev{z-index:50; left:10px}
.m-p-slider-wrapper .bx-wrapper .bx-prev:hover{background-position:0 -44px;}
.m-p-slider-wrapper .bx-wrapper .bx-next:hover{background-position:-44px -44px;}
.m-p-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a {display:block; margin:0 4px;text-indent:-999999px;width:12px;height:12px;background:#fff; border-radius: 50%; opacity: 0.5}
.m-p-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1}
.m-p-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager{text-align:center; bottom: 25px; left: 0px; width: 100%; position:absolute;z-index:50}
.m-p-slider-wrapper .bx-wrapper .bx-pager .bx-pager-item{display:inline-block; vertical-align: middle}
/* SLIDER */

.advantages {background: #F8FBFC; padding: 25px 0px; margin: 60px 0px}
.advantages h2 {color: #3B4449 !important}
.advantages .item {background-color: #fff; background-position: right 20px center; background-repeat: no-repeat; background-size: 45%; padding: 40px 190px 40px 40px; width: calc((100% - 40px)/3)}
.advantages .item + .item {margin-left: 20px}


.product-wrapper {margin: 20px 10px 20px 10px}
.product-wrapper .img {height: 180px; position: relative}
.product-wrapper .img img { display: block; margin: 0px auto}
.product-wrapper .stickers {position: absolute; top: 0px; right: 0px; color: #fff}
.product-wrapper .stickers span {display: block; padding: 5px 10px; font-size: 12px}
.product-wrapper .stickers span.hit {background: #F79A38; font-weight: bold}
.product-wrapper .stickers span.new {background: #17BA45; font-weight: bold}
.product-wrapper .name {height: 40px; display: block; overflow: hidden}
.product-wrapper .product-price {font-weight: bold; margin: 10px 0px}
.product-wrapper .code {font-weight: 500; margin-top: 5px; margin-bottom: 24px}
.product-wrapper .alreadyInCart {background: #ddddde; color: #0d645f}
.product-wrapper .old-price {opacity: 0.5}
.product-wrapper .product-info {background: #ddddde; color: #0d645f}
.product-wrapper .wrapper-mg-buy-click {width: 45px; font-size: 11px; text-decoration: underline; font-weight: 500; margin-left: 18px; margin-top: 2px}
.form-list li {position: relative; display: block}
.form-list li + li, .form-list ul + ul {margin-top: 20px}
.form-list .placeholder {font-size: 10px; text-transform: uppercase; color: #6F7F89; font-weight: 500}
.form-list .button {margin-top: 20px}
.product-wrapper .addToCompare {padding-left: 30px; background: url(../images/icon-compare.svg) 0% 50% no-repeat; background-size: 24px; height: 30px; line-height: 30px; display: block; color: #F79A38; font-weight: 500; font-size: 12px; margin-right: 20px}
.product-wrapper .more {padding-right: 15px; background: url(../images/icon-separator.svg) 100% 50% no-repeat; background-size: 8px; height: 30px; line-height: 30px; display: block; color: #0d645f; font-weight: 500; font-size: 12px}


.home-slider {border: 2px solid #0d645f; margin-top: 20px; font-size: 18px; position: relative}
.home-slider .title {font-size: 32px; font-weight: bold; margin-bottom: 20px}
.home-slider .text {padding: 40px; height: 350px; width: calc(50% + 10px)}
.home-slider .img {width: calc(50% - 10px)}
.home-slider .price {color: #F79A38; font-size: 32px; font-weight: bold; margin-top: 20px}
.home-slider .slick-dots {display: block; font-size: 0px; position: absolute; left: 40px; bottom: 40px}
.home-slider .slick-dots li {display: inline-block; margin-right: 15px}
.home-slider .slick-dots li button {border-radius: 0px; width: 15px; height: 15px; border: 2px solid #0d645f}
.home-slider .slick-dots li.slick-active button {background: #0d645f} 

/* COMPARE */
.mg-compare-product-wrapper {margin-left: 280px}
.mg-compare-fake-table-right {width: calc(100% - 280px)}
.mg-compare-fake-table-left {width: 280px; border-right: 1px solid #ddddde}
.mg-compare-product {width: 200px}
.mg-compare-fake-table-cell {margin: 20px 10px 0px 10px}

.cats-slider .item {margin: 0px 10px; border: 1px solid #ddddde; padding: 0px 7px; height: 60px; transition: 300ms}
.cats-slider .item:hover {border-color: #0d645f}
.cats-slider .item .flex-center {height: 100%; flex-wrap: nowrap}
.cats-slider .item img {width: 32px; height: 32px; object-fit: contain}
.cats-slider .item .text {margin-left: 20px; font-weight: 500; font-size: 12px}

.amount_change {text-align: center; line-height: 1}
.amount_change a {vertical-align: middle; display: inline-block}
.amount_change input[type=number] {vertical-align: middle; display: inline-block; margin: 0px 10px; width: 60px; text-align: center}


/* AGREEMENT */
.agreement, .agreement-container {font-size: 12px; color: #6F7F89; position: relative}
.agreement-container {padding-left: 27px}
.agreement a {color: #0d645f; text-decoration: underline}
.agreement input[type=checkbox] {position: absolute; left: 0px; top: 50%; margin-top: -7px}
/* AGREEMENT */

/* ORDER */
.order-stage {font-weight: 500; font-size: 16px; padding-top: 20px; padding-bottom: 40px}
.order-stage b {background: #0d645f; width: 26px; display: inline-block; height: 26px; border-radius: 50%; color: #fff; text-align: center; line-height: 26px; margin-right: 7px; font-size: 12px}
.body__order .center-block, .body__cart .center-block {width: calc(100% - 414px); position: relative}
.body__order select[name=customer] {position: absolute; right: 0px; top: 30px; width: 210px; color: #0d645f; background-color: #fff; padding-left: 20px}
.total-price-block .button {width: 100%; height: 56px; line-height: 56px}
.body__order .total-price-block .button:disabled {background: #ddddde; color: #6F7F89} 

.delivery-details-list {margin-top: 19px}
.delivery-details-list li {display: block; position: relative; margin-bottom: 24px; cursor: pointer}
.delivery-details-list li input[type=radio] {display: none}
.delivery-details-list li label {border: 1px solid #ddddde; padding: 5px 7px; font-size: 11px}
.delivery-details-list li label b {font-size: 12px; display: block; margin-bottom: 5px}
.delivery-details-list li label.active {border-color: #0d645f; background: #0d645f; color: #fff}

.payment-details-list {margin-top: 19px}
.payment-details-list li {display: block; margin-bottom: 24px; cursor: pointer}
.payment-details-list li label {font-weight: 500; border: 1px solid #ddddde; padding: 0px 7px; font-size: 12px; line-height: 46px; height: 48px}
.payment-details-list li label.active {border-color: #0d645f; background: #0d645f; color: #fff}
.payment-details-list li input[type=radio] {display: none}
.payment-details-list li .rate-payment {color: #74BF40; font-size: 11px}
.payment-details-list li span[class^="icon-payment-"] {display: none}
.body__order .total-price-block {margin-top: 71px; position: sticky; position: -webkit-sticky; top: 100px}
.body__cart .total-price-block {position: sticky; position: -webkit-sticky; top: 145px}
.right-block hr {background: #F8FBFC; margin: 28px -26px; height: 2px}
.cart-table td {padding: 15px 7px; border-bottom: 1px solid #ddddde; font-size: 12px}
.cart-table td:first-of-type {padding-left: 0px}
.cart-table td:last-of-type {padding-right: 0px}
.cart-table tr:last-of-type td {border: none}
.cart-table td.img-cell {width: 92px}
.cart-table td.img-cell a {width: 100%; display: block; height: 92px; line-height: 92px; text-align: center}
.cart-table td.name-cell .code {color: #6F7F89}
.cart-table td.price-cell {white-space: nowrap; font-weight: bold; font-size: 16px; padding-left: 40px}
.deleteItemFromCart {height: 16px; width: 16px; background: url(../images/delete.svg) 50% 0% no-repeat; background-size: 16px; display: block}
.cart-table td.count-cell {white-space: nowrap}
.amount_change {width: 118px; padding-left: 40px}
.amount_change input[type=number] {border: 1px solid #ddddde; height: 34px; width: 36px; line-height: 32px; text-align: center; padding: 0px; margin: 0px 8px}
.amount_change a {font-size: 20px; font-weight: 500}
.related-cart {background: #fff; padding-top: 60px; padding-bottom: 60px}
.product-cart {padding-bottom: 60px}
.right-block .agreement {margin-top: 13px}
.right-block .weight {color: #6F7F89; margin-bottom: 20px}


.icon-payment-3 {background-image: url(../images/icon-payment-3.svg)}
.icon-payment-7 {background-image: url(../images/icon-payment-7.svg)}
.icon-payment-12 {background-image: url(../images/icon-payment-12.svg)}

.payment-form-block {text-align: center; margin-top: 60px}
.payment-form-block h1 {background: url(../images/icon-payment-ok.svg) 0% 50% no-repeat; font-size: 27px; padding-left: 54px; display: inline-block}
.payment-form-block h2 {font-weight: 400; font-size: 18px}
.back-to-catalog {background: url(../images/icon-simple.svg) 0% 50% no-repeat; padding-left: 15px; font-weight: bold; color: #0d645f; margin-top: 90px; display: inline-block}

.order-column {width: calc((100% - 120px)/4)}
/* ORDER */





.alert {background: #F79A38; color: #fff; line-height: 40px; text-align: center; font-weight: 500; margin-bottom: 20px}
.alert a {text-decoration: underline; font-weight: bold}
.alert.success {background: #17BA45}
.error {color: #f3ac71; font-weight: 500}

.triggers {margin-top: 60px}
.triggers .item {width: calc((100% - 123px)/4); font-size: 11px; padding-left: 48px; background-position: 0% 50%; background-size: 32px 64px; background-repeat: no-repeat}
.triggers .item b {font-weight: 500; font-size: 13px; margin-bottom: 10px; display: block}
.triggers .separator {background: #ddddde; width: 1px}



footer {font-size: 13px; margin-top: 20px; padding-bottom: 20px}
footer .top-part {background: #0d645f; color: #fff; padding: 40px; line-height: 25px; border-top: 2px solid #f3ac71; border-bottom: 2px solid #f3ac71}
footer .bottom-part {background: #E9F4FB; padding: 15px 0px}
footer .social {line-height: 28px}
footer .social a {width: 32px; height: 32px; border: 1px solid #fff; display: block}
footer .social a + a {margin-left: 10px}
footer .social a.in {background: url(../images/social-in.svg) 50% 50% no-repeat; background-size: 15px 15px}
footer .social a.vk {background: url(../images/social-vk.svg) 50% 50% no-repeat; background-size: 15px 15px}
footer .social a.wa {background: url(../images/social-wa.svg) 50% 50% no-repeat; background-size: 15px 15px}
footer .social a.fb {background: url(../images/social-fb.svg) 50% 50% no-repeat; background-size: 15px 15px}
footer .social a.in:hover {background-color: #ED4A55}
footer .social a.vk:hover {background-color: #7294C7}
footer .social a.wa:hover {background-color: #00E676}
footer .social a.fb:hover {background-color: #4267b2}
footer .copyright {font-weight: 500}
footer b {display: block; margin-bottom: 5px}
footer ul li {display: block}
footer ul li a:hover {text-decoration: underline}
footer .ps {line-height: 20px; font-size: 11px; margin-top: 40px}
footer .ps {width: calc(100% - 150px)}
footer .ps a {text-decoration: underline}
footer .belka {margin-top: 40px}
footer .belka:after {content: ''; display: inline-block; vertical-align: middle; width: 30px; margin-left: 5px; height: 25px; background: url(../images/belka.svg) 50% 30% no-repeat}

footer .phone, footer .mail {display: block; font-size: 16px; font-weight: bold}
footer .phone-desc, footer .mail-desc {font-size: 11px}


/* MODAL */
.modal {z-index: 3000; position: fixed; width: 633px; height: 554px; padding: 25px 50px; background: #fff; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none}
.modal h2, .modal h3 {color: #3B4449; margin-top: 0px}
.layer {position: fixed; width: 100%; top: 0px; left: 0px; background: rgba(13, 100, 95, 0.2); z-index: 2000; height: 100%; display: none}
.modal-cart .overflow-y {max-height: 390px; margin-bottom: 40px; height: 100%}
.wrapper-modal-mg-non-available {display: none}
.modal-cart .cart-table td.count-cell {padding-left: 30px}
.modal-cart .cart-table td.price-cell {padding-left: 20px; text-align: center}
.modal-cart .total-payment {font-size: 16px}
.wrapper-modal-back-ring {height: 222px}
.modal .close {position: absolute; right: 22px; top: 22px; width: 24px; height: 24px; background: url(../images/delete.svg) 50% 0% no-repeat; cursor: pointer; background-size: 24px}
/*
.wrapper-modal-mg-buy-click .button, .wrapper-modal-mg-non-available .button, .wrapper-modal-back-ring .button {height: 42px; line-height: 42px; width: 209px}
.wrapper-modal-mg-buy-click .agreement, .wrapper-modal-mg-non-available .agreement, .wrapper-modal-back-ring .agreement {width: calc(100% - 235px)}
.content-modal-mg-buy-click, .content-modal-mg-non-available, .content-modal-back-ring {margin-bottom: 20px}
*/
.modal .mg-product-img {width: 92px; height: 92px}
.modal .text {width: calc(100% - 210px); font-size: 12px}
.wrapper-modal-mg-buy-click .code, .wrapper-modal-mg-non-available .code {color: #6F7F89}
.modal hr {margin: 20px -50px; height: 1px; background: #ddddde}
.wrapper-modal-mg-buy-click .mg-price-buy-click, .wrapper-modal-mg-non-available .mg-price-non-available {width: 92px; font-size: 16px; font-weight: bold}
.modal .error {position: absolute; top: 204px; right: 50px}

.modal-auth {width: 380px; height: 450px; -webkit-perspective: 1200; perspective: 1200; -moz-transform: perspective(1200px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; padding: 0px; background: transparent; text-align: center}
.modal-auth label, .modal-auth .button {width: 100%}
.modal-auth input[type=text], .modal-auth input[type=email], .modal-auth input[type=password], .modal-auth input[type=number] {height: 54px; line-height: 54px; border: none; background: #fff}
.modal-auth .link {font-size: 12px; font-weight: 500}
.modal-auth .flipper {position: relative; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: 600ms linear; -moz-transition: 600ms linear; -o-transition: 600ms linear; transition: 600ms linear}
.front, .back {background: #ddddde; position: absolute; top: 0; left: 0; padding: 35px 46px; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden}
.front {z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg)}
.back {-webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg)}
.modal-auth.flip .flipper {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg)}
.modal-auth .title {font-size: 19px; font-weight: bold; text-align: center; margin-bottom: 20px}
.modal-auth .button {line-height: 54px; height: 54px; margin: 20px 0px}
.modal-auth .to-enter, .modal-auth .to-registration {color: #0d645f; font-size: 16px; font-weight: bold; display: block; margin: 26px 0px}

.modal h2.success {background: url(../images/icon-payment-ok.svg) 0% 50% no-repeat; background-size: 30px; padding-left: 54px; display: block; margin-bottom: 30px}
/* MODAL */

.bread-crumbs {font-size: 11px; color: #0d645f; font-weight: bold; margin-top: 40px}
.bread-crumbs a:hover {text-decoration: underline}
.bread-crumbs .separator {margin: 0px 5px; font-size: 0px; background: url(../images/icon-separator.svg) 50% 50% no-repeat; width: 10px; height: 10px; vertical-align: middle}
.bread-crumbs a.simple-crumb {background: url(../images/icon-simple.svg) 0% 50% no-repeat; padding-left: 15px}


/* PERSONAL */
.body__personal select[name=customer] {width: 210px; color: #0d645f; background-color: #fff; padding-left: 20px}
.tab {display: none}
.tab.active {display: block}
.first-line {line-height: 40px}

.order-history-list .item + .item {border-top: 1px solid #ddddde; margin-top: 26px; padding-top: 26px}
.order-history-list .buttons {text-align: right}
.order-history-list .item + .item {border-top: 1px solid #E0E0E0}
.order-history-list .title {width: 250px}
.order-history-list .item .details {font-size: 12px; width: calc(100% - 280px)}
.order-history-list .status {font-weight: bold}
.order-history-list .total {font-size: 12px; margin-left: 20px; white-space: nowrap}
.order-history-list .total span {display: inline-block; width: 200px; text-align: right}
.order-history-list .total b {width: 100px; margin-left: 10px; display: inline-block}
.order-history-list .total-block {display: flex; justify-content: flex-end}
.order-history-list .info {background: #F8FBFC; padding: 20px 22px 20px 15px; margin-top: 10px; font-size: 12px; font-weight: 500; line-height: 20px}
.order-history-list .info .delivery-type {background: url(../images/icon-poi.svg) 0% 0% no-repeat; padding-left: 32px; margin-bottom: 20px}
.order-history-list .info .payment-type {background: url(../images/icon-payment.svg) 0% 0% no-repeat; padding-left: 32px}

.status.dont-confirmed, .status.get-paid {color: #f3ac71}
.status.in-delivery {color: #0d645f}
.status.performed, .status.paid {color: #17BA45}
.status.dont-paid {color: #f3ac71}
/* PERSONAL */



/* PAGER */
.pager {text-align: right; font-size: 11px; margin-top: 35px}
.pager li {display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center}
.pager li a {border-bottom: 1px solid #ddddde}
.pager li a:hover {border-bottom-color: #3B4449}
.pager li.current {background: #ddddde}
.pager li + li {margin-left: 10px}
.pager .allPages {display: inline-block; margin-right: 15px}
.pager ul {display: inline-block}
/* PAGER */


/* PRODUCT */
.product-grid {display: grid; grid-template-columns: 400px auto 265px; grid-template-rows: max-content; grid-template-areas: "title title title" "slider specs buy" "desc desc buy"; margin-top: 40px}
.product-details-block h1 {grid-area: title}
.product-details-block .properties {grid-area: specs; padding-right: 50px}
.product-details-block .product-status {grid-area: buy}
.product-details-block .mg-product-slides {grid-area: slider; padding-right: 30px}
.product-details-block .desc {grid-area: desc; padding-right: 30px}


.product-status .half-50 {width: calc(50% - 25px)}
.product-details-block .slides-item {height: 50px; width: 100%; display: block}
.properties {font-size: 12px; line-height: 1}
.product-details-block .prop-name {font-weight: 500; white-space: nowrap}
.product-details-block .prop-spec {padding-left: 20px}
.properties td {padding-bottom: 15px; vertical-align: top}
.properties .link {color: #0d645f; line-height: 26px; display: block; margin-top: 10px; font-weight: 500}
.slides-slider .slick-slide {border: 1px solid transparent; line-height: 48px; overflow: hidden; margin-bottom: 14px}
.slides-slider .slick-current {border-color: #0d645f}
.main-product-slider {width: calc(100% - 70px); text-align: center}
.main-product-slider a {height: 325px; line-height: 325px}
.main-product-slider a img {display: none}
.main-product-slider a.slick-current img {display: inline-block}
.slider-title {padding-left: 70px; width: 100%; font-size: 11px; color: #6F7F89; text-align: center; font-weight: 500}
.product-details-block h1 {border-bottom: 1px solid #ddddde; padding-bottom: 20px; margin-bottom: 20px; margin-top: 0px}
.product-status .default-price {line-height: 1}
.product-status .product-price {padding: 15px 22px 8px 22px; text-align: center}
.product-status .price {font-size: 31px; font-weight: bold}
.product-status .old-price {opacity: 0.5}
.product-status-list li {display: block}
.product-details-block .info {background: #F8FBFC; padding: 20px 22px; font-size: 12px; font-weight: 500; line-height: 20px}
.product-details-block .content .title {font-size: 13px; font-weight: 500; margin-bottom: 20px}
.product-details-block .content {font-size: 13px}
.product-details-block .available {text-align: center}
.product-details-block .available .count {display: inline-block; font-weight: 500; padding: 15px 0px; position: relative}
.product-details-block .available .stock-in {color: #0d645f}
.product-details-block .available .stock-out {color: #F79A38}
.product-status .button {width: 100%; display: block; height: 64px; line-height: 64px}
.product-status .button.alreadyInCart {background: #ddddde; color: #0d645f}
.product-status .wrapper-mg-buy-click {height: 50px; line-height: 1.3; text-align: center; background: #F79A38; width: calc(50% - 10px); margin-top: 20px; font-size: 12px; font-weight: 500; color: #fff; display: flex; justify-content: center; align-items: center}
.product-status .wrapper-mg-buy-click a {display: block}
.product-status .addToCompare {height: 50px; line-height: 50px; text-align: center; background: #fff; border: 1px solid #F79A38; width: calc(50% - 10px); margin-top: 20px; font-size: 12px; font-weight: 500; color: #F79A38}
.product-details-block .lizing-price {font-weight: 500; margin-top: 10px}
.product-details-block .recently-viewed {margin-top: 60px}
/* PRODUCT */




.desc {font-size: 12px; margin: 35px 0px 20px 0px; line-height: 1.7}
.body__index .desc {margin-top: 60px}
.recommend h2 {color: #0d645f}

/* FILTER */
.filter-form {font-size: 12px}
.filter-preview {position: absolute; z-index: 10; margin-top: -380px; margin-left: -110px; background: #ddddde; padding: 10px; display: none}
.filter-preview a {text-decoration: underline; color: #0d645f}
.mg-tooltip {display: none !important}
.ui-slider-horizontal {height: 3px; background: #ddddde}
.ui-slider-horizontal .ui-slider-handle {top: -4px; width: 11px; height: 11px; border-radius: 50%; background: #0d645f; margin: 0px !important}
.ui-slider .ui-slider-range {background: #0d645f}
.price-slider-list {margin-top: 16px}
.price-slider-wrapper {margin-top: 10px}
.price-slider-wrapper .label-field {color: #6F7F89; font-weight: bold; margin-right: 3px}
.filter-form input[type=text] {width: 72px; height: 27px; padding: 0px 5px; font-size: 11px; display: inline-block; margin: 0px}
.apply-filter-line {font-size: 11px; margin: 35px 0px}
.filter-tags b {color: #6F7F89}
.filter-tags .removeFilter {height: 16px; width: 16px; background: url(../images/delete.svg) 50% 0% no-repeat; background-size: 16px; display: inline-block; vertical-align: middle}
.apply-filter-title {font-weight: bold; font-size: 19px}
.filter-tags li {display: inline-block; background: #F8FBFC; padding: 0px 12px; line-height: 24px; font-weight: 500; transition: 300ms; margin: 12px 12px 12px 0px}
.filter-tags li:hover {background: #0d645f; color: #fff}
.filter-tags li:hover b {color: #fff}
.filter-tags li:hover .removeFilter {background-position: 50% 100%}
.filter-select {width: 100%; margin-top: 40px}
.filter-select select {border: 1px solid #ddddde; line-height: 34px; height: 36px}
.price-slider-list li {display: block}
.mg-filter-item li {display: block; margin-top: 12px}
.mg-filter-title {font-weight: bold; margin-top: 20px; display: block}
.mg-viewfilter {color: #0d645f; margin-top: 15px; display: inline-block}
.mg-viewfilter:first-letter {text-transform: uppercase}
.mg-viewfilter:hover {text-decoration: underline}
.filter-btn {background: #ddddde; width: 100%; color: #6F7F89; margin: 20px 0px 10px 0px}
.filter-btn:hover {background: #0d645f; color: #fff}
.filter-buttons {text-align: center}
.refreshFilter {color: #0d645f; display: inline-block; border-bottom: 1px dashed #0d645f; line-height: 1; cursor: pointer}
.filter-icon {width: 27px; height: 27px; background: url(../images/icon-filter.svg) 50% 50% no-repeat; cursor: pointer}
/* FILTER */


/* LIZING */
.lizing-first {background-image: url(../images/lizing-first.jpg); padding: 80px 40px 160px 40px}
.lizing-first h1 {margin-top: 0px; font-size: 64px}
.lizing-terms h2, .lizing-docs h2, .lizing-why h2 {margin-top: 80px; font-size: 32px; margin-bottom: 40px}
.lizing-cta h2 {margin-top: 0px; font-size: 32px; margin-bottom: 40px}
.lizing-first .desc {font-size: 18px}
.lizing-first .button {height: 70px; line-height: 70px; width: 284px; font-size: 18px; text-transform: uppercase; margin-top: 50px; background: #f3ac71}
.lizing-first .button:hover {background: #F79A38}

.lizing-why .img {background-image: url(../images/lizing-why.jpg); position: relative}
.lizing-why .img span {position: absolute; background: #0d645f; color: #fff; width: 100%; bottom: 0px; left: 0px; height: 42px; line-height: 42px; padding: 0px 10px}
.lizing-why li b {width: 80px; height: 80px; border: solid 2px #0d645f; display: block; font-size: 42px; color: #0d645f; padding: 16px; line-height: 1; position: absolute; left: 0px; top: 0px; z-index: -1}
.lizing-why li {padding-left: 60px; padding-top: 11px; position: relative; display: block; min-height: 100px}
.lizing-why li span {background: #fff; display: inline-block; padding: 5px}
.lizing-docs li, .lizing-terms li {position: relative; display: block; border: solid 2px #0d645f; padding: 20px; margin-bottom: 50px}
.lizing-docs li b, .lizing-terms li b {display: block; font-size: 24px; color: #0d645f; padding: 5px; line-height: 1; background: #fff; margin-left: -29px; margin-top: -38px; margin-bottom: 15px; float: left}
.lizing-terms .desc {color: #0d645f; margin-bottom: 40px; font-size: inherit; margin-top: 0px}
.lizing-terms .desc a {font-weight: bold; text-decoration: underline}
.lizing-terms table {margin: 0px -20px; width: calc(100% + 40px); text-align: center}
.lizing-terms table tr:nth-of-type(even) {background: #0d645f; color: #fff}
.lizing-terms table td {line-height: 42px}

.lizing-cta {background: #0d645f; padding: 40px; color: #fff; position: relative}
.lizing-cta input[type=text] {height: 70px; border: solid 2px #ffffff; line-height: 66px; font-size: 24px; padding: 0px 20px; width: calc((100% - 80px)/3)}
.lizing-cta input[type=text].not-valid {border-color: #F79A38}
.lizing-cta input[type=submit] {width: calc((100% - 80px)/3); height: 70px; line-height: 70px; font-size: 18px; text-transform: uppercase; background: #f3ac71; border: none; cursor: pointer}
.lizing-cta input[type=submit]:hover {background: #F79A38}
.lizing-cta ::-webkit-input-placeholder {color:#fff}
.lizing-cta ::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
.lizing-cta :-moz-placeholder           {color:#fff;}/* Firefox 18- */
.lizing-cta:-ms-input-placeholder      {color:#fff;}
.lizing-cta .messages {background-color: #fff; margin-top: 30px; padding: 10px; text-align: center; font-weight: 500}
.lizing-cta.loading svg {opacity: 1}
.lizing-cta svg {animation: rotate 2s linear infinite; width: 50px; height: 50px; transform: rotate(0); transform-origin: center center; opacity: 0; position: absolute; right: 40px; top: 40px}
.lizing-cta svg circle {stroke-dasharray: 40,200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: #fff}

/* LIZING */


@media screen and (min-width:1024px) and (max-width:1199px) {
.slick-next {right: 10px}
.slick-prev {left: 10px}
}

@media screen and (max-width:1023px) {
.tablet-show {display: block !important}
.tablet-hide, .m-p-slider-wrapper, .mg-brand-block, .left-block .catalog-menu {display: none !important}
header .bottom-part .max {position: static}
header .middle-part .logo {width: 145px}
h1, h2 {font-size: 18px}
h1 {margin: 16px 0px}
body {padding-top: 0px !important}
.tablet-scroll {overflow-x: auto; display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; margin: 0px -34px}
.tablet-scroll.menu {margin: 0px}
.tablet-scroll.menu:before, .tablet-scroll.menu:after {display: none}
.tablet-scroll:before, .tablet-scroll:after {content: ''; width: 34px; flex-shrink: 0; display: block}
.catalog-slider .product-wrapper, .by-4 .product-wrapper {width: 220px; flex-shrink: 0}
header .top-part .contacts {display: none}
header .bottom-part {padding: 0px 20px}
header .bottom-part .menu li {font-size: 12px}
header .bottom-part .menu > li + li {margin-left: 18px}
.selection .title, .types .title {word-break: break-word; font-size: 12px}
.selection .item, .types .item {height: 180px}
.types .item {width: calc((100% - 40px)/3) !important}
.modal-cart .overflow-y {overflow-y: auto}
.advantages .item {width: 380px; flex-shrink: 0}
.cats-slider {margin-bottom: 16px}
.cats-slider .item {flex-shrink: 0; margin: 0px}
.cats-slider .item + .item {margin-left: 20px}
.max {padding: 0px 20px}
header .middle-part .search {width: 280px}
header {margin-bottom: 0px; position: static}
footer .social {width: 100%}
footer .copyright {width: 300px}
.left-block {width: 100%}
.left-block + .center-block {width: 100%}
.product-details-block h1 {font-size: 22px; padding-bottom: 15px; margin-bottom: 15px}
.product-grid {grid-template-columns: calc(100% - 320px) 320px; grid-template-areas: "title title" "slider buy" "specs specs" "desc desc"; margin-top: 20px}
.product-details-block .properties {padding-right: 0px}
.slider-title {padding-left: 0px}
.main-product-slider a {height: 225px; line-height: 225px}
.product-details-block .triggers .item {width: calc((100% - 60px)/3); background-position: 0% 0%}
.product-details-block .desc {padding-right: 0px}
.slides-slider .slick-list {height: auto !important}
.properties {margin-top: 26px}
.by-6 .product-wrapper {width: calc(100%/3)}
.body__order .center-block, .body__cart .center-block {width: 100%}
.order-column.right-block {margin-top: 25px; width: 100%}
.total-price-block {width: 330px; margin: 0px auto}
.right-block hr {margin: 28px 0px}
footer .top-part {padding: 20px}
.body__order select[name=customer] {background: none; border: none; padding: 0px; width: auto; top: 10px}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search], input[type=number] {font-weight: 500}
header .middle-part .search input[type=search] {height: 30px; line-height: 28px}
header .middle-part .search button {height: 30px; background-size: 16px}
header .middle-part .contacts {width: 170px; font-size: 11px}
header .middle-part .contacts .phone {font-size: 16px; font-weight: bold; display: block; order: 2; width: 100%; margin-top: 5px}
header .middle-part .contacts .phone-desc {width: 100%}
header .middle-part .contacts .mail, header .middle-part .contacts .mail-desc {display: none}
.body__order .total-price-block {position: static; margin-top: 31px}
footer .column:nth-of-type(4) {width: 100%}
footer .sub-column {width: 330px; margin-top: 25px !important}
.wraper-fast-result {overflow-y: auto; max-height: calc(100vh - 200px)}
.filter-select {margin-top: 0px; width: calc(100% - 60px)}
.left-block {margin-top: 20px}
.filter-hide {display: none}
.left-block .tab-link {display: inline-block}
.left-block .tab-link + .tab-link {margin-left: 10px}
.product-details-block .triggers {padding: 15px}
.product-details-block .triggers .item b {margin-bottom: 5px}
.body__order header {margin-bottom: 15px}
.order-column {width: calc((100% - 40px)/3)}
.lizing-first .half-50, .lizing-why .half-50, .lizing-docs .half-50, .lizing-terms .half-50 {width: 100%}
.lizing-first {padding: 80px 40px}
.lizing-cta input[type=text] {width: 100%; margin-bottom: 20px}
.lizing-cta input[type=submit] {width: 100%}
}

@media screen and (max-width:767px) {
	.left-block .tab-link {font-size: 12px; margin-left: 0px !important}
	.order-history-list .title {width: 100%}
	.order-history-list .item .details {width: 100%}
body.lock {position: fixed}
.mobile-show {display: block !important}
.mobile-hide, .admin-top-menu {display: none !important}
.admin header {margin-top: 0px}
.by-3 .product-wrapper {width: calc(50% - 20px); margin: 10px}
.product-grid {grid-template-columns: 100%; grid-template-areas: "title" "slider" "buy" "specs" "desc"}
.max {padding: 0px 15px}
h1, h2 {font-size: 16px}
.tablet-scroll {overflow-x: auto; display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; margin: 0px -15px}
.tablet-scroll:before, .tablet-scroll:after {content: ''; width: 18px; flex-shrink: 0; display: block}
footer .column:nth-of-type(1), footer .column:nth-of-type(2) {width: 50%}
footer .column:nth-of-type(3) {width: 100%; margin-top: 20px}
.product-wrapper .wrapper-mg-buy-click {width: auto; line-height: 33px; height: 33px; margin-top: 0px; margin-left: 38px}
.pager {display: flex; flex-wrap: wrap; text-align: left}
.pager .allPages {width: 100%; order: 2; margin-top: 11px}
.catalog .product-wrapper .name {height: auto}
header .middle-part .logo {width: 120px}
header .catalog-menu {top: 36px; left: 0px; width: 50%}
header .catalog-menu li {font-size: 11px}
header .catalog-menu .level-2 {width: 100%}
.admin header .catalog-menu .level-1, .admin header .catalog-menu .level-2 {height: calc(100% - 36px)}
header .middle-part .contacts {width: 140px; margin-top: 20px; white-space: nowrap}
header .icon svg {width: 18px; height: 18px}
header .middle-part .search {margin-top: 20px; width: 50px; position: relative; height: 32px; width: 18px}
header .middle-part .contacts .phone {font-size: 14px}
header .icon {margin-top: 20px}
header .icon .count {top: 0px; right: 20px}
header .middle-part .search input[type=search] {background: #fff url(../images/icon-search-b.svg) 0px 50% no-repeat; height: 32px; line-height: 30px; background-size: 18px; position: absolute; z-index: 1; border: none; padding-left: 30px; transition: 300ms}
header .middle-part .search input[type=search]:focus {width: calc(100vw - 30px); background-position: 12px 50%; border: 1px solid #ddddde; padding-left: 42px}
header .middle-part .search button {display: none}
header .middle-part {height: auto}
header .bottom-part {height: auto; position: absolute; left: 0px; width: 100%; top: 75px; padding: 0px; display: none; z-index: 3000}
header .bottom-part .menu li .level-2 {position: static; left: 0; margin-left: 0; width: 100%; padding-top: 0}
header .bottom-part .menu li .level-2 li {background: #fff; color: #0d645f}
header .bottom-part .menu li .level-2:before {display: none}
header .bottom-part .menu li + li {margin-left: 0px}
header .bottom-part .menu li {width: 100%; text-align: center; border-top: 1px solid rgba(255,255,255,0.1)}
header .bottom-part .menu li:first-of-type {padding-left: 0px; background: none}
header .top-part .contacts {display: flex; width: 135px; flex-wrap: wrap}
header .top-part {line-height: 16px; font-weight: 400}
header .top-part .contacts .phone {font-size: 14px; margin-top: 0px; margin-right: 0px; order: 2}

.tablet-scroll .product-wrapper {width: 284px !important; flex-shrink: 0; margin: 20px 0px 0px 0px !important}
.tablet-scroll .product-wrapper + .product-wrapper {margin-left: 10px !important} 
.product-details-block .mg-product-slides {padding-right: 0px}
.modal hr {margin: 20px -18px}
.body__order .catalog-button {visibility: hidden}
footer .ps {margin-bottom: 15px}
footer .bottom-part {padding: 20px 0px}
.bread-crumbs {margin-top: 10px}
footer {margin: 20px -15px 0px -15px; padding-bottom: 0px}
.desc {margin: 35px 0px 0px 0px}
.triggers .item {width: 100%; margin-bottom: 32px}
.triggers .item:last-of-type {margin-bottom: 0px}
.product-details-block .recently-viewed {margin-top: 30px}
.product-details-block h1 {font-size: 16px}
.modal {left: 18px; right: 18px; top: 18px; bottom: 18px; height: auto; width: auto; padding: 18px; overflow-y: auto}
.modal-cart .overflow-y {max-height: calc(100% - 134px)}
.modal-cart .total-sum {margin-bottom: 10px; width: 100%}
.modal-cart .cart-table td.count-cell {padding-left: 0px}
.modal-cart .cart-table td.price-cell {padding-left: 0px; text-align: left}
.modal .mg-product-img {width: 76px; height: 76px}
.cart-table td.img-cell {width: 76px; height: 76px}
.order-history-list .total {margin-left: 0px}
.order-history-list .total span {text-align: left; width: auto}
.modal .text {width: calc(100% - 86px)}
.order-history-list .total-block {justify-content: flex-start}
.wrapper-modal-mg-buy-click .mg-price-buy-click, .wrapper-modal-mg-non-available .mg-price-non-available {width: 100%; padding-left: 86px}
.modal .mg-action-buttons, .wrapper-modal-mg-buy-click .button, .wrapper-modal-mg-non-available .button, .wrapper-modal-back-ring .button {width: 100%}
.wrapper-modal-mg-buy-click .agreement, .wrapper-modal-mg-non-available .agreement, .wrapper-modal-back-ring .agreement {width: 100%; margin-top: 10px}

.cart-table tr  {display: grid; grid-template-columns: 80px auto; grid-template-rows: max-content; grid-template-areas: "img price" "img name" "del count"; padding: 10px 0px}
.cart-table tr + tr {border-top: 1px solid #ddddde}
.cart-table td {padding: 0px; border: none}
.cart-table td.img-cell {grid-area: img; padding-right: 16px}
.cart-table td.price-cell {grid-area: price; font-size: 14px; padding-left: 0px; margin-bottom: 6px}
.cart-table td.remove-cell {grid-area: del; padding-top: 15px}
.cart-table td.count-cell {grid-area: count}
.cart-table td.count-cell .amount_change {padding-left: 0px; text-align: left; margin-top: 6px}
.cart-table td.name-cell {grid-area: name}
.white {margin: 0px -18px; padding: 18px}
.payment-details-list li:not(.error) {height: auto; padding-top: 0px; padding-left: 0px}
.payment-details-list li span[class^="icon-payment-"] {right: 18px}
.payment-details-list li label {padding: 18px 75px 44px 18px; position: static}
.body__order .right-block .agreement {width: 100%; padding: 18px 0px 0px 0px}
.payment-details-list li .rate-payment {position: absolute; left: 18px; bottom: 18px}
.order-stage {font-size: 14px; margin-top: 15px}
.order-stage b {width: 20px; height: 20px; line-height: 20px}
.total-price-block {width: 100%}
.product-cart {padding-bottom: 0px}
.product-details-block .properties {padding-right: 0px}
.deleteItemFromCart {width: 18px; height: 18px; background-size: 18px}
.product-details-block .triggers {margin-bottom: 30px}
.product-status .product-price {text-align: center}
.product-details-block .available {text-align: center}
.product-details-block .payments {text-align: center}
.selection .item, .types .item {width: calc(50% - 10px); height: 120px; margin-bottom: 20px}
.types .item {width: 100% !important}
.footer-column {margin-bottom: 20px; font-size: 12px}
.selection .title, .types .title {padding: 5px 10px}
.brands .item {height: 80px; width: calc((100% - 60px)/4)}
.lizing-first {margin: 0px -15px; padding: 30px 15px}
.lizing-first h1 {font-size: 32px}
.lizing-first .desc {font-size: 14px}
.lizing-first .button {height: 42px; line-height: 42px; font-size: 14px}
.lizing-terms h2, .lizing-docs h2, .lizing-why h2 {font-size: 24px; margin-top: 40px; margin-bottom: 20px}
.lizing-docs li b, .lizing-terms li b {font-size: 16px; margin-top: -33px}
.lizing-terms table {font-size: 10px}
.lizing-cta input[type=text], .lizing-cta input[type=submit] {font-size: 14px; line-height: 42px; height: 42px}
.lizing-cta {padding: 30px 15px; margin: 0px -15px}
.home-slider {background: #0d645f; color: #fff; margin-top: 0px; padding-bottom: 20px}
.home-slider .text {width: 100%; padding: 15px; height: auto; font-size: 14px; text-align: center}
.home-slider .title {margin-bottom: 10px; font-size: 18px}
.home-slider .price {font-size: 18px; margin-top: 10px}
.home-slider .slick-dots {width: 100%; text-align: center; left: 0px; bottom: 10px}
.home-slider .slick-dots li {margin: 0px 2px}
.home-slider .slick-dots li button {border-radius: 50%; opacity: 0.5; width: 6px; height: 6px; background: #fff !important; border: none}
.home-slider .slick-dots li.slick-active button {opacity: 1}
.contacts-page .half-50 {width: 100%}
.contacts-page .map {padding-top: 20px !important; height: 500px}
}