@charset "UTF-8";
.megamenu-wrap {
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%
}

.megamenu__link-wrap:hover .megamenu__subcontent {
	display: block
}

.megamenu__link {
	background: #fff;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	display: block;
	font-size: 16px;
	line-height: 27px;
	padding: 16px 5px 16px 24px;
	position: relative;
	transition: background .2s, color .2s;
	z-index: 1
}

.megamenu__link .icon {
	height: 27px;
	width: 27px;
	margin-right: 16px;
	vertical-align: middle
}

.megamenu__link .title {
	vertical-align: middle
}

.megamenu__link:hover {
	background-color: #f7f7f7
}

.megamenu__pseudoicon {
	display: inline-block;
	width: 43px
}

.megamenu__subcontent {
	background-color: #fff;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	min-height: 100%;
	width: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0
}

.megamenu__subcontent-wrap {
	padding: 24px;
	border-left: 1px solid #f1f1f1;
	margin-left: -2px
}

.megamenu__subtitle {
	color: var(--color-main);
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 24px
}

.megamenu__subtitle .megamenu__subtitle-cnt {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	padding-left: 12px
}

.megamenu__submenu {
	margin: -5px 46px -20px -20px;
	max-height: 580px;
	width: 100%
}

.megamenu__submenu-title {
	display: block;
	color: #333;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 8px
}

.megamenu__submenu-title:hover {
	color: var(--color-main)
}

.megamenu__submenu-child {
	margin: 5px 20px;
	width: calc(50% - 40px);
	display: inline-block
}

.megamenu__submenu-list {
	margin: 8px 0 15px 0
}

.megamenu__submenu-item {
	color: #535353;
	display: block;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 6px
}

.megamenu__submenu-item:hover {
	color: var(--color-main)
}

.megamenu__submenu-item.megamenu__submenu-item--more {
	color: #999
}

.megamenu {
	width: 213px
}

.megamenu .megamenu__link {
	width: 213px
}

.megamenu .megamenu__subcontent {
	padding-left: 213px
}

.megamenu__promo {
	max-width: 210px
}

.megamenu__brands {
	margin-right: 66px
}

.brands .brands__title {
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 40px
}

.brands .brands__brand {
	background-color: #fff;
	border: 1px solid #f1f1f1;
	width: 189px;
	height: 82px;
	line-height: 82px;
	text-align: center
}

.brands .brands__brand:not(:last-child) {
	margin-bottom: 20px
}

.brands .brands__brand:hover {
	box-shadow: 0 1px 15px rgba(0, 0, 0, .07)
}

.brands .brands__brand .logo {
	display: inline-block;
	max-width: 100%;
	max-height: 80px;
	width: auto;
	height: auto
}

.brands .brands__brand.brands__brand--with-name {
	line-height: 0
}

.brands .brands__brand.brands__brand--with-name .title {
	color: #535353;
	display: block;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	margin-bottom: 4px
}

.brands .brands__brand.brands__brand--with-name .logo {
	max-height: 58px
}

.section--brands .brands {
	position: relative
}

.section--brands .brands .brands__brand {
	width: 136px;
	height: 64px;
	line-height: 64px
}

.section--brands .brands .brands__brand .logo {
	max-width: 100px;
	max-height: 40px
}

.section--brands .brands .brands__list .slick-list {
	padding-bottom: 112px
}

.section--brands .brands .brands__list-view .brands__brand {
	margin-left: auto;
	margin-right: auto
}

.section--brands .brands .brands__list-view .brands__brand:first-child {
	margin-bottom: 20px
}

.section--brands .brands__controls {
	display: none;
	position: absolute;
	right: 0;
	top: 0
}

.section--brands .swipe-info {
	position: absolute;
	left: 50%;
	bottom: 90px;
	transform: translateX(-50%)
}

.section--brands .brands__all {
	text-align: center
}

.section--brands .brands__all-light {
	margin-left: 16px;
	font-size: 14px;
	font-weight: 400
}

.swipe-info .icon {
	width: 36px;
	height: 32px;
	margin-right: 8px
}

.swipe-info .icon svg {
	fill: #535353
}

.swipe-info .text {
	font-size: 14px;
	line-height: 17px;
	color: #535353
}

.megamenu__submenu-close {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 16px;
	height: 16px
}

.menu-mobile-wrap {
	display: block;
	position: absolute;
	background-color: #fff;
	z-index: 10;
	top: 63px;
	border: 1px solid #f1f1f1;
	padding: 0 0 50px 0;
	width: 100%;
	transition: .3s
}

.menu-mobile-wrap.menu-mobile-wrap--site {
	left: -100%
}

.menu-mobile-wrap.menu-mobile-wrap--catalog {
	right: -100%
}

.menu-mobile-wrap.active.menu-mobile-wrap--site {
	left: 0
}

.menu-mobile-wrap.active.menu-mobile-wrap--catalog {
	right: 0
}

.menu-mobile__row {
	border-bottom: 1px solid #ececec;
	display: block;
	padding: 14px 0 14px 14px;
	font-size: 18px;
	line-height: 21px
}

.menu-mobile__row.menu-mobile__row--location {
	background-color: #f9f9f9;
	text-align: center;
	font-size: 14px
}

.menu-mobile__row.menu-mobile__row--location .icon {
	vertical-align: middle
}

.menu-mobile__row.menu-mobile__row--infolinks {
	padding: 0;
	background-color: #f9f9f9
}

.menu-mobile__row .menu-mobile__infolink-wrap {
	font-size: 14px;
	padding: 14px 0 14px 15px;
	line-height: 21px;
	width: 50%
}

.menu-mobile__row .menu-mobile__infolink-wrap:first-child {
	border-right: 1px solid #ececec
}

.menu-mobile__row .menu-mobile__infolink-wrap .icon,
.menu-mobile__row .menu-mobile__infolink-wrap .menu-mobile__infolink-text {
	vertical-align: middle
}

.menu-mobile__row .menu-mobile__infolink-wrap .icon {
	width: 21px;
	height: 21px;
	margin-right: 8px;
	fill: #6c6c6c
}

.menu-mobile__row.menu-mobile__row--catalog .icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: middle
}

.menu-mobile__row.menu-mobile__row--catalog .icon svg {
	fill: var(--color-main)
}

.menu-mobile__row.menu-mobile__row--catalog .title {
	vertical-align: middle
}

.menu-mobile__row.menu-mobile__row--dropdown {
	padding-left: 0;
	padding-bottom: 7px;
	padding-top: 7px
}

.menu-mobile__row.menu-mobile__row--dropdown.active {
	background-color: #f9f9f9;
	padding-bottom: 0
}

.menu-mobile__row.menu-mobile__row--dropdown.active>.dropdown__link {
	padding-bottom: 20px
}

.menu-mobile__row.menu-mobile__row--discount {
	background-color: var(--color-main);
	border-bottom: none;
	color: #fff;
	padding: 16px 0;
	text-align: center
}

.menu-mobile__row.menu-mobile__row--discount .icon {
	width: 24px;
	height: 24px;
	margin-right: 8px
}

.menu-mobile__row.menu-mobile__row--discount .icon svg {
	fill: #fff
}

.menu-mobile__row.menu-mobile__row--discount .title {
	line-height: 24px
}

.menu-mobile__row.menu-mobile__row--discount .icon,
.menu-mobile__row.menu-mobile__row--discount .title {
	vertical-align: middle
}

.dropdown__link {
	display: block;
	padding: 7px 14px;
	transition: padding .3s
}

.dropdown .icon {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	line-height: 14px
}

.dropdown .icon svg {
	display: block;
	width: 8px;
	height: 8px
}

.dropdown .dropdown__list {
	display: none
}

.dropdown .dropdown__list .dropdown__link {
	padding-left: 25px;
	font-size: 16px
}

.dropdown .dropdown__list .dropdown__list .dropdown__link {
	padding-left: 35px
}

.dropdown .dropdown.active {
	background-color: #f3f3f3
}

.dropdown.active>.dropdown__link {
	color: var(--color-main)
}

.dropdown.active>.dropdown__link .icon {
	-webkit-animation: rotatingNinety .3s forwards;
	animation: rotatingNinety .3s forwards
}

.menu-mobile__contacts {
	padding: 14px;
	font-size: 14px
}

.menu-mobile__contacts-time {
	margin-bottom: 8px
}

.menu-mobile__phone:first-child {
	margin-right: 30px
}

.menu-mobile__help {
	padding: 14px
}

.header.mobile-menu-opened .mobile-menu-opener .icon-menu-hamburger {
	display: none
}

.header.mobile-menu-opened .mobile-menu-opener .icon-close {
	display: inline-block
}

.mm-ocd {
	background: 0 0;
	color: inherit;
	top: 63px;
	--mm-ocd-width: 100%;
	--mm-ocd-max-width: 768;
	--mm-spn-item-height: 58px;
	--mm-spn-line-height: 27px
}

.mm-ocd .mm-ocd__content {
	background: #fff
}

.mm-ocd .menu-mobile-wrap {
	top: 0;
	border: none
}

.mm-ocd .menu-mobile-wrap .icon {
	width: 27px;
	height: 27px;
	vertical-align: middle;
	margin-right: 16px
}

.mm-ocd .menu-mobile-wrap .menu-mobile__row {
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	line-height: 27px
}

.mm-ocd .menu-mobile-wrap__close {
	display: block;
	position: absolute;
	right: 14px;
	top: 13px;
	z-index: 3
}

.mm-ocd .menu-mobile-wrap__close .icon {
	width: 15px;
	height: 15px;
	margin-right: 0
}

.mm-ocd .menu-mobile-wrap__close svg {
	width: 15px;
	height: 15px;
	display: block;
	fill: #fff
}

.mm-spn.mm-spn--light {
	background: #fff
}

.mm-spn li:after {
	display: none
}

.mm-spn.mm-spn--navbar:after {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	height: 43px;
	line-height: 43px;
	opacity: 1;
	background: linear-gradient(90deg, var(--color-main-light) 0, var(--color-main-dark) 100%)
}

.mm-spn.mm-spn--navbar:before {
	border-color: #fff;
	z-index: 2;
	opacity: 1;
	top: 23px
}

.mm-spn.mm-spn--navbar ul {
	top: 43px
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
	height: 43px;
	line-height: 43px
}

.blocker {
	z-index: 99999;
	background-color: rgba(0, 0, 0, .4)
}

.modal {
	box-shadow: none;
	padding: 32px 14px;
	border-radius: 5px
}

.modal a.close-modal {
	display: none
}

.modal__title {
	font-size: 28px;
	line-height: 33px;
	color: var(--color-main);
	margin-bottom: 32px
}

.modal__title-description {
	color: #535353;
	font-size: 16px;
	margin-top: 12px;
	line-height: 19px
}

.modal__close {
	position: absolute;
	top: 14px;
	right: 14px;
	line-height: 14px
}

.modal__close .icon svg {
	display: block;
	width: 14px;
	height: 14px
}

.modal__content {
	position: relative
}

.modal__content.modal__content--fluid {
	margin: 0 -14px
}

.modal__footer {
	margin-top: 32px
}

.modal__footer-btn-wrap {
	text-align: center
}

.modal__footer-btn-wrap:not(:last-child) {
	margin-bottom: 8px
}

.form .form-errors {
	color: #fb4d3d
}

.form .form__group {
	margin-bottom: 24px
}

.form .form__group.form__group--errors .form__input-title {
	font-size: 14px;
	line-height: 16px;
	color: #fb4d3d
}

.form .form__input-title {
	color: #535353;
	font-weight: 500;
	margin-bottom: 8px
}

.form .form__input-wrap {
	position: relative
}

.form .form__input-wrap .password-toggle {
	position: absolute;
	right: 16px;
	top: 17px
}

.form .form__input-wrap .password-toggle:focus {
	outline: 0
}

.form .form__input-wrap .password-toggle .icon {
	width: 24px;
	height: 24px
}

.form .form__input-wrap .password-toggle svg {
	fill: #999
}

.form .form__input-wrap .icon-eye-close {
	display: none
}

.form .form__input-wrap.password-show .icon-eye-close {
	display: block
}

.form .form__input-wrap.password-show .icon-eye-open {
	display: none
}

.form .form__input {
	color: #535353;
	display: block;
	width: 100%;
	border: 2px solid #f1f1f1;
	background-color: #f9f9f9;
	padding: 18px 16px 19px 16px
}

.form .form__input.success,
.form .form__input:focus {
	background-color: #fff;
	border: 2px solid var(--color-main)
}

.form .form__input.error {
	border: 2px solid #fb4d3d
}

.form .form__checkbox-label {
	color: #535353;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	padding-left: 28px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.form .form__checkbox-label:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	border: 2px solid #30927e;
	display: block;
	width: 20px;
	height: 20px
}

.form .form__checkbox-label:after {
	content: '';
	position: absolute;
	left: 5px;
	bottom: 5px;
	background: 0 0;
	display: block;
	width: 10px;
	height: 10px
}

.form .form__checkbox {
	opacity: 0;
	position: absolute;
	left: 0
}

.form .form__checkbox:checked+.form__checkbox-label:after {
	background-color: #30927e
}

.form .form__checkbox,
.form .form__checkbox-label {
	display: block;
	line-height: 21px;
	cursor: pointer
}

.form .form__link {
	border-bottom: 1px solid var(--color-main);
	font-size: 14px;
	line-height: 21px
}

.form .form__radio,
.form .form__switch {
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	border: none;
	position: relative
}

.form .form__radio:after,
.form .form__switch:after {
	content: ' ';
	background: #fff;
	display: block;
	position: absolute;
	border-radius: 50%
}

.form .form__radio:disabled:not(:checked):after,
.form .form__switch:disabled:not(:checked):after {
	opacity: .6
}

.form .form__switch {
	height: 20px;
	width: 36px;
	border-radius: 10px;
	background: #e1e1e1;
	transition: background .3s
}

.form .form__switch:after {
	border: 1px solid #fff;
	box-shadow: 0 0 1px #266960;
	transition: transform .3s ease-in-out, opacity .3s;
	left: 2px;
	top: 2px;
	width: 16px;
	height: 16px;
	transform: translateX(0)
}

.form .form__switch:checked {
	background: #77bbb2
}

.form .form__switch:checked:after {
	background: #266960;
	border: 1px solid #08544a;
	transform: translateX(16px)
}

.form .form__switch:checked:disabled {
	background: #b5b7b7
}

.form .form__switch:checked:disabled:after {
	background: #868c8b;
	border: 1px solid #818989
}

.form .form__radio {
	height: 16px;
	width: 16px;
	background: #e7e7e7;
	border-radius: 50%
}

.form .form__radio:after {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	left: 1px;
	top: 1px
}

.form .form__radio:checked:after {
	width: 10px;
	height: 10px;
	background: var(--color-main);
	left: 3px;
	top: 3px
}

.form .form__checkbox-c {
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 2px solid #d6d6d6;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	position: relative;
	margin-right: 8px
}

.form .form__checkbox-c:checked {
	background-color: var(--color-main);
	border-color: var(--color-main)
}

.form .form__checkbox-c:checked:after {
	color: #fff;
	content: '\2713';
	width: 10px;
	height: 16px;
	background: var(--color-main);
	left: 3px;
	top: -1px;
	position: absolute
}

.form .form__label.disabled {
	color: #999
}

.form .form__label.disabled .form__checkbox-c {
	background-color: #f3f3f3
}

.form .form__label.disabled .form__checkbox-c:checked {
	background-color: #969c9b;
	border-color: #969c9b
}

.form .form__label.disabled .form__checkbox-c:checked:after {
	background: #969c9b
}

