.b-header {
	width: 100%;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.b-header__wrap {
	position: relative;
	z-index: 1000;
}

.b-header__top {
	display: none;
	background-color: #000;
}

.b-header__top-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.17;
	text-align: left;
	color: #fff;
	padding: 6px 0;
}
.b-header__top-wrap a {
	color: #fff;
	text-decoration: none;
}
.b-header__top-wrap a:hover {
	color: #fff;
	text-decoration: underline;
}

.b-header__delivery-city a {
	font-weight: bold;
}

.b-header__add-menu a {
	margin-left: 21px;
}

.b-header__body {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	border-top: 1px solid #dfe4eb;
	z-index: -1;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.b-header__body--active {
	-webkit-transform: translateY(54px);
	transform: translateY(54px);
}

.b-header__body-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px 0;
}

.b-header__right-side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.b-header__logo-mobile {
	display: block;
}

.b-header__logo {
	display: none;
}

.b-header__search {
	width: 100%;
}
.b-header__search form {
	position: relative;
}
.b-header__search input {
	width: 100%;
	padding: 9px 16px 9px 0;
	border-radius: 17.5px;
	font-size: 13px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000;
	background-color: #fff;
}
.b-header__search input::-webkit-input-placeholder {
	color: #b2b2b2;
}
.b-header__search input:-ms-input-placeholder {
	color: #b2b2b2;
}
.b-header__search input::-moz-placeholder {
	color: #b2b2b2;
	opacity: 1;
}
.b-header__search input:-moz-placeholder {
	color: #b2b2b2;
	opacity: 1;
}
.b-header__search button {
	display: none;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 17px;
	background-color: transparent;
	border: none;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="17px"><path fill-rule="evenodd"  fill="%23000000" d="M15.377,15.073 L11.621,11.113 C12.587,9.949 13.116,8.484 13.116,6.960 C13.116,3.398 10.258,0.500 6.745,0.500 C3.233,0.500 0.375,3.398 0.375,6.960 C0.375,10.522 3.233,13.420 6.745,13.420 C8.064,13.420 9.320,13.016 10.395,12.251 L14.179,16.241 C14.337,16.408 14.550,16.500 14.778,16.500 C14.993,16.500 15.198,16.416 15.353,16.264 C15.684,15.942 15.694,15.408 15.377,15.073 ZM6.745,2.185 C9.342,2.185 11.454,4.327 11.454,6.960 C11.454,9.593 9.342,11.734 6.745,11.734 C4.149,11.734 2.036,9.593 2.036,6.960 C2.036,4.327 4.149,2.185 6.745,2.185 Z"/></svg>');
	cursor: pointer;
}

.b-header__fake {
	display: none;
	position: relative;
	width: 252px;
	height: 36px;
	padding-right: 20px;
}
.b-header__fake:after {
	content: '';
	position: absolute;
	top: 9px;
	right: 28px;
	display: block;
	width: 1px;
	height: 25px;
	background-color: #dfe4eb;
	z-index: 15;
}

.b-header__arrow {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	z-index: 15;
	pointer-events: none;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}

