* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none; -webkit-locale: auto}
html, body {width: 100%}
body {font-family: 'Roboto', sans-serif; color: #808080; line-height: 1; background: #fff; padding-top: 0 !important; font-size: 16px; -webkit-text-size-adjust: none; font-weight: 400}
html.lock, body.lock {overflow: hidden; padding-right: 4px}
.max {padding: 0px 20px; max-width: 1320px; margin: 0px auto}
.header-icon{width: 20px;height: 20px;margin-left: 10px;color: black;}
a {color: inherit; text-decoration: none; outline: none; cursor: pointer; transition: 250ms}
h1, h2, h3, .h2-like {font-weight: 700; color: #161616; line-height: 1; font-family: 'Roboto Condensed', sans-serif}

h1 {font-size: 35px; margin-bottom: 40px}
.white h1 {text-align: left}
h2, .h2-like {font-size: 35px; margin-bottom: 40px}
.h2-like:not(.summ-info) span {color: #FFF8E7; font-size: 16px}
h3 {font-size: 20px}
hr {margin: 20px 0px; height: 1px; border: none; background: rgba(0,0,0,0.1)}
b, strong, th {font-weight: 500; color: #161616}
i {font-style: normal}
ul {list-style-type: none}
img {object-fit: contain}
img, svg {height: auto; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle}
iframe {width: 100%; border: none}
input, select, textarea, button {-webkit-appearance: none; -moz-appearance: none; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0px}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search] {display: block; width: 100%; font-size: 15px; border: 1px solid #e0e0e0; padding: 0px 25px; background: #fff; line-height: 48px; height: 50px; border-radius: 1px; font-weight: 400; transition: 250ms}
textarea {display: block; width: 100%; border: 1px solid transparent; padding: 25px; resize: none; height: 100px; font-size: 15px; background: #fff; border-radius: 1px; font-weight: 500; transition: 250ms}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus, input[type=password]:focus, input[type=search]:focus {border-color: #F94F0D}

input[type=checkbox] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border:none; border: 1px solid #dadada; background: #fff}
input[type=checkbox]:hover {border-color: #F94F0D}
input[type=checkbox]:checked {background: url("data:image/svg+xml,<svg viewBox='0 0 356.7 297.3' xmlns='http://www.w3.org/2000/svg'><polygon points='42.4,153 0,195.4 101.9,297.3 356.7,42.4 314.3,0 101.9,212.4'/></svg>") 50% 50% no-repeat; background-size: 9px; border-color: #F94F0D}

input[type=radio] {display: inline-block; vertical-align: middle; width: 16px !important; height: 16px; margin-right: 10px !important; position: relative; border-radius: 50%; margin-left: 4px; border:none; border: 1px solid #dadada; background: #fff}
input[type=radio]:hover {border-color: #FF3D00}
input[type=radio]:checked {background: #fff; border: 4px solid #FF3D00}

select, .form-list .SumoSelect>.CaptionCont {display: block; width: 100%; font-size: 15px; font-weight: 400; border: none; border: 1px solid #e0e0e0; padding: 0px 25px; background: #fff url("data:image/svg+xml,<svg viewBox='11.4 7.1' width='11.4' height='7.1' xmlns='http://www.w3.org/2000/svg'><path d='M5,6.4l-5-5L1.4,0l4.3,4.3L10,0l1.4,1.4l-5,5L5.7,7.1L5,6.4z'/></svg>") no-repeat; background-position: right 25px center; border-radius: 1px; line-height: 46px; height: 50px !important;  color: #7f7f7f; box-shadow: none !important; cursor: pointer; transition: border-color 250ms}
select:hover, .form-list .SumoSelect>.CaptionCont:hover {border-color: #F94F0D}

input[readonly], input[readonly]:focus {opacity: 0.5; border-color: #b3b3b3}

input.check:focus:invalid {border-bottom-color: #f10d48}
svg {fill: currentColor}
svg * {transition: fill 250ms}

::placeholder {color:#e0e0e0}

input[type="search"] {border: 1px solid #e0e0e0; line-height: 48px; background: transparent; font-style: italic}
input[type="search"]:focus {box-shadow: inset 0 0 0 1px #F94F0D}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none}
/* GLOBAL */


/* BASIC */
main {min-height: calc(100vh - 292px); padding-top: 50px; padding-bottom: 75px}
.hidden {display: none}
.lazy {visibility: hidden; opacity: 0; transition: 250ms}
.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}
.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}
.button {background-color: #F94F0D; transition: color 250ms, background-color 250ms; line-height: 60px; height: 60px; border: none; display: block; cursor: pointer; text-align: center; font-size: 13px; color: #fff; font-weight: 700; position: relative; width: 250px; border-radius: 1px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif}
.button:hover {background-color: #000}
.button:disabled {opacity: 0.2; cursor: default}
.button svg {width: 30px; height: 8px; margin-left: 15px; transition: transform 250ms; color: #fff}
.button-more {width: 250px; text-transform: uppercase; border: 2px solid #F94F0D; background: transparent; font-size: 13px; font-weight: 700; display: flex; justify-content: center; align-items: center; height: 60px; line-height: 56px; font-family: 'Roboto Condensed', sans-serif}
.button-more svg {width: 30px; height: 8px; margin-left: 15px; transition: transform 250ms; color: #F94F0D}
.button-more:hover {background: #F94F0D; color: #fff}
.button-more:hover svg, .button:hover svg {transform: translateX(5px); color: #fff}
.mobile-show {display: none}
.tablet-show {display: none}
.admin-bar {top: unset !important; bottom: 0px}
.admin-bar__item_template {display: none}
.admin-bar__item_edit {margin-left: auto}
/* BASIC */


/* ALERT */
.alert.success, #successModal {background: green; font-weight: 500; text-align: center;}
.alert, .notify {font-weight: 500; padding: 10px; line-height: 1.6; color: #FFF8E7; background: #F94F0D; border-radius: 1px; font-size: 13px; margin-bottom: 25px; text-align: center; margin-top: 23px}

.notify a {text-decoration: underline}
/* ALERT */


/* HEADER */
header {background: #fff}
header .desc {margin-right: 25px}
header nav {color: #000}
header .top-part {background: #F8F8F8; font-size: 13px}
header .top-part nav li + li {margin-left: 25px}
header .top-part a:hover {color: #F94F0D}

header .max {height: 45px; position: relative}
header .icon-auth {line-height: 25px; margin-left: 25px}
header .icon-auth svg {margin-left: 10px; height: 25px; width: 25px}
header .icon-auth:hover {color: #F94F0D}





.catalog-menu-button {cursor: pointer; transition: 250ms; background: #F94F0D; border-radius: 1px; color: #fff; position: relative; height: 90px; line-height: 90px; padding: 0px 20px 0px 60px; font-weight: 700; margin-right: 25px; text-transform: uppercase; width: 180px; flex-shrink: 0; font-family: 'Roboto Condensed', sans-serif}
.catalog-menu-button span {background: #fff; height: 2px; position: absolute; width: 20px; left: 25px; transition: bottom 250ms ease 250ms, top 250ms ease 250ms, transform 250ms ease 0ms; border-radius: 1px}
.catalog-menu-button span:nth-of-type(1) {top: 38px}
.catalog-menu-button span:nth-of-type(2) {top: 50%; margin-top: -1px; width: 15px}
.catalog-menu-button span:nth-of-type(3) {bottom: 38px}

.catalog-menu-button.active, .catalog-menu-button:hover {background: #000}
.catalog-menu-button svg {width: 25px; height: 25px; position: absolute; right: 20px; top: 20px}
.catalog-menu-button.active span {transition: bottom 250ms ease 0ms, top 250ms ease 0ms, transform 250ms ease 250ms}
.catalog-menu-button.active span:nth-of-type(1) {transform: rotateZ(45deg); top: calc(50% - 1px)}
.catalog-menu-button.active span:nth-of-type(2) {opacity: 0}
.catalog-menu-button.active span:nth-of-type(3) {transform: rotateZ(-45deg); bottom: calc(50% - 1px)}

.line-part {position: sticky; position: -webkit-sticky; top: 0px; z-index: 1000; background: #fff; box-shadow: 0px 5px 5px rgba(0,0,0,0.05)}
.line-part .max {flex-wrap: nowrap; position: relative}
.line-part .icon-cart {background: #F8F8F8; position: relative; border-radius: 1px; height: 50px; width: 230px; line-height: 50px; color: #e0e0e0; padding: 0 25px; font-weight: 500; flex-shrink: 0; margin-left: 25px}
.line-part .icon-cart svg:nth-of-type(1) {width: 25px; height: 25px; vertical-align: middle; margin-right: 20px}
.line-part .icon-cart svg:nth-of-type(2) {width: 30px; transition: 250ms; height: 8px; position: absolute; right: 25px; top: 21px}
.line-part .icon-cart:hover svg:nth-of-type(2) {right: 20px}
.line-part .icon-cart .countsht {opacity: 0; position: absolute; width: 20px; height: 20px; background: #F94F0D; color: #fff; font-weight: 500; text-align: center; line-height: 20px; border-radius: 50%; left: 40px; top: 5px; font-size: 10px; transition: 250ms}
.line-part .icon-cart:hover {background: #000}
.line-part .icon-cart.active {background: #F94F0D; color: #fff}
.line-part .icon-favorites {flex-shrink: 0}
.line-part .icon-favorites svg {width: 25px; height: 25px; margin-right: 10px; color: #e0e0e0; transition: color 250ms}
.line-part .icon-favorites:hover svg {color: #F94F0D}
.line-part .icon-cart.active:hover {background: #000}
.line-part .icon-cart.active .countsht {opacity: 1; background: #fff; color: #F94F0D}
.line-part .icon-cart.active:hover .countsht {background: #fff; color: #000}

.logo-block {color: #161616; font-size: 24px; flex-shrink: 0}
.logo-block b {font-weight: 700; font-family: 'Roboto Condensed', sans-serif; color: #F94F0D}


.line-part .search-block {position: relative; color: #e0e0e0; width: 100%; margin: 0 50px}
.line-part .search-block svg {width: 18px; height: 18px; position: absolute; right: 25px; top: 15px}
.line-part .search-block:hover {color: #000}
.wraper-fast-result {position: absolute; top: 100%; z-index: 10; background: #fff; border-top: 1px solid #F94F0D; left: 0; width: 100%; transform: translateY(15px); border-radius: 10px; padding: 20px; display: none; box-shadow: 0 5px 15px rgba(0,0,0,.15)}
.wraper-fast-result:before {content: ''; position: absolute; left: 50%; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #F94F0D; top: -8px; margin-left: -10px}
.wraper-fast-result a + a {margin-top: 10px}
.wraper-fast-result a {display: flex; align-items: center; justify-content: space-between; color: #A1A1A1}
.wraper-fast-result a:hover {color: #F94F0D}
.wraper-fast-result a .fast-result-img {width: 50px; height: 50px; position: relative}
.wraper-fast-result a .fast-result-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain}
.wraper-fast-result a .fast-result-info {width: calc(100% - 70px); font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.wraper-fast-result a .fast-result-info span {font-weight: 500; display: block; color: #2D2D2D}

.mg-geolation-view {z-index: 10000}
.mg-geolation-view .select-city {cursor: pointer; line-height: 20px}
.mg-geolation-view .change-city-link {border-bottom: 1px dashed #F94F0D; line-height: 1.2; margin-top: 4px; color: #F94F0D
 !important; margin-left: 5px; font-size: 12px; font-weight: 400}
.mg-geolation-view .select-city svg {width: 20px; height: 20px; margin-right: 5px; color: #F94F0D}
.mg-geolation-view .confirm-city-multisite {background: #FFF8E7; white-space: nowrap; padding: 25px; top: 45px; left: 0px; position: absolute; display: none}
.mg-geolation-view .confirm-city-multisite:before {border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFF8E7; position: absolute; left: 22px; top: -8px; content: ''}
.mg-geolation-view .confirm-city-multisite a {line-height: 38px; height: 40px; display: inline-block; border: 1px solid #fff; padding: 0 20px; color: #fff}
.mg-geolation-view .confirm-city-multisite a + a {margin-left: 10px}
.mg-geolation-view .confirm-city-multisite a.confirm {background: #fff; color: #FFF8E7}
.mg-geolation-view .confirm-city-multisite a.confirm:hover, .mg-geolation-view .confirm-city-multisite a:hover {background: #F94F0D; color: #fff; border-color: #F94F0D}
.mg-geolation-view .mg-geolocation-popup {background: #FFF8E7; white-space: nowrap; color: #fff; padding: 25px; top: 45px; left: 0px; position: absolute; display: none}
.mg-geolation-view .mg-geolocation-popup:before {border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFF8E7; position: absolute; left: 22px; top: -8px; content: ''}
.mg-geolation-view .mg-geolocation-popup a {display: block; line-height: 25px; height: 25px}
.mg-geolation-view .mg-geolocation-popup hr {margin: 25px 0 0 0; background: none}

header .contacts-block {position: relative; text-align: right; margin-left: auto}
header .contacts-block svg {width: 15px; height: 14px; margin-right: 10px; vertical-align: middle}
header .contacts-block .address {color: #FFF8E7; font-size: 13px; margin-bottom: 10px}
header .contacts-block .phone {font-size: 20px; color: #161616; font-family: 'Roboto Condensed', sans-serif; font-weight: 700}
/* HEADER */


/* FORM-LIST */
.form-list {margin-top: 40px}
.form-list li {position: relative}
.form-list li .placeholder {position: absolute; top: -15px; left: 0px; font-size: 12px; transition: 250ms; line-height: 1}
.form-list + .button {margin-top: 40px}
.form-list li + li {margin-top: 40px}
.form-list li:hover .placeholder, .form-list li input:focus + .placeholder {color: #161616}
/* .SumoSelect p, .SumoSelect div {display: none !important} */
.optWrapper {font-size: 15px}
.SumoSelect>.CaptionCont>label {display: none !important}

.form-list.grid {display: grid; grid-gap: 40px; grid-template-columns: repeat(2,1fr)}
.form-list.grid li + li {margin-top: 0px}
.form-list.grid li.width-100 {grid-column: span 2}
/* FORM-LIST */


/* HOME */
.home-triggers {background: #F8F8F8; margin-top: 100px; margin-bottom: 90px}
.home-triggers .grid {grid-template-columns: repeat(4,1fr); display: grid; height: 100%}
.home-triggers .item .inner {height: 100%; font-size: 14px; line-height: 22px; display: flex; justify-content: center; flex-direction: column; padding: 30px 60px; color: #808080}
.home-triggers .item:first-of-type .inner {background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)); color: #fff}
.home-triggers .item:first-of-type {background-image: url(../images/home-triggers.jpg)}
.home-triggers .item:first-of-type .inner b {font-size: 28px; color: #fff; margin-bottom: 0px}
.home-triggers .item b {color: #161616; text-transform: uppercase; margin-bottom: 10px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700}
.home-triggers .item svg {height: 45px; width: 45px; color: #4E505C; margin-bottom: 22px}
.home-img {background-color: #FFF8E7; background-image: url(../images/home-img.png); background-position: 100% 25px; background-repeat: no-repeat; background-size: contain; margin-top: 100px; margin-bottom: 90px; padding: 50px 0; font-size: 14px}
.home-img .h2-like {margin-right: 50px}
.home-img .content {align-self: center; max-width: 500px; margin-bottom: 40px}
.home-img .button {justify-content: center; align-items: center; display: flex}
.home-news {background: #F8F8F8; padding-top: 90px; padding-bottom: 200px}
.home-subscribe {background-color: #FFF8E7; background-image: url(../images/home-subscribe.png); background-position: 100% 25px; background-repeat: no-repeat; background-size: contain; border-radius: 1px; margin-top: -140px; padding: 50px 75px; font-size: 14px; display: flex; flex-direction: column; justify-content: center}
.home-subscribe .logo {font-weight: 400; margin-top: 8px}
.home-subscribe .logo b {font-weight: 500; color: #F94F0D}
/* HOME */


/* NEWS */
.home-news .h2-like {margin: 0}
.home-news .swiper {margin-top: 50px}
.home-news .item .text {padding: 27px 33px 36px 33px; background: #fff; display: block; color: #808080; font-size: 14px; line-height: 24px}
.home-news .item b {font-family: 'Roboto Condensed', sans-serif; font-size: 20px; margin: 13px 0; color: #161616; display: block}
.home-news .item {border-radius: 1px}
.home-news .item .text:hover {background: #FFF8E7; color: #fff}
.home-news .item .text:hover b {color: #fff}
/* NEWS */


/* FILTER */
.filter-form .inner {max-width: 1100px; margin: 0px auto}
.show-filter {height: 30px; line-height: 30px; font-size: 13px; font-weight: 500; padding: 0 20px; border-radius: 1px; background: #F94F0D; color: #fff; text-align: center}
.show-filter:hover {background: #000}
.show-filter svg {width: 15px; height: 15px; margin-right: 15px; display: inline-block; vertical-align: middle}
.filter-form select, .filter-form .ui-slider, .filter-preview, .mg-tooltip, .mg-filter-item .remove, .mg-filter-item .cbox, .mg-filter-item .unit, .filter-form label input {display: none !important}
.price-slider-list span {color: #FFF8E7; font-weight: 500; font-size: 12px; left: 15px; top: 8px; position: absolute}
.filter-form input[type=text] {height: 30px; padding: 0px 15px; display: inline-block; margin: 0px; text-align: center}
.price-slider-list li {display: block; width: 50%; position: relative}
.mg-wrapper-body .mg-filter-title {font-weight: 400; margin-top: 20px; display: block}
.mg-viewfilter {color: #3c505a; margin-top: 15px; display: inline-block}
.mg-viewfilter:hover {text-decoration: underline}
.filter-btn:hover {background: #3c505a; color: #fff}
.filter-buttons {text-align: center}
.refreshFilter {color: #6F7F89; display: inline-block; text-decoration: underline; line-height: 1; cursor: pointer}
.filter-icon {height: 21px; cursor: pointer; line-height: 21px; transition: 400ms; color: #6F7F89; margin-left: 25px}
.h-block .icon-search {height: 20px; margin-right: 25px; line-height: 20px; transition: 400ms; color: #6F7F89}
.group-catalog {margin-right: 40px; font-weight: 400; line-height: 16px; height: 16px}
.group-catalog a {display: inline-block; margin-right: 10px; width: 16px; height: 16px; vertical-align: middle}
.group-catalog a.active svg * {fill: #3c505a}
.mg-filter-title {font-weight: 500; display: block}
.mg-filter-item {margin-top: 50px}


.filter-form li {display: inline-block; margin-right: 10px; margin-top: 15px}
.filter-form label input + span {background: #F8F8F8; text-align: center; transition: 250ms; line-height: 30px; border-radius: 1px; height: 30px; font-size: 14px; padding: 0px 10px; display: block; cursor: pointer}
.filter-form label:hover input + span {color: #000}
.filter-form label input:checked + span {background: #F94F0D; color: #fff}
/* FILTER */


/* CART */
.cart-table tr {display: grid; grid-gap: 25px; grid-template-columns: 60px auto 100px 30px; align-items: center}
.small-cart-table tr {display: grid; grid-gap: 25px; grid-template-columns: 60px auto 30px; align-items: center}
.cart-table .img-cell, .small-cart-table .img-cell {height: 0; padding-bottom: 100%; position: relative}
.cart-table .img-cell img, .small-cart-table .img-cell img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain}
.cart-table tr + tr, .small-cart-table tr + tr {margin-top: 40px}
.cart-table .name-cell a, .small-cart-table .name-cell a {color: #2F2D30; display: block; font-weight: 500; font-size: 15px}
.cart-table .price-cell, .small-cart-table .price-cell {margin-top: 10px; font-weight: 500; font-size: 14px; color: #161616}
.cart-table .prop-position, .small-cart-table .prop-position {font-size: 14px; line-height: 1.3}

.cart-table .cart_form, .small-cart-table .cart_form {width: 100px}
.cart-table .cart_form input[type=text], .small-cart-table .cart_form input[type=text] {height: 30px; line-height: 30px}
.cart-table .cart_form button, .small-cart-table .cart_form button {height: 30px}
.cart-table .remove-cell a, .small-cart-table .remove-cell a {border: none; justify-content: center; width: 30px; height: 30px; transition: 250ms; cursor: pointer}
.cart-table .remove-cell a:hover svg, .small-cart-table .remove-cell a:hover svg {color: #F94F0D}
.cart-table .remove-cell a svg, .small-cart-table .remove-cell a svg {color: #e0e0e0; width: 15px; height: 15px}
.small-cart-table .name-cell .qty {margin-right: 10px}
.cart-table .img-cell .js-smallCartAmount, .small-cart-table .img-cell .js-smallCartAmount {position: absolute; width: 20px; height: 20px; background: #F94F0D; line-height: 20px; text-align: center; color: #fff; font-weight: 500; font-size: 10px; border-radius: 50%; right: -10px; top: 0px}
/* CART */


/* ORDER */
.body__order .step .h2-like {font-size: 18px}
.body__order .step + .step {margin-top: 50px}
.body__order .left-part {width: calc(50% - 12.5px); background: #F8F8F8; padding: 50px; border-radius: 1px}
.body__order .right-part {width: calc(50% - 12.5px); position: sticky; top: 95px; position: -webkit-sticky}
.body__order .right-part .product-cart {border-radius: 1px; background: #fff; padding: 50px; max-height:calc(100vh - 115px); overflow-y: auto; border: 1px solid #e0e0e0}
.payment-form-block {margin-bottom: 40px}
.cart-table + .pay-bonus {margin-top: 20px}
.body__order .right-part .total-price-block {display: none}
.delivery-details-list li + li, .payment-details-list li + li {margin-top: 10px}
.agreement {font-size: 12px; margin-top: 20px}
.agreement a {text-decoration: underline}
.delivery-details-list label {display: flex; align-items: center}
.deliveryPrice {font-weight: 500; margin-left: 10px; background: #F94F0D; font-size: 14px; color: #fff; line-height: 25px; height: 25px; padding-left: 6px; border-radius: 1px 0 0 3px}
.deliveryCurrency {font-weight: 500; background: #F94F0D; color: #fff; font-size: 14px; line-height: 25px; height: 25px; padding-right: 6px; border-radius: 0 2px 2px 0}
.sdek-pvz-info {border: none !important}
.sdek-choose-samovivoz {background-color: #F94F0D; transition: color 250ms, background-color 250ms; line-height: 30px; height: 30px; border: none; display: block; cursor: pointer; text-align: center; font-size: 13px; color: #fff; margin-top: 10px; font-weight: 700; position: relative; width: 180px; border-radius: 1px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif}
.sdek-choose-samovivoz:hover {background-color: #000}
.c-order__title--small {display: none !important}
.SumoSelect {width: 100% !important; margin-top: 3px}
.sdek-coruer-adress {font-size: 12px}
.form-list .SumoSelect>.CaptionCont {font-weight: 400}
/* ORDER */


/* BLOG */
.mg-back, .rss {display: none}
.mg-main-news-list {display: grid; grid-template-columns: repeat(2,1fr)}
/* BLOG */




/* AMOUNT */
.cart_form {width: 65px; position: relative}
.cart_form input[type=text] {width: 100%; padding: 0; height: 50px; line-height: 50px; text-align: center; border: none}
.cart_form button {border: none; z-index: 1; color: #e0e0e0; justify-content: center; position: absolute; background: none; width: 20px; height: 50px; transition: 250ms; cursor: pointer}
.cart_form button.down {left: 0}
.cart_form button.up {right: 0}
.cart_form button svg {width: 10px; height: 10px}
.cart_form button:hover {color: #000}
/* AMOUNT */


/* SUB-CATS */
.sub-cats {display: grid; grid-template-columns: repeat(auto-fit, 120px); font-size: 14px; justify-content: center; grid-gap: 25px; margin: 50px 0}
.sub-cats a {padding: 20px; background: #F8F8F8; border-radius: 1px; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; color: #000; text-transform: uppercase}
.sub-cats a:hover {background: #F94F0D; color: #fff}
/* SUB-CATS */

/* PROPERTIES */
.prop-string .prop-name {color: #888; white-space: nowrap; margin-right: 5px}
.prop-string .prop-spec {white-space: nowrap; margin-left: 5px}
.prop-string .prop-separator {background: linear-gradient(90deg, #e0e0e0 0, #e0e0e0 25%, rgba(0,0,0,0) 0, rgba(0,0,0,0) 25%); flex-grow: 1; background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x}
.prop-string .prop-item + .prop-item {margin-top: 10px}
/* PROPERTIES */





/* CATALOG */
.h-block {justify-content: center; margin-bottom: 25px; line-height: 1}
.h-block h1 {width: auto; margin-bottom: 0; margin-right: 25px}

.by-2 {width: calc(50% - 40px)}
.by-2 .grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px}
.by-3 {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 25px}
.by-4 {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1px; background: #e0e0e0; padding: 1px}
.by-5 {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1px; background: #e0e0e0; padding: 1px}
.product-wrapper .like, .product-wrapper .unlike {position: absolute; width: 20px; height: 20px; right: 20px; top: 20px; z-index: 1}
.product-wrapper .img {position: relative; display: block; padding-bottom: 100%; height: 0px}

.product-wrapper {padding: 40px 30px; background: #fff; position: relative; z-index: 1; transition: box-shadow 250ms}
.product-wrapper:before {position: absolute; left: -1px; top: -1px; bottom: -1px; right: -1px; z-index: -1; background: #fff; content: ''; opacity: 0; transition: 250ms}
.product-wrapper:hover {box-shadow: 0 0 20px rgba(51, 59, 87, 0.2); z-index: 2}
.product-wrapper:hover:before {opacity: 1}
.product-wrapper .img {position: relative; height: 0; padding-bottom: calc(100%*26/35); margin-bottom: 10px}
.product-wrapper .img img {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%}
.product-wrapper .stickers {position: absolute; left: 17px; top: 20px; z-index: 1; display: flex; pointer-events: none; font-family: 'Roboto Condensed', sans-serif}
.product-wrapper .stickers div {margin-right: 10px; color: #fff; padding: 0px 10px; border-radius: 1px; position: relative; line-height: 20px; height: 20px; font-weight: 700; font-size: 10px; text-transform: uppercase}
.product-wrapper .stickers div.hit {background: #F94F0D}
.product-wrapper .stickers div.new {background: #000}
.product-wrapper .stickers div.sale {background: #F94F0D}
.product-wrapper .cat {font-size: 12px; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; margin-bottom: 10px; color: #e0e0e0}
.product-wrapper .title {font-size: 17px; line-height: 1.3; display: block; margin-bottom: 10px; height: 45px; overflow: hidden;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: 'Roboto Condensed', sans-serif}
.product-wrapper .title:hover {color: #F94F0D}
.product-wrapper .addToCart {height: 40px; opacity: 0; transition: 250ms; margin-left: 10px; font-size: 0; line-height: 40px; width: 40px; background: #F94F0D; border-radius: 1px; justify-content: center}
.product-wrapper:hover .addToCart {opacity: 1}
.product-wrapper .addToCart:hover, .product-wrapper .addToCart.alreadyInCart {background: #000}
.product-wrapper .addToCart svg {width: 20px; height: 20px; margin: 0; transform: unset !important}
.product-wrapper .product-price {font-size: 18px; font-weight: 700; color: #161616; font-family: 'Roboto Condensed', sans-serif}
.product-wrapper .old-price {color: #e0e0e0; font-size: 13px; margin-bottom: 5px; display: block; font-family: 'Roboto Condensed', sans-serif}
.product-wrapper .buttons-block {position: relative}
.product-wrapper .block-variants img {display: none}

.by-4-slider {margin: 0px -20px -20px -20px; padding: 20px}
.by-4-slider .swiper-wrapper {margin-top: 60px; background: #e0e0e0; border: 1px solid #e0e0e0}
.by-4-slider .h2-like {margin-bottom: 0}
.sale-block .catalog-slider-button-prev {display: none !important}
.sale-block .catalog-slider-button-next {margin-top: -15px}
.catalog-slider-button-prev, .catalog-slider-button-next {width: 40px; margin-top: 20px; cursor: pointer; background: #FFF8E7; border-radius: 50%; color: #fff; height: 40px; position: absolute; top: 50%; z-index: 10; justify-content: center}
.catalog-slider-button-prev.swiper-button-disabled, .catalog-slider-button-next.swiper-button-disabled {opacity: 0}
swiper-button-disabled
.catalog-slider-button-prev svg, .catalog-slider-button-next svg {width:30px; height: 8px}
.catalog-slider-button-prev:hover, .catalog-slider-button-next:hover {background: #000}
.catalog-slider-button-prev {left: 0px}
.catalog-slider-button-next {right: 0px}
.catalog-slider .show-all {position: absolute; height: 100%; top: 0px; left: 0px; width: 100%; display: flex; flex-direction: column; justify-content: center}
.catalog-slider .show-all b {font-size: 20px; margin-bottom: 20px; display: block}
.catalog-slider .show-all svg {width: 16px; height: 10px; transform: rotateZ(180deg); display: inline-block; vertical-align: middle; margin-left: 10px}

.product-wrapper:hover {border-color: #F94F0D}
.related {margin-top: 35px}
/* CATALOG */


/* BREAD-CRUMBS */
.bread-crumbs {background: #F8F8F8; height: 40px; line-height: 40px; border-radius: 1px; font-size: 13px; margin-bottom: 50px; text-align: center}
.bread-crumbs .separator {margin: 0 10px; opacity: 0.5}
.bread-crumbs a:hover {color: #F94F0D}
/* .bread-crumbs li:nth-last-of-type(1), .bread-crumbs li:nth-last-of-type(2) {display: none} */
/* BREAD-CRUMBS */


/* PRODUCT */
.product-details-block .left-part {width: calc(50% - 25px)}
.product-details-block .left-part .inner {background: #fff; border-radius: 1px; position: relative; position: sticky; position: -webkit-sticky; top: 150px; z-index: 1}
.product-details-block .right-part {width: calc(50% - 25px); background: #F8F8F8; border-radius: 1px; align-self: flex-start; padding: 50px}
.product-details-block .right-part .tab {font-size: 14px}
.product-details-block h1 {font-size: 26px; margin-bottom: 25px}
.product-details-block .buttons-block {position: relative}
.product-details-block .addToCart {width: 200px; margin-top: 25px}
.product-details-block .mg-buy-click-button {margin-left: 10px; width: 200px; border: 1px solid #000; line-height: 58px; margin-top: 25px; background: transparent; color: #000}
.product-details-block .mg-buy-click-button:hover {background: #000; color: #fff}
.product-details-block .addToCart svg {display: none}
.product-details-block .goToCart {display: none; background: #F94F0D; position: absolute; left: 0px; top: 0px; text-align: center; height: 50px; line-height: 50px; color: #fff; width: calc(100% - 110px)}
.product-details-block .goToCart span {text-decoration: underline}
.product-details-block .like, .product-details-block .unlike {width: 60px; height: 60px; margin-left: 10px; margin-top: 25px; display: flex; justify-content: center; align-items: center; color: #fff; cursor: pointer; background: #F94F0D; border-radius: 1px}
.product-details-block .unlike {background: #F94F0D; color: #fff}
.product-details-block .like:hover, .product-details-block .unlike:hover {background: #000}
.product-details-block .like svg, .product-details-block .unlike svg {width: 25px; height: 25px}
.product-details-block .old-price {color: #e0e0e0; text-decoration: line-through; margin-bottom: 5px}
.product-details-block .buy-block {margin-top: 50px}
.product-status-list {margin-right: 25px}
.product-details-block .price {font-size: 26px; font-weight: 500}
.product-details-block .product-code {color: #e0e0e0; font-size: 12px; font-weight: 500}
.product-details-block .available {color: #61A767; font-size: 13px; font-weight: 500}

.product-details-block .product-slider {width: calc(100% - 100px)}
.product-details-block .product-slider .swiper-slide {background: #fff; position: relative; height: 0; padding-bottom: 100%}
.product-details-block .product-slider .swiper-slide img {width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: contain}
.product-details-block .product-slider .swiper-button-prev {top: 0px; z-index: 10; width: 30%; height: 100%; left: 0px; cursor: url("data:image/svg+xml,<svg viewBox='0 0 23.7 15' width='23.7' height='15' xmlns='http://www.w3.org/2000/svg'><polygon points='0,7.5 7.5,15 8.4,14.2 2.3,8.1 23.7,8.1 23.7,6.9 2.3,6.9 8.4,0.8 7.5,0'/></svg>"), auto}
.product-details-block .product-slider .swiper-button-next {top: 0px; z-index: 10; width: 20%; height: 100%; right: 0px; cursor: url("data:image/svg+xml,<svg viewBox='0 0 23.7 15' width='23.7' height='15' xmlns='http://www.w3.org/2000/svg'><polygon points='16.2,0 15.3,0.8 21.4,6.9 0,6.9 0,8.1 21.4,8.1 15.3,14.2 16.2,15 23.7,7.5'/></svg>"), auto}
.product-details-block .product-slider .swiper-pagination-bullet {opacity: 0.1; height: 7px; width: 7px; border-radius: 50%; background: #161616}
.product-details-block .product-slider .swiper-pagination-bullet-active {opacity: 1}

.product-details-block .product-thumbs-slider {height: 475px; width: 75px}
.product-details-block .product-thumbs-slider img {width: 55px; height: 55px}
.product-details-block .product-thumbs-slider .swiper-slide {width: 75px; height: 75px; padding: 10px; border-radius: 1px; border: 1px solid #e0e0e0; opacity: 0.5; background: #fff}
.product-details-block .product-thumbs-slider .swiper-slide.swiper-slide-thumb-active, .product-details-block .product-thumbs-slider .swiper-slide:hover {opacity: 1}
.product-details-block .product-thumbs-slider .new-swiper-button-prev.swiper-button-disabled, .product-details-block .product-thumbs-slider .new-swiper-button-next.swiper-button-disabled {opacity: 0}
.product-details-block .product-thumbs-slider .swiper-slide.swiper-slide-thumb-active {border-color: #e0e0e0}
.product-details-block .stickers {position: absolute; right: 0px; top: 30px; z-index: 100; display: flex; flex-direction: column; align-items: flex-end; pointer-events: none}
.product-details-block .stickers div {margin-bottom: 15px; color: #fff; padding: 0px 12px; border-radius: 1px; position: relative; line-height: 20px; height: 20px; font-weight: 500; font-size: 11px}
.product-details-block .stickers div.sale {background: #F94F0D}
.product-details-block .stickers div.hit {background: #F94F0D}
.product-details-block .stickers div.new {background: #000}
/* PRODUCT */


/* PAGER */
.pager {justify-content: center; grid-column: span 5; text-align: center; padding: 25px 0; background: #f0f0f0}
#chd-show-more-button {background: #fff; border: 1px solid #99804C; color: #99804C; cursor: pointer; border-radius: 4px; height: 40px; line-height: 38px; padding: 0px 20px; margin-right: 20px; border-radius: 1px}
#chd-show-more-button:hover {background: #99804C; color: #fff}
.pager ul {font-size: 0}
.pager li {height: 50px; font-size: 14px; display: inline-block; line-height: 50px; width: 50px; text-align: center}
.pager li a {display: block}
.pager li:hover a {color: #F94F0D}
.pager li.current a {background: #F94F0D; color: #fff; border-radius: 1px}
/* PAGER */


/* HOME */
.home-first {margin-top: -25px; margin-bottom: 60px}
.home-slider {position: relative; background: #f0f0f0; border-radius: 1px}
.home-first .sale-block {width: 315px}
.home-slider .swiper-container {height: 100%}
.home-slider .left-part {width: 50%}
.home-slider .right-part {width: calc(40% - 50px)}
.home-slider .swiper-slide {overflow: hidden}
.home-slider .inner {background: url(../images/home-slider.svg) 60% 0% no-repeat; background-size: contain; padding: 90px 75px 50px 75px}
.home-slider .title {font-size: 52px; margin-bottom: 10px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; color: #000; line-height: 56px}
.home-slider .sub-title {font-size: 18px; margin-top: 25px; margin-bottom: 50px; line-height: 1.5}
.home-slider .img {background: #F94F0D; border-radius: 50%; height: 0; padding-bottom: 100%; background-position: 50% 100%; background-repeat: no-repeat; background-size: cover}
.home-slider .button {width: 275px; margin-bottom: 50px; display: flex; align-items: center; justify-content: center}
.home-slider .button svg {width: 30px; height: 8px; margin-left: 15px; transition: transform 250ms}
.home-slider .swiper-pagination {text-align: left; left: 75px; bottom: 50px; font-size: 0}
.home-slider .swiper-pagination-bullet {opacity: 0.5; height: 2px; margin: 0 8px 0 0 !important; width: 50px; border-radius: 0; background: #000}
.home-slider .swiper-pagination-bullet-active {opacity: 1}
.home-slider-prev, .home-slider-next {width: 40px; margin-top: -15px; cursor: pointer; background: transparent; border: 1px solid transparent; border-radius: 50%; color: #e0e0e0; height: 40px; position: absolute; top: 50%; z-index: 10; justify-content: center; opacity: 1; transition: 250ms; color: #000; line-height: 38px}
.home-slider-prev.swiper-button-disabled, .home-slider-next.swiper-button-disabled {background: #F8F8F8}
.home-slider-prev svg, .home-slider-next svg {width: 30px; height: 8px}
.home-slider-prev:hover, .home-slider-next:hover {background: #F94F0D; color: #fff; border-color: #F94F0D}
.home-slider:hover .home-slider-prev, .home-slider:hover .home-slider-next {opacity: 1}
.home-slider-prev {left: 20px}
.home-slider-next {right: 20px}

.home-cats {background: #fff; margin-bottom: 50px}
.home-cats h1 {margin-bottom: 0}

.home-cats .grid {grid-template-columns: repeat(12, 1fr); grid-gap: 25px; display: grid; max-height: 505px; overflow-y: hidden; margin-top: 60px}
.home-cats .cat {position: relative; height: 150px; z-index: 1}
.home-cats .cat:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; background: rgba(210, 210, 210, 0.2)}
.home-cats .cat:nth-of-type(1), .home-cats .cat:nth-of-type(2), .home-cats .cat:nth-of-type(3), .home-cats .cat:nth-of-type(4) {grid-column: span 3}
.home-cats .cat:nth-of-type(5), .home-cats .cat:nth-of-type(6), .home-cats .cat:nth-of-type(7) {grid-column: span 4}
.home-cats .cat:nth-of-type(8), .home-cats .cat:nth-of-type(9), .home-cats .cat:nth-of-type(10), .home-cats .cat:nth-of-type(11) {grid-column: span 3}
.home-cats .cat:nth-of-type(12), .home-cats .cat:nth-of-type(13), .home-cats .cat:nth-of-type(14) {grid-column: span 4}
.home-cats .grid + .button-more {margin: 25px auto 0 auto}
.home-cats .cat .text {position: relative; z-index: 1}
.home-cats .cat .img {position: absolute; right: 10px; width: 100px; height: 100%; bottom: 10px; background-size: contain; background-position: 100% 100%; background-repeat: no-repeat; z-index: -1}
.home-cats .inner {display: flex; overflow: hidden; justify-content: space-between; flex-direction: column; padding: 25px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.3; border-radius: 1px; transition: 250ms}
.home-cats .cat:hover .inner {background: #F94F0D; color: #fff}
.home-cats .cat .title {font-size: 24px; font-weight: 700; font-family: 'Roboto Condensed', sans-serif}
.home-cats .count {font-size: 14px}
.home-cats .show-more {height: 20px; line-height: 20px; text-transform: uppercase; margin-top: 20px; opacity: 0; transition: opacity 250ms; font-size: 13px; font-weight: 500; display: flex; align-items: center}
.home-cats .show-more svg {width: 30px; height: 8px; margin-left: 10px; transition: transform 250ms; transition-delay: 100ms}
.home-cats .cat:hover .show-more {opacity: 1}
.home-cats .cat:hover svg {transform: translateX(5px)}
.home-cats .cat:hover:after {display: none}
.home-description {padding-top: 60px}
/* HOME */

/* PERSONAL */
/* PERSONAL */


/* COMMENTS */
.comment-post {margin-top: 50px}
.comment-post .text {position: relative; padding: 25px; font-size: 15px; margin-top: 10px; line-height: 1.5; background: #F8F8F8; border-radius: 1px; box-shadow: 0px 0px 15px rgb(0 0 0 / 5%)}
.comment-post .text:before {content: ''; position: absolute; left: 30px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #F8F8F8; top: -8px}
.comment-post .name {font-weight: 500; font-size: 16px; margin-right: 10px; align-self: center}
.comment-post .date {color: #e0e0e0; font-size: 13px; align-self: center}
/* COMMENTS */


/* TABS */
.tab:not(.active) {display: none}
.product-details-block .tab-links {border-bottom: 1px solid #e0e0e0; margin-bottom: 25px; margin-top: 50px}
.product-details-block .tab-links .tab-link {cursor: pointer; position: relative; display: inline-block; color: #e0e0e0; line-height: 40px; height: 40px; font-weight: 500}
.product-details-block .tab-links .tab-link + .tab-link {margin-left: 30px}
.product-details-block .tab-links .tab-link.active, .product-details-block .tab-links .tab-link:hover {color: #000}
.product-details-block .tab-links .tab-link:before {content: ''; left: 0px; bottom: -1px; background: transparent; height: 2px; width: 100%; position: absolute}
.product-details-block .tab-links .tab-link.active:before {background: #000}
/* TABS */


/* STATIC */
.static .left-part {width: 315px; position: sticky; position: -webkit-sticky; top: 95px; text-align: center; overflow: hidden; background: #F8F8F8; border-radius: 1px; align-self: flex-start}
.static .left-part .page-menu svg {width: 15px; height: 15px}
.static .left-part .page-menu li {display: block}
.static .left-part .page-menu li a {line-height: 50px; height: 50px; display: block}
.static .left-part .page-menu li.active > a {background: #F94F0D; color: #fff}
.static .left-part .page-menu li .level-2 {display: none; transform-origin: top left; transition: 250ms; transform: scaleY(0)}
.static .left-part .page-menu li.active .level-2 {display: block; transform: scaleY(1)}
.static .right-part {width: calc(100% - 340px); padding: 50px; border: 1px solid #e0e0e0; border-radius: 1px}

table {width: 100% !important; border: none; display: block; border-collapse: collapse}
table tbody {width: 100%; display: block}
table td {border: none}
.content h2 {margin-top: 40px; margin-bottom: 20px}
.content h3 {margin-bottom: 20px}
.content {line-height: 1.6}
.content a {color: #F94F0D; font-weight: 500; text-decoration: underline}
.content p + p, .content p + ul, .content p + ol, .content ol + p, .content ul + p, .content ul + ul, .content li + li {margin-top: 10px}
.content tr {display: flex; justify-content: space-between; align-items: center; position: relative; flex-wrap: wrap}
.content tr:after {background: rgba(0,0,0,0.03); position: absolute; left: 0; width: 100%; top: 0; height: 100%; content: ''}
.content tr + tr, .content .table-wrapper {margin-top: 80px}
.content td h2 {margin-top: 0px}
.content td {width: 50%; padding: 40px}
.content td.with-img {padding: 0px}
.content img {width: 100% !important; height: unset !important}
.content ul:not(.form-list) li {position: relative; padding-left: 16px}
.content ul:not(.form-list) li:before {width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0px; top: 10px; background: #F94F0D}
/* STATIC */




/* MODAL */
.overlay {position: fixed; display: none; z-index: 8000; top: 0px; background: rgba(0,0,0,0.5); width: 100%; height: 100%; left: 0px}
.modal {position: fixed; transition: 250ms; z-index: 9000; top: 0px; background: #fff; width: 600px; right: -600px; height: 100%}
.modal.show {right: 0px}
.modal .inner {padding: 25px 100px; height: 100%; display: flex; justify-content: center; flex-direction: column}
.modal .close {top: 25px; right: 25px; height: 25px; width: 25px; cursor: pointer; position: absolute; z-index: 1}
.modal .close:hover {color: #F94F0D}
.modal .overflow-y, .modal-filter .overflow-y {height: 100%; overflow-y: auto; padding-right: 25px}
.modal .h2-like {margin-top: 0px; flex-shrink: 0}

.modal-buy-click .mg-product-img {width: 100px}
.modal-buy-click .mg-product-info {width: calc(100% - 120px)}
.modal-buy-click .mg-product-info .name {font-weight: 700; font-size: 26px; color: #161616; display: block; font-family: 'Roboto Condensed', sans-serif}
.modal-buy-click .bc-price {font-weight: 600; font-size: 16px; text-transform: uppercase; color: #000}
.modal-buy-click .js-hide-if-single {color: #BDBDBD; font-size: 12px; font-weight: 700}
.modal-buy-click .mg-action-buttons {position: relative}
.modal-buy-click .alert {position: absolute; right: 0; top: 40px; width: calc(100% - 145px); text-align: right}
.modal-buy-click .button {margin-top: 25px}

.modal-cart .total {height: 20px; line-height: 20px; margin: 20px 0px}
.modal-cart .inner, .modal-filter .inner {padding: 75px 35px 75px 50px; justify-content: space-between}
.modal-cart .total-payment {font-weight: 500; color: #161616}
.modal-auth {display: flex; justify-content: center; flex-direction: column}

.modal .buttons {flex-wrap: nowrap; flex-shrink: 0; margin-top: 40px}
.modal .buttons .link {margin-left: 25px}
.links {margin-top: 50px; text-align: center}
.link {font-size: 14px; text-decoration: underline}
.link:hover {color: #F94F0D}
.link + .link {margin-left: 25px}
/* MODAL */





/* FOOTER */
footer {border-top: 1px solid #e0e0e0}
.p4-subscribe {margin-top: 35px}
.p4-subscribe .title {font-size: 16px; font-weight: 500}
.p4-subscribe input[type=text] {background: transparent; border: 2px solid #7a838a; height: 50px; line-height: 46px; border-radius: 1px 0 0 2px; padding: 0 25px}
.p4-subscribe input[type=button] {height: 50px; line-height: 50px; border-radius: 0 2px 2px 0; background: #7a838a; color: #FFF8E7}
.p4-subscribe input[type=button]:hover {color: #fff}

footer .email, footer .address, footer .work-hours {margin-bottom: 10px; display: block; white-space: nowrap}
footer .phone svg {width: 15px; height: 14px; margin-right: 10px; vertical-align: middle; color: #F94F0D}
footer .phone {font-size: 20px; color: #161616; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin-right: 28px}

footer .phone:hover {color: #F94F0D}

footer .top-part {font-size: 14px; padding: 50px 0}
footer .top-part .level-2 {display: none}
footer .top-part .menu li + li {margin-left: 30px}
footer .top-part .menu a:hover, footer .email:hover, footer .address:hover {color: #F94F0D}
footer .top-part .menu svg {display: none}
footer .social {justify-content: center}
footer .social a + a {margin-left: 30px}
footer .social a {width: 18px; height: 18px; justify-content: center}
footer .social a:hover {color: #000}
footer .bottom-part {font-size: 12px; background: #f0f0f0; padding: 50px 0}
footer .bottom-part a:hover {color: #161616}
footer .bottom-part a + a {margin-left: 30px}
footer .belka {width: 90px; height: 23px}
footer .button {height: 50px; line-height: 50px; width: 230px}
/* FOOTER */


@media screen and (min-width: 1441px) {
body {font-size: 17px}
.max {max-width: 1600px}
}


@media screen and (min-width: 1025px) {
::-webkit-scrollbar {background-color: #fff; width: 4px; border-radius: 1px}
::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1); border: none; border-radius: 1px}
::-webkit-scrollbar-thumb {background-color: #F94F0D; border-radius: 1px}
::-webkit-scrollbar-button {display:none}
}

@media screen and (min-width: 768px) {
.line-part .menu-block {position: absolute; top: 90px; z-index: 10; background: #F94F0D; color: #fff; left: 20px; transform: translateY(8px); border-radius: 1px; padding: 40px; display: none; box-shadow: 0 5px 15px rgba(0,0,0,.15); width: 800px; font-family: 'Roboto Condensed', sans-serif}
.line-part .menu-block:before {content: ''; position: absolute; left: 27px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFF8E7; top: -8px}
.line-part .menu-block .grid {display: grid; grid-row-gap: 25px; grid-column-gap: 50px; grid-template-columns: repeat(4, 1fr)}
.line-part .menu-block svg, .line-part .menu-block .level-2 {display: none}
.line-part .menu-block a:hover {color: #000}
}

@media screen and (max-width: 1139px) {
  header .bold-menu {display: none}
  header .desc {display: none}
  header .bottom-part .max {display: flex; justify-content: space-between}
  .by-4 {grid-template-columns: repeat(3,1fr)}
  .pager {grid-column: span 4}
  .form-list.grid {grid-template-columns: 100%}
  .form-list.grid li.width-100 {grid-column: unset}
  .home-triggers .item .inner {padding: 20px}
  .home-slider .inner {padding: 40px}
  .home-slider .button {margin-bottom: 40px}
  .sub-cats {grid-template-columns: repeat(6,1fr)}
  .by-5 {grid-template-columns: repeat(4,1fr)}
}
@media screen and (max-width: 1023px) {
  header .top-part nav li + li{margin-left: 15px;}
  header .contacts-block .phone{font-size: 16px;}
  .header-icon{width: 15px;height: 15px;margin-left: 5px;}
  header .icon-auth svg{width: 15px;height: 15px;}
  header .icon-auth{margin-left: 10px;}
.tablet-show {display: block !important}
.tablet-hide {display: none !important}
body {font-size: 14px}
.line-part .max {grid-template-columns: 220px auto 220px}
.home-first .grid {grid-template-columns: auto 220px}
  .home-cats .grid {grid-template-columns: repeat(3, 1fr); grid-gap: 20px}
  footer .top-part .grid {grid-template-columns: 100%}
  footer .top-part .item:first-of-type {display: flex; justify-content: space-between}
  .by-4 {grid-template-columns: repeat(2,1fr)}
  .pager {grid-column: span 3}
  h1 {font-size: 26px}
  .product-details-block h1, h2, .h2-like {font-size: 20px}
  .product-details-block .addToCart {width: calc(100% - 70px)}
  .home-about-us .right-part svg {display: none}
  .static .left-part {width: 220px}
  .static .right-part {width: calc(100% - 245px)}
  .body__order .right-part {order: 1; width: 100%; position: static; margin-bottom: 25px}
  .body__order .left-part {order: 2; width: 100%}
  .body__order .right-part .product-cart {max-height: unset; overflow-y: none}
  .home-first .grid {grid-template-columns: 100%}
  .line-part .icon-favorites {font-size: 0}
  .line-part .icon-favorites svg {color: #d0d0d0; margin-right: 0}
  .line-part .search-block {display: none}
  .line-part .menu-block {width: calc(100% - 40px)}
  .home-slider .title {font-size: 32px; line-height: 32px}
  .home-slider .sub-title {font-size: inherit}
  .home-cats .cat {grid-column: unset !important}
  .home-triggers .item .inner {font-size: 12px}
  .sub-cats {grid-template-columns: repeat(5,1fr)}
  .product-wrapper, .product-details-block .right-part, .body__order .left-part, .body__order .right-part .product-cart, .static .right-part {padding: 40px 20px}
  .by-5 {grid-template-columns: repeat(3,1fr)}
}

@media screen and (max-width: 767px) {
.mobile-show {display: block !important}
.mobile-hide {display: none !important}
body.lock {overflow: hidden}
main {background-size: 200px; padding-bottom: 0; padding-top: 40px}
h1 {font-size: 20px}
.h-block h1 {margin-right: 0; margin-bottom: 10px; width: 100% !important}
h2, .h2-like {font-size: 20px; margin-bottom: 20px}
.by-4 {grid-template-columns: 100%}
  .buy-block > div:first-of-type {justify-content: center}
.pager {grid-column: span 2}
header .logo-block {width: 70px; margin-top: 0}
header .icons-block .icon + .icon {margin-left: 0}
  .line-part .icon-cart svg:nth-of-type(1) {margin: 0}
  header .bottom-part .max {grid-gap: 10px}
  header .contacts-block .address {font-size: 11px}
  header .contacts-block .phone {font-size: 18px}
  header .bottom-part {padding: 10px 0 0 0}
  .product-wrapper .title {font-size: 14px; height: 36px}
  header .logo-block .text {font-size: 13px}
.catalog-menu-button {font-size: 0; height: 70px; line-height: 70px; padding: 0; width: 40px; margin-right: 20px}
input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search], select, .form-list .SumoSelect>.CaptionCont {height: 40px !important; padding: 0 15px; line-height: 36px}
  .line-part .max {padding-left: 0}
  .line-part .search-block svg {right: 15px; top: 12px}
  .line-part .icon-cart svg:nth-of-type(2) {display: none}
  .line-part .icon-cart .countsht {left: 15px}
  .line-part .icon-cart {color: #000 !important; background: #fff !important}
  .line-part .icon-cart.active .countsht {background: #F94F0D !important; color: #fff !important}
  .line-part .icon-cart {height: 40px; line-height: 40px; text-align: center; padding: 0; width: unset; margin-left: 20px}
  .catalog-menu-button span {left: 10px; width: 20px}
  .catalog-menu-button span:nth-of-type(1) {top: 27px}
  .catalog-menu-button span:nth-of-type(3) {bottom: 27px}
  .product-details-block .like, .product-details-block .unlike {width: 50px; height: 50px}
  .product-details-block .addToCart {width: calc(100% - 60px)}
.bread-crumbs {font-size: 12px; margin-bottom: 40px}
.product-details-block .left-part {width: 100%}
.product-details-block .right-part {width: calc(100% + 40px); padding: 40px 20px; margin: 0 -20px}
.product-details-block .cart_form {margin: 20px auto}
.body__order .left-part {width: 100%; order: 2; padding: 40px 20px}
.body__order .right-part {width: 100%; order: 1; position: static}
.body__order .right-part .product-cart {padding: 20px}
.form-list.grid {grid-template-columns: 100%}
.tab-links {top: 70px}
.modal {width: 100%; right: -100%}
.modal .inner {padding: 22px 20px}
.content td {width: 100%; order: 2}
.content td.with-img {order: 1}
.show-filter {width: 100%}
.by-5 {grid-template-columns: repeat(2,1fr); margin: 0 -20px}
.content tr + tr, .content .table-wrapper {margin-top: 40px}
footer .contacts {width: 100%; text-align: center}
.home-about-us .left-part {width: 100%}
.home-about-us .right-part {width: 100%; margin-top: 50px}
.home-cats .grid {grid-template-columns: repeat(2,1fr); margin-top: 0}
.home-cats .cat .title {font-size: 18px}
.home-cats .count, .home-cats .show-more {font-size: 10px}
.home-cats .show-more svg {width: 20px}
.button-more {line-height: 46px; height: 50px; width: 100%}
.sub-cats {grid-template-columns: repeat(2,1fr); grid-gap: 20px}
.home-triggers .grid {grid-template-columns: repeat(2,1fr)}
.home-cats .cat .img {width: 50%}
  .home-cats a {height: unset}
  .home-slider .button {width: 100%}
  .product-details-block .left-part .inner {padding: 0px}
  .product-details-block .left-part .inner:after {content: ''; position: absolute; left: 0; bottom: -20px; height: 20px; background: #fff; width: 100%}
  .product-details-block .product-thumbs-slider .swiper-slide {height: 50px; width: 50px !important}
  .product-details-block .product-thumbs-slider {width: 100%}
.line-part .menu-block {position: absolute; top: 70px; height: calc(100vh - 70px); overflow-y: auto; font-size: 14px; z-index: 9000; background: #F94F0D; color: #fff; left: 0; display: none; padding: 40px 20px; width: 100%}
.line-part .menu-block li + li {margin-top: 20px}
.line-part .menu-block svg, .line-part .menu-block .level-2 {display: none}
.line-part .menu-block ul + ul {border-top: 1px solid #e0e0e0; margin-top: 20px; padding-top: 20px}
  .home-slider {margin: -25px -20px 0px -20px; width: calc(100% + 40px)}
  .home-first .grid {margin-bottom: 0}
  .product-wrapper {padding: 20px}
  .home-slider .swiper-container {border-radius: 0}
  .home-slider .inner {padding: 40px; background-size: cover; min-height: 420px}
  .home-about-us {padding: 40px 0}
  .button {height: 50px; line-height: 50px}
  .home-slider .swiper-pagination {bottom: 40px}
  .home-about-us .h2-like {margin: 0 auto 20px auto}
  .home-slider .title {font-size: 26px}
  .home-reviews {padding: 40px 0}
  .home-description {margin-bottom: 40px; background-size: 200px; padding: 40px 20px; background: #F8F8F8; border-radius: 1px}
  .home-cats .inner {font-size: 14px; padding: 20px}
  .home-cats {padding: 40px 0}
  .home-first {margin-bottom: 0px; margin-top: -40px}
  .home-reviews .button {width: 100%}
  .home-slider-next {right: 5px; opacity: 1}
  .home-slider-prev {left: 5px; opacity: 1}
  .cart-table .img-cell, .small-cart-table .img-cell {grid-area: img}
    .cart-table .name-cell, .small-cart-table .name-cell {grid-area: name}
    .cart-table .count-cell, .small-cart-table .count-cell {grid-area: count}
    .cart-table .remove-cell, .small-cart-table .remove-cell {grid-area: remove}
  .modal .close {right: 20px; top: 20px}
  .cart-table .name-cell a, .small-cart-table .name-cell a {font-size: 13px}
  .pager li {width: 40px; height: 40px; line-height: 40px}
  .modal .close {width: 20px; height: 20px}
  .modal .overflow-y {padding-right: 0}
  .small-cart-table tr {grid-gap: 10px}
  .modal-cart tr {grid-template-columns: 40px auto 30px; grid-column-gap: 20px; grid-template-areas: 'img name remove'}
  .product-cart .cart-table tr {grid-template-columns: 40px auto 30px; grid-template-areas: 'img name name' 'img count remove'; grid-column-gap: 20px; grid-row-gap: 10px}
  .static .right-part {width: 100%; background: #F8F8F8; border: none; margin-bottom: 40px}
  .static .left-part .page-menu li a {line-height: 40px; height: 40px}
  .product-wrapper .addToCart {width: 40px; height: 40px; line-height: 40px; opacity: 1; margin-left: 0}
  .product-wrapper .addToCart svg {width: 20px; height: 20px}
  .cart_form input[type=text] {height: 40px; line-height: 40px}
  footer .top-part .menu {width: 100%}
  footer .top-part .menu li {width: 100%}
  footer .top-part .menu li a {padding: 20px 0; display: block; text-align: center}
  footer .top-part .menu li + li {margin-left: 0; border-top: 1px solid rgba(255,255,255,0.2)}
  footer .top-part {padding: 0; background: #808080; color: #fff}
  footer .top-part .max {padding: 0}
  .by-4-slider {margin: 0 -20px; padding: 0}
  footer .belka {width: 30px; height: 30px}
  footer .bottom-part {padding: 40px 0}
  .logo-block {margin-right: auto}
  .bread-crumbs li:nth-last-of-type(1), .bread-crumbs li:nth-last-of-type(2) {display: none}
  .home-triggers {margin-bottom: 0}
  .home-slider .left-part {width: 100%; padding-right: 25%}
.home-slider .right-part {width: 50%; right: -25%; height: 100%; top: 20px; position: absolute}
.home-slider .img {width: 100%}
}