.form .form__textarea {
	font-family: Rubik;
	border: 1px solid #f3f3f3;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	padding: 8px 12px
}

.form .form__textarea.success,
.form .form__textarea:focus {
	background-color: #fff;
	border: 1px solid var(--color-main);
	outline: 1px solid var(--color-main)
}

.form .form__textarea.error {
	border: 1px solid #fb4d3d;
	outline: 1px solid #fb4d3d
}

.main-slider {
	position: relative;
	padding-bottom: 70px;
	background-color: #fff;
	margin-bottom: 80px
}

.main-slider__left {
	margin-bottom: 16px
}

.main-slider__right {
	padding: 0 26px 0 26px
}

.main-slider__image {
	max-width: 100%;
	width: 100%
}

.main-slider__iframe-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%
}

.main-slider__iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.main-slider__item-name {
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	margin-bottom: 8px
}

.main-slider__item-text {
	font-size: 14px;
	line-height: 21px;
	color: #535353;
	margin-bottom: 24px
}

.main-slider__controls {
	position: absolute;
	bottom: 0;
	width: 100%
}

.main-slider__controls .btn-control {
	width: 50%;
	padding: 15px 0
}

.advantage {
	margin-bottom: 50px;
	text-decoration: none
}

.advantage__logo {
	margin-right: 14px
}

.advantage__title {
	color: #202020;
	font-size: 13px;
	line-height: 15px;
	text-transform: uppercase;
	margin-bottom: 8px
}

.advantage__text {
	color: #8a8a8a;
	font-size: 13px;
	line-height: 18px
}

.main-help {
	padding: 80px 0;
	position: relative
}

.main-help__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	color: var(--color-main);
	margin-bottom: 24px
}

.main-help__text {
	color: #535353;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 30px
}

.main-help__image-wrap {
	margin-bottom: 40px
}

.main-help__image {
	max-width: 100%
}

.main-help__button {
	width: 100%;
	text-align: center
}

.main-info {
	padding: 80px 0
}

.main-info__title {
	font-size: 28px;
	line-height: 33px;
	font-weight: 500;
	margin-bottom: 40px
}

.main-info__text {
	color: #535353;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 32px
}

.main-info__link {
	line-height: 21px
}

.main-info__link .icon {
	width: 14px;
	height: 14px;
	vertical-align: middle
}

.main-info__link .icon svg {
	display: block;
	width: 9px;
	height: 14px
}

.form-locations .form-locations__block:first-child {
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 24px
}

.form-locations__block {
	padding: 0 14px
}

.form-locations__letter-wrap {
	margin-top: 35px;
	width: 100%
}

.form-locations__cities-list {
	padding-top: 5px;
	-moz-columns: 2;
	columns: 2
}

.form-locations__link {
	display: block;
	font-size: 13px;
	position: relative;
	margin-bottom: 8px
}

.form-locations__letter {
	color: #333;
	position: absolute;
	font-size: 16px;
	font-weight: 500;
	left: 0;
	top: -16px
}

.header__search.header__search--locations {
	margin-bottom: 24px
}

.header__search.header__search--locations .header__search-input {
	width: calc(100% - 53px);
	padding: 12px 12px 12px 12px
}

.header__search.header__search--locations .header__search-btn {
	width: 53px;
	height: 42px;
	border-right: 1px solid #f1f1f1
}

.form-location__info-block {
	font-size: 13px;
	line-height: 16px;
	color: #535353
}

.form-location__info-block:not(:last-child) {
	margin-bottom: 8px
}

.form-location__info-block .icon {
	width: 14px;
	height: 14px;
	vertical-align: top
}

.form-location__info-block .icon svg {
	fill: var(--color-main);
	width: 14px;
	height: 14px;
	display: block
}

.custom-select {
	border: 1px solid #ececec;
	border-radius: 0;
	padding: 6px 24px 6px 8px;
	height: 32px;
	line-height: 20px
}

.custom-select:after {
	border-bottom: 1px solid #535353;
	border-right: 1px solid #535353;
	margin-top: -3px
}

.custom-select.open,
.custom-select:active,
.custom-select:focus {
	border-color: #ececec
}

.custom-select .current {
	width: 106px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	overflow: hidden
}

.custom-select .list {
	margin-top: 1px;
	border-radius: 0;
	width: 100%;
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec
}

.custom-select .option {
	color: #535353;
	padding: 8px;
	border-bottom: 1px solid #ececec;
	line-height: 20px;
	min-height: 36px
}

.custom-select .option:not(:first-child) {
	border-top: 1px solid #ececec
}

.custom-select .option.selected {
	font-weight: 500
}

.custom-select .option.selected:hover {
	color: #fff;
	background-color: var(--color-main)
}

.custom-select .option:hover {
	color: #fff;
	background-color: var(--color-main)
}

.dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle
}

.dot-gray {
	background-color: #777
}

.dot-green {
	background-color: #47de8d
}

.dot-darkgreen {
	background-color: #04562c
}

.slick-dots {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 4px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 50%;
	display: block;
	font-size: 0;
	padding: 0;
	width: 12px;
	height: 12px
}

.slick-dots li.slick-active button {
	background-color: var(--color-main);
	border: 1px solid var(--color-main)
}

.slider-arrow {
	position: absolute;
	width: 16px;
	height: 28px;
	opacity: .4;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%)
}

.slider-arrow .icon {
	width: 16px;
	height: 28px
}

.slider-arrow .icon svg {
	width: 16px;
	height: 28px;
	display: block;
	fill: #999
}

.slider-arrow:hover {
	opacity: 1
}

.slider-arrow:hover .icon svg {
	fill: var(--color-main)
}

.slider-arrow.slider-arrow--prev {
	left: 28px
}

.slider-arrow.slider-arrow--prev .icon {
	transform: rotate(-180deg)
}

.slider-arrow.slider-arrow--next {
	right: 28px
}

.slider-arrow.slider-arrow--vertical {
	left: auto;
	right: auto;
	transform: none;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 8px;
	width: auto;
	height: auto;
	text-align: center;
	transform: none;
	top: auto
}

.slider-arrow.slider-arrow--vertical .icon {
	width: 28px;
	height: 28px;
	vertical-align: middle
}

.slider-arrow.slider-arrow--vertical.slider-arrow--prev {
	margin-bottom: 8px
}

.slider-arrow.slider-arrow--vertical.slider-arrow--prev .icon {
	transform: rotate(-90deg)
}

.slider-arrow.slider-arrow--vertical.slider-arrow--next {
	margin-top: 8px
}

.slider-arrow.slider-arrow--vertical.slider-arrow--next .icon {
	transform: rotate(90deg)
}

.showroom {
	font-size: 12px;
	line-height: 14px
}

.showroom__row {
	margin-bottom: 8px
}

.showroom__row.showroom__row--subway img {
	margin-right: 8px
}

.deliveries,
.payments {
	margin: 0 -14px;
	width: calc(100% + 28px)
}

.delivery-item,
.payment {
	border: 1px solid #f3f3f3
}

.delivery-item__heading,
.payment__heading {
	padding: 24px 15px
}

.delivery-item__title-big,
.payment__title-big {
	font-size: 18px;
	line-height: 27px;
	margin-right: 12px;
	max-width: calc(100% - 36px)
}

.delivery-item__title-small,
.payment__title-small {
	margin-top: 12px;
	color: #535353;
	font-size: 14px;
	line-height: 21px;
	overflow: hidden
}

.delivery-item__title-icon,
.payment__title-icon {
	width: 24px;
	height: 24px;
	position: relative;
	background-color: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	transform: rotate(90deg);
	transition: .3s transform
}

.delivery-item__title-icon .icon,
.payment__title-icon .icon {
	width: 9px;
	height: 9px
}

.delivery-item__content,
.payment__content {
	padding: 24px 15px;
	font-size: 14px;
	line-height: 21px
}

.delivery-item__content h2,
.delivery-item__content h3,
.payment__content h2,
.payment__content h3 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 16px
}

.delivery-item__content ul,
.payment__content ul {
	margin-bottom: 24px;
	list-style: none;
	padding-left: 14px
}

.delivery-item__content li,
.payment__content li {
	margin-bottom: 8px;
	position: relative
}

.delivery-item__content li:before,
.payment__content li:before {
	content: "\2022";
	color: var(--color-main);
	display: block;
	font-size: 16px;
	position: absolute;
	left: -14px
}

.delivery-item__content a,
.payment__content a {
	color: var(--color-main);
	text-decoration: none;
	font-weight: 500
}

.delivery-item__content a:hover,
.payment__content a:hover {
	color: #156567
}

.delivery-item__content p,
.payment__content p {
	margin-bottom: 16px
}

.delivery-item__content b,
.payment__content b {
	font-weight: 500
}

.delivery-item__clarification,
.payment__clarification {
	background-color: #f9f9f9;
	border: 1px solid #e7e7e7;
	padding: 8px
}

.payment.active .payment__heading {
	background-color: #f1f1f1
}

.payment.active .payment__title-icon {
	transform: rotate(-90deg)
}

.payment:hover .payment__heading {
	background-color: #f1f1f1
}

.delivery-item.active .delivery-item__heading {
	background-color: #f1f1f1
}

.delivery-item.active .delivery-item__title-icon {
	transform: rotate(-90deg)
}

.delivery-item:hover .delivery-item__heading {
	background-color: #f1f1f1
}

.delivery-item__tab {
	display: none
}

.delivery-item__tab.active {
	display: block
}

.delivery-item__time .icon {
	width: 21px;
	height: 21px
}

.delivery-item__time .icon svg {
	width: 20px;
	height: 20px
}

.delivery-item__content {
	font-size: 14px;
	line-height: 21px
}

.delivery-item__content ul {
	margin-bottom: 16px
}

.delivery-item__content .delivery-item__clarification {
	margin-bottom: 16px
}

.delivery-item__content p {
	margin-bottom: 12px
}

.delivery-item__content .delivery-item__time {
	padding: 9px;
	border-top: 1px solid var(--color-main);
	border-bottom: 1px solid var(--color-main);
	margin-bottom: 24px
}

.delivery-item__content .delivery-item__time .icon {
	margin-right: 12px
}

.delivery-item__content .delivery-item__payments-title {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 16px;
	margin-top: 24px
}

.delivery-item__content .delivery-item__payments-icons {
	margin-top: 12px
}

.delivery-item__content .delivery-item__payments-icon {
	max-height: 65px;
	max-width: 65px;
	margin-right: 16px
}

.delivery-item__content .delivery-item__salons-text h3 {
	margin-bottom: 8px
}

.delivery-item__content .delivery-item__controls {
	margin-bottom: 26px
}

.delivery-item__content .delivery-item__controls .btn {
	color: #535353;
	border: 1px solid #e7e7e7;
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
	padding: 16px;
	width: 100%
}

.delivery-item__content .delivery-item__controls .btn.active {
	color: #fff;
	border-color: transparent;
	background: linear-gradient(90deg, var(--color-main-light) 0, var(--color-main-dark) 100%)
}

.delivery-item__content .delivery-item__controls .btn:first-child {
	margin-bottom: 8px
}

.delivery-item__content .delivery-item__controls .btn:not(.active):hover {
	border-color: #33736a
}

.justify-content-between-fix::after {
	content: "";
	flex: auto
}

@-webkit-keyframes rotatingNinety {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(90deg)
	}
}

@keyframes rotatingNinety {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(90deg)
	}
}

@-webkit-keyframes rotatingMirror {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(180deg)
	}
}

@keyframes rotatingMirror {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(180deg)
	}
}

@media screen and (min-width:768px) {
	.menu-mobile-wrap {
		top: 53px;
		max-width: 385px;
		border: none;
		padding-bottom: 0
	}
	.menu-mobile-wrap.menu-mobile-wrap--site {
		left: -385px
	}
	.menu-mobile-wrap--catalog {
		display: none
	}
	.menu-mobile-wrap--catalog.active {
		display: none
	}
	.menu-mobile__contacts {
		padding: 0
	}
	.menu-mobile__contacts-time {
		margin-bottom: 0
	}
	.menu-mobile__row {
		border-left: 1px solid #f1f1f1;
		border-right: 1px solid #f1f1f1;
		border-top: 1px solid #f1f1f1;
		border-bottom: none;
		padding: 16px 24px
	}
	.menu-mobile__row .menu-mobile__infolink-wrap {
		padding: 16px 0 15px 24px
	}
	.menu-mobile__row.menu-mobile__row--infolinks {
		background-color: #fff
	}
	.menu-mobile__row.menu-mobile__row--discount {
		border-left: none;
		border-right: none
	}
	.menu-mobile__row.menu-mobile__row--dropdown {
		padding-right: 0;
		padding-bottom: 0;
		padding-top: 0
	}
	.menu-mobile__row.menu-mobile__row--dropdown.active {
		padding-bottom: 0
	}
	.menu-mobile__row.menu-mobile__row--dropdown.active>.dropdown__link {
		padding-bottom: 16px
	}
	.dropdown__link {
		padding: 16px 24px
	}
	.dropdown .icon {
		width: 21px;
		height: 21px
	}
	.dropdown .dropdown__list .dropdown__link {
		padding: 8px 24px
	}
	.dropdown .dropdown__list .dropdown__list .dropdown__link {
		padding-left: 35px
	}
	.modal {
		padding: 32px;
		max-width: 700px
	}
	.modal#popup-locations {
		width: 716px;
		max-width: 716px
	}
	.modal__content.modal__content--fluid {
		margin: 0 -32px
	}
	.modal__close {
		top: 16px;
		right: 16px;
		line-height: 16px
	}
	.modal__close .icon svg {
		width: 16px;
		height: 16px
	}
	.main-slider {
		border-bottom: 1px solid #f1f1f1;
		border-top: 1px solid #f1f1f1;
		padding-bottom: 22px;
		margin-bottom: 70px
	}
	.main-slider__left {
		margin-bottom: 28px
	}
	.main-slider__controls {
		right: 0;
		width: 256px
	}
	.advantage {
		width: 50%;
		padding-right: 60px
	}
	.section--brands .brands__list {
		margin-bottom: 40px
	}
	.section--brands .brands__list .slick-list {
		padding-bottom: 0
	}
	.section--brands .brands__controls {
		display: block
	}
	.main-info {
		padding: 100px 0
	}
	.main-help {
		padding: 100px 0
	}
	.main-help__title {
		max-width: 480px
	}
	.main-help__text {
		margin-bottom: 40px;
		max-width: 375px
	}
	.main-help__image-wrap {
		position: absolute;
		right: 0;
		bottom: 100px;
		margin-bottom: 0
	}
	.main-help__image {
		max-width: 365px
	}
	.main-help__button {
		width: auto
	}
	.form-locations__block {
		padding: 0 32px
	}
	.form-locations__cities-list {
		-moz-columns: 4;
		columns: 4;
		padding: 0 0 0 20px;
		min-width: 650px
	}
	.form-locations__letter {
		left: -20px;
		top: 0
	}
	.header__search.header__search--locations {
		margin-bottom: 0;
		margin-right: 40px
	}
	.form-location__info-block:not(:last-child) {
		margin-bottom: 13px
	}
	.custom-select .current {
		padding-right: 8px;
		border-right: 1px solid #ececec;
		width: auto
	}
	.custom-select .list {
		width: auto
	}
	.showroom {
		font-size: 14px;
		line-height: 16px
	}
	.deliveries,
	.payments {
		margin: 0;
		width: 100%
	}
	.delivery-item__heading,
	.payment__heading {
		padding: 24px
	}
	.delivery-item__title-big,
	.payment__title-big {
		font-size: 22px;
		line-height: 30px;
		margin-right: 16px
	}
	.delivery-item__title-small,
	.payment__title-small {
		margin-top: 16px;
		font-size: 16px;
		line-height: 24px
	}
	.delivery-item__content,
	.payment__content {
		font-size: 16px;
		line-height: 24px;
		padding: 24px
	}
	.delivery-item__content h2,
	.delivery-item__content h3,
	.payment__content h2,
	.payment__content h3 {
		font-size: 18px;
		line-height: 27px
	}
	.delivery-item__clarification,
	.payment__clarification {
		padding: 16px
	}
	.delivery-item__content {
		font-size: 16px;
		line-height: 24px
	}
	.delivery-item__content .delivery-item__time {
		margin-bottom: 40px;
		margin-top: 28px
	}
	.delivery-item__content .delivery-item__payments-title {
		margin-top: 40px;
		margin-bottom: 24px
	}
	.delivery-item__content .delivery-item__controls {
		margin-bottom: 40px
	}
	.delivery-item__content .delivery-item__controls .btn {
		width: calc(50% - 10px)
	}
	.delivery-item__content .delivery-item__controls .btn:first-child {
		margin-bottom: 0;
		margin-right: 20px
	}
}