.b-header__arrow--active {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.b-header__address {
	width: 100%;
	position: absolute;
	top: -8px;
	border-radius: 5px;
	z-index: 10;
	height: 46px;
	-webkit-transition: none;
	transition: none;
}

.b-header__address--active {
	height: 159px;
	background-color: #fff;
	-webkit-box-shadow: 0.2px 7px 15.5px 0.5px rgba(0, 0, 0, 0.15);
	box-shadow: 0.2px 7px 15.5px 0.5px rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.3s ease-in-out background-color,
	0.3s ease-in-out box-shadow;
	transition: 0.3s ease-in-out background-color, 0.3s ease-in-out box-shadow;
}
.b-header__address--active .b-header__address-item:last-child {
	opacity: 1;
	visibility: visible;
}
.b-header__address--active .b-header__address-item p:last-child {
	opacity: 1;
	visibility: visible;
}

.b-header__address-item {
	padding-top: 13px;
	padding-bottom: 13px;
	padding-right: 38px;
	padding-left: 10px;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}
.b-header__address-item:first-child {
	cursor: pointer;
}
.b-header__address-item:last-child {
	opacity: 0;
	visibility: hidden;
	border-top: 1px solid #dfe4eb;
}
.b-header__address-item p {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.17;
	text-align: left;
	color: #898989;
	margin: 0;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}
.b-header__address-item p:last-child {
	opacity: 0;
	visibility: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 8px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.b-header__address-item p:last-child span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.b-header__address-item p:last-child span:before {
	content: '';
	display: block;
	width: 22px;
	height: 17px;
	background-size: contain;
	margin-right: 4px;
	background-image: url('../images/header/i-metro_red.svg');
}
.b-header__address-item p a {
	color: #4275b5;
}

.b-header__phone {
	display: none;
	margin-left: 29px;
}
.b-header__phone a {
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	text-align: right;
	color: #000;
	text-decoration: none;
}
.b-header__phone a:hover {
	color: #000;
	text-decoration: none;
}
.b-header__phone p {
	display: none;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4;
	text-align: right;
	color: #898989;
	margin: 4px 0 0;
}

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

.b-header__footer-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.b-header__menu {
	position: relative;
	width: 100%;
	margin-left: -15px;
}
.b-header__menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.b-header__menu > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.b-header__menu > ul > li:hover > a {
	background-color: #dfe4eb;
}

/*.b-header__menu > ul > li.hover-item:hover .b-header__dropdown .b-header__sub-menu .b-header__sub-content {*/
	/*visibility: visible;*/
	/*opacity: 1;*/
/*}*/

.b-header__menu > ul > li.hover-item:hover .b-header__dropdown,
.b-header__menu > ul > li.hover-item:hover .b-header__dropdown .b-header__sub-menu > ul > li:first-child .b-header__sub-content,
.b-header__menu > ul > li.hover-item:hover .b-header__dropdown .b-header__sub-menu > ul > li:first-child .b-header__sub-content .b-header__sub-content-wrap
{
	opacity: 1;
	visibility: visible;
}

.b-header__menu > ul > li > a {
	padding: 19px 15px;
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	text-align: left;
	color: #323232;
	background-color: #fff;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
	text-decoration: none;
}
.b-header__menu > ul > li.bf-item > a {
	padding: 19px 3px;
	-webkit-transition: none;
	transition: none;
	background-color: transparent;
	color: #fff;
}
.b-header__menu > ul > li.bf-item > a span {
	border-radius: 15px;
	padding: 6px 12px;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
	background-color: #000;
}
.b-header__menu > ul > li.bf-item:hover > a {
	background-color: transparent;
	color: #000;
}
.b-header__menu > ul > li.bf-item:hover > a span {
	background-color: #fff;
}
.b-header__menu > ul > li.ny-item > a {
	padding: 19px 3px;
	-webkit-transition: none;
	transition: none;
	background-color: transparent;
	color: #fff;
}
.b-header__menu > ul > li.ny-item > a span {
	border-radius: 15px;
	padding: 6px 12px;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
	background-image: linear-gradient(267deg, #ebd95f, #25bf37, #4c79c3);
}
.b-header__menu > ul > li.ny-item > a span:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 15px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15"><path fill="#FFF" fill-rule="evenodd" d="M15.011 6.699H8.934v-1.87H7.065v1.87H.988a.467.467 0 0 1-.467-.467V4.829c0-.516.42-.936.935-.936h2.957a3.623 3.623 0 0 1-.522-.418A1.958 1.958 0 0 1 3.892.724c.732-.737 2.009-.737 2.742 0 .405.406 1.479 2.063 1.332 3.169h.067C7.885 2.787 8.96 1.13 9.365.724c.732-.737 2.009-.74 2.742 0a1.956 1.956 0 0 1 0 2.751c-.127.13-.309.274-.522.418h2.958c.516 0 .935.42.935.936v1.403c0 .258-.21.467-.467.467zm-9.04-5.315a.993.993 0 0 0-1.416 0 1.019 1.019 0 0 0 0 1.432c.403.406 1.636 1.077 2.282 1.077.133 0 .172-.031.172-.031.218-.225-.408-1.845-1.038-2.478zm5.473 0a1.018 1.018 0 0 0-1.416 0c-.63.633-1.256 2.253-1.039 2.478 0 .002.04.031.172.031.647 0 1.88-.671 2.283-1.077a1.017 1.017 0 0 0 0-1.432zM7.065 14.182H2.391a.936.936 0 0 1-.935-.935V7.635h5.609v6.547zm7.478-.935a.935.935 0 0 1-.935.935H8.934V7.635h5.609v5.612z"/></svg>');
	margin-right: 8px;
	vertical-align: bottom;
}

.b-header__dropdown {
	display: none;
	width: calc(100% + 30px);
	height: auto;
	position: absolute;
	top: 52px;
	left: 0;
	border-top: 4px solid #dfe4eb;
	border-left: 4px solid #dfe4eb;
	border-right: 4px solid #dfe4eb;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
}

.b-header__sub-menu {
	background-color: #fff;
	border-bottom: 1px solid #dfe4eb;
}
.b-header__sub-menu > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.b-header__menu > ul > li.hover-item:hover .b-header__dropdown .b-header__sub-menu > ul > li:hover span:after,
.b-header__sub-menu > ul > li:hover span:after {
	background-color: #000;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
.b-header__menu > ul > li.hover-item:hover .b-header__dropdown .b-header__sub-menu > ul > li:hover.sale-item span:after,
.b-header__sub-menu > ul > li:hover.sale-item span:after {
	background-color: #ea2d2d;
}
.b-header__menu > ul > li.hover-item:hover .b-header__dropdown .b-header__sub-menu > ul > li:hover .b-header__sub-content,
.b-header__sub-menu > ul > li:hover .b-header__sub-content {
	visibility: visible;
}
.b-header__menu > ul > li.hover-item:hover .b-header__dropdown .b-header__sub-menu > ul > li:hover .b-header__sub-content-wrap,
.b-header__sub-menu > ul > li:hover .b-header__sub-content-wrap {
	/*-webkit-transform: translate3d(0, 0, 0);*/
	/*transform: translate3d(0, 0, 0);*/
	opacity: 1;
	/*-webkit-transition: 0.4s ease-in-out all;*/
	/*transition: 0.4s ease-in-out all;*/
}
.b-header__sub-menu > ul > li.sale-item {
	position: relative;
}
.b-header__sub-menu > ul > li.sale-item a {
	color: #ea2d2d;
}
.b-header__sub-menu > ul > li > a {
	margin-top: -4px;
	padding: 23px 15px 19px;
	display: block;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	text-align: left;
	color: #000;
	text-decoration: none;
}
.b-header__sub-menu > ul > li > a span {
	position: relative;
}
.b-header__sub-menu > ul > li > a span:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 100%;
	height: 4px;
	background-color: transparent;
	z-index: 10;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}
.b-header__sub-menu .i-percent {
	position: absolute;
	right: -18px;
	top: 15px;
	display: block;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	background-color: #ea2d2d;
}
.b-header__sub-menu .i-percent:after {
	content: '%';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 900;
}

.b-header__sub-content {
	position: absolute;
	top: 54px;
	left: -4px;
	width: calc(100% + 8px);
	padding: 28px 15px;
	border-bottom: 4px solid #dfe4eb;
	border-left: 4px solid #dfe4eb;
	border-right: 4px solid #dfe4eb;
	visibility: hidden;
	background-color: #fff;
}
.b-header__sub-content ul li a {
	display: block;
	font-size: 13px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000;
	text-decoration: none;
}

.b-header__sub-content--active {
	visibility: visible;
}
.b-header__sub-content--active .b-header__sub-content-wrap {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: 0.4s ease-in-out all;
	transition: 0.4s ease-in-out all;
}

.b-header__sub-content-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
	opacity: 0;
	-webkit-transition: none;
	transition: none;
	will-change: opacity;
}
.b-header__sub-content-wrap > div:last-child {
	border-right: none;
}
.b-header__sub-content-wrap .i-dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #d27474;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: 10px;
}