@media screen and (min-width:1024px) {
	.menu-mobile-wrap {
		display: none
	}
	.megamenu {
		width: 248px
	}
	.megamenu .megamenu__link {
		width: 248px
	}
	.megamenu .megamenu__subcontent {
		padding-left: 248px
	}
	.main-slider {
		border-bottom: none;
		border-right: 1px solid #f1f1f1;
		padding-bottom: 0;
		margin-bottom: 50px
	}
	.main-slider__left {
		width: calc(100% - 252px);
		margin-bottom: 0
	}
	.main-slider__right {
		width: 252px;
		padding: 28px 24px 84px 24px
	}
	.main-slider__controls {
		width: 252px
	}
	.advantage {
		width: 25%;
		padding-right: 36px
	}
	.advantage__logo {
		text-align: center;
		margin-bottom: 18px;
		margin-right: 0
	}
	.advantage__right {
		text-align: center
	}
	.main-help {
		padding: 75px 0 100px
	}
	.main-help__image {
		max-width: 541px
	}
	.header__search.header__search--locations {
		margin-right: 100px
	}
	.modal#popup-locations {
		width: 955px;
		max-width: 955px
	}
	.showroom {
		font-size: 16px;
		line-height: 18px
	}
	.delivery-item__content .delivery-item__payments-title {
		margin-top: 0;
		margin-bottom: 24px
	}
	.delivery-item__content .delivery-item__description {
		width: calc(100% - 304px);
		margin-right: 24px
	}
	.delivery-item__content .delivery-item__payments {
		width: 280px
	}
}

@media screen and (min-width:1366px) {
	.megamenu__submenu {
		max-height: 520px
	}
	.main-slider {
		margin-bottom: 70px
	}
	.main-slider__left {
		width: calc(100% - 324px)
	}
	.main-slider__right {
		width: 324px
	}
	.main-slider__controls {
		width: 324px
	}
	.advantage {
		padding-right: 80px
	}
	.main-info {
		padding: 120px 0
	}
	.main-help {
		padding: 130px 0 130px
	}
	.main-help__image-wrap {
		bottom: 130px
	}
	.main-help__image {
		max-width: 703px
	}
}

.lds-ring {
	display: inline-block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid var(--color-main);
	border-radius: 50%;
	-webkit-animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
	animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
	border-color: var(--color-main) transparent transparent transparent
}

.lds-ring div:nth-child(1) {
	-webkit-animation-delay: -.45s;
	animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
	-webkit-animation-delay: -.15s;
	animation-delay: -.15s
}

@-webkit-keyframes lds-ring {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes lds-ring {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

.preloader-wrapper {
	z-index: 2000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: rgba(255, 255, 255, .7)
}

.preloader-wrapper.fixed {
	position: fixed
}

.catalog-block {
	margin-bottom: 16px
}

.catalog-description.catalog-description--text {
	line-height: 21px
}

.catalog-description.catalog-description--full .catalog-description__img {
	margin-bottom: 16px
}

.catalog-description__img {
	max-width: 100%;
	margin: 0 auto
}

.subsections {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px
}

.subsection {
	border: 1px solid #f1f1f1;
	width: calc(50% - 20px);
	padding: 8px;
	position: relative;
	margin: 10px
}

.subsection:hover {
	box-shadow: 0 1px 15px rgba(0, 0, 0, .07)
}

.subsection__img-wrap {
	display: block;
	text-align: center;
	height: 120px;
	line-height: 120px;
	margin-bottom: 8px
}

.subsection__img {
	max-width: 120px;
	max-height: 120px
}

.subsection__name {
	font-size: 13px;
	line-height: 20px;
	display: block
}

.subsection__qty {
	background-color: #e3ecef;
	border-radius: 2px;
	color: #999;
	font-size: 13px;
	line-height: 15px;
	padding: 2px 8px;
	position: absolute;
	right: 8px;
	top: 8px
}

.catalog {
	position: relative;
	padding-top: 16px
}

.catalog__aside {
	background-color: #fff;
	left: -100%;
	opacity: 0;
	position: absolute;
	top: 15;
	transition: opacity .3s;
	width: 100%;
	z-index: 3
}

.catalog__aside.catalog__aside--opened {
	left: 0;
	opacity: 1;
	transition: opacity .3s
}

.catalog__aside .brands .brands__brand {
	width: 100%;
	margin-bottom: 8px
}

.catalog__aside-content {
	border: 1px solid #f3f3f3
}

.help__title {
	cursor: pointer;
	padding: 16px 12px;
	border-bottom: 1px solid #f3f3f3;
	line-height: 29px;
	font-size: 18px;
	color: #222;
	position: relative
}

.help__title .icon {
	position: absolute;
	right: 12px;
	top: 23px;
	width: 16px;
	height: 16px;
	transform: rotate(90deg)
}

.help__title .icon svg {
	height: 11px
}

.help__list {
	padding: 16px 12px
}

.help__link {
	font-size: 14px;
	color: #535353;
	line-height: 24px
}

.help__link:not(:last-child) {
	margin-bottom: 8px
}

.help__link .icon {
	transform: rotate(-45deg)
}

.help__link .icon svg {
	fill: var(--color-main);
	width: 14px;
	height: 14px
}

.help__question {
	border-top: 1px solid #f3f3f3;
	color: #222;
	font-size: 14px;
	line-height: 24px;
	margin: 0 12px;
	padding: 16px 4px;
	text-align: center
}

.help__question .dot {
	margin-right: 8px
}

.catalog__help.active .help__title .icon {
	transform: rotate(-90deg)
}

.help__title-img {
	margin-right: 16px
}

.filter {
	position: relative;
	background-color: #f9f9f9;
	border: 1px solid #f3f3f3
}

.filter__title {
	cursor: pointer;
	padding: 12px 0;
	position: relative
}

.filter__title .icon {
	position: absolute;
	right: 0;
	top: 12px;
	width: 16px;
	height: 16px;
	transform: rotate(90deg)
}

.filter__title .icon svg {
	height: 11px
}

.filter__item {
	padding: 12px 12px;
	position: relative
}

.filter__item:not(:last-child) {
	border-bottom: 1px solid #e7e7e7
}

.filter__item.filter__item--without-title .filter__list {
	margin-top: 12px
}

.filter__item.active .filter__title .icon {
	transform: rotate(-90deg)
}

.filter__item--total .filter__title {
	color: #999;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	padding-top: 0
}

.filter__item--total .filter__list {
	margin-top: 12px
}

.filter__item--total .btn {
	width: 100%;
	text-align: center
}

.filter__list {
	margin-top: 16px;
	padding-bottom: 12px
}

.filter__list .filter__subgroup:not(:last-child) {
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	margin-bottom: 12px
}

.filter__list .filter__subgroup .filter__param:first-child {
	margin-right: 16px
}

.filter__param .form__label {
	width: 100%;
}

.filter__list.filter__list--brands {
	max-height: 470px;
	overflow-y: auto
}

.filter__param {
	cursor: pointer;
	font-size: 14px;
	line-height: 20px
}

.filter__param:not(:last-child) {
	margin-bottom: 11px
}

.filter__param.filter__param--switch .filter__param-title {
	width: calc(100% - 36px)
}

.filter__param.filter__param--switch .icon {
	display: block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: cover
}

.filter__param.filter__param--switch .icon.icon--new {
	background-image: url(../img/icons/label-new.png)
}

.filter__param.filter__param--switch .icon.icon--gift {
	background-image: url(../img/icons/label-gift.png)
}

.filter__param.filter__param--switch .icon.icon--sale {
	background-image: url(../img/icons/label-sale.png)
}

.filter__param.filter__param--switch .icon.icon--install {
	background-image: url(../img/icons/label-install.png)
}

.filter__param.filter__param--radio .form__radio {
	margin-right: 6px
}

.filter__param.filter__param--with-collection .dropdown__link--opener {
	width: 50%;
	text-align: right
}

.filter__param.filter__param--with-collection .dropdown__link--opener .icon {
	margin-right: 0;
	transform: rotate(90deg)
}

.filter__param.filter__param--with-collection .dropdown__link--opener .icon svg {
	width: 11px;
	height: 11px
}

.filter__param.filter__param--with-collection.active {
	background-color: #f9f9f9
}

.filter__param.filter__param--with-collection.active .dropdown__link--opener .icon {
	transform: rotate(-90deg)
}

.filter__submit {
	border: none
}

.filter__clear-btn {
	border: none;
	background: 0 0
}

.collections {
	margin-top: 12px;
	padding-left: 28px
}

.collections__title {
	color: #222;
	margin-bottom: 6px
}

.collections__list .form__label:not(:last-child) {
	margin-bottom: 8px
}

.collections__show-all {
	font-size: 13px
}

.filter__param-title {
	cursor: pointer
}

.filter__param-title .icon {
	margin-right: 8px
}

.filter__param-title:not([disabled]):hover {
	color: var(--color-main)
}

.filter__param-title:not([disabled]):hover .form__checkbox-c:not(:checked) {
	border-color: var(--color-main)
}

.filter__subgroup-title {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 8px
}

.filter__clear {
	display: block;
	font-size: 14px;
	width: 100%;
	text-align: center;
	margin-top: 16px
}

.filter__clear .icon {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-right: 8px
}

.filter__clear .icon svg {
	width: 14px;
	height: 14px
}

.filter__modef-container {
	position: relative
}

.filter__modef {
	display: none;
	background-color: var(--color-main);
	font-size: 14px;
	font-weight: 500;
	height: 44px;
	line-height: 21px;
	padding: 12px 16px;
	position: absolute;
	left: calc(100% + 20px);
	top: -2px;
	z-index: 3
}

.filter__modef .link {
	color: #fff;
	white-space: nowrap
}

.filter__modef:before {
	position: absolute;
	right: 100%;
	content: ' ';
	width: 0;
	height: 0;
	top: 14px;
	border-right: 8px solid var(--color-main);
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent
}

.form .form__input.range__input {
	display: block;
	color: #535353;
	width: 113px;
	height: 32px;
	line-height: 20px;
	padding: 6px 6px 6px 36px
}

.range .noUi-target {
	border-radius: 0;
	box-shadow: none;
	border: none;
	background: #ececec
}

.range .noUi-horizontal {
	height: 3px
}

.range .noUi-horizontal .noUi-handle {
	border: 2px solid #d6d6d6;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	box-shadow: none;
	top: -9px;
	right: -10px
}

.range .noUi-horizontal .noUi-handle:before {
	width: 6px;
	height: 6px;
	border-left: 2px solid var(--color-main);
	border-top: 2px solid var(--color-main);
	left: 6px;
	top: 5px;
	background: 0 0
}

.range .noUi-horizontal .noUi-handle:after {
	content: '';
	display: none
}

.range .noUi-horizontal .noUi-handle.noUi-handle-upper:before {
	transform: rotate(135deg);
	left: 4px
}

.range .noUi-horizontal .noUi-handle.noUi-handle-lower:before {
	transform: rotate(-45deg)
}

.range .noUi-connect {
	background: var(--color-main)
}

.range__input-wrap {
	position: relative
}

.range__input-wrap:before {
	color: #999;
	position: absolute;
	left: 8px;
	top: 6px
}

.range__input-wrap.range__input-wrap--from:before {
	content: 'От'
}

.range__input-wrap.range__input-wrap--to:before {
	content: 'До'
}

.range__slider {
	margin-top: 24px
}

.catalog__inner {
	width: 100%;
	padding-bottom: 80px
}

.catalog__controls {
	margin-bottom: 24px
}

.catalog__controls-left {
	width: 100%
}

.catalog__filter-btn {
	background: var(--color-main);
	color: #fff;
	display: inline-block;
	width: 100%;
	padding: 7px 0;
	line-height: 24px;
	text-align: center;
	margin-bottom: 16px
}

.catalog__filter-btn .icon {
	width: 24px;
	height: 24px;
	vertical-align: middle
}

.catalog__filter-btn .icon svg {
	fill: #fff
}

.catalog__filter-btn .title {
	font-size: 14px;
	vertical-align: middle
}

.catalog__filter-btn.catalog__filter-btn--active {
	position: relative;
	width: 100%;
	margin-bottom: 0
}

.catalog__filter-btn.catalog__filter-btn--active .icon-close {
	position: absolute;
	right: 16px;
	top: 11px;
	width: 15px;
	height: 15px
}

.catalog__ctrl-wrap--select {
	width: 50%
}

.catalog__ctrl-wrap--select:first-child {
	margin-right: 8px
}

.catalog__ctrl-wrap--select .custom-select {
	width: 100%
}

.catalog__ctrl-title {
	font-size: 9px;
	color: #535353;
	margin-bottom: 8px;
	text-transform: uppercase
}

.view .view__list {
	border: 1px solid #f1f1f1
}

.view .view__item {
	font-size: 13px;
	line-height: 20px;
	color: #535353;
	padding: 5px 0
}

.view .view__item:not(:first-child):not(.active) .view__name {
	border-left: 1px solid #f1f1f1
}

.view .view__item.active {
	background-color: var(--color-main);
	color: #fff
}

.view .view__item:not(.active):hover {
	color: var(--color-main)
}

.view .view__name {
	padding: 0 12px
}

.card {
	position: relative;
	width: 100%;
	padding: 16px 0 0;
	border: 1px solid #f3f3f3;
	margin-bottom: 40px
}

.card:hover {
	box-shadow: 0 1px 15px rgba(0, 0, 0, .07);
	z-index: 2
}

.card:hover .card__footer {
	display: block
}

.card:hover .card__showroom {
	display: block
}

.card__block-wrap {
	padding-left: 24px;
	padding-right: 24px
}

.card__showroom {
	position: absolute;
	top: -33px;
	left: 0;
	width: 100%;
	display: none;
	z-index: 2
}

.showroom:hover .showroom__content {
	display: block
}

.showroom .card__prices-wrap {
	margin-bottom: 16px
}

.showroom .card__price-old {
	margin-bottom: 0
}

.showroom__title {
	background-color: var(--color-main);
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	line-height: 21px;
	padding: 6px 6px 5px 6px;
	text-align: center
}

.showroom__content {
	display: none;
	background-color: #fff
}

.showroom__subtitle {
	color: #535353;
	font-size: 14px;
	line-height: 21px;
	padding-top: 15px;
	margin-bottom: 12px;
	text-align: center
}

.showroom__img-wrap {
	height: 120px;
	text-align: center;
	margin-bottom: 8px
}

.showroom__img {
	max-width: 120px;
	max-height: 120px;
	vertical-align: middle
}

.showroom__detail {
	background-color: var(--color-main);
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	padding: 8px;
	text-align: center;
	width: 100%
}

.showroom__detail:hover {
	color: #fff
}

.card__labels {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%
}

.label {
	cursor: default;
	display: inline-block;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 6px 16px;
	color: #fff;
	font-size: 14px;
	line-height: 21px
}

.label.label--sale {
	background-color: #fb4d3d
}

.label.label--install {
	background-color: #ef9e3f
}

.label.label--new {
	background-color: #3da0fb
}

.label.label--gift {
	background-color: #7b3be4
}

.label.label--showroom-simple {
	background-color: var(--color-main)
}

.label.label--showroom-other,
.label.label--showroom-this {
	padding: 0;
	width: 36px;
	height: 33px;
	display: block
}

.label.label--showroom-other {
	background: url(../img/icons/showroom-other.png)
}

.label.label--showroom-this {
	background: url(../img/icons/showroom-this.png)
}

.link .label {
	cursor: pointer
}

.card__img-wrap {
	height: 252px;
	line-height: 252px;
	width: 100%;
	text-align: center;
	margin-bottom: 8px
}

.card__img-wrap .card__img {
	display: inline-block
}

.card__img {
	max-width: 252px;
	max-height: 252px;
	vertical-align: middle
}

.card__artnum {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 8px;
	word-break: break-all
}

.card__name {
	font-size: 14px;
	line-height: 21px;
	max-height: 63px;
	overflow: hidden;
	margin-bottom: 24px
}

.slick-slide .card__name {
	height: 63px
}

.card__prices-wrap {
	margin-bottom: 24px
}

.card__price-current {
	font-size: 18px;
	line-height: 21px;
	font-weight: 500;
	white-space: nowrap;
	margin-right: 8px;
	white-space: nowrap
}

.card__price-old {
	font-size: 13px;
	line-height: 15px;
	color: #535353;
	margin-right: 18px;
	text-decoration: line-through;
	white-space: nowrap
}

.card__prices-discount {
	background-color: #fb4d3d;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	height: 20px;
	line-height: 15px;
	padding: 2px 10px 2px 4px;
	position: relative
}

.card__prices-discount:before {
	position: absolute;
	right: 100%;
	content: ' ';
	width: 0;
	height: 0;
	top: 0;
	border-right: 10px solid #fb4d3d;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.card__availability {
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f1f1f1
}

.card__availability-icon {
	margin-right: 6px
}

.card__availability-icon .icon {
	width: 15px;
	height: 15px;
	vertical-align: middle
}

.card__availability-icon .icon svg {
	fill: #999
}

.card__cheaper {
	color: var(--color-main);
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 14px;
	line-height: 17px;
	text-align: center
}

.cheaper-discount {
	font-size: 14px;
	color: #fb4d3d
}

.card__cheaper-wrap {
	position: relative
}

.card__cheaper-wrap.active .cheaper-text {
	display: block
}

.card__footer {
	position: absolute;
	width: calc(100% + 2px);
	top: 100%;
	left: -1px;
	background-color: #fff;
	display: none;
	border: 1px solid #f1f1f1;
	box-shadow: 0 7px 7px rgba(0, 0, 0, .07)
}

.card__qty-wrap {
	width: 50%
}

.card__qty-change {
	padding: 0 15px
}

.card__qty-change .icon {
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.card__qty-change svg {
	display: block;
	stroke: var(--color-main)
}

.card__qty-change.disabled svg {
	stroke: #a3a3a3
}

.card__qty-change.card__qty-change--minus {
	border-right: 1px solid #f1f1f1
}

.card__qty-change.card__qty-change--minus svg {
	width: 8px;
	height: 8px
}

.card__qty-change.card__qty-change--plus {
	border-left: 1px solid #f1f1f1
}

.card__qty-input {
	border: none;
	outline: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 26px;
	line-height: 26px;
	width: 38px;
	text-align: center;
	font-size: 22px
}

.card__buy-btn {
	padding: 19px 23px 19px 23px;
	height: 56px;
	width: 50%;
	text-align: center
}

.card__buy-btn .icon {
	vertical-align: middle
}

.card__buy-btn .icon svg {
	fill: #fff
}

.card__buy-btn .title {
	vertical-align: middle
}

.card__buy-btn .card__buy-icon--in,
.card__buy-btn .card__buy-text--in {
	display: none
}

.card__buy-btn.card__buy-btn--in .card__buy-icon--in,
.card__buy-btn.card__buy-btn--in .card__buy-text--in {
	display: inline-block
}

.card__buy-btn.card__buy-btn--in .card__buy-icon--buy,
.card__buy-btn.card__buy-btn--in .card__buy-text--buy {
	display: none
}

.catalog__more-btn {
	border: 1px solid #e7e7e7;
	display: block;
	font-size: 16px;
	line-height: 24px;
	padding: 12px;
	width: 100%;
	margin-bottom: 16px;
	text-align: center
}

.catalog__more-btn:hover {
	border-color: #d0d0d0
}

.catalog__more-btn:active {
	background-color: var(--color-main-dark);
	border-color: #e7e7e7;
	color: #fff
}

.card__ucenka {
	font-size: 14px;
	line-height: 21px;
	padding-top: 10px;
	padding-bottom: 10px
}

.nav__text {
	color: #535353;
	font-size: 16px;
	line-height: 24px
}

.nav__item {
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	color: #535353;
	padding: 4px 12px
}

.nav__item.active {
	background-color: var(--color-main);
	color: #fff
}

.nav__item:not(.active):hover {
	color: var(--color-main)
}

.nav__arrow .icon {
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.nav__arrow .icon svg {
	display: block;
	width: 9px;
	height: 14px;
	fill: #535353
}

.nav__arrow:hover .icon svg {
	fill: var(--color-main)
}

.nav__arrow.nav__arrow--left {
	border-right: 1px solid #d6d6d6
}

.nav__arrow.nav__arrow--left .icon {
	transform: rotate(-180deg)
}

.nav__arrow.nav__arrow--right {
	border-left: 1px solid #d6d6d6
}

.similiar__title {
	font-size: 28px;
	line-height: 33px;
	font-weight: 500;
	margin-bottom: 20px;
	padding-top: 40px
}

.similiar__list {
	margin-left: -24px
}

.similiar .card {
	width: calc(25% - 24px);
	margin-left: 24px
}

.similiar .card:hover .card__showroom {
	display: none
}

.similiar .card__block-wrap {
	padding-left: 16px;
	padding-right: 16px
}

.similiar .card__img-wrap {
	height: 196px;
	line-height: 196px
}

.similiar .card__img {
	max-width: 196px;
	max-height: 196px
}

.similiar .card__availability,
.similiar .card__cheaper,
.similiar .card__qty-wrap {
	display: none!important
}

.similiar .card__buy-btn {
	width: 100%;
	padding: 12px;
	height: 48px
}

.product__labels-wrap {
	margin-bottom: 24px
}

.product__artnum {
	font-size: 14px;
	line-height: 21px
}

.product__picture {
	margin-left: -14px;
	margin-right: -14px;
	position: relative;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 24px
}

.product__bigpicture-wrap {
	cursor: pointer;
	width: 100%;
	height: 320px
}

.product__bigpicture {
	max-width: 100%;
	max-height: 320px;
	width: auto
}

.product__bigpictures-dots {
	position: absolute;
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%)
}

.product__thumb-wrap {
	cursor: pointer;
	width: 84px;
	height: 84px;
	border: 2px solid #e7e7e7!important;
	margin-bottom: 8px
}

.product__thumb-wrap.slick-current {
	border: 2px solid #999!important
}

.product__thumb {
	max-width: 100%;
	max-height: 100%
}

.product__info {
	margin-bottom: 80px
}

.product__buy-wrap {
	border: 1px solid #f3f3f3;
	margin-bottom: 24px;
	padding: 16px
}

.product__buy-wrap:hover {
	box-shadow: 0 1px 15px rgba(0, 0, 0, .07)
}

.product__discount {
	margin-bottom: 14px
}

.product__price-current {
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	white-space: nowrap
}

.product__price-old {
	font-size: 13px;
	line-height: 15px;
	color: #535353;
	margin-right: 18px;
	text-decoration: line-through
}

.product__price-discount,
.product__price-discount-text {
	position: relative;
	background-color: #fb4d3d;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	height: 20px;
	line-height: 16px
}

.product__price-discount {
	padding: 2px 10px 2px 4px;
	margin-right: 1px
}

.product__price-discount:before {
	position: absolute;
	right: 100%;
	content: ' ';
	width: 0;
	height: 0;
	top: 0;
	border-right: 10px solid #fb4d3d;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.product__price-discount-text {
	padding: 2px 8px
}

.product__steps {
	margin-top: 14px;
	font-size: 14px;
	line-height: 21px
}

.product__step .title {
	color: #999;
	margin-right: 8px
}

.product__step .value {
	color: #535353;
	font-weight: 700
}

.product__step:not(:last-child) {
	margin-bottom: 8px
}

.product__buy-btn {
	padding: 19px 23px 19px 23px;
	height: 56px;
	width: 100%;
	text-align: center;
	margin-top: 24px
}

.product__buy-btn .icon {
	vertical-align: middle
}

.product__buy-btn .icon svg {
	fill: #fff
}

.product__buy-btn .title {
	vertical-align: middle
}

.product__buy-btn .product__buy-icon--in,
.product__buy-btn .product__buy-text--in {
	display: none
}

.product__buy-btn.product__buy-btn--in .product__buy-icon--in,
.product__buy-btn.product__buy-btn--in .product__buy-text--in {
	display: inline-block
}

.product__buy-btn.product__buy-btn--in .product__buy-icon--buy,
.product__buy-btn.product__buy-btn--in .product__buy-text--buy {
	display: none
}

.product__cheaper {
	color: var(--color-main);
	display: block;
	padding-top: 12px;
	font-size: 14px;
	line-height: 17px;
	text-align: center
}

.cheaper-text {
	position: absolute;
	bottom: 100%;
	border: 1px solid #f3f3f3;
	background-color: #fff;
	display: none;
	padding: 12px 8px;
	font-size: 13px;
	color: #535353;
	line-height: 20px
}

.product__cheaper-wrap {
	position: relative
}

.product__cheaper-wrap.active .cheaper-text {
	display: block
}

.product__delivery {
	border: 1px solid #f3f3f3;
	padding: 16px;
	margin-top: 16px
}

.delivery__block {
	font-size: 13px
}

.delivery__block .delivery__row:not(:last-child) {
	margin-bottom: 6px
}

.delivery__block.delivery__block--location {
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 11px;
	margin-bottom: 11px
}

.delivery__row {
	line-height: 21px
}

.delivery__row .title.value--warning,
.delivery__row .value.value--warning {
	color: #fb4d3d
}

.delivery__row .title {
	white-space: nowrap;
	margin-right: 4px
}

.delivery__row .value {
	max-width: calc(100% - 100px);
	margin-left: 4px;
	text-align: right
}

.delivery__row .filler {
	border-bottom: 1px dashed #e7e7e7;
	height: 16px;
	flex-grow: 1
}

.delivery__row.delivery__row--city {
	font-size: 14px
}

.product__complectation {
	margin-top: 16px
}

.complectation__brand-wrap {
	border: 1px solid #f3f3f3;
	display: block;
	width: 100%;
	padding: 13px;
	text-align: center;
	line-height: 38px
}

.complectation__brand-wrap:hover {
	border-color: #e7e7e7
}

.complectation__brand {
	max-height: 38px;
	max-width: 100%;
	vertical-align: middle
}

.complectation__collection {
	margin-top: 12px
}

.complectation__content {
	margin-top: 16px
}

.complectation__title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500
}

.complectation__item {
	display: block;
	margin-top: 8px;
	margin-left: 13px;
	position: relative;
	font-size: 14px;
	line-height: 21px
}

.complectation__item:before {
	background-color: var(--color-main);
	content: '';
	display: block;
	position: absolute;
	left: -13px;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%
}

.complectation__buy-separately {
	border: 1px solid #e7e7e7;
	color: var(--color-main);
	display: block;
	width: 300px;
	margin-top: 40px;
	padding: 12px;
	text-align: center
}

.complectation__buy-separately:hover {
	border-color: #30927e
}

.product__tabs-title {
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 12px
}

.tabs__caption {
	overflow-x: auto
}

.tabs__caption .tabs__title:first-child {
	padding-left: 0
}

.tabs__title {
	cursor: pointer;
	white-space: nowrap;
	font-size: 12px;
	line-height: 21px;
	border-bottom: 2px solid transparent
}

.tabs__title.active {
	border-bottom: 2px solid var(--color-main)
}

.tabs__content {
	position: relative;
	display: none
}

.tabs__content.active {
	display: block
}

.product__tabs-complectation .tabs__title {
	padding: 12px 6px
}

.product__tabs-complectation .tabs__body {
	margin-top: -2px;
	margin-left: -14px;
	padding-left: 14px;
	border-top: 2px solid #f3f3f3
}

.product__tabs-complectation .tabs__content {
	padding: 16px 0 0 0;
	margin-bottom: 80px
}

.product__tabs-complectation .tabs__content.tabs__content--products {
	margin-bottom: 32px
}

.required__sections {
	margin-bottom: 16px;
	overflow-x: auto
}

.required__section {
	border: 1px solid #e7e7e7;
	font-size: 11px;
	line-height: 21px;
	padding: 8px;
	white-space: nowrap
}

.required__section:not(:first-child) {
	margin-left: 12px
}

.required__section.active {
	color: #fff;
	background-color: var(--color-main)
}

.required__section:hover {
	border-color: #d0d0d0
}

.required__list {
	overflow-x: auto;
	margin-left: -8px
}

.required__list .slick-track {
	margin-left: -8px
}

.required {
	overflow-x: auto
}

.required .card {
	width: 122px;
	margin: 0 8px;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

.required .card__block-wrap {
	padding-left: 8px;
	padding-right: 8px
}

.required .card__img-wrap {
	height: 106px;
	line-height: 106px
}

.required .card__img {
	max-width: 106px;
	max-height: 106px
}

.required .card__name {
	font-size: 10px;
	line-height: 16px;
	margin-bottom: 16px
}

.required .card__buy-btn {
	width: 100%;
	padding: 8px;
	height: 36px;
	font-size: 13px
}

.required .card__buy-btn .icon {
	width: 18px;
	height: 18px
}

.required .card__prices-wrap {
	margin-bottom: 16px
}

.required .card__prices-discount-info {
	width: 100%;
	margin-bottom: 8px
}

.required .card__price-old {
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 0
}

.required .card__prices-discount {
	font-size: 10px;
	line-height: 16px
}

.required .card__footer {
	display: block
}

.product__tabs-info {
	margin-bottom: 80px
}

.product__tabs-info .tabs__title {
	padding: 15px 12px;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	background-color: #f9f9f9;
	position: relative
}

.product__tabs-info .tabs__title:first-child {
	padding-left: 12px
}

.product__tabs-info .tabs__title:last-child {
	border-right: 1px solid #e7e7e7
}

.product__tabs-info .tabs__title.active {
	background-color: #fff
}

.product__tabs-info .tabs__title.active:after,
.product__tabs-info .tabs__title:hover:after {
	content: '';
	width: calc(100% + 2px);
	height: 4px;
	position: absolute;
	z-index: 2;
	bottom: -1px;
	left: -1px;
	background-color: var(--color-main)
}

.product__tabs-info .tabs__body {
	padding-top: 22px
}

.product__description {
	color: #535353;
	font-size: 14px;
	line-height: 21px
}

.scroll::-webkit-scrollbar {
    width: 10px;
}

.product__description h2,
.product__description h3,
.product__description h4 {
	color: #333;
	margin-bottom: 16px
}

.product__description ul {
	list-style: disc inside
}

.product__characters-title {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 16px;
	font-weight: 500
}

.product__characters-list {
	width: 100%
}

.product__characters-item {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 12px
}

.product__characters-item .filler {
	border-bottom: 1px dashed #e7e7e7;
	height: 16px;
	flex-grow: 1
}

.product__documentation-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	margin-bottom: 16px
}

.product__document {
	border-top: 1px solid #f3f3f3;
	padding: 12px 0
}

.product__document:last-child {
	border-bottom: 1px solid #f3f3f3
}

.document__logo {
	width: 40px;
	height: 40px;
	margin-right: 12px;
	flex: 0 0 40px
}

.document__logo.document__logo--pdf {
	background: url(../img/icons/file-pdf.png)
}

.document__info {
	margin-bottom: 8px
}

.document__download .icon {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	margin-left: 6px
}

.document__download .icon svg {
	fill: var(--color-main)
}

.product__collection-sections {
	margin-bottom: 16px;
	overflow-x: auto;
	position: relative
}

.product__collection-sections:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #f3f3f3;
	z-index: 1
}

.product__collection-section {
	font-size: 12px;
	line-height: 21px;
	padding: 0 0 10px 0;
	margin: 0 12px 0 0;
	border-bottom: 2px solid transparent;
	white-space: nowrap;
	z-index: 2
}

.product__collection-section:first-child {
	margin-left: 0
}

.product__collection-section.active {
	border-bottom-color: var(--color-main)
}

.product__collection-section:hover {
	border-bottom-color: var(--color-main)
}

.product__collection-section .qty {
	color: #999;
	font-size: 12px;
	margin-left: 8px
}

.product__collection-subsections {
	overflow-x: auto;
	margin-bottom: 16px
}

.product__collection-subsection {
	border: 1px solid #e7e7e7;
	font-size: 11px;
	line-height: 21px;
	padding: 8px;
	white-space: nowrap
}

.product__collection-subsection:not(:first-child) {
	margin-left: 12px
}

.product__collection-subsection.active {
	color: #fff;
	background-color: var(--color-main)
}

.product__collection-subsection:hover {
	border-color: #d0d0d0
}

.product__collection-list {
	overflow-x: auto
}

.product__collection-list .slick-track {
	margin-left: -8px
}

.product__collection-list .card {
	margin: 0 8px 57px 8px;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

.product__collection-list .card__buy-btn {
	padding: 19px 0
}

.product__collection-list .slider-arrow,
.required .slider-arrow {
	width: 64px;
	text-align: center;
	line-height: 32px;
	background-color: #fff;
	border: 1px solid #e7e7e7;
	opacity: 1
}

.product__collection-list .slider-arrow .icon svg,
.required .slider-arrow .icon svg {
	width: 8px;
	height: 16px
}

.product__collection-list .slider-arrow.slider-arrow--prev,
.required .slider-arrow.slider-arrow--prev {
	left: -40px
}

.product__collection-list .slider-arrow.slider-arrow--next,
.required .slider-arrow.slider-arrow--next {
	right: -32px
}

.product__collection-list .slider-arrow:not(.slick-disabled) svg,
.required .slider-arrow:not(.slick-disabled) svg {
	fill: #30927e
}

.product__collection-list .slider-arrow:not(.slick-disabled):hover,
.required .slider-arrow:not(.slick-disabled):hover {
	border-color: #30927e
}

.product__collection-list .slider-arrow.slick-disabled svg,
.required .slider-arrow.slick-disabled svg {
	fill: #e7e7e7
}

@media screen and (min-width:768px) {
	.catalog-block {
		margin-bottom: 20px
	}
	.catalog-description.catalog-description--full .catalog-description__img {
		margin-bottom: 20px
	}
	.subsection {
		width: 164px;
		padding: 12px
	}
	.subsection__img-wrap {
		height: 140px;
		line-height: 140px;
		margin-bottom: 25px
	}
	.subsection__img {
		max-width: 140px;
		max-height: 125px
	}
	.subsection__qty {
		right: 12px;
		top: 12px
	}
	.catalog {
		padding-top: 40px
	}
	.catalog__aside {
		width: 300px;
		top: 40px
	}
	.catalog__controls-left {
		width: auto
	}
	.catalog__filter-btn {
		width: 145px;
		padding: 13px 0;
		margin-bottom: 0
	}
	.catalog__filter-btn.catalog__filter-btn--active .icon-close {
		width: 22px;
		height: 22px;
		top: 14px
	}
	.catalog__ctrl-wrap {
		margin-right: 16px
	}
	.catalog__ctrl-wrap--select {
		width: auto
	}
	.catalog__list {
		margin-left: -20px
	}
	.card {
		width: calc(50% - 20px);
		margin-left: 20px
	}
	.card__container {
		height: 100%
	}
	.card__cheaper-wrap:hover .cheaper-text {
		display: block
	}
	.catalog__more-btn {
		margin-bottom: 40px
	}
	.product__info {
		display: grid;
		grid-template-areas: "picture picture" "complectation buy" "complectation delivery";
		grid-column-gap: 20px;
		margin-bottom: 60px
	}
	.product__info.product__info--without-complectation {
		grid-template-areas: "picture" "buy" "delivery"
	}
	.product__picture {
		grid-area: picture;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		border-left: 1px solid #f3f3f3;
		border-right: 1px solid #f3f3f3
	}
	.product__bigpicture-wrap {
		height: 540px
	}
	.product__bigpicture {
		max-height: 540px
	}
	.product__cheaper-wrap:hover .cheaper-text {
		display: block
	}
	.product__buy-wrap {
		grid-area: buy;
		margin-bottom: 0
	}
	.product__delivery {
		grid-area: delivery
	}
	.product__complectation {
		grid-area: complectation
	}
	.product__complectation {
		margin-top: 0
	}
	.product__tabs-complectation .tabs__title {
		padding: 16px 25px;
		font-size: 16px;
		line-height: 27px
	}
	.product__tabs-complectation .tabs__body {
		margin-left: 0;
		padding-left: 0
	}
	.product__tabs-complectation .tabs__content {
		padding: 24px 0 0 0
	}
	.required__list {
		margin-left: 0
	}
	.required__list .slick-track {
		margin-left: -11px
	}
	.required {
		overflow-x: visible
	}
	.required .card {
		width: 224px;
		margin: 0 11px 48px 11px
	}
	.required .card__block-wrap {
		padding-left: 12px;
		padding-right: 12px
	}
	.required .card__img-wrap {
		height: 196px;
		line-height: 196px
	}
	.required .card__img {
		max-width: 196px;
		max-height: 193px
	}
	.required .card__name {
		max-height: 54px
	}
	.required .card__name {
		font-size: 12px;
		line-height: 18px
	}
	.required .card__buy-btn {
		width: 100%;
		padding: 12px;
		height: 48px;
		font-size: 16px;
		line-height: 24px
	}
	.required .card__buy-btn .icon {
		width: 18px;
		height: 18px
	}
	.required .card__prices-wrap {
		position: relative
	}
	.required .card__prices-discount-info {
		margin-bottom: 8px;
		width: auto
	}
	.required .card__price-old {
		font-size: 13px;
		line-height: 16px
	}
	.required .card__prices-discount {
		font-size: 13px;
		line-height: 16px
	}
	.required .card__footer {
		display: none
	}
	.required .card:hover .card__footer {
		display: block
	}
	.required__sections {
		margin-bottom: 24px
	}
	.required__section {
		font-size: 14px;
		padding: 8px 12px
	}
	.required__section:not(:first-child) {
		margin-left: 16px
	}
	.required__list {
		overflow-x: visible
	}
	.product__tabs-info .tabs__title {
		padding: 16px 24px 12px 24px;
		font-size: 16px;
		line-height: 24px
	}
	.product__tabs-info .tabs__title:first-child {
		padding-left: 24px
	}
	.product__tabs-info .tabs__body {
		padding-top: 32px
	}
	.product__characters-list {
		width: auto;
		min-width: 650px
	}
	.product__characters-item {
		font-size: 16px;
		line-height: 24px
	}
	.product__characters-item .filler {
		height: 18px
	}
	.product__documentation {
		max-width: 650px
	}
	.product__documentation-title {
		margin-bottom: 24px
	}
	.product__collection-sections {
		margin-bottom: 24px
	}
	.product__collection-section {
		font-size: 16px;
		line-height: 27px;
		padding: 0 0 14px 0;
		margin: 0 50px 0 0
	}
	.product__collection-section:first-child {
		margin-left: 0
	}
	.product__collection-subsections {
		margin: -16px -8px 24px -8px
	}
	.product__collection-subsection {
		font-size: 14px;
		line-height: 21px;
		padding: 8px 12px;
		white-space: nowrap;
		margin: 16px 8px 0 8px
	}
	.product__collection-subsection:not(:first-child) {
		margin-left: 8px
	}
	.product__collection-list {
		overflow-x: visible
	}
	.product__collection-list .slick-track {
		margin-left: -11px
	}
	.product__collection-list .card {
		margin: 0 11px 57px 11px
	}
	.filter__modef.active {
		display: block
	}
}

@media screen and (min-width:1024px) {
	.catalog-block {
		margin-bottom: 40px
	}
	.catalog-description.catalog-description--full .catalog-description__img {
		margin-bottom: 0;
		margin-right: 24px;
		max-width: 60%
	}
	.catalog__aside {
		position: relative;
		left: 0;
		top: 0;
		opacity: 1;
		width: 228px;
		margin-right: 24px
	}
	.catalog__aside-content {
		border: none
	}
	.catalog__filter {
		border: 1px solid #f3f3f3
	}
	.catalog__help {
		border-left: 1px solid #f3f3f3;
		border-right: 1px solid #f3f3f3;
		border-top: 1px solid #f3f3f3;
		margin-bottom: 12px
	}
	.help__title {
		font-size: 16px
	}
	.help__list {
		border-bottom: 1px solid #f3f3f3
	}
	.form .form__input.range__input {
		width: 96px
	}
	.catalog__inner {
		width: calc(100% - 252px)
	}
	.card__prices-wrap {
		height: 44px
	}
	.card__price-current {
		margin-right: 18px
	}
	.card__price-old {
		margin-bottom: 8px
	}
	.card {
		width: calc(33.3% - 40px)
	}
	.showroom__title {
		font-size: 12px
	}
	.card__img-wrap {
		height: 180px;
		line-height: 180px
	}
	.card__img {
		max-width: 180px;
		max-height: 180px
	}
	.card__qty-wrap {
		width: 40%
	}
	.card__qty-input {
		width: 18px
	}
	.card__buy-btn {
		padding: 19px 8px 19px 8px;
		width: 60%
	}
	.product__info {
		grid-template-areas: "picture buy" "picture complectation" "delivery complectation";
		grid-column-gap: 24px
	}
	.product__info.product__info--without-complectation {
		grid-template-areas: "picture buy" "picture delivery"
	}
	.product__picture {
		width: auto;
		border-top: none;
		border-bottom: none;
		border-left: none;
		border-right: none
	}
	.product__thumbs-slider {
		width: 84px;
		margin-right: 24px
	}
	.product__bigpictures-slider {
		width: calc(100% - 108px);
		border: 1px solid #f3f3f3
	}
	.product__buy-wrap {
		width: 312px;
		margin-bottom: 41px
	}
	.delivery {
		padding: 0 16px
	}
	.delivery__block {
		padding: 16px 0;
		width: 50%
	}
	.delivery__block.delivery__block--location {
		border-bottom: none;
		padding-bottom: 16px;
		margin-bottom: 0;
		border-right: 1px solid #f3f3f3;
		padding-right: 16px;
		margin-right: 16px
	}
	.product__complectation {
		width: 312px
	}
	.complectation__buy-separately {
		width: 100%
	}
	.product__tabs-complectation .tabs__title {
		font-size: 18px;
		line-height: 27px
	}
	.required__list .slick-track {
		margin-left: -12px
	}
	.required .card {
		width: 228px;
		margin: 0 12px 48px 12px
	}
	.required .card__block-wrap {
		padding-left: 16px;
		padding-right: 16px
	}
	.required .card__prices-discount-info {
		margin-bottom: 8px;
		width: auto
	}
	.product__tabs-info .tabs__title {
		padding: 15px 20px 11px 20px;
		font-size: 18px;
		line-height: 27px
	}
	.product__tabs-info .tabs__title:first-child {
		padding-left: 20px
	}
	.product__tabs-info .tabs__body {
		padding-top: 40px
	}
	.product__description {
		font-size: 16px;
		line-height: 24px
	}
	.product__collection-section .qty {
		font-size: 14px
	}
	.product__collection-list .slick-track {
		margin-left: -12px
	}
	.product__collection-list .card {
		margin: 0 12px 57px 12px
	}
}

@media screen and (min-width:1366px) {
	.catalog__aside {
		width: 300px
	}
	.catalog__inner {
		width: calc(100% - 324px)
	}
	.card {
		width: 300px
	}
	.showroom__title {
		font-size: 14px
	}
	.form .form__input.range__input {
		width: 113px
	}
	.card__img-wrap {
		height: 252px;
		line-height: 252px
	}
	.card__img {
		max-width: 252px;
		max-height: 252px
	}
	.card__qty-wrap {
		width: 50%
	}
	.card__qty-input {
		width: 38px
	}
	.card__buy-btn {
		padding: 19px 20px 19px 20px;
		width: 50%
	}
	.similiar .card {
		width: calc(16.666% - 24px)
	}
	.similiar .card__img-wrap {
		height: 160px;
		line-height: 160px
	}
	.similiar .card__img {
		max-width: 160px;
		max-height: 160px
	}
	.product__info {
		grid-template-areas: "picture complectation buy" "picture complectation delivery" "picture complectation delivery";
		grid-template-columns: 1fr 300px 300px;
		grid-template-columns: 1fr 300px
	}
	.product__info.product__info--without-complectation {
		grid-template-areas: "picture buy" "picture delivery"
	}
	.product__buy-wrap {
		width: 300px;
		margin-bottom: 16px
	}
	.delivery {
		padding: 16px
	}
	.delivery__block {
		padding: 16px 0;
		width: 100%
	}
	.delivery__block.delivery__block--location {
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		border-bottom: 1px solid #f3f3f3;
		padding-bottom: 16px;
		margin-bottom: 16px
	}
	.product__complectation {
		width: 300px
	}
	.product__complectation.product__complectation--opened {
		height: auto
	}
	.product__bigpicture-wrap,
	.product__bigpictures-slider,
	.product__complectation {
		height: 516px
	}
	.product__bigpicture {
		max-height: 516px
	}
	.delivery__row .value {
		max-width: 135px
	}
	.required .card {
		width: 196px
	}
	.required .card__img-wrap {
		height: 160px;
		line-height: 160px
	}
	.required .card__img {
		max-width: 160px;
		max-height: 160px
	}
	.product__tabs-info .tabs__title {
		padding: 16px 20px 12px 20px;
		font-size: 18px;
		line-height: 27px
	}
	.product__tabs-info .tabs__title:first-child {
		padding-left: 20px
	}
	.product__collection-sections {
		margin-bottom: 32px
	}
}

.brands-page__block-wrap {
	margin-bottom: 24px
}

.brands-page .text-default {
	font-size: 14px;
	line-height: 21px
}

.brands-page .advantage {
	margin-bottom: 16px;
	padding-right: 0
}

.brands-page .advantage:last-child {
	margin-bottom: 0
}

.brands-page .advantage__title {
	color: #535353;
	font-size: 14px;
	text-transform: none;
	line-height: 21px;
	margin-bottom: 0
}

.brands-page .brands {
	margin: 60px -10px
}

.brands-page .brands__brand {
	margin: 0 10px 16px 10px;
	width: 82px;/*calc(25% - 20px)*/
}

.brands__articles-links {
	color: var(--color-main);
	list-style: disc;
	padding-left: 18px
}

.brands__article-link-wrap {
	margin-bottom: 8px
}

.brands-page__info {
	margin: 0 -10px 24px -10px
}

.brands-page__logo-wrap {
	border: 1px solid #f3f3f3;
	width: calc(50% - 20px);
	margin: 0 10px;
	text-align: center;
	padding: 8px;
	max-width: 230px
}

.brand-page__logo {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto
}

.brand-page__logo.brand-page__logo--cert {
	margin-bottom: 4px
}

.brand-page__cert-text {
	font-size: 13px;
	line-height: 18px
}

.brands-page__description {
	color: #535353;
	margin-bottom: 24px
}

.brands-page__catalog-wrap {
	border-top: 1px solid #f1f1f1
}

.brands-page__catalog-title {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 24px;
	margin-top: 24px
}

.collections-page {
	border: 1px solid #f3f3f3;
	padding: 12px;
	margin-bottom: 80px
}

.collections-page .collections__title {
	font-size: 22px;
	font-weight: 700;
	line-height: 27px;
	margin-bottom: 24px
}

.collections-page .collections__list {
	-moz-columns: 2;
	columns: 2
}

.collections-page .collections__item {
	margin-bottom: 12px
}

.collections-page .collections__link {
	font-size: 14px;
	line-height: 21px;
	font-weight: 300
}

.collections-page .collection-info {
	margin-bottom: 16px
}

.collection-info .collection-picture img {
	max-width: 100%
}

@media screen and (min-width:768px) {
	.brands-page .text-default {
		font-size: 16px;
		line-height: 24px
	}
	.brands-page .advantages {
		margin-bottom: 40px
	}
	.brands-page .advantage {
		margin-bottom: 0;
		width: 33%
	}
	.brands-page .advantage__logo {
		margin-bottom: 12px
	}
	.brands-page .advantage__title {
		font-size: 16px;
		line-height: 24px;
		text-align: center
	}
	.brands-page .brands {
		margin: 80px -12px
	}
	.brands-page .brands .brands__brand {
		width: 105px;
		height: 105px;
		line-height: 105px
	}
	.brands-page .brands .brands__brand .logo {
		max-width: 100%;
		max-height: 90px;
		padding: 0 5px;
	}
	.brands-page .brands__brand {
		margin: 0 12px 24px 12px
	}
	.brand-page__cert-text {
		font-size: 14px;
		line-height: 21px
	}
	.brands-page__description {
		margin-bottom: 40px
	}
	.brands-page__catalog-title {
		font-size: 22px;
		font-weight: 500;
		line-height: 27px;
		margin-bottom: 40px;
		margin-top: 40px
	}
	.collections-page {
		padding: 16px
	}
	.collections-page .collections__title {
		font-size: 30px;
		line-height: 36px
	}
	.collections-page .collections__list {
		-moz-columns: 3;
		columns: 3
	}
	.collections-page .collections__link {
		font-size: 16px;
		line-height: 24px
	}
}

@media screen and (min-width:1024px) {
	.brands-page .advantage__logo {
		margin-bottom: 0;
		margin-right: 12px
	}
	.brands-page .brands .brands__brand {
		width: 105px;/*228px;*/
		height: 105px;
		line-height: 105px
	}
	.brands-page .brands .brands__brand .logo {
		max-width: 100%;
		max-height: 90px
	}
	.brands-page .advantage__title {
		text-align: left
	}
	.brands-page__info {
		width: 100%;
		margin: 0 24px 0 0
	}
	.brands-page__logo-wrap {
		width: 180px
	}
	.brands-page__description {
		width: auto
	}
	.collections-page {
		padding: 24px
	}
	.collections-page .collection-info {
		margin-bottom: 24px
	}
}

@media screen and (min-width:1366px) {
	.brands-page .brands .brands__brand {
		width: 137px;
		height: 137px;
		line-height: 137px
	}
	.brands-page .brands .brands__brand .logo {
		max-width: 100%;
		max-height: 120px
	}
	.collections-page .collections__list {
		-moz-columns: 3;
		columns: 3
	}
}

.collections-popular__title {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 16px
}

.collections-popular__list {
	margin-bottom: 40px;
	margin-left: -10px;
	margin-right: -10px
}

.collections-popular__item {
	display: block;
	margin: 0 10px 40px 10px;
	width: calc(50% - 20px);
	text-decoration: none
}

.collections-popular__item-img-wrap {
	text-align: center;
	margin-bottom: 8px
}

.collections-popular__item-img {
	max-width: 100%
}

.collections-popular__item-name {
	color: #333;
	font-size: 16px;
	line-height: 24px
}

@media screen and (min-width:768px) {
	.collections-popular__title {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 24px
	}
	.collections-popular__item-img-wrap {
		margin-bottom: 16px
	}
	.collections-popular__item-name {
		font-size: 18px;
		line-height: 27px
	}
}

@media screen and (min-width:1024px) {
	.collections-popular__list {
		margin-left: -12px;
		margin-right: -12px
	}
	.collections-popular__item {
		margin: 0 12px 40px 12px;
		width: calc(33.33% - 24px)
	}
}

.actions__list {
	margin-bottom: 80px
}

.actions__item {
	width: 100%;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto
}

.actions__item:not(:last-child) {
	margin-bottom: 40px
}

.actions__info-bigpicture {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 16px;
	text-align: center
}

.actions__info-time {
	font-size: 13px;
	color: #999;
	line-height: 21px;
	margin-bottom: 12px
}

.actions__info-description {
	font-size: 14px;
	color: #535353;
	line-height: 21px;
	margin-bottom: 40px
}

.actions__info-title {
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
	margin-bottom: 24px
}

.sale .sale__img-wrap {
	display: block;
	margin-bottom: 16px;
	max-height: 500px;
	overflow: hidden
}

.sale .sale__img {
	width: 100%;
	height: auto
}

.sale .sale__name {
	display: block;
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px
}

.sale .sale__time {
	color: #999;
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 8px
}

.sale .sale__description {
	font-size: 14px;
	line-height: 21px;
	color: #535353
}

@media screen and (min-width:768px) {
	.actions__info-bigpicture {
		margin-bottom: 24px
	}
	.actions__info-time {
		margin-bottom: 16px
	}
	.actions__info-description {
		font-size: 16px;
		color: #535353;
		line-height: 24px;
		margin-bottom: 80px
	}
	.actions__info-title {
		font-size: 22px;
		line-height: 27px;
		margin-bottom: 40px
	}
	.actions__list {
		margin-bottom: 20px;
		margin-left: -10px;
		margin-right: -10px
	}
	.actions__item {
		width: calc(50% - 20px);
		max-width: auto;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 60px
	}
	.actions__item:not(:last-child) {
		margin-bottom: 60px
	}
	.sale__name {
		font-size: 18px;
		line-height: 27px
	}
}

@media screen and (min-width:1024px) {
	.actions__list {
		margin-bottom: 0;
		margin-left: -12px;
		margin-right: -12px
	}
	.actions__item {
		width: calc(33.33% - 24px);
		margin-left: 12px;
		margin-right: 12px;
		margin-bottom: 80px
	}
	.actions__item:not(:last-child) {
		margin-bottom: 80px
	}
}

@media screen and (min-width:1366px) {
	.actions__item {
		width: calc(25% - 24px)
	}
}

.salons {
	margin-bottom: 80px
}

.salons__description {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 24px
}

.salons__list {
	margin-bottom: 80px
}

.salon {
	border: 1px solid #e7e7e7;
	width: 100%;
	margin-bottom: 90px;
	position: relative
}

.salon__topinfo {
	border-bottom: 1px solid #f3f3f3;
	padding: 12px
}

.salon__img-wrap {
	width: 100%;
	text-align: center;
	margin-bottom: 16px
}

.salon__img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: 0 auto
}

.salon__title {
	margin-bottom: 8px
}

.salon__title .salon__title-text {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	display: block;
	margin-bottom: 4px
}

.salon__label {
	padding: 3px 8px;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	border-radius: 10px;
	white-space: nowrap
}

.salon__label.salon__label--outlet {
	background-color: #7b3be4
}

.salon__label.salon__label--instalation {
	background-color: #2ea271
}

.salon__address {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 4px
}

.salon__subway-list {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 21px
}

.salon__subway-item {
	margin-right: 16px
}

.salon__subway-item .dot {
	margin-right: 5px
}

.salon__working-time {
	margin-bottom: 8px
}

.salon__parking {
	margin-bottom: 8px
}

.salon__parking .icon {
	margin-right: 8px
}

.salon__working-time .icon {
	margin-right: 8px
}

.salon__working-time .icon svg {
	fill: #535353
}

.salon__phone-list {
	margin-bottom: 8px
}

.salon__phone-item {
	font-size: 13px;
	line-height: 21px;
	font-weight: 500;
	margin-right: 12px
}

.salon__contact {
	font-size: 14px;
	line-height: 21px
}

.salon__contact img {
	height: 20px;
	width: auto;
	margin-right: 8px
}

.salon__contains {
	background-color: #f9f9f9;
	padding: 15px 11px 11px 11px
}

.salon__contains-title {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 16px
}

.salon__contains-brands {
	margin: -7px
}

.salon__contains-brands.brands .brands__brand {
	width: 80px;
	height: 40px;
	line-height: 40px;
	margin: 7px
}

.salon__contains-brands.brands .brands__brand .logo {
	max-width: 70px;
	max-height: 34px
}

.salon__contains-collections .salon__collection {
	color: #535353;
	font-size: 14px;
	line-height: 21px
}

.salon__detail {
	cursor: pointer;
	position: absolute;
	width: calc(100% + 2px);
	bottom: -40px;
	left: -1px;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	line-height: 21px;
	padding: 12px 8px 8px 8px;
	text-align: center
}

.salon__detail:hover {
	color: #fff;
	background-color: #33736a
}

.salons__places-title {
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
	margin-bottom: 24px
}

.salons__places-map {
	height: 335px;
	width: 100%;
	margin-bottom: 16px;
	overflow: hidden
}

.salons__places-list {
	border: 1px solid #e7e7e7
}

.salons__places-item {
	cursor: pointer;
	padding: 12px
}

.salons__places-item:not(:last-child) {
	border-bottom: 1px solid #e7e7e7
}

.salons__places-item.active {
	background-color: #f9f9f9
}

.salons__places-item.active:not(:last-child) {
	border-bottom: 1px solid #ddd
}

.salon-detail .text-description {
	color: #333;
	font-weight: 300
}

.salon-detail__title {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
	margin-bottom: 24px
}

.salon-detail__title .h1 {
	text-transform: uppercase
}

.salon-detail__preview {
	margin-bottom: 24px;
	position: relative
}

.salon-detail__image-wrap {
	margin-bottom: 16px
}

.salon-detail__image {
	width: 100%;
	margin: 0 auto
}

.salon-detail__preview-info {
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
	padding: 16px;
	background-color: #ffcfa3
}

.salon-detail__block {
	margin-bottom: 80px
}

.salon-detail__advantage {
	width: 100%;
	margin-bottom: 16px;
	font-weight: 300
}

.salon-detail__advantage-img {
	width: 26px;
	height: auto;
	margin-right: 16px
}

.salon-detail__collections {
	border-bottom: 1px solid #d7b79b;
	margin-bottom: 24px
}

.salon-detail__collection {
	width: 100%;
	position: relative;
	margin-bottom: 40px;
	text-align: center;
	overflow: hidden;
	z-index: 3
}

.salon-detail__collection:focus {
	outline: 0
}

.salon-detail__collection:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50%;
	opacity: 0;
	transition: .3s opacity;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
	z-index: 0
}