.b-header__title-list {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000;
	margin-bottom: 20px;
}

.b-header__full-list {
	position: relative;
	border-right: 1px solid #dfe4eb;
	margin-left: -10px;
}
.b-header__full-list ul:not(:first-child) {
	margin-top: 24px;
}
.b-header__full-list ul > li {
	position: relative;
	padding-right: 24px;
}
.b-header__full-list ul > li:hover .b-header__sub-dropdown {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.b-header__full-list ul > li > a {
	border-radius: 3px;
	padding: 4.5px 10px;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}
.b-header__full-list ul > li > a:hover {
	background: #e3eaf3;
}
.b-header__full-list .b-header__title-list {
	margin-left: 10px;
}

.b-header__full-list-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.b-header__full-list--col-1 {
	width: 16.2%;
}
.b-header__full-list--col-1 .b-header__list-col {
	width: 100%;
}

.b-header__full-list--col-2 {
	width: 29.4%;
}
.b-header__full-list--col-2 .b-header__list-col {
	width: calc(100% / 2);
}

.b-header__full-list--col-3 {
	width: 43.2%;
}
.b-header__full-list--col-3 .b-header__list-col {
	width: calc(100% / 3);
}

.b-header__sub-dropdown {
	display: block;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	top: -10px;
	left: 100%;
	margin-left: -25px;
	-webkit-box-shadow: 0.2px 7px 15.5px 0.5px rgba(0, 0, 0, 0.15);
	box-shadow: 0.2px 7px 15.5px 0.5px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	min-width: 200px;
	z-index: 2;
	background: #fff;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px);
}
.b-header__sub-dropdown:before {
	content: '';
	position: absolute;
	top: 12px;
	left: -19px;
	border: 10px solid transparent;
	border-right-color: #fff;
}
.b-header__sub-dropdown > ul {
	padding-top: 10px;
}
.b-header__sub-dropdown > ul > li {
	padding-right: 0;
}
.b-header__sub-dropdown > ul > li a {
	font-size: 12px;
	font-weight: normal;
	display: block;
	padding: 0.5rem 15px;
}
.b-header__sub-dropdown > ul > li a:hover {
	background: #e3eaf3;
}

.b-header__vertical-list {
	width: 28.1%;
	padding: 0 30px;
	border-right: 1px solid #dfe4eb;
}
.b-header__vertical-list ul li {
	padding: 5px 0;
}
.b-header__vertical-list ul li .card-mini {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.b-header__vertical-list ul li .card-mini__img {
	width: 60px;
	margin-right: 20px;
	text-align: center;
}
.b-header__vertical-list ul li:not(:first-child) {
	border-top: 1px solid #dfe4eb;
}

.b-header__horizontal-list {
	width: 28.7%;
	padding: 0 30px;
	border-right: 1px solid #dfe4eb;
}
.b-header__horizontal-list ul {
	padding-top: 5px;
	width: calc(100% + 39px);
	margin-left: -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.b-header__horizontal-list ul li {
	width: 90px;
	margin: 0 5px 18px;
}
.b-header__horizontal-list ul li a {
	text-align: center;
}

.b-header__three-card {
	width: 70.6%;
	padding-left: 30px;
	padding-right: 0;
}
.b-header__three-card .card-menu {
	display: block;
	position: relative;
	text-decoration: none;
}
.b-header__three-card .card-menu.black-mask {
	z-index: auto;
}
.b-header__three-card .card-menu.black-mask .card-menu__img {
	position: relative;
	z-index: -1;
}
.b-header__three-card .card-menu.black-mask:after {
	opacity: 0;
}
.b-header__three-card .card-menu.black-mask:hover:after {
	opacity: 1;
}
.b-header__three-card .card-menu:after {
	content: '';
	display: block;
	top: -5px;
	left: -5px;
	position: absolute;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border: 2px solid #8fbbe1;
	-webkit-transform: scale(0.88);
	transform: scale(0.88);
	z-index: -1;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}
.b-header__three-card .card-menu:hover:after {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.b-header__three-card .card-menu:not(:first-child) {
	margin-left: 20px;
}
.b-header__three-card .card-menu__img img {
	max-width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.b-header__three-card .card-menu__name {
	bottom: 17px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 160px;
	position: absolute;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
	z-index: 10;
}
.b-header__three-card .card-menu--white .card-menu__name {
	color: #fff;
}
.b-header__three-card .card-menu--black .card-menu__name {
	color: #000;
}

.b-header__three-card-wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.b-header__lg-card {
	width: 55.7%;
	padding: 0 30px;
}

.b-header__lg-card-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.b-header__lg-card-wrap .card-view {
	width: 250px;
	text-decoration: none;
}
.b-header__lg-card-wrap .card-view:hover .card-view__name {
	color: #6091ce;
}
.b-header__lg-card-wrap .card-view:last-child {
	margin-left: 8%;
}
.b-header__lg-card-wrap .card-view__name {
	margin-top: 16px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.43;
	text-align: left;
	color: #000;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}

.b-header__sub-link {
	position: absolute;
	top: 2px;
	right: 13px;
	font-size: 13px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000;
	text-decoration: none;
}
.b-header__sub-link:hover {
	color: #000;
	text-decoration: underline;
}

.card-mini:hover .card-mini__img:before {
	background-color: transparent;
	-webkit-transform: scale(1);
	transform: scale(1);
	border-color: #8fbbe1;
}

.card-mini:hover .card-mini__name {
	color: #6091ce;
}

.card-mini:hover.card-mini--gradient .card-mini__img:before {
	background-color: #fff;
	border: none;
	-webkit-transform: none;
	transform: none;
}

.card-mini--gradient .card-mini__img {
	border-radius: 8px;
	background: linear-gradient(
			268deg,
			#fddb77,
			#fa7e1f,
			#d82777,
			#962fbf,
			#4f5cd2
	);
	background-size: 1000% 1000%;
	-webkit-animation: gradient 4s ease infinite;
	animation: gradient 4s ease infinite;
}
.card-mini--gradient .card-mini__img img {
	position: relative;
	z-index: 10;
}
.card-mini--gradient .card-mini__img:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	display: block;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background-color: #fff;
	z-index: 5;
	border: none;
	-webkit-transform: none;
	transform: none;
	border-radius: 6px;
}

@-webkit-keyframes gradient {
	0% {
		background-position: 0% 24%;
	}
	50% {
		background-position: 100% 77%;
	}
	100% {
		background-position: 0% 24%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 24%;
	}
	50% {
		background-position: 100% 77%;
	}
	100% {
		background-position: 0% 24%;
	}
}

.card-mini__img {
	position: relative;
	display: block;
	padding: 5px;
	border-radius: 8px;
}
.card-mini__img:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 2px solid #fff;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
	background-color: transparent;
	z-index: -1;
}
.card-mini__img img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
}

.card-mini__name {
	margin-top: 3px;
	display: block;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}

.b-header__options {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.b-header__icon {
	margin-right: 20px;
}
.b-header__icon_img {
	display: block;
	text-align: center;
}
.b-header__icon_title {
	display: flex;
	text-align: center;
	align-items: center;
}

.b-header__login {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill-rule="evenodd" d="M17.103 12.784a9.471 9.471 0 0 0-3.611-2.266 5.494 5.494 0 0 0 2.386-4.528A5.501 5.501 0 0 0 10.383.495 5.501 5.501 0 0 0 4.888 5.99c0 1.877.946 3.537 2.385 4.528a9.471 9.471 0 0 0-3.611 2.266 9.443 9.443 0 0 0-2.784 6.721h1.485c0-4.422 3.598-8.02 8.02-8.02s8.019 3.598 8.019 8.02h1.485a9.439 9.439 0 0 0-2.784-6.721zM10.383 10a4.015 4.015 0 0 1-4.01-4.01 4.015 4.015 0 0 1 4.01-4.01 4.014 4.014 0 0 1 4.009 4.01A4.014 4.014 0 0 1 10.383 10z"/></svg>');
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}
.b-header__login:hover {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="%236091ce" fill-rule="evenodd" d="M17.103 12.784a9.471 9.471 0 0 0-3.611-2.266 5.494 5.494 0 0 0 2.386-4.528A5.501 5.501 0 0 0 10.383.495 5.501 5.501 0 0 0 4.888 5.99c0 1.877.946 3.537 2.385 4.528a9.471 9.471 0 0 0-3.611 2.266 9.443 9.443 0 0 0-2.784 6.721h1.485c0-4.422 3.598-8.02 8.02-8.02s8.019 3.598 8.019 8.02h1.485a9.439 9.439 0 0 0-2.784-6.721zM10.383 10a4.015 4.015 0 0 1-4.01-4.01 4.015 4.015 0 0 1 4.01-4.01 4.014 4.014 0 0 1 4.009 4.01A4.014 4.014 0 0 1 10.383 10z"/></svg>');
}

.b-header__logout {
	width: 30px;
	height: 30px;
	margin-right: 20px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 96 96' style='enable-background:new 0 0 96 96;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23333333;%7D%0A%3C/style%3E%3Cg id='XMLID_2_'%3E%3Cpath id='XMLID_6_' class='st0' d='M18.8,18v60h5.5l22.3-4.2v-4.1l-22.1,2.8V23.5l22.1,2.8v-4.1L24.3,18L18.8,18z M60.4,31.1 L56.7,35l10.4,10.4H36.3v5.3h30.8L56.7,61l3.7,3.7L77.2,48L60.4,31.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}

.b-header__favorite {
	width: 23px;
	height: 20px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="20"><path fill-rule="evenodd" d="M20.863 2.375A5.446 5.446 0 0 0 16.721.51c-2.265 0-3.699 1.352-4.503 2.486-.209.295-.386.59-.535.867a8.33 8.33 0 0 0-.536-.867C10.343 1.862 8.909.51 6.644.51a5.446 5.446 0 0 0-4.142 1.865C1.49 3.522.933 5.058.933 6.7c0 1.787.699 3.45 2.198 5.232 1.34 1.593 3.268 3.235 5.501 5.136.832.708 1.692 1.441 2.608 2.242l.028.024a.627.627 0 0 0 .829 0l.028-.024c.916-.801 1.776-1.534 2.608-2.242 2.233-1.901 4.161-3.543 5.501-5.136 1.5-1.782 2.198-3.445 2.198-5.232 0-1.642-.557-3.178-1.569-4.325zM13.916 16.11c-.717.61-1.455 1.239-2.233 1.915-.779-.676-1.517-1.304-2.234-1.915-4.37-3.721-7.256-6.179-7.256-9.41 0-1.336.445-2.576 1.254-3.493a4.207 4.207 0 0 1 3.197-1.438c1.727 0 2.843 1.063 3.476 1.955.567.8.863 1.606.964 1.916a.629.629 0 0 0 1.198 0c.1-.31.396-1.116.964-1.916.632-.892 1.748-1.955 3.475-1.955 1.244 0 2.379.511 3.197 1.438.809.917 1.254 2.157 1.254 3.493 0 3.231-2.886 5.689-7.256 9.41z"/></svg>');
	margin: 0 29px 0 0;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
}
.b-header__favorite:hover {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="20"><path fill="%236091ce" fill-rule="evenodd" d="M20.863 2.375A5.446 5.446 0 0 0 16.721.51c-2.265 0-3.699 1.352-4.503 2.486-.209.295-.386.59-.535.867a8.33 8.33 0 0 0-.536-.867C10.343 1.862 8.909.51 6.644.51a5.446 5.446 0 0 0-4.142 1.865C1.49 3.522.933 5.058.933 6.7c0 1.787.699 3.45 2.198 5.232 1.34 1.593 3.268 3.235 5.501 5.136.832.708 1.692 1.441 2.608 2.242l.028.024a.627.627 0 0 0 .829 0l.028-.024c.916-.801 1.776-1.534 2.608-2.242 2.233-1.901 4.161-3.543 5.501-5.136 1.5-1.782 2.198-3.445 2.198-5.232 0-1.642-.557-3.178-1.569-4.325zM13.916 16.11c-.717.61-1.455 1.239-2.233 1.915-.779-.676-1.517-1.304-2.234-1.915-4.37-3.721-7.256-6.179-7.256-9.41 0-1.336.445-2.576 1.254-3.493a4.207 4.207 0 0 1 3.197-1.438c1.727 0 2.843 1.063 3.476 1.955.567.8.863 1.606.964 1.916a.629.629 0 0 0 1.198 0c.1-.31.396-1.116.964-1.916.632-.892 1.748-1.955 3.475-1.955 1.244 0 2.379.511 3.197 1.438.809.917 1.254 2.157 1.254 3.493 0 3.231-2.886 5.689-7.256 9.41z"/></svg>');
}

.b-header__basket {
	display: inline-block;
	position: relative;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	padding: 2px 4px;
	margin-top: 2px;
	border: 2px solid #000;
	color: #000;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out border-color;
	transition: 0.3s ease-in-out border-color;
}
.b-header__basket:hover {
	color: #000;
	text-decoration: none;
}
.b-header__basket:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 8px;
	height: 9px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 7.75 8.81"><path fill-rule="evenodd" d="M1340.64,1047.8V1047a3.862,3.862,0,1,1,7.72,0v0.8m-1.54-.8a2.321,2.321,0,1,0-4.64,0v0.8h4.64V1047Zm1.54,1.4v3.4h-1.54v-3.4h-4.64v3.4h-1.54v-3.4" transform="translate(-1340.63 -1043)"/></svg>');
	z-index: 10;
	-webkit-transition: 0.3s ease-in-out background-image;
	transition: 0.3s ease-in-out background-image;
}
.b-header__basket:hover {
	border-color: #6091ce;
}
.b-header__basket:hover:after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 7.75 8.81"><path fill="%236091ce" fill-rule="evenodd" d="M1340.64,1047.8V1047a3.862,3.862,0,1,1,7.72,0v0.8m-1.54-.8a2.321,2.321,0,1,0-4.64,0v0.8h4.64V1047Zm1.54,1.4v3.4h-1.54v-3.4h-4.64v3.4h-1.54v-3.4" transform="translate(-1340.63 -1043)"/></svg>');
}

.b-header__overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 5;
	visibility: hidden;
	-webkit-transition: 0.3s ease-in-out all;
	transition: 0.3s ease-in-out all;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-delay: 0;
	transition-delay: 0;
}

.b-header__overlay--active {
	visibility: visible;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.b-header__mobile {
	width: 100%;
	height: 54px;
	background-color: #fff;
}
.b-header__mobile .container {
	height: 100%;
}

.b-header__mobile-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}
.b-header__mobile-wrap .b-header__basket {
	position: absolute;
	right: 0;
	margin: auto;
}

.b-header__mobile-search {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 40px;
	width: 24px;
	height: 24px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"><path fill-rule="evenodd" fill="%23000000" d="M22.667,21.859 L16.994,15.918 C18.453,14.173 19.252,11.976 19.252,9.689 C19.252,4.347 14.934,-0.000 9.628,-0.000 C4.322,-0.000 0.004,4.347 0.004,9.689 C0.004,15.032 4.322,19.379 9.628,19.379 C11.620,19.379 13.518,18.774 15.142,17.626 L20.858,23.612 C21.097,23.861 21.418,23.999 21.762,23.999 C22.088,23.999 22.397,23.874 22.632,23.646 C23.131,23.163 23.147,22.362 22.667,21.859 ZM9.628,2.527 C13.550,2.527 16.741,5.740 16.741,9.689 C16.741,13.639 13.550,16.851 9.628,16.851 C5.706,16.851 2.515,13.639 2.515,9.689 C2.515,5.740 5.706,2.527 9.628,2.527 Z"/></svg>');
}

.b-header__btn-menu {
	margin-right: 20px;
	cursor: pointer;
}
.b-header__btn-menu span {
	position: relative;
	display: block;
	width: 20px;
	height: 3px;
	border-radius: 1px;
	background-color: #000;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.b-header__btn-menu span:nth-child(2) {
	margin-top: 6px;
}
.b-header__btn-menu.active span:nth-child(1) {
	top: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.b-header__btn-menu.active span:nth-child(2) {
	top: -4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.b-header__close-search {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 10px;
	height: 11px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="11px"><path fill-rule="evenodd" fill="%23000000" d="M9.858,9.365 L8.725,10.500 L5.002,6.771 L1.278,10.500 L0.145,9.365 L4.003,5.502 L0.142,1.635 L1.275,0.500 L4.998,4.229 L8.722,0.500 L9.855,1.635 L5.997,5.498 L9.858,9.365 Z"/></svg>');
}

.b-header__profile-menu {
	position: absolute;
	background: #ffffff;
	padding: 10px;
	top: 35px;
	left: -20px;
	width: 170px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.b-header__profile-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.b-header__profile-menu ul li {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: thin solid #cccccc;
	cursor: pointer;
}
.b-header__profile-menu ul li:first-child {
	padding-top: 5px;
}
.b-header__profile-menu ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.b-header__profile-menu a {
	color: #555;
	text-decoration: none;
}

.b-header__profile-menu ul li:hover a,
.b-header__profile-menu a:hover {
	text-decoration: none;
	color: black;
}


@media (min-width: 768px) {
	.b-header__mobile {
		display: none;
	}
	.b-header__close-search {
		display: none;
	}
	.b-header__top {
		display: block;
	}
	.b-header__logo-mobile {
		display: none;
	}
	.b-header__logo {
		display: block;
	}
	.b-header__phone {
		display: block;
	}
	.b-header__body {
		position: static;
		-webkit-transform: none;
		transform: none;
		border-top: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-bottom: 1px solid #dfe4eb;
	}
	.b-header__body-wrap {
		padding: 10px 0;
	}
	.b-header__search {
		margin-left: 20px;
		width: calc(100% - 252px - 172px - 20px);
	}
	.b-header__search input {
		color: #575757;
		border: 1px solid #dfe4eb;
		background-color: #f9f9f9;
		padding: 9px 16px;
	}
	.b-header__search button {
		display: block;
	}
	.b-header__footer {
		display: block;
	}
	.b-header__btn-menu {
		margin-right: 30px;
	}
}

@media (min-width: 992px) {
	.b-header__phone p {
		display: block;
	}
	.b-header__btn-menu {
		display: none;
	}
	.b-header__footer {
		display: block;
	}
	.b-header__body-wrap {
		padding: 13px 0;
	}
	.b-header__fake {
		display: block;
	}
	.b-header__search {
		width: calc(100% - 252px - 430px - 40px);
	}
	.b-header__overlay {
		display: block;
	}
	.b-header__dropdown {
		display: block;
	}
}

.b-header__all-brands {
	position: absolute;
	top: 3px;
	right: 32px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 14px;
	letter-spacing: normal;
	text-align: left;
	color: #4275b5;
	text-decoration: underline;
}
.b-header__all-brands:hover {
	color: #4275b5;
	text-decoration: none;
}