.salon-detail__collection:hover:after {
	opacity: 1
}

.salon-detail__collection-title {
	cursor: default;
	position: absolute;
	bottom: -7px;
	width: 100%;
	opacity: 0;
	transition: .3s all;
	transform: translateY(100%);
	z-index: 1
}

.salon-detail__collection-text {
	font-size: 14px;
	color: #333;
	font-weight: 300;
	line-height: 17px;
	margin-bottom: 8px;
	text-align: center
}

.salon-detail__collection-name {
	color: #333;
	font-size: 30px;
	line-height: 36px;
	text-align: center
}

.salon-detail__collection:hover .salon-detail__collection-title {
	opacity: 1;
	transform: translateY(0)
}

.salon-detail__quote {
	padding: 0 0 40px 0;
	border-bottom: 1px solid #d7b79b
}

.salon-detail__quote-full {
	margin-bottom: 38px
}

.salon-detail__quote-short {
	margin-bottom: 16px;
	font-style: italic
}

.salon-detail .salon-detail__quote-short {
	font-weight: 400
}

.salon-detail__quote-author {
	width: 60%;
	margin: 0 0 0 auto
}

.infolink:not(:last-child) {
	margin-bottom: 80px
}

.infolink__title {
	color: #999;
	font-weight: 400;
	margin-bottom: 14px
}

.infolink__name {
	color: #333;
	font-weight: 400;
	margin-bottom: 24px;
	border-bottom: 1px solid #d7b79b;
	line-height: .1em
}

.infolink__name .text {
	background: #fff;
	padding: 0 8px 0 0
}

.salon-detail__infolinks-list .infolink:nth-child(even) .infolink__title {
	text-align: right
}

.salon-detail__infolinks-list .infolink:nth-child(even) .infolink__name {
	text-align: right
}

.salon-detail__infolinks-list .infolink:nth-child(even) .infolink__name .text {
	padding: 0 0 0 8px
}

.infolink__img-wrap {
	margin-bottom: 16px
}

.infolink__img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}

.infolink__text {
	margin-bottom: 24px
}

.link-gold {
	color: #fff;
	background-color: #d7b79b;
	display: inline-block;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	padding: 8px 16px;
	border-radius: 5px
}

.link-gold:hover {
	color: #fff;
	background-color: #cba686
}

.link-gold:active {
	background-color: #caa27e
}

.salon-detail__photos {
	position: relative
}

.salon-detail__photos .slick-dots {
	margin-top: 20px
}

.salon-detail__photos .slick-dots li button {
	background-color: #e7e7e7;
	border-color: #e7e7e7
}

.salon-detail__photos .slick-dots li.slick-active button {
	background-color: #d7b79b;
	border-color: #d6a881
}

.salon-detail__photos-list {
	overflow: hidden
}

.salon-detail__photo-wrap {
	width: 228px;
	height: 228px;
	overflow: hidden;
	margin: 0;
	padding: 6px
}

.salon-detail__photo-wrap:focus {
	outline: 0
}

.salon-detail__photo {
	width: 100%;
	height: auto
}

.salon-detail__arrows-container {
	position: absolute;
	bottom: 50%;
	width: 100%
}

.salon-detail__arrows-container .site-container {
	position: relative
}

.salon-detail__arrows-container .salon-arrow {
	border-radius: 50%;
	border: 2px solid #d7b79b;
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	transition: background-color .3s
}

.salon-detail__arrows-container .salon-arrow .icon {
	width: 28px;
	height: 28px
}

.salon-detail__arrows-container .salon-arrow svg {
	fill: #d7b79b
}

.salon-detail__arrows-container .salon-arrow.salon-arrow--prev {
	left: 0;
	transform: rotate(180deg)
}

.salon-detail__arrows-container .salon-arrow.salon-arrow--next {
	right: 0
}

.salon-detail__arrows-container .salon-arrow:hover {
	box-shadow: 0 0 5px #333
}

.salon-detail__team-description {
	text-align: center;
	margin-bottom: 24px
}

.salon-detail__team-list {
	overflow-x: auto
}

.employee {
	width: 220px;
	min-width: 220px;
	margin-right: 20px
}

.employee__img-wrap {
	height: 220px;
	width: 100%;
	margin-bottom: 16px;
	overflow: hidden
}

.employee__img {
	min-height: 100%;
	min-width: 100%;
	width: 100%
}

.employee__name {
	font-size: 18px;
	line-height: 27px
}

.employee__position {
	font-size: 13px;
	font-weight: 500;
	line-height: 21px;
	margin-bottom: 8px
}

.employee__link {
	opacity: 0;
	width: 100%;
	color: #d7b79b;
	padding: 9px;
	border-bottom: 1px solid #d7b79b;
	transition: .3s all;
	text-align: center
}

.employee__link:hover {
	color: #fff;
	background-color: #cba686;
	border-bottom: 1px solid #cba686
}

.employee:hover .employee__link {
	opacity: 1
}

.salon-detail__contacts {
	margin-bottom: 40px
}

.salon-detail__contactblock {
	padding: 0 0 16px 0
}

.salon-detail__contactblock:not(:last-child) {
	margin-bottom: 16px;
	border-bottom: 1px solid #d7b79b
}

.salon-detail__contactblock-title {
	text-transform: uppercase;
	margin-bottom: 16px;
	font-weight: 400
}

.salon-detail__contactblock-phones {
	margin-bottom: 8px
}

.salon-detail__contactblock-phone {
	margin-right: 8px;
	margin-bottom: 8px
}

.salon-detail__contactblock .salon__contact {
	font-weight: 300
}

.salon-detail__map iframe {
	width: 100%
}

.salon-detail__schema-img-wrap {
	width: 100%;
	text-align: center
}

.salon-detail__schema-img {
	max-width: 100%;
	height: auto;
	margin: 0 auto
}

@media screen and (min-width:768px) {
	.salons__description {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 60px
	}
	.salon__topinfo {
		padding: 24px
	}
	.salon__img-wrap {
		margin-bottom: 0;
		margin-right: 24px;
		width: 191px
	}
	.salon__title .salon__title-text {
		padding-right: 12px
	}
	.salon__contains {
		background-color: #fff;
		padding: 24px
	}
	.salon__contains-brands {
		margin: -9px
	}
	.salon__contains-brands.brands .brands__brand {
		margin: 9px
	}
	.salon__detail {
		width: auto;
		padding: 8px 12px;
		left: auto;
		right: -1px;
		bottom: -37px
	}
	.salons__places-title {
		font-size: 22px;
		margin-bottom: 26px
	}
	.salons__places-map {
		height: 425px;
		margin-bottom: 24px
	}
	.salons__places-item {
		padding: 24px
	}
	.salon-detail__title {
		font-size: 28px;
		line-height: 33px;
		margin-bottom: 40px;
		text-transform: uppercase
	}
	.salon-detail__preview {
		margin-bottom: 40px
	}
	.salon-detail__image-wrap {
		margin-bottom: 0;
		width: 75%
	}
	.salon-detail__preview-info {
		position: absolute;
		font-size: 18px;
		line-height: 27px;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 315px
	}
	.salon-detail__advantages-list {
		margin: 0 -10px -40px -10px
	}
	.salon-detail__advantage {
		width: calc(50% - 20px);
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 40px
	}
	.salon-detail__advantage-img {
		width: 36px
	}
	.salon-detail__collections-list {
		margin: 0 -26px -52px -26px
	}
	.salon-detail__collections {
		margin-bottom: 40px
	}
	.salon-detail__collection {
		width: calc(50% - 52px);
		margin-bottom: 52px;
		margin-left: 26px;
		margin-right: 26px
	}
	.salon-detail__quote {
		padding: 0 0 40px 0
	}
	.salon-detail__quote-author {
		width: 100%;
		text-align: right
	}
	.infolink__name {
		margin-bottom: 32px
	}
	.infolink__img-wrap {
		margin-bottom: 32px
	}
	.salon-detail__photo-wrap {
		width: 353px;
		height: 353px
	}
	.salon-detail__team-description {
		margin-bottom: 40px;
		max-width: 670px;
		margin-left: auto;
		margin-right: auto
	}
	.salon-detail__team-list {
		margin: 0 -10px -10px -10px
	}
	.employee {
		width: calc(50% - 20px);
		margin: 0 10px 10px 10px
	}
	.employee__img-wrap {
		height: 348px
	}
	.salon-detail__contactblock {
		padding: 0 0 24px 0
	}
	.salon-detail__contactblock:not(:last-child) {
		margin-bottom: 24px
	}
}

@media screen and (min-width:1024px) {
	.salon {
		margin-bottom: 80px
	}
	.salon:hover {
		box-shadow: 0 1px 15px rgba(0, 0, 0, .07)
	}
	.salon__topinfo {
		border-bottom: none;
		border-right: 1px solid #f3f3f3;
		width: calc(100% - 320px)
	}
	.salon__img-wrap {
		width: 260px
	}
	.salon__title .salon__title-text {
		padding-right: 0
	}
	.salon__contains {
		padding: 28px 16px 16px 16px;
		width: 320px
	}
	.salon__contains-brands {
		margin: -15px -8px
	}
	.salon__contains-brands.brands .brands__brand {
		height: 50px;
		line-height: 50px;
		margin: 15px 8px
	}
	.salon__contains-brands.brands .brands__brand .logo {
		max-height: 44px
	}
	.salons__places-title {
		margin-bottom: 40px
	}
	.salons__places-wrap {
		height: 430px
	}
	.salons__places-map {
		height: 100%;
		width: calc(100% - 312px);
		margin-bottom: 0
	}
	.salons__places-list {
		width: 312px;
		max-height: 100%;
		overflow-y: auto
	}
	.salons__places-item {
		padding: 20px 24px
	}
	.salon-detail__title {
		margin-bottom: 18px
	}
	.salon-detail__block {
		margin-bottom: 100px
	}
	.salon-detail__advantages-list {
		margin: 0 -12px 0 -12px
	}
	.salon-detail__advantage {
		width: calc(33% - 24px);
		margin-left: 12px;
		margin-right: 12px
	}
	.salon-detail__collections-list {
		margin: 0 -23px -46px -23px
	}
	.salon-detail__collections {
		margin-bottom: 50px
	}
	.salon-detail__collection {
		width: calc(33% - 46px);
		margin-bottom: 46px;
		margin-left: 23px;
		margin-right: 23px
	}
	.salon-detail__quote {
		padding: 0 0 50px 0
	}
	.salon-detail__quote-wrap {
		padding: 0 80px 0 80px
	}
	.infolink:not(:last-child) {
		margin-bottom: 100px
	}
	.infolink__name {
		margin-bottom: 37px
	}
	.infolink__img-wrap {
		margin-bottom: 0;
		width: 50%;
		padding-right: 12px
	}
	.infolink__description {
		padding-left: 12px;
		width: 50%
	}
	.salon-detail__infolinks-list .infolink:nth-child(even) .infolink-container {
		flex-direction: row-reverse
	}
	.salon-detail__infolinks-list .infolink:nth-child(even) .infolink__img-wrap {
		padding-right: 0;
		padding-left: 12px
	}
	.salon-detail__infolinks-list .infolink:nth-child(even) .infolink__description {
		padding-left: 0;
		padding-right: 12px
	}
	.salon-detail__photo-wrap {
		width: 410px;
		height: 410px
	}
	.salon-detail__team-description {
		margin-bottom: 50px
	}
	.salon-detail__team-list {
		margin: 0 -12px -12px -12px
	}
	.employee {
		width: calc(33.3% - 24px);
		margin: 0 12px 12px 12px
	}
	.employee__img-wrap {
		height: 312px
	}
	.salon-detail__contactblock {
		padding: 0 24px;
		width: 33.3%
	}
	.salon-detail__contactblock:not(:last-child) {
		margin-bottom: 0;
		border-bottom: none
	}
	.salon-detail__contactblock:first-child {
		padding: 0 24px 0 0;
		border-right: 1px solid #d7b79b
	}
	.salon-detail__contactblock:last-child {
		padding: 0 0 0 24px;
		border-left: 1px solid #d7b79b
	}
	.salon-detail__contacts {
		margin-bottom: 50px
	}
	.salon-detail__contactblock-title {
		margin-bottom: 24px
	}
}

@media screen and (min-width:1366px) {
	.salon {
		margin-bottom: 90px
	}
	.salon__topinfo {
		width: calc(100% - 515px)
	}
	.salon__img-wrap {
		width: 220px
	}
	.salon__title .salon__title-text {
		padding-right: 12px
	}
	.salon__contains {
		padding: 28px 24px 24px 24px;
		width: 515px
	}
	.salon__contains-brands {
		margin: -12px -10px
	}
	.salon__contains-brands.brands .brands__brand {
		width: 100px;
		height: 40px;
		line-height: 40px;
		margin: 12px 10px
	}
	.salon__contains-brands.brands .brands__brand .logo {
		max-width: 80px;
		max-height: 32px
	}
	.salons__places-map {
		width: calc(100% - 324px)
	}
	.salons__places-list {
		width: 324px
	}
	.salons__places-item {
		padding: 24px 24px 16px 24px
	}
	.salon-detail__title {
		margin-bottom: 40px
	}
	.salon-detail__preview-info {
		font-size: 22px;
		line-height: 32px;
		padding: 24px;
		width: 410px
	}
	.salon-detail__block {
		margin-bottom: 120px
	}
	.salon-detail__advantages-list {
		margin: 0 -32px -40px -32px
	}
	.salon-detail__advantage {
		width: calc(33% - 64px);
		margin-left: 32px;
		margin-right: 32px
	}
	.salon-detail__collections-list {
		margin: 0 -30px -60px -30px
	}
	.salon-detail__collection {
		width: calc(33% - 60px);
		margin-bottom: 60px;
		margin-left: 30px;
		margin-right: 30px
	}
	.salon-detail__collection-text {
		font-size: 16px;
		line-height: 19px
	}
	.salon-detail__collection-name {
		font-size: 50px;
		line-height: 60px
	}
	.salon-detail__quote-wrap {
		padding: 0 120px 0 120px
	}
	.infolink:not(:last-child) {
		margin-bottom: 120px
	}
	.infolink__text {
		margin-bottom: 31px
	}
	.salon-detail__photo-wrap {
		width: 480px;
		height: 480px
	}
	.salon-detail__team-description {
		margin-bottom: 60px;
		max-width: 750px
	}
	.employee {
		width: calc(25% - 24px)
	}
	.employee__img-wrap {
		height: 300px
	}
	.salon-detail__contacts {
		margin-bottom: 60px
	}
}

.employee-detail__block {
	margin-bottom: 80px
}

.employee-detail__about-left {
	border-bottom: 2px solid #f3f3f3;
	margin-bottom: 40px;
	padding-bottom: 16px;
	max-width: 312px;
	margin: 0 auto
}

.employee-detail__image-container {
	position: relative
}

.employee-detail__image-wrap {
	width: calc(100% - 14px);
	margin: 0 0 30px 0;
	transform: translateX(14px);
	position: relative;
	z-index: 2
}

.employee-detail__image-pseudo {
	background-color: var(--color-main);
	left: 0;
	top: 14px;
	position: absolute;
	width: calc(100% - 14px);
	height: 100%;
	z-index: 1
}

.employee-detail__image {
	width: 100%;
	height: auto
}

.employee-detail__position {
	color: #535353;
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-align: center
}

.employee-detail__about-block:not(:last-child) {
	margin-bottom: 32px
}

.employee-detail__about-title {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 16px
}

.employee-detail__about-text {
	color: #535353;
	font-size: 14px;
	line-height: 21px
}

.employee-detail__title {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	margin-bottom: 24px;
	text-align: center
}

.employee-detail__examples-item:not(:last-child),
.works__examples-item:not(:last-child) {
	margin-bottom: 80px
}

.employee-detail__examples .example__description,
.works__examples .example__description {
	margin-bottom: 16px
}

.employee-detail__examples .example__info,
.works__examples .example__info {
	background-color: var(--color-main);
	padding: 16px 12px;
	margin-bottom: 16px
}

.employee-detail__examples .example__name,
.works__examples .example__name {
	color: #fff;
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 4px
}

.employee-detail__examples .example__address,
.employee-detail__examples .example__subtitle,
.employee-detail__examples .example__text,
.works__examples .example__address,
.works__examples .example__subtitle,
.works__examples .example__text {
	font-size: 14px;
	line-height: 21px
}

.employee-detail__examples .example__address,
.works__examples .example__address {
	color: #85c0b8;
	margin-bottom: 8px
}

.employee-detail__examples .example__subtitle,
.works__examples .example__subtitle {
	color: #fff
}

.employee-detail__examples .example__text,
.works__examples .example__text {
	color: #535353
}

.employee-detail__examples .example__image-wrap,
.works__examples .example__image-wrap {
	margin-bottom: 16px
}

.employee-detail__examples .example__image,
.works__examples .example__image {
	width: 100%;
	height: auto
}

.employee-detail__examples .example__subimage-wrap,
.works__examples .example__subimage-wrap {
	width: calc(25% - 3px)
}

.employee-detail__examples .example__subimage-wrap:not(:first-child),
.works__examples .example__subimage-wrap:not(:first-child) {
	margin-left: 4px
}

.employee-detail__examples .example__subimage,
.works__examples .example__subimage {
	width: 100%
}

.employee-detail__certificates .employee-detail__title {
	margin-bottom: 16px
}

.employee-detail__certificates-text {
	color: #535353;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	margin-bottom: 24px
}

.employee-detail__certificates-list {
	margin: -12px -10px
}

.employee-detail__certificates-item {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	padding: 7px;
	width: calc(50% - 20px);
	margin: 12px 10px
}

.employee-detail__certificates-item:hover {
	box-shadow: 0 .6px 9px rgba(0, 0, 0, .07)
}

.employee-detail__certificates-img {
	width: 100%;
	height: auto
}

@media screen and (min-width:768px) {
	.employee-detail__position {
		font-size: 22px;
		line-height: 30px
	}
	.employee-detail__about-title {
		font-size: 22px;
		line-height: 30px
	}
	.employee-detail__about-text {
		font-size: 16px;
		line-height: 24px
	}
	.employee-detail__title {
		font-size: 28px;
		line-height: 33px;
		margin-bottom: 40px
	}
	.employee-detail__examples .example__description,
	.works__examples .example__description {
		margin-bottom: 24px
	}
	.employee-detail__examples .example__info,
	.works__examples .example__info {
		padding: 24px 16px;
		margin-bottom: 24px
	}
	.employee-detail__examples .example__name,
	.works__examples .example__name {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 8px
	}
	.employee-detail__examples .example__address,
	.works__examples .example__address {
		margin-bottom: 16px
	}
	.employee-detail__examples .example__text,
	.works__examples .example__text {
		font-size: 16px;
		line-height: 24px
	}
	.employee-detail__examples .example__image-wrap,
	.works__examples .example__image-wrap {
		margin-bottom: 24px
	}
	.employee-detail__examples .example__subimage-wrap,
	.works__examples .example__subimage-wrap {
		width: calc(25% - 7.5px)
	}
	.employee-detail__examples .example__subimage-wrap:not(:first-child),
	.works__examples .example__subimage-wrap:not(:first-child) {
		margin-left: 10px
	}
	.employee-detail__certificates .employee-detail__title {
		margin-bottom: 24px
	}
	.employee-detail__certificates-text {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 40px
	}
	.employee-detail__certificates-list {
		margin: -20px -8px
	}
	.employee-detail__certificates-item {
		padding: 12px;
		width: calc(33.33% - 16px);
		margin: 20px 8px
	}
}

@media screen and (min-width:1024px) {
	.employee-detail__block {
		margin-bottom: 100px
	}
	.employee-detail__about-left {
		margin-right: 24px;
		width: 312px;
		max-width: 312px
	}
	.employee-detail__description {
		width: calc(100% - 336px)
	}
	.employee-detail__image-wrap {
		margin-bottom: 35px;
		margin-left: auto;
		transform: none
	}
	.employee-detail__title {
		margin-bottom: 50px
	}
	.employee-detail__examples-item:not(:last-child),
	.works__examples-item:not(:last-child) {
		margin-bottom: 100px
	}
	.employee-detail__examples .example__images,
	.works__examples .example__images {
		width: 648px
	}
	.employee-detail__examples .example__description,
	.works__examples .example__description {
		margin-bottom: 0;
		width: calc(100% - 672px)
	}
	.employee-detail__examples .example__info,
	.works__examples .example__info {
		margin-bottom: 32px
	}
	.employee-detail__examples .example__image-wrap,
	.works__examples .example__image-wrap {
		margin-bottom: 21px
	}
	.employee-detail__certificates-text {
		margin-bottom: 50px
	}
	.employee-detail__certificates-list {
		margin: -25px -11px
	}
	.employee-detail__certificates-item {
		padding: 16px;
		width: calc(33.33% - 22px);
		margin: 25px 11px
	}
	.employee-detail__certificates-item:hover {
		box-shadow: 0 1px 15px rgba(0, 0, 0, .07)
	}
}

@media screen and (min-width:1366px) {
	.employee-detail__about-left {
		margin-right: 24px;
		padding-bottom: 21px;
		width: 408px;
		max-width: 408px
	}
	.employee-detail__description {
		width: calc(100% - 432px)
	}
	.employee-detail__image-wrap {
		margin-bottom: 35px;
		width: calc(100% - 20px)
	}
	.employee-detail__image-pseudo {
		top: 20px;
		width: calc(100% - 20px)
	}
	.employee-detail__about-text {
		font-size: 18px;
		line-height: 27px
	}
	.employee-detail__title {
		margin-bottom: 50px
	}
	.employee-detail__examples-item:not(:last-child),
	.works__examples-item:not(:last-child) {
		margin-bottom: 120px
	}
	.employee-detail__examples .example__images,
	.works__examples .example__images {
		width: 840px
	}
	.employee-detail__examples .example__description,
	.works__examples .example__description {
		width: calc(100% - 864px)
	}
	.employee-detail__examples .example__info,
	.works__examples .example__info {
		margin-bottom: 40px
	}
	.employee-detail__examples .example__text,
	.works__examples .example__text {
		font-size: 18px;
		line-height: 27px
	}
	.employee-detail__examples .example__image-wrap,
	.works__examples .example__image-wrap {
		margin-bottom: 28px
	}
	.employee-detail__certificates-text {
		margin-bottom: 60px
	}
	.employee-detail__certificates-list {
		margin: -30px -12px
	}
	.employee-detail__certificates-item {
		width: calc(33.33% - 24px);
		margin: 30px 12px
	}
}

.corporate {
	margin-bottom: 80px
}

.corporate__block {
	padding: 40px 0
}

.corporate__block.corporate__block--projects {
	background-color: #f9f9f9
}

.corporate__block.corporate__block--complectation .corporate__block-content {
	padding-bottom: 40px
}

.corporate__block.corporate__block--partnership {
	padding-top: 80px
}

.corporate__block-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
	margin-bottom: 35px
}

.corporate__about {
	margin-bottom: 40px
}

.corporate__picture {
	display: block;
	width: 100%;
	margin-bottom: 16px
}

.corporate__picture img {
	width: 100%
}

.corporate__text {
	color: #535353;
	font-size: 14px;
	line-height: 21px
}

.corporate .complectations-list {
	margin: 0 0 -16px 0
}

.corporate .complectations-item {
	margin-bottom: 16px
}

.corporate .complectations-item__img-wrap {
	margin-right: 16px;
	width: 38px;
	text-align: center
}

.corporate .complectations-item__img {
	max-width: 100%
}

.corporate .complectations-item__text {
	color: #535353;
	font-size: 14px;
	line-height: 21px;
	width: calc(100% - 54px)
}

.corporate__projects {
	margin: 0 0 -40px 0
}

.corporate-project {
	background-color: #fff;
	border: 1px solid #f3f3f3;
	margin-bottom: 40px;
	width: 100%
}

.corporate-project.active,
.corporate-project:hover {
	box-shadow: 0 1px 15px rgba(0, 0, 0, .07)
}

.corporate-project__picture-wrap {
	margin-bottom: 16px;
	position: relative;
	width: 100%
}

.corporate-project__picture {
	width: 100%
}

.corporate-project__products {
	background-color: #fff;
	bottom: 0;
	padding: 0 16px;
	position: absolute;
	max-height: 0;
	overflow: hidden;
	transition: .3s all;
	width: 100%
}

.corporate-project__products-list {
	border-bottom: 1px solid #f3f3f3;
	transition: .3s all
}

.corporate-project.active .corporate-project__products,
.corporate-project:hover .corporate-project__products {
	max-height: 100%
}

.corporate-project.active .corporate-project__products-list,
.corporate-project:hover .corporate-project__products-list {
	padding: 8px 0
}

.corporate-project__product {
	color: var(--color-main);
	font-size: 13px;
	line-height: 20px
}

.corporate-project__product:not(:last-child) {
	margin-bottom: 8px
}

.corporate-project__product:before {
	color: var(--color-main);
	content: '-';
	padding-right: 3px
}

.corporate-project__description {
	font-size: 14px;
	line-height: 21px;
	padding: 0 16px 16px
}

.corporate-project__title {
	font-size: 14px;
	line-height: 21px;
	padding: 0 16px;
	margin-bottom: 16px
}

.corporate-project__address {
	color: #999
}

.partnership__img-wrap {
	width: 100%;
	margin-bottom: 24px
}

.partnership__img {
	width: 100%
}

.partnership__text {
	color: #535353;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 24px
}

.partnership__contacts {
	background-color: var(--color-main);
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	padding: 8px 16px
}

.partnership__contacts:hover {
	color: #fff;
	background-color: #33736a
}

.corporate__callback {
	background-color: #f9f9f9;
	padding: 40px 16px
}

.corporate__callback .form__input {
	background-color: #fff
}

.corporate__callback .form__input-wrap {
	margin-bottom: 16px
}

.corporate__callback .form__submit {
	margin-bottom: 16px
}

.corporate__callback .form__submit .btn {
	font-size: 18px;
	line-height: 30px;
	padding: 14px;
	text-align: center;
	width: 100%
}

.corporate__callback .form__checkbox-c {
	font-size: 13px
}

@media screen and (min-width:768px) {
	.corporate__block {
		padding: 40px 0
	}
	.corporate__block.corporate__block--callback {
		background-color: #f9f9f9
	}
	.corporate__picture {
		margin-bottom: 24px
	}
	.corporate__text {
		font-size: 16px;
		line-height: 24px
	}
	.corporate__block-title {
		font-size: 28px;
		line-height: 33px;
		margin-bottom: 40px
	}
	.corporate .complectations-list {
		margin: 0 -12px -24px -12px
	}
	.corporate .complectations-item {
		width: calc(50% - 24px);
		margin: 0 12px 24px 12px
	}
	.corporate .complectations-item__img-wrap {
		margin-right: 18px
	}
	.corporate .complectations-item__text {
		font-size: 16px;
		line-height: 24px;
		width: calc(100% - 56px)
	}
	.corporate__projects {
		margin: -20px -10px
	}
	.corporate-project {
		margin: 20px 10px;
		width: calc(50% - 20px)
	}
	.corporate-project.active .corporate-project__products-list,
	.corporate-project:hover .corporate-project__products-list {
		padding: 16px 0 20px 0
	}
	.corporate-project__product {
		font-size: 14px;
		line-height: 21px
	}
	.corporate-project__description {
		font-size: 16px;
		line-height: 24px
	}
	.corporate-project__title {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 8px
	}
	.partnership__text {
		font-size: 16px;
		line-height: 24px
	}
	.partnership__contacts {
		font-size: 18px;
		line-height: 27px
	}
	.corporate__callback {
		padding: 40px 0 0 0
	}
	.corporate__callback>.form__input-wrap {
		margin-bottom: 24px
	}
	.corporate__callback .form__submit .btn {
		max-width: 250px
	}
	.corporate__callback-contacts {
		margin-bottom: 24px
	}
	.corporate__callback-contacts .form__input-wrap {
		margin-bottom: 0;
		width: calc(50% - 10px)
	}
	.corporate__callback-contacts .form__input-wrap:first-child {
		margin-right: 20px
	}
}

@media screen and (min-width:1024px) {
	.corporate {
		margin-bottom: 100px
	}
	.corporate__block {
		padding: 50px 0
	}
	.corporate__block.corporate__block--complectation .corporate__block-content {
		padding-bottom: 50px
	}
	.corporate__block.corporate__block--partnership {
		padding-top: 100px
	}
	.corporate__block-title {
		margin-bottom: 50px
	}
	.corporate .complectations-list {
		margin: 0 -15px -30px -15px
	}
	.corporate .complectations-item {
		width: calc(33.3% - 30px);
		margin: 0 15px 30px 15px
	}
	.corporate .complectations-item__img-wrap {
		margin-right: 24px;
		width: 44px
	}
	.corporate .complectations-item__text {
		width: calc(100% - 68px)
	}
	.corporate__projects {
		margin: -25px -12px
	}
	.corporate-project {
		margin: 25px 12px;
		width: calc(33.3% - 24px)
	}
	.corporate-project.active .corporate-project__products-list,
	.corporate-project:hover .corporate-project__products-list {
		padding: 10px 0 10px 0
	}
	.partnership__img-wrap {
		width: 396px;
		margin-right: 70px;
		margin-bottom: 0
	}
	.partnership__description {
		width: calc(100% - 466px)
	}
	.partnership__text {
		margin-bottom: 40px
	}
	.corporate__callback {
		padding: 50px 0 0 0;
		max-width: 816px;
		margin: 0 auto
	}
	.corporate__callback-contacts .form__input-wrap {
		width: calc(50% - 24px)
	}
	.corporate__callback-contacts .form__input-wrap:first-child {
		margin-right: 48px
	}
}

@media screen and (min-width:1366px) {
	.orporate__about {
		margin-bottom: 50px
	}
	.corporate .complectations-list {
		margin: 0 -20px -40px -20px
	}
	.corporate .complectations-item {
		width: calc(25% - 40px);
		margin: 0 20px 40px 20px
	}
	.corporate .complectations-item__img-wrap {
		margin-right: 16px;
		width: 60px
	}
	.corporate .complectations-item__text {
		width: calc(100% - 76px)
	}
	.corporate-project.active .corporate-project__products-list,
	.corporate-project:hover .corporate-project__products-list {
		padding: 24px 0 24px 0
	}
	.corporate-project__title {
		font-size: 18px;
		line-height: 27px
	}
	.partnership__img-wrap {
		width: 624px;
		margin-right: 100px
	}
	.partnership__description {
		width: calc(100% - 724px)
	}
}

.contacts__types-wrap {
	margin-bottom: 40px
}

.contacts__form,
.contacts__salons {
	margin-bottom: 80px
}

.contacts__type:first-child {
	margin-bottom: 24px
}

.contacts-type__title {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 16px
}

.contacts-type__content {
	border: 2px solid #f3f3f3;
	padding: 16px
}

.contacts-type__content .content-block:not(:last-child) {
	margin-bottom: 16px
}

.contacts-type__content .content-block__title {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 8px
}

.contacts-type__content .content-block__content {
	font-size: 12px;
	line-height: 16px
}

.contacts-type__content .content-block__content a {
	text-decoration: none;
	color: var(--color-main);
	font-size: 14px;
	line-height: 21px;
	font-weight: 500
}

.contacts-type__content .messengers {
	margin: 0 -6px
}

.contacts-type__content .messengers .messenger__ico-wrap {
	margin: 0 6px
}

.contacts-type--corporate .content-block__content {
	font-size: 14px;
	line-height: 21px
}

.callback-form {
	background-color: #f9f9f9;
	padding: 16px
}

.callback-form .form__input-wrap {
	margin-bottom: 16px
}

.callback-form .form__input {
	background-color: #fff
}

.callback-form .form__submit {
	margin-bottom: 24px
}

.callback-form .form__submit .btn {
	font-size: 18px;
	line-height: 30px;
	padding: 14px;
	text-align: center;
	width: 100%
}

.callback-form .form__checkbox-c:checked {
	font-size: 13px
}

.callback-form__title {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	margin-bottom: 24px
}

.callback-form__help {
	color: #535353;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 16px
}

.personal-data__wrap .form__checkbox-c:checked {
	font-size: 13px;
	width: 20px;
	height: 20px
}

.personal-data__wrap .personal-data__text {
	width: calc(100% - 30px);
	font-size: 14px;
	line-height: 21px
}

@media screen and (min-width:768px) {
	.contacts__types-wrap {
		margin-bottom: 80px
	}
	.contacts__type {
		width: calc(50% - 10px)
	}
	.contacts__type:first-child {
		margin-bottom: 0;
		margin-right: 20px
	}
	.contacts-type__title {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 24px
	}
	.contacts-type__content .content-block__title {
		font-size: 16px;
		line-height: 24px
	}
	.contacts-type__content .content-block__content a {
		font-size: 16px;
		line-height: 24px
	}
	.contacts-type__content .messengers {
		margin: 0 -8px
	}
	.contacts-type__content .messengers .messenger__ico-wrap {
		margin: 0 8px
	}
	.contacts-type--corporate .content-block__content {
		font-size: 16px;
		line-height: 24px
	}
	.callback-form {
		padding: 24px
	}
	.callback-form .callback-form__contacts .form__input-wrap {
		width: calc(50% - 10px)
	}
	.callback-form .callback-form__contacts .form__input-wrap:first-child {
		margin-right: 20px
	}
	.callback-form .form__input-wrap {
		margin-bottom: 24px
	}
	.callback-form .form__submit .btn {
		max-width: 250px
	}
	.callback-form__title {
		font-size: 22px;
		line-height: 30px
	}
	.callback-form__help {
		font-size: 16px;
		line-height: 24px
	}
}

@media screen and (min-width:1024px) {
	.contacts__type {
		width: calc(50% - 12px)
	}
	.contacts__type:first-child {
		margin-right: 24px
	}
	.contacts-type__content {
		padding: 24px
	}
	.contacts-type__content .content-block:not(:last-child) {
		margin-bottom: 24px
	}
	.content-block.content-block--phones .content-block__content>div:first-child {
		margin-right: 24px
	}
	.callback-form__message {
		width: calc(100% - 312px);
		margin-right: 22px
	}
	.callback-form__help-wrap {
		width: 290px
	}
	.callback-form .callback-form__contacts .form__input-wrap {
		width: calc(50% - 24px)
	}
	.callback-form .callback-form__contacts .form__input-wrap:first-child {
		margin-right: 48px
	}
}


/*# sourceMappingURL=secondary.css.map */

.product__collection-section {
	border: 1px solid var(--color-main);
    padding: 10px 20px;
	margin-right: 5px;
	transition: all 0.3s ease 0s;
	display: flex;
    align-items: center;
}

.product__collection-section:hover,
.product__collection-section.active {
	background: var(--color-main);
	color: #fff;
}

.product__collection-section img {
	margin-right: 8px;